@sberbusiness/triplex-next 1.34.0 → 1.35.0

package/components/IconWrapper/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/components/ImageGallery/ImageGallery.js

@@ -1,75 +1,81 @@
-import { jsxs as d, jsx as r, Fragment as R } from "react/jsx-runtime";
-import j, { useState as v } from "react";
-import { MobileView as D } from "../MobileView/MobileView.js";
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import React__default, { useState } from "react";
+import { MobileView } from "../MobileView/MobileView.js";
 import "../MobileView/useMobileView.js";
-import { ImageGalleryExtended as e } from "../ImageGalleryExtended/ImageGalleryExtended.js";
+import { ImageGalleryExtended } from "../ImageGalleryExtended/ImageGalleryExtended.js";
 import "../ImageGalleryExtended/ImageGalleryExtendedContext.js";
 import "../ImageGalleryExtended/components/ImageGalleryExtendedMain.js";
 import "../ImageGalleryExtended/components/ImageGalleryExtendedNav.js";
 import "../ImageGalleryExtended/components/ImageGalleryExtendedArrow.js";
 import "../ImageGalleryExtended/components/ImageGalleryExtendedThumbnails.js";
-import "../../chunks/ImageGalleryExtendedThumb-DyFhUrYf.js";
+import "../../chunks/ImageGalleryExtendedThumb-BqJ4CNqO.js";
 import "../ImageGalleryExtended/components/ImageGalleryExtendedDots.js";
-import { EImageGalleryArrowDirection as a } from "../ImageGalleryExtended/enums.js";
-const M = j.forwardRef(
+import { EImageGalleryArrowDirection } from "../ImageGalleryExtended/enums.js";
+const ImageGallery = React__default.forwardRef(
   ({
-    items: m,
-    selectedId: o,
-    defaultId: c,
-    onChange: t,
-    onImageClick: p,
-    height: s = "auto",
-    withBlur: u = !0,
-    showThumbnails: f = !0,
-    showDots: h = !0,
-    prevArrowProps: I,
-    nextArrowProps: b,
-    thumbnailsProps: w,
-    dotsProps: y,
-    ...g
-  }, x) => {
-    const l = o !== void 0, [E, G] = v(c);
-    return /* @__PURE__ */ d(
-      e,
+    items,
+    selectedId,
+    defaultId,
+    onChange,
+    onImageClick,
+    height = "auto",
+    withBlur = true,
+    showThumbnails = true,
+    showDots = true,
+    prevArrowProps,
+    nextArrowProps,
+    thumbnailsProps,
+    dotsProps,
+    ...rest
+  }, ref) => {
+    const isControlled = selectedId !== void 0;
+    const [innerId, setInnerId] = useState(defaultId);
+    const currentId = isControlled ? selectedId : innerId;
+    const handleChange = (id) => {
+      if (!isControlled) {
+        setInnerId(id);
+      }
+      onChange == null ? void 0 : onChange(id);
+    };
+    return /* @__PURE__ */ jsxs(
+      ImageGalleryExtended,
       {
-        ref: x,
-        ...g,
-        items: m,
-        selectedId: (l ? o : E) ?? "",
-        onChange: (i) => {
-          l || G(i), t == null || t(i);
-        },
+        ref,
+        ...rest,
+        items,
+        selectedId: currentId ?? "",
+        onChange: handleChange,
         children: [
-          /* @__PURE__ */ r(e.Main, { height: s, withBlur: u, onImageClick: p, children: /* @__PURE__ */ r(e.Nav, { children: ({ onPrev: i, onNext: k, isFirst: A, isLast: N, itemsCount: n }) => /* @__PURE__ */ d(R, { children: [
-            /* @__PURE__ */ r(
-              e.Arrow,
+          /* @__PURE__ */ jsx(ImageGalleryExtended.Main, { height, withBlur, onImageClick, children: /* @__PURE__ */ jsx(ImageGalleryExtended.Nav, { children: ({ onPrev, onNext, isFirst, isLast, itemsCount }) => /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(
+              ImageGalleryExtended.Arrow,
               {
-                ...I,
-                direction: a.PREV,
-                onClick: i,
-                disabled: A,
-                hidden: n <= 1
+                ...prevArrowProps,
+                direction: EImageGalleryArrowDirection.PREV,
+                onClick: onPrev,
+                disabled: isFirst,
+                hidden: itemsCount <= 1
               }
             ),
-            /* @__PURE__ */ r(
-              e.Arrow,
+            /* @__PURE__ */ jsx(
+              ImageGalleryExtended.Arrow,
               {
-                ...b,
-                direction: a.NEXT,
-                onClick: k,
-                disabled: N,
-                hidden: n <= 1
+                ...nextArrowProps,
+                direction: EImageGalleryArrowDirection.NEXT,
+                onClick: onNext,
+                disabled: isLast,
+                hidden: itemsCount <= 1
               }
             )
           ] }) }) }),
-          /* @__PURE__ */ r(D, { fallback: f ? /* @__PURE__ */ r(e.Thumbnails, { ...w }) : null, children: h ? /* @__PURE__ */ r(e.Dots, { ...y }) : null })
+          /* @__PURE__ */ jsx(MobileView, { fallback: showThumbnails ? /* @__PURE__ */ jsx(ImageGalleryExtended.Thumbnails, { ...thumbnailsProps }) : null, children: showDots ? /* @__PURE__ */ jsx(ImageGalleryExtended.Dots, { ...dotsProps }) : null })
         ]
       }
     );
   }
 );
-M.displayName = "ImageGallery";
+ImageGallery.displayName = "ImageGallery";
 export {
-  M as ImageGallery
+  ImageGallery
 };
 //# sourceMappingURL=ImageGallery.js.map

package/components/ImageGallery/ImageGallery.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageGallery.js","sources":["../../../src/components/ImageGallery/ImageGallery.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport { MobileView } from \"../MobileView\";\nimport { ImageGalleryExtended, EImageGalleryArrowDirection } from \"../ImageGalleryExtended\";\nimport { IImageGalleryProps } from \"./types\";\n\n/**\n * Галерея изображений с лентой миниатюр (десктоп) и тиками-индикаторами (мобильный).\n *\n * Тонкая обёртка над `ImageGalleryExtended`: задаёт пресет раскладки\n * (`Main` + миниатюры/тики через `MobileView`) и добавляет uncontrolled-режим\n * (`defaultId`). Изображения задаются массивом `items`.\n * Поддерживает controlled (`selectedId` + `onChange`) и uncontrolled режимы.\n */\nexport const ImageGallery = React.forwardRef<HTMLDivElement, IImageGalleryProps>(\n    (\n        {\n            items,\n            selectedId,\n            defaultId,\n            onChange,\n            onImageClick,\n            height = \"auto\",\n            withBlur = true,\n            showThumbnails = true,\n            showDots = true,\n            prevArrowProps,\n            nextArrowProps,\n            thumbnailsProps,\n            dotsProps,\n            ...rest\n        },\n        ref,\n    ) => {\n        const isControlled = selectedId !== undefined;\n        const [innerId, setInnerId] = useState(defaultId);\n        const currentId = isControlled ? selectedId : innerId;\n\n        // ImageGalleryExtended резолвит id в позицию и вызывает onChange только\n        // при реальной смене. Пустой id (нет defaultId) → показывается первый элемент.\n        const handleChange = (id: string) => {\n            if (!isControlled) {\n                setInnerId(id);\n            }\n            onChange?.(id);\n        };\n\n        return (\n            <ImageGalleryExtended\n                ref={ref}\n                {...rest}\n                items={items}\n                selectedId={currentId ?? \"\"}\n                onChange={handleChange}\n            >\n                <ImageGalleryExtended.Main height={height} withBlur={withBlur} onImageClick={onImageClick}>\n                    <ImageGalleryExtended.Nav>\n                        {({ onPrev, onNext, isFirst, isLast, itemsCount }) => (\n                            <>\n                                <ImageGalleryExtended.Arrow\n                                    {...prevArrowProps}\n                                    direction={EImageGalleryArrowDirection.PREV}\n                                    onClick={onPrev}\n                                    disabled={isFirst}\n                                    hidden={itemsCount <= 1}\n                                />\n                                <ImageGalleryExtended.Arrow\n                                    {...nextArrowProps}\n                                    direction={EImageGalleryArrowDirection.NEXT}\n                                    onClick={onNext}\n                                    disabled={isLast}\n                                    hidden={itemsCount <= 1}\n                                />\n                            </>\n                        )}\n                    </ImageGalleryExtended.Nav>\n                </ImageGalleryExtended.Main>\n\n                <MobileView fallback={showThumbnails ? <ImageGalleryExtended.Thumbnails {...thumbnailsProps} /> : null}>\n                    {showDots ? <ImageGalleryExtended.Dots {...dotsProps} /> : null}\n                </MobileView>\n            </ImageGalleryExtended>\n        );\n    },\n);\n\nImageGallery.displayName = \"ImageGallery\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;;AAaO,MAAM,eAAeA,eAAM;AAAA,EAC9B,CACI;AAAA,IACI;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT,WAAW;AAAA,IACX,iBAAiB;AAAA,IACjB,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,GAEP,QACC;AACD,UAAM,eAAe,eAAe;AACpC,UAAM,CAAC,SAAS,UAAU,IAAI,SAAS,SAAS;AAChD,UAAM,YAAY,eAAe,aAAa;AAI9C,UAAM,eAAe,CAAC,OAAe;AACjC,UAAI,CAAC,cAAc;AACf,mBAAW,EAAE;AAAA,MACjB;AACA,2CAAW;AAAA,IACf;AAEA,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG;AAAA,QACC,GAAG;AAAA,QACJ;AAAA,QACA,YAAY,aAAa;AAAA,QACzB,UAAU;AAAA,QAEV,UAAA;AAAA,UAAA,oBAAC,qBAAqB,MAArB,EAA0B,QAAgB,UAAoB,cAC3D,8BAAC,qBAAqB,KAArB,EACI,UAAA,CAAC,EAAE,QAAQ,QAAQ,SAAS,QAAQ,WAAA,MACjC,qBAAA,UAAA,EACI,UAAA;AAAA,YAAA;AAAA,cAAC,qBAAqB;AAAA,cAArB;AAAA,gBACI,GAAG;AAAA,gBACJ,WAAW,4BAA4B;AAAA,gBACvC,SAAS;AAAA,gBACT,UAAU;AAAA,gBACV,QAAQ,cAAc;AAAA,cAAA;AAAA,YAAA;AAAA,YAE1B;AAAA,cAAC,qBAAqB;AAAA,cAArB;AAAA,gBACI,GAAG;AAAA,gBACJ,WAAW,4BAA4B;AAAA,gBACvC,SAAS;AAAA,gBACT,UAAU;AAAA,gBACV,QAAQ,cAAc;AAAA,cAAA;AAAA,YAAA;AAAA,UAC1B,EAAA,CACJ,GAER,GACJ;AAAA,UAEA,oBAAC,cAAW,UAAU,qCAAkB,qBAAqB,YAArB,EAAiC,GAAG,gBAAA,CAAiB,IAAK,MAC7F,UAAA,+BAAY,qBAAqB,MAArB,EAA2B,GAAG,WAAW,IAAK,KAAA,CAC/D;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGZ;AACJ;AAEA,aAAa,cAAc;"}

package/components/ImageGallery/index.js

@@ -1,5 +1,5 @@
-import { ImageGallery as a } from "./ImageGallery.js";
+import { ImageGallery } from "./ImageGallery.js";
 export {
-  a as ImageGallery
+  ImageGallery
 };
 //# sourceMappingURL=index.js.map

package/components/ImageGallery/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/components/ImageGallery/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/components/ImageGalleryExtended/ImageGalleryExtended.js

@@ -1,72 +1,89 @@
-import { jsx as p } from "react/jsx-runtime";
-import b, { useCallback as n } from "react";
-import { c as T } from "../../chunks/vendor-D5cfSbgz.js";
-import { isKey as I } from "../../utils/keyboard.js";
-import { ImageGalleryExtendedContext as N } from "./ImageGalleryExtendedContext.js";
-import { ImageGalleryExtendedMain as _ } from "./components/ImageGalleryExtendedMain.js";
-import { ImageGalleryExtendedNav as A } from "./components/ImageGalleryExtendedNav.js";
-import { ImageGalleryExtendedArrow as M } from "./components/ImageGalleryExtendedArrow.js";
-import { ImageGalleryExtendedThumbnails as k } from "./components/ImageGalleryExtendedThumbnails.js";
-import { I as v } from "../../chunks/ImageGalleryExtendedThumb-DyFhUrYf.js";
-import { ImageGalleryExtendedDots as O } from "./components/ImageGalleryExtendedDots.js";
+import { jsx } from "react/jsx-runtime";
+import React__default, { useCallback } from "react";
+import { c as clsx } from "../../chunks/vendor-Bco_z_Yi.js";
+import { isKey } from "../../utils/keyboard.js";
+import { ImageGalleryExtendedContext } from "./ImageGalleryExtendedContext.js";
+import { ImageGalleryExtendedMain } from "./components/ImageGalleryExtendedMain.js";
+import { ImageGalleryExtendedNav } from "./components/ImageGalleryExtendedNav.js";
+import { ImageGalleryExtendedArrow } from "./components/ImageGalleryExtendedArrow.js";
+import { ImageGalleryExtendedThumbnails } from "./components/ImageGalleryExtendedThumbnails.js";
+import { I as ImageGalleryExtendedThumb } from "../../chunks/ImageGalleryExtendedThumb-BqJ4CNqO.js";
+import { ImageGalleryExtendedDots } from "./components/ImageGalleryExtendedDots.js";
 import "./enums.js";
-const P = "root__a59f45da", j = {
-  root: P
-}, g = b.forwardRef(
-  ({ items: r, children: u, className: h, selectedId: d, onChange: i, onKeyDown: t, tabIndex: E, ...G }, y) => {
-    const c = r.findIndex((e) => e.id === d), a = c >= 0 ? c : 0, o = n(
-      (e) => {
-        var f;
-        const l = r.length > 0 ? Math.min(Math.max(e, 0), r.length - 1) : 0, m = (f = r[l]) == null ? void 0 : f.id;
-        m !== void 0 && m !== d && i(m);
+const root = "root__eb829202";
+const styles = {
+  root
+};
+const ImageGalleryExtendedRoot = React__default.forwardRef(
+  ({ items, children, className, selectedId, onChange, onKeyDown, tabIndex, ...rest }, ref) => {
+    const rawIndex = items.findIndex((item) => item.id === selectedId);
+    const currentIndex = rawIndex >= 0 ? rawIndex : 0;
+    const handleSelect = useCallback(
+      (next) => {
+        var _a;
+        const clamped = items.length > 0 ? Math.min(Math.max(next, 0), items.length - 1) : 0;
+        const nextId = (_a = items[clamped]) == null ? void 0 : _a.id;
+        if (nextId !== void 0 && nextId !== selectedId) {
+          onChange(nextId);
+        }
       },
-      [r, d, i]
-    ), s = n(() => o(a - 1), [a, o]), x = n(() => o(a + 1), [a, o]), R = (e) => {
-      if (e.target !== e.currentTarget) {
-        t == null || t(e);
+      [items, selectedId, onChange]
+    );
+    const handlePrev = useCallback(() => handleSelect(currentIndex - 1), [currentIndex, handleSelect]);
+    const handleNext = useCallback(() => handleSelect(currentIndex + 1), [currentIndex, handleSelect]);
+    const handleKeyDown = (event) => {
+      if (event.target !== event.currentTarget) {
+        onKeyDown == null ? void 0 : onKeyDown(event);
         return;
       }
-      const l = e.code || e.keyCode;
-      I(l, "ARROW_LEFT") ? (e.preventDefault(), s()) : I(l, "ARROW_RIGHT") && (e.preventDefault(), x()), t == null || t(e);
+      const key = event.code || event.keyCode;
+      if (isKey(key, "ARROW_LEFT")) {
+        event.preventDefault();
+        handlePrev();
+      } else if (isKey(key, "ARROW_RIGHT")) {
+        event.preventDefault();
+        handleNext();
+      }
+      onKeyDown == null ? void 0 : onKeyDown(event);
     };
-    return /* @__PURE__ */ p(
-      N.Provider,
+    return /* @__PURE__ */ jsx(
+      ImageGalleryExtendedContext.Provider,
       {
         value: {
-          items: r,
-          selectedIndex: a,
-          onSelect: o,
-          onPrev: s,
-          onNext: x
+          items,
+          selectedIndex: currentIndex,
+          onSelect: handleSelect,
+          onPrev: handlePrev,
+          onNext: handleNext
         },
-        children: /* @__PURE__ */ p(
+        children: /* @__PURE__ */ jsx(
           "div",
           {
-            ...G,
-            tabIndex: E ?? 0,
-            ref: y,
-            className: T(j.root, h),
-            onKeyDown: R,
-            children: u
+            ...rest,
+            tabIndex: tabIndex ?? 0,
+            ref,
+            className: clsx(styles.root, className),
+            onKeyDown: handleKeyDown,
+            children
           }
         )
       }
     );
   }
 );
-g.displayName = "ImageGalleryExtended";
-const V = Object.assign(
-  g,
+ImageGalleryExtendedRoot.displayName = "ImageGalleryExtended";
+const ImageGalleryExtended = Object.assign(
+  ImageGalleryExtendedRoot,
   {
-    Main: _,
-    Nav: A,
-    Arrow: M,
-    Thumbnails: k,
-    Thumb: v,
-    Dots: O
+    Main: ImageGalleryExtendedMain,
+    Nav: ImageGalleryExtendedNav,
+    Arrow: ImageGalleryExtendedArrow,
+    Thumbnails: ImageGalleryExtendedThumbnails,
+    Thumb: ImageGalleryExtendedThumb,
+    Dots: ImageGalleryExtendedDots
   }
 );
 export {
-  V as ImageGalleryExtended
+  ImageGalleryExtended
 };
 //# sourceMappingURL=ImageGalleryExtended.js.map

package/components/ImageGalleryExtended/ImageGalleryExtended.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageGalleryExtended.js","sources":["../../../src/components/ImageGalleryExtended/ImageGalleryExtended.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport clsx from \"clsx\";\nimport { isKey } from \"../../utils/keyboard\";\nimport { ImageGalleryExtendedContext } from \"./ImageGalleryExtendedContext\";\nimport { ImageGalleryExtendedMain } from \"./components/ImageGalleryExtendedMain\";\nimport { ImageGalleryExtendedNav } from \"./components/ImageGalleryExtendedNav\";\nimport { ImageGalleryExtendedArrow } from \"./components/ImageGalleryExtendedArrow\";\nimport { ImageGalleryExtendedThumbnails } from \"./components/ImageGalleryExtendedThumbnails\";\nimport { ImageGalleryExtendedThumb } from \"./components/ImageGalleryExtendedThumb\";\nimport { ImageGalleryExtendedDots } from \"./components/ImageGalleryExtendedDots\";\nimport { IImageGalleryExtendedProps } from \"./types\";\nimport styles from \"./styles/ImageGalleryExtended.module.less\";\n\n/** Внутренние составляющие компонента ImageGalleryExtended. */\ninterface IImageGalleryExtendedComposition {\n    Main: typeof ImageGalleryExtendedMain;\n    Nav: typeof ImageGalleryExtendedNav;\n    Arrow: typeof ImageGalleryExtendedArrow;\n    Thumbnails: typeof ImageGalleryExtendedThumbnails;\n    Thumb: typeof ImageGalleryExtendedThumb;\n    Dots: typeof ImageGalleryExtendedDots;\n}\n\n/**\n * Базовый (controlled) компонент галереи изображений. Изображения задаются\n * массивом `items`, управляет активным индексом и стрелочной навигацией,\n * раздаёт данные составным частям через контекст. Раскладка — декларативно:\n *\n * ```tsx\n * <ImageGalleryExtended\n *     items={[{ id: \"a\", src: \"1.jpg\", alt: \"…\" }]}\n *     selectedId={id}\n *     onChange={setId}\n * >\n *     <ImageGalleryExtended.Main withBlur />\n *     <ImageGalleryExtended.Thumbnails />\n * </ImageGalleryExtended>\n * ```\n *\n * Uncontrolled-режим и пресет раскладки см. в `ImageGallery`.\n */\nconst ImageGalleryExtendedRoot = React.forwardRef<HTMLDivElement, IImageGalleryExtendedProps>(\n    ({ items, children, className, selectedId, onChange, onKeyDown, tabIndex, ...rest }, ref) => {\n        // Активный id резолвится в позицию; неизвестный/отсутствующий id → первый элемент.\n        const rawIndex = items.findIndex((item) => item.id === selectedId);\n        const currentIndex = rawIndex >= 0 ? rawIndex : 0;\n\n        const handleSelect = useCallback(\n            (next: number) => {\n                const clamped = items.length > 0 ? Math.min(Math.max(next, 0), items.length - 1) : 0;\n                const nextId = items[clamped]?.id;\n                if (nextId !== undefined && nextId !== selectedId) {\n                    onChange(nextId);\n                }\n            },\n            [items, selectedId, onChange],\n        );\n\n        const handlePrev = useCallback(() => handleSelect(currentIndex - 1), [currentIndex, handleSelect]);\n        const handleNext = useCallback(() => handleSelect(currentIndex + 1), [currentIndex, handleSelect]);\n\n        const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n            if (event.target !== event.currentTarget) {\n                onKeyDown?.(event);\n                return;\n            }\n\n            const key = event.code || event.keyCode;\n\n            if (isKey(key, \"ARROW_LEFT\")) {\n                event.preventDefault();\n                handlePrev();\n            } else if (isKey(key, \"ARROW_RIGHT\")) {\n                event.preventDefault();\n                handleNext();\n            }\n\n            onKeyDown?.(event);\n        };\n\n        return (\n            <ImageGalleryExtendedContext.Provider\n                value={{\n                    items,\n                    selectedIndex: currentIndex,\n                    onSelect: handleSelect,\n                    onPrev: handlePrev,\n                    onNext: handleNext,\n                }}\n            >\n                <div\n                    {...rest}\n                    tabIndex={tabIndex ?? 0}\n                    ref={ref}\n                    className={clsx(styles.root, className)}\n                    onKeyDown={handleKeyDown}\n                >\n                    {children}\n                </div>\n            </ImageGalleryExtendedContext.Provider>\n        );\n    },\n);\n\nImageGalleryExtendedRoot.displayName = \"ImageGalleryExtended\";\n\n/** Compound-компонент с составными частями галереи. */\nexport const ImageGalleryExtended: typeof ImageGalleryExtendedRoot & IImageGalleryExtendedComposition = Object.assign(\n    ImageGalleryExtendedRoot,\n    {\n        Main: ImageGalleryExtendedMain,\n        Nav: ImageGalleryExtendedNav,\n        Arrow: ImageGalleryExtendedArrow,\n        Thumbnails: ImageGalleryExtendedThumbnails,\n        Thumb: ImageGalleryExtendedThumb,\n        Dots: ImageGalleryExtendedDots,\n    },\n);\n"],"names":["React"],"mappings":";;;;;;;;;;;;;;;;AAyCA,MAAM,2BAA2BA,eAAM;AAAA,EACnC,CAAC,EAAE,OAAO,UAAU,WAAW,YAAY,UAAU,WAAW,UAAU,GAAG,KAAA,GAAQ,QAAQ;AAEzF,UAAM,WAAW,MAAM,UAAU,CAAC,SAAS,KAAK,OAAO,UAAU;AACjE,UAAM,eAAe,YAAY,IAAI,WAAW;AAEhD,UAAM,eAAe;AAAA,MACjB,CAAC,SAAiB;;AACd,cAAM,UAAU,MAAM,SAAS,IAAI,KAAK,IAAI,KAAK,IAAI,MAAM,CAAC,GAAG,MAAM,SAAS,CAAC,IAAI;AACnF,cAAM,UAAS,WAAM,OAAO,MAAb,mBAAgB;AAC/B,YAAI,WAAW,UAAa,WAAW,YAAY;AAC/C,mBAAS,MAAM;AAAA,QACnB;AAAA,MACJ;AAAA,MACA,CAAC,OAAO,YAAY,QAAQ;AAAA,IAAA;AAGhC,UAAM,aAAa,YAAY,MAAM,aAAa,eAAe,CAAC,GAAG,CAAC,cAAc,YAAY,CAAC;AACjG,UAAM,aAAa,YAAY,MAAM,aAAa,eAAe,CAAC,GAAG,CAAC,cAAc,YAAY,CAAC;AAEjG,UAAM,gBAAgB,CAAC,UAA+C;AAClE,UAAI,MAAM,WAAW,MAAM,eAAe;AACtC,+CAAY;AACZ;AAAA,MACJ;AAEA,YAAM,MAAM,MAAM,QAAQ,MAAM;AAEhC,UAAI,MAAM,KAAK,YAAY,GAAG;AAC1B,cAAM,eAAA;AACN,mBAAA;AAAA,MACJ,WAAW,MAAM,KAAK,aAAa,GAAG;AAClC,cAAM,eAAA;AACN,mBAAA;AAAA,MACJ;AAEA,6CAAY;AAAA,IAChB;AAEA,WACI;AAAA,MAAC,4BAA4B;AAAA,MAA5B;AAAA,QACG,OAAO;AAAA,UACH;AAAA,UACA,eAAe;AAAA,UACf,UAAU;AAAA,UACV,QAAQ;AAAA,UACR,QAAQ;AAAA,QAAA;AAAA,QAGZ,UAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACI,GAAG;AAAA,YACJ,UAAU,YAAY;AAAA,YACtB;AAAA,YACA,WAAW,KAAK,OAAO,MAAM,SAAS;AAAA,YACtC,WAAW;AAAA,YAEV;AAAA,UAAA;AAAA,QAAA;AAAA,MACL;AAAA,IAAA;AAAA,EAGZ;AACJ;AAEA,yBAAyB,cAAc;AAGhC,MAAM,uBAA2F,OAAO;AAAA,EAC3G;AAAA,EACA;AAAA,IACI,MAAM;AAAA,IACN,KAAK;AAAA,IACL,OAAO;AAAA,IACP,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,MAAM;AAAA,EAAA;AAEd;"}

package/components/ImageGalleryExtended/ImageGalleryExtendedContext.js

@@ -1,5 +1,5 @@
-import e from "react";
-const t = {
+import React__default from "react";
+const contextInitial = {
   items: [],
   selectedIndex: 0,
   onSelect: () => {
@@ -8,9 +8,10 @@ const t = {
   },
   onNext: () => {
   }
-}, n = e.createContext(t);
-n.displayName = "ImageGalleryExtendedContext";
+};
+const ImageGalleryExtendedContext = React__default.createContext(contextInitial);
+ImageGalleryExtendedContext.displayName = "ImageGalleryExtendedContext";
 export {
-  n as ImageGalleryExtendedContext
+  ImageGalleryExtendedContext
 };
 //# sourceMappingURL=ImageGalleryExtendedContext.js.map

package/components/ImageGalleryExtended/ImageGalleryExtendedContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageGalleryExtendedContext.js","sources":["../../../src/components/ImageGalleryExtended/ImageGalleryExtendedContext.ts"],"sourcesContent":["import React from \"react\";\nimport { IImageGalleryItemProps } from \"./types\";\n\n/** Контекст ImageGalleryExtended. Связывает контейнер с составными частями (`Main`/`Thumbnails`/`Dots`). */\nexport interface IImageGalleryExtendedContext {\n    /** Список изображений галереи (из пропа `items` контейнера). */\n    items: ReadonlyArray<IImageGalleryItemProps>;\n    /** Индекс активного изображения (уже приведён к допустимому диапазону). */\n    selectedIndex: number;\n    /** Выбрать изображение по индексу. */\n    onSelect: (index: number) => void;\n    /** Перейти к предыдущему изображению. */\n    onPrev: () => void;\n    /** Перейти к следующему изображению. */\n    onNext: () => void;\n}\n\nconst contextInitial: IImageGalleryExtendedContext = {\n    items: [],\n    selectedIndex: 0,\n    onSelect: () => {},\n    onPrev: () => {},\n    onNext: () => {},\n};\n\nexport const ImageGalleryExtendedContext = React.createContext<IImageGalleryExtendedContext>(contextInitial);\n\nImageGalleryExtendedContext.displayName = \"ImageGalleryExtendedContext\";\n"],"names":["React"],"mappings":";AAiBA,MAAM,iBAA+C;AAAA,EACjD,OAAO,CAAA;AAAA,EACP,eAAe;AAAA,EACf,UAAU,MAAM;AAAA,EAAC;AAAA,EACjB,QAAQ,MAAM;AAAA,EAAC;AAAA,EACf,QAAQ,MAAM;AAAA,EAAC;AACnB;AAEO,MAAM,8BAA8BA,eAAM,cAA4C,cAAc;AAE3G,4BAA4B,cAAc;"}

package/components/ImageGalleryExtended/components/ImageGalleryExtendedArrow.js

@@ -1,31 +1,32 @@
-import { jsx as o } from "react/jsx-runtime";
-import i from "react";
-import { c as p } from "../../../chunks/vendor-D5cfSbgz.js";
-import { CaretleftStrokeSrvIcon24 as f, CaretrightStrokeSrvIcon24 as I } from "@sberbusiness/icons-next";
-import { EImageGalleryArrowDirection as r } from "../enums.js";
-import { s as e } from "../../../chunks/ImageGalleryExtendedMain.module-XdOAzDPn.js";
-const d = {
-  [r.PREV]: e.prev,
-  [r.NEXT]: e.next
-}, x = i.forwardRef(
-  ({ direction: t, className: a, "aria-label": l, disabled: m, ...n }, s) => {
-    const c = t === r.PREV ? f : I;
-    return /* @__PURE__ */ o(
+import { jsx } from "react/jsx-runtime";
+import React__default from "react";
+import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
+import { CaretleftStrokeSrvIcon24, CaretrightStrokeSrvIcon24 } from "@sberbusiness/icons-next";
+import { EImageGalleryArrowDirection } from "../enums.js";
+import { s as styles } from "../../../chunks/ImageGalleryExtendedMain.module-99iGzecs.js";
+const DIRECTION_CLASS = {
+  [EImageGalleryArrowDirection.PREV]: styles.prev,
+  [EImageGalleryArrowDirection.NEXT]: styles.next
+};
+const ImageGalleryExtendedArrow = React__default.forwardRef(
+  ({ direction, className, "aria-label": ariaLabel, disabled, ...rest }, ref) => {
+    const Icon = direction === EImageGalleryArrowDirection.PREV ? CaretleftStrokeSrvIcon24 : CaretrightStrokeSrvIcon24;
+    return /* @__PURE__ */ jsx(
       "button",
       {
         type: "button",
-        ref: s,
-        disabled: m,
-        ...n,
-        "aria-label": l,
-        className: p(e.arrow, d[t], "hoverable", a),
-        children: /* @__PURE__ */ o(c, { paletteIndex: 7 })
+        ref,
+        disabled,
+        ...rest,
+        "aria-label": ariaLabel,
+        className: clsx(styles.arrow, DIRECTION_CLASS[direction], "hoverable", className),
+        children: /* @__PURE__ */ jsx(Icon, { paletteIndex: 7 })
       }
     );
   }
 );
-x.displayName = "ImageGalleryExtendedArrow";
+ImageGalleryExtendedArrow.displayName = "ImageGalleryExtendedArrow";
 export {
-  x as ImageGalleryExtendedArrow
+  ImageGalleryExtendedArrow
 };
 //# sourceMappingURL=ImageGalleryExtendedArrow.js.map

package/components/ImageGalleryExtended/components/ImageGalleryExtendedArrow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageGalleryExtendedArrow.js","sources":["../../../../src/components/ImageGalleryExtended/components/ImageGalleryExtendedArrow.tsx"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport { CaretleftStrokeSrvIcon24, CaretrightStrokeSrvIcon24 } from \"@sberbusiness/icons-next\";\nimport { EImageGalleryArrowDirection } from \"../enums\";\nimport styles from \"../styles/ImageGalleryExtendedMain.module.less\";\n\n/** Свойства ImageGalleryExtendedArrow. */\nexport interface IImageGalleryExtendedArrowProps extends Omit<\n    React.ButtonHTMLAttributes<HTMLButtonElement>,\n    \"aria-label\"\n> {\n    /** Направление: предыдущее (`PREV`) или следующее (`NEXT`) изображение. */\n    direction: EImageGalleryArrowDirection;\n    /** Доступное имя кнопки. Передаётся потребителем, чтобы не хардкодить язык в компоненте. */\n    \"aria-label\": string;\n}\n\nconst DIRECTION_CLASS: Record<EImageGalleryArrowDirection, string> = {\n    [EImageGalleryArrowDirection.PREV]: styles.prev,\n    [EImageGalleryArrowDirection.NEXT]: styles.next,\n};\n\n/**\n * Презентационная кнопка-стрелка переключения изображения. Состояние навигации\n * (`disabled` / `hidden` / `onClick`) передаётся через props — как правило, из\n * render-функции `ImageGalleryExtended.Nav`. Позиционируется абсолютно внутри\n * `ImageGalleryExtended.Main`, поэтому используется как его child.\n */\nexport const ImageGalleryExtendedArrow = React.forwardRef<HTMLButtonElement, IImageGalleryExtendedArrowProps>(\n    ({ direction, className, \"aria-label\": ariaLabel, disabled, ...rest }, ref) => {\n        const Icon =\n            direction === EImageGalleryArrowDirection.PREV ? CaretleftStrokeSrvIcon24 : CaretrightStrokeSrvIcon24;\n\n        return (\n            <button\n                type=\"button\"\n                ref={ref}\n                disabled={disabled}\n                {...rest}\n                aria-label={ariaLabel}\n                className={clsx(styles.arrow, DIRECTION_CLASS[direction], \"hoverable\", className)}\n            >\n                <Icon paletteIndex={7} />\n            </button>\n        );\n    },\n);\n\nImageGalleryExtendedArrow.displayName = \"ImageGalleryExtendedArrow\";\n"],"names":["React"],"mappings":";;;;;;AAiBA,MAAM,kBAA+D;AAAA,EACjE,CAAC,4BAA4B,IAAI,GAAG,OAAO;AAAA,EAC3C,CAAC,4BAA4B,IAAI,GAAG,OAAO;AAC/C;AAQO,MAAM,4BAA4BA,eAAM;AAAA,EAC3C,CAAC,EAAE,WAAW,WAAW,cAAc,WAAW,UAAU,GAAG,KAAA,GAAQ,QAAQ;AAC3E,UAAM,OACF,cAAc,4BAA4B,OAAO,2BAA2B;AAEhF,WACI;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,MAAK;AAAA,QACL;AAAA,QACA;AAAA,QACC,GAAG;AAAA,QACJ,cAAY;AAAA,QACZ,WAAW,KAAK,OAAO,OAAO,gBAAgB,SAAS,GAAG,aAAa,SAAS;AAAA,QAEhF,UAAA,oBAAC,MAAA,EAAK,cAAc,EAAA,CAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGnC;AACJ;AAEA,0BAA0B,cAAc;"}

package/components/ImageGalleryExtended/components/ImageGalleryExtendedDots.js

@@ -1,35 +1,46 @@
-import { jsx as i } from "react/jsx-runtime";
-import h, { useContext as p } from "react";
-import { c as l } from "../../../chunks/vendor-D5cfSbgz.js";
-import { ImageGalleryExtendedContext as y } from "../ImageGalleryExtendedContext.js";
-const g = "dots__3e4a959e", C = "dot__04d28fcc", M = "active__d65ec4cd", s = {
-  dots: g,
-  dot: C,
-  active: M
-}, b = 4, I = h.forwardRef(
-  ({ className: d, ...m }, u) => {
-    const { items: c, selectedIndex: f, onSelect: _ } = p(y), t = c.length;
-    if (t <= 1)
+import { jsx } from "react/jsx-runtime";
+import React__default, { useContext } from "react";
+import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
+import { ImageGalleryExtendedContext } from "../ImageGalleryExtendedContext.js";
+const dots = "dots__3b657e55";
+const dot = "dot__380cd0f2";
+const active = "active__7c310a9f";
+const styles = {
+  dots,
+  dot,
+  active
+};
+const MAX_TICKS = 4;
+const ImageGalleryExtendedDots = React__default.forwardRef(
+  ({ className, ...rest }, ref) => {
+    const { items, selectedIndex, onSelect } = useContext(ImageGalleryExtendedContext);
+    const itemsCount = items.length;
+    if (itemsCount <= 1) {
       return null;
-    const e = Math.min(t, b), n = Math.floor(t / e), v = Math.min(Math.floor(f / n), e - 1);
-    return /* @__PURE__ */ i("div", { ref: u, ...m, className: l(s.dots, d), children: Array.from({ length: e }, (A, o) => {
-      const a = o === v, r = o * n, x = c[r];
-      return /* @__PURE__ */ i(
+    }
+    const ticksCount = Math.min(itemsCount, MAX_TICKS);
+    const bucketSize = Math.floor(itemsCount / ticksCount);
+    const activeTick = Math.min(Math.floor(selectedIndex / bucketSize), ticksCount - 1);
+    return /* @__PURE__ */ jsx("div", { ref, ...rest, className: clsx(styles.dots, className), children: Array.from({ length: ticksCount }, (_, tickIndex) => {
+      const isActive = tickIndex === activeTick;
+      const targetIndex = tickIndex * bucketSize;
+      const item = items[targetIndex];
+      return /* @__PURE__ */ jsx(
         "button",
         {
           type: "button",
-          "aria-current": a ? "true" : void 0,
-          "aria-label": x.alt,
-          className: l(s.dot, { [s.active]: a }),
-          onClick: () => _(r)
+          "aria-current": isActive ? "true" : void 0,
+          "aria-label": item.alt,
+          className: clsx(styles.dot, { [styles.active]: isActive }),
+          onClick: () => onSelect(targetIndex)
         },
-        o
+        tickIndex
       );
     }) });
   }
 );
-I.displayName = "ImageGalleryExtendedDots";
+ImageGalleryExtendedDots.displayName = "ImageGalleryExtendedDots";
 export {
-  I as ImageGalleryExtendedDots
+  ImageGalleryExtendedDots
 };
 //# sourceMappingURL=ImageGalleryExtendedDots.js.map

package/components/ImageGalleryExtended/components/ImageGalleryExtendedDots.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageGalleryExtendedDots.js","sources":["../../../../src/components/ImageGalleryExtended/components/ImageGalleryExtendedDots.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport { ImageGalleryExtendedContext } from \"../ImageGalleryExtendedContext\";\nimport styles from \"../styles/ImageGalleryExtendedDots.module.less\";\n\n/** Свойства ImageGalleryExtendedDots. */\nexport interface IImageGalleryExtendedDotsProps extends React.HTMLAttributes<HTMLDivElement> {}\n\n/** Максимальное количество тиков. */\nconst MAX_TICKS = 4;\n\n/**\n * Ряд кликабельных тиков-индикаторов (мобильный preset). Данные берёт из\n * контекста `ImageGalleryExtended`.\n *\n * Картинки распределяются по тикам бакетами равного размера; остаток уходит\n * в последний бакет. При количестве элементов `<= 1` ничего не рендерится.\n */\nexport const ImageGalleryExtendedDots = React.forwardRef<HTMLDivElement, IImageGalleryExtendedDotsProps>(\n    ({ className, ...rest }, ref) => {\n        const { items, selectedIndex, onSelect } = useContext(ImageGalleryExtendedContext);\n        const itemsCount = items.length;\n\n        if (itemsCount <= 1) {\n            return null;\n        }\n\n        const ticksCount = Math.min(itemsCount, MAX_TICKS);\n        const bucketSize = Math.floor(itemsCount / ticksCount);\n        const activeTick = Math.min(Math.floor(selectedIndex / bucketSize), ticksCount - 1);\n\n        return (\n            <div ref={ref} {...rest} className={clsx(styles.dots, className)}>\n                {Array.from({ length: ticksCount }, (_, tickIndex) => {\n                    const isActive = tickIndex === activeTick;\n                    const targetIndex = tickIndex * bucketSize;\n                    const item = items[targetIndex];\n\n                    return (\n                        <button\n                            key={tickIndex}\n                            type=\"button\"\n                            aria-current={isActive ? \"true\" : undefined}\n                            aria-label={item.alt}\n                            className={clsx(styles.dot, { [styles.active]: isActive })}\n                            onClick={() => onSelect(targetIndex)}\n                        />\n                    );\n                })}\n            </div>\n        );\n    },\n);\n\nImageGalleryExtendedDots.displayName = \"ImageGalleryExtendedDots\";\n"],"names":["React"],"mappings":";;;;;;;;;;;;AASA,MAAM,YAAY;AASX,MAAM,2BAA2BA,eAAM;AAAA,EAC1C,CAAC,EAAE,WAAW,GAAG,KAAA,GAAQ,QAAQ;AAC7B,UAAM,EAAE,OAAO,eAAe,SAAA,IAAa,WAAW,2BAA2B;AACjF,UAAM,aAAa,MAAM;AAEzB,QAAI,cAAc,GAAG;AACjB,aAAO;AAAA,IACX;AAEA,UAAM,aAAa,KAAK,IAAI,YAAY,SAAS;AACjD,UAAM,aAAa,KAAK,MAAM,aAAa,UAAU;AACrD,UAAM,aAAa,KAAK,IAAI,KAAK,MAAM,gBAAgB,UAAU,GAAG,aAAa,CAAC;AAElF,+BACK,OAAA,EAAI,KAAW,GAAG,MAAM,WAAW,KAAK,OAAO,MAAM,SAAS,GAC1D,UAAA,MAAM,KAAK,EAAE,QAAQ,cAAc,CAAC,GAAG,cAAc;AAClD,YAAM,WAAW,cAAc;AAC/B,YAAM,cAAc,YAAY;AAChC,YAAM,OAAO,MAAM,WAAW;AAE9B,aACI;AAAA,QAAC;AAAA,QAAA;AAAA,UAEG,MAAK;AAAA,UACL,gBAAc,WAAW,SAAS;AAAA,UAClC,cAAY,KAAK;AAAA,UACjB,WAAW,KAAK,OAAO,KAAK,EAAE,CAAC,OAAO,MAAM,GAAG,UAAU;AAAA,UACzD,SAAS,MAAM,SAAS,WAAW;AAAA,QAAA;AAAA,QAL9B;AAAA,MAAA;AAAA,IAQjB,CAAC,EAAA,CACL;AAAA,EAER;AACJ;AAEA,yBAAyB,cAAc;"}

package/components/ImageGalleryExtended/components/ImageGalleryExtendedMain.js

@@ -1,32 +1,36 @@
-import { jsxs as u, jsx as t } from "react/jsx-runtime";
-import E, { useContext as G } from "react";
-import { c as I } from "../../../chunks/vendor-D5cfSbgz.js";
-import { MobileView as g } from "../../MobileView/MobileView.js";
+import { jsxs, jsx } from "react/jsx-runtime";
+import React__default, { useContext } from "react";
+import { c as clsx } from "../../../chunks/vendor-Bco_z_Yi.js";
+import { MobileView } from "../../MobileView/MobileView.js";
 import "../../MobileView/useMobileView.js";
-import { ImageGalleryExtendedContext as M } from "../ImageGalleryExtendedContext.js";
-import { ImageGalleryExtendedSlide as s } from "./ImageGalleryExtendedSlide.js";
-import { ImageGalleryExtendedSwipeTrack as b } from "./ImageGalleryExtendedSwipeTrack.js";
-import { s as k } from "../../../chunks/ImageGalleryExtendedMain.module-XdOAzDPn.js";
-const v = E.forwardRef(
-  ({ height: e = "auto", withBlur: r = !1, onImageClick: a, className: c, children: x, style: l, ...f }, p) => {
-    const { items: m, selectedIndex: n } = G(M), o = m[n];
-    if (!o)
+import { ImageGalleryExtendedContext } from "../ImageGalleryExtendedContext.js";
+import { ImageGalleryExtendedSlide } from "./ImageGalleryExtendedSlide.js";
+import { ImageGalleryExtendedSwipeTrack } from "./ImageGalleryExtendedSwipeTrack.js";
+import { s as styles } from "../../../chunks/ImageGalleryExtendedMain.module-99iGzecs.js";
+const ImageGalleryExtendedMain = React__default.forwardRef(
+  ({ height = "auto", withBlur = false, onImageClick, className, children, style, ...rest }, ref) => {
+    const { items, selectedIndex } = useContext(ImageGalleryExtendedContext);
+    const item = items[selectedIndex];
+    if (!item) {
       return null;
-    const i = e === "auto" ? void 0 : typeof e == "number" ? `${e}px` : e, y = i ? { ...l, "--triplex-next-runtime-ImageGalleryExtended-Main_Height": i } : l, d = a ? () => a(n) : void 0;
-    return /* @__PURE__ */ u("div", { ...f, ref: p, className: I(k.main, c), style: y, children: [
-      /* @__PURE__ */ t(
-        g,
+    }
+    const heightValue = height === "auto" ? void 0 : typeof height === "number" ? `${height}px` : height;
+    const mainStyle = heightValue ? { ...style, "--triplex-next-runtime-ImageGalleryExtended-Main_Height": heightValue } : style;
+    const handleImageClick = onImageClick ? () => onImageClick(selectedIndex) : void 0;
+    return /* @__PURE__ */ jsxs("div", { ...rest, ref, className: clsx(styles.main, className), style: mainStyle, children: [
+      /* @__PURE__ */ jsx(
+        MobileView,
         {
-          fallback: /* @__PURE__ */ t(s, { item: o, withBlur: r, onClick: d }),
-          children: m.length > 1 ? /* @__PURE__ */ t(b, { withBlur: r, onImageClick: a }) : /* @__PURE__ */ t(s, { item: o, withBlur: r, onClick: d })
+          fallback: /* @__PURE__ */ jsx(ImageGalleryExtendedSlide, { item, withBlur, onClick: handleImageClick }),
+          children: items.length > 1 ? /* @__PURE__ */ jsx(ImageGalleryExtendedSwipeTrack, { withBlur, onImageClick }) : /* @__PURE__ */ jsx(ImageGalleryExtendedSlide, { item, withBlur, onClick: handleImageClick })
         }
       ),
-      x
+      children
     ] });
   }
 );
-v.displayName = "ImageGalleryExtendedMain";
+ImageGalleryExtendedMain.displayName = "ImageGalleryExtendedMain";
 export {
-  v as ImageGalleryExtendedMain
+  ImageGalleryExtendedMain
 };
 //# sourceMappingURL=ImageGalleryExtendedMain.js.map

package/components/ImageGalleryExtended/components/ImageGalleryExtendedMain.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageGalleryExtendedMain.js","sources":["../../../../src/components/ImageGalleryExtended/components/ImageGalleryExtendedMain.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport { MobileView } from \"../../MobileView\";\nimport { ImageGalleryExtendedContext } from \"../ImageGalleryExtendedContext\";\nimport { ImageGalleryExtendedSlide } from \"./ImageGalleryExtendedSlide\";\nimport { ImageGalleryExtendedSwipeTrack } from \"./ImageGalleryExtendedSwipeTrack\";\nimport styles from \"../styles/ImageGalleryExtendedMain.module.less\";\n\n/** Свойства ImageGalleryExtendedMain. */\nexport interface IImageGalleryExtendedMainProps extends React.HTMLAttributes<HTMLDivElement> {\n    /** Высота крупной картинки. `'auto'` — фиксированные значения по breakpoint. */\n    height?: \"auto\" | number | string;\n    /** Показывать ли блюр-слой по краям. */\n    withBlur?: boolean;\n    /** Обработчик клика по картинке. Получает индекс активного изображения. */\n    onImageClick?: (index: number) => void;\n    /** Накладываемое поверх картинки содержимое — например, `ImageGalleryExtended.Nav` со стрелками. */\n    children?: React.ReactNode;\n}\n\ninterface IImageGalleryExtendedMainStyle extends React.CSSProperties {\n    \"--triplex-next-runtime-ImageGalleryExtended-Main_Height\"?: string;\n}\n\n/**\n * Крупное изображение галереи: вьюпорт с изображением и накладываемым поверх\n * содержимым (`children` — например стрелки через `ImageGalleryExtended.Nav`).\n * Данные берёт из контекста `ImageGalleryExtended`. На десктопе — статичный слайд,\n * на мобильном (ширина < SM) — лента со свайпом prev/next (`ImageGalleryExtendedSwipeTrack`).\n */\nexport const ImageGalleryExtendedMain = React.forwardRef<HTMLDivElement, IImageGalleryExtendedMainProps>(\n    ({ height = \"auto\", withBlur = false, onImageClick, className, children, style, ...rest }, ref) => {\n        const { items, selectedIndex } = useContext(ImageGalleryExtendedContext);\n\n        const item = items[selectedIndex];\n\n        if (!item) {\n            return null;\n        }\n\n        const heightValue = height === \"auto\" ? undefined : typeof height === \"number\" ? `${height}px` : height;\n        const mainStyle: IImageGalleryExtendedMainStyle | undefined = heightValue\n            ? { ...style, \"--triplex-next-runtime-ImageGalleryExtended-Main_Height\": heightValue }\n            : style;\n        const handleImageClick = onImageClick ? () => onImageClick(selectedIndex) : undefined;\n\n        return (\n            <div {...rest} ref={ref} className={clsx(styles.main, className)} style={mainStyle}>\n                <MobileView\n                    fallback={<ImageGalleryExtendedSlide item={item} withBlur={withBlur} onClick={handleImageClick} />}\n                >\n                    {items.length > 1 ? (\n                        <ImageGalleryExtendedSwipeTrack withBlur={withBlur} onImageClick={onImageClick} />\n                    ) : (\n                        <ImageGalleryExtendedSlide item={item} withBlur={withBlur} onClick={handleImageClick} />\n                    )}\n                </MobileView>\n\n                {children}\n            </div>\n        );\n    },\n);\n\nImageGalleryExtendedMain.displayName = \"ImageGalleryExtendedMain\";\n"],"names":["React"],"mappings":";;;;;;;;;AA8BO,MAAM,2BAA2BA,eAAM;AAAA,EAC1C,CAAC,EAAE,SAAS,QAAQ,WAAW,OAAO,cAAc,WAAW,UAAU,OAAO,GAAG,KAAA,GAAQ,QAAQ;AAC/F,UAAM,EAAE,OAAO,kBAAkB,WAAW,2BAA2B;AAEvE,UAAM,OAAO,MAAM,aAAa;AAEhC,QAAI,CAAC,MAAM;AACP,aAAO;AAAA,IACX;AAEA,UAAM,cAAc,WAAW,SAAS,SAAY,OAAO,WAAW,WAAW,GAAG,MAAM,OAAO;AACjG,UAAM,YAAwD,cACxD,EAAE,GAAG,OAAO,2DAA2D,gBACvE;AACN,UAAM,mBAAmB,eAAe,MAAM,aAAa,aAAa,IAAI;AAE5E,WACI,qBAAC,OAAA,EAAK,GAAG,MAAM,KAAU,WAAW,KAAK,OAAO,MAAM,SAAS,GAAG,OAAO,WACrE,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,UAAU,oBAAC,2BAAA,EAA0B,MAAY,UAAoB,SAAS,kBAAkB;AAAA,UAE/F,UAAA,MAAM,SAAS,IACZ,oBAAC,gCAAA,EAA+B,UAAoB,aAAA,CAA4B,IAEhF,oBAAC,2BAAA,EAA0B,MAAY,UAAoB,SAAS,iBAAA,CAAkB;AAAA,QAAA;AAAA,MAAA;AAAA,MAI7F;AAAA,IAAA,GACL;AAAA,EAER;AACJ;AAEA,yBAAyB,cAAc;"}

package/components/ImageGalleryExtended/components/ImageGalleryExtendedNav.js

@@ -1,19 +1,20 @@
-import { jsx as s, Fragment as a } from "react/jsx-runtime";
-import { useContext as d } from "react";
-import { ImageGalleryExtendedContext as i } from "../ImageGalleryExtendedContext.js";
-const l = ({ children: n }) => {
-  const { items: r, selectedIndex: e, onPrev: o, onNext: m } = d(i), t = r.length;
-  return /* @__PURE__ */ s(a, { children: n({
-    onPrev: o,
-    onNext: m,
-    isFirst: e === 0,
-    isLast: e === t - 1,
-    selectedIndex: e,
-    itemsCount: t
+import { jsx, Fragment } from "react/jsx-runtime";
+import { useContext } from "react";
+import { ImageGalleryExtendedContext } from "../ImageGalleryExtendedContext.js";
+const ImageGalleryExtendedNav = ({ children }) => {
+  const { items, selectedIndex, onPrev, onNext } = useContext(ImageGalleryExtendedContext);
+  const itemsCount = items.length;
+  return /* @__PURE__ */ jsx(Fragment, { children: children({
+    onPrev,
+    onNext,
+    isFirst: selectedIndex === 0,
+    isLast: selectedIndex === itemsCount - 1,
+    selectedIndex,
+    itemsCount
   }) });
 };
-l.displayName = "ImageGalleryExtendedNav";
+ImageGalleryExtendedNav.displayName = "ImageGalleryExtendedNav";
 export {
-  l as ImageGalleryExtendedNav
+  ImageGalleryExtendedNav
 };
 //# sourceMappingURL=ImageGalleryExtendedNav.js.map

package/components/ImageGalleryExtended/components/ImageGalleryExtendedNav.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageGalleryExtendedNav.js","sources":["../../../../src/components/ImageGalleryExtended/components/ImageGalleryExtendedNav.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport { ImageGalleryExtendedContext } from \"../ImageGalleryExtendedContext\";\n\n/** Состояние навигации, передаваемое в render-функцию `ImageGalleryExtended.Nav`. */\nexport interface IImageGalleryNavState {\n    /** Перейти к предыдущему изображению. */\n    onPrev: () => void;\n    /** Перейти к следующему изображению. */\n    onNext: () => void;\n    /** Активна первая картинка (переход «назад» недоступен). */\n    isFirst: boolean;\n    /** Активна последняя картинка (переход «вперёд» недоступен). */\n    isLast: boolean;\n    /** Индекс активного изображения. */\n    selectedIndex: number;\n    /** Всего изображений в галерее. */\n    itemsCount: number;\n}\n\n/** Свойства ImageGalleryExtendedNav. */\nexport interface IImageGalleryExtendedNavProps {\n    /**\n     * Render-функция: получает состояние навигации и возвращает разметку стрелок\n     * (например, `ImageGalleryExtended.Arrow` или произвольные кнопки).\n     */\n    children: (state: IImageGalleryNavState) => React.ReactNode;\n}\n\n/**\n * Поставщик состояния навигации через render-функцию. Собственной разметки не\n * добавляет — рендерит только результат `children`. Данные берёт из контекста\n * `ImageGalleryExtended`, поэтому размещается внутри дерева галереи (обычно как\n * child `ImageGalleryExtended.Main`, где стрелки позиционируются поверх картинки).\n */\nexport const ImageGalleryExtendedNav: React.FC<IImageGalleryExtendedNavProps> = ({ children }) => {\n    const { items, selectedIndex, onPrev, onNext } = useContext(ImageGalleryExtendedContext);\n    const itemsCount = items.length;\n\n    return (\n        <>\n            {children({\n                onPrev,\n                onNext,\n                isFirst: selectedIndex === 0,\n                isLast: selectedIndex === itemsCount - 1,\n                selectedIndex,\n                itemsCount,\n            })}\n        </>\n    );\n};\n\nImageGalleryExtendedNav.displayName = \"ImageGalleryExtendedNav\";\n"],"names":[],"mappings":";;;AAkCO,MAAM,0BAAmE,CAAC,EAAE,eAAe;AAC9F,QAAM,EAAE,OAAO,eAAe,QAAQ,OAAA,IAAW,WAAW,2BAA2B;AACvF,QAAM,aAAa,MAAM;AAEzB,yCAES,UAAA,SAAS;AAAA,IACN;AAAA,IACA;AAAA,IACA,SAAS,kBAAkB;AAAA,IAC3B,QAAQ,kBAAkB,aAAa;AAAA,IACvC;AAAA,IACA;AAAA,EAAA,CACH,GACL;AAER;AAEA,wBAAwB,cAAc;"}