@alfalab/core-components 47.26.1-beta.0 → 47.26.1-beta.3254

package/typography/modern/title/index.js

@@ -1,13 +1,13 @@
 import React, { forwardRef } from 'react';
 import { TitleBase } from './component.js';
-import { c as commonStyles } from '../common.module-c013f975.js';
+import { c as commonStyles } from '../common.module-12faa674.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../hooks/use-skeleton.js';
 import '../../../skeleton/modern';
 import '@alfalab/hooks';
 import './utils.js';
-import '../colors.module-0ff9e370.js';
+import '../colors.module-1845824e.js';
 
 const styles = {"transparent":"typography__transparent_j0rfz","styrene-xlarge":"typography__styrene-xlarge_j0rfz","styrene-large":"typography__styrene-large_j0rfz","styrene-medium":"typography__styrene-medium_j0rfz","styrene-small":"typography__styrene-small_j0rfz","styrene-xsmall":"typography__styrene-xsmall_j0rfz","system-xlarge":"typography__system-xlarge_j0rfz","system-large":"typography__system-large_j0rfz","system-medium":"typography__system-medium_j0rfz","system-small":"typography__system-small_j0rfz","system-xsmall":"typography__system-xsmall_j0rfz","margins-xlarge":"typography__margins-xlarge_j0rfz","margins-large":"typography__margins-large_j0rfz","margins-medium":"typography__margins-medium_j0rfz","margins-small":"typography__margins-small_j0rfz","margins-xsmall":"typography__margins-xsmall_j0rfz"};
 require('./index.css');

package/typography/modern/title-mobile/component.js

@@ -1,13 +1,13 @@
 import React, { forwardRef } from 'react';
 import { TitleBase } from '../title/component.js';
-import { c as commonStyles } from '../common.module-c013f975.js';
+import { c as commonStyles } from '../common.module-12faa674.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../hooks/use-skeleton.js';
 import '../../../skeleton/modern';
 import '@alfalab/hooks';
 import '../title/utils.js';
-import '../colors.module-0ff9e370.js';
+import '../colors.module-1845824e.js';
 
 const styles = {"styrene-xlarge":"typography__styrene-xlarge_is2ic","styrene-large":"typography__styrene-large_is2ic","styrene-medium":"typography__styrene-medium_is2ic","styrene-small":"typography__styrene-small_is2ic","styrene-xsmall":"typography__styrene-xsmall_is2ic","system-xlarge":"typography__system-xlarge_is2ic","system-large":"typography__system-large_is2ic","system-medium":"typography__system-medium_is2ic","system-small":"typography__system-small_is2ic","system-xsmall":"typography__system-xsmall_is2ic","margins-xlarge":"typography__margins-xlarge_is2ic","margins-large":"typography__margins-large_is2ic","margins-medium":"typography__margins-medium_is2ic","margins-small":"typography__margins-small_is2ic","margins-xsmall":"typography__margins-xsmall_is2ic"};
 require('./index.css');

package/typography/modern/title-mobile/index.js

@@ -7,5 +7,5 @@ import '../hooks/use-skeleton.js';
 import '../../../skeleton/modern';
 import '@alfalab/hooks';
 import '../title/utils.js';
-import '../colors.module-0ff9e370.js';
-import '../common.module-c013f975.js';
+import '../colors.module-1845824e.js';
+import '../common.module-12faa674.js';

package/typography/modern/title-responsive/component.js

@@ -9,8 +9,8 @@ import '../hooks/use-skeleton.js';
 import '../../../skeleton/modern';
 import '@alfalab/hooks';
 import '../title/utils.js';
-import '../colors.module-0ff9e370.js';
-import '../common.module-c013f975.js';
+import '../colors.module-1845824e.js';
+import '../common.module-12faa674.js';
 
 const TitleResponsive = forwardRef(({ defaultMatchMediaValue, breakpoint = 1024, ...restProps }, ref) => {
     const query = `(min-width: ${breakpoint}px)`;

package/typography/modern/title-responsive/index.js

@@ -9,6 +9,6 @@ import '../hooks/use-skeleton.js';
 import '../../../skeleton/modern';
 import '@alfalab/hooks';
 import '../title/utils.js';
-import '../colors.module-0ff9e370.js';
-import '../common.module-c013f975.js';
+import '../colors.module-1845824e.js';
+import '../common.module-12faa674.js';
 import '../title-mobile/component.js';

package/typography/text/component.js

@@ -5,7 +5,7 @@ var React = require('react');
 var mergeRefs = require('react-merge-refs');
 var cn = require('classnames');
 var hooks_useSkeleton = require('../hooks/use-skeleton.js');
-var colors_module = require('../colors.module-b27cac78.js');
+var colors_module = require('../colors.module-32c22ee5.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/typography/title/component.js

@@ -6,7 +6,7 @@ var mergeRefs = require('react-merge-refs');
 var cn = require('classnames');
 var hooks_useSkeleton = require('../hooks/use-skeleton.js');
 var title_utils = require('./utils.js');
-var colors_module = require('../colors.module-b27cac78.js');
+var colors_module = require('../colors.module-32c22ee5.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/typography/title/index.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var title_component = require('./component.js');
-var common_module = require('../common.module-ef11475e.js');
+var common_module = require('../common.module-9b91bdb2.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/typography/title-mobile/component.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var title_component = require('../title/component.js');
-var common_module = require('../common.module-ef11475e.js');
+var common_module = require('../common.module-9b91bdb2.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/gallery/components/image-viewer/hooks.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import { MouseEventHandler, SyntheticEvent } from 'react';
-declare const useHandleImageViewer: () => {
-    handleLoad: (event: SyntheticEvent<HTMLImageElement>, index: number) => void;
-    handleLoadError: (index: number) => void;
-    handleWrapperClick: MouseEventHandler<Element>;
-    isMobile: boolean;
-    leftArrowRef: import("react").RefObject<HTMLDivElement>;
-    rightArrowRef: import("react").RefObject<HTMLDivElement>;
-};
-export { useHandleImageViewer };

package/gallery/components/image-viewer/hooks.js

@@ -1,49 +0,0 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var elementClosest = require('element-closest');
-var context = require('../../context.js');
-var index_module = require('../../index.module-c483ff15.js');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var elementClosest__default = /*#__PURE__*/_interopDefaultCompat(elementClosest);
-
-var useHandleImageViewer = function () {
-    var _a = React.useContext(context.GalleryContext), view = _a.view, onClose = _a.onClose, setImageMeta = _a.setImageMeta;
-    var leftArrowRef = React.useRef(null);
-    var rightArrowRef = React.useRef(null);
-    var isMobile = view === 'mobile';
-    var handleLoad = function (event, index) {
-        var target = event.currentTarget;
-        var naturalWidth = target.naturalWidth, naturalHeight = target.naturalHeight;
-        setImageMeta({ width: naturalWidth, height: naturalHeight }, index);
-    };
-    var handleLoadError = function (index) {
-        setImageMeta({ width: 0, height: 0, broken: true }, index);
-    };
-    var handleWrapperClick = React.useCallback(function (event) {
-        var _a, _b;
-        var eventTarget = event.target;
-        var isArrow = ((_a = leftArrowRef.current) === null || _a === void 0 ? void 0 : _a.contains(eventTarget)) ||
-            ((_b = rightArrowRef.current) === null || _b === void 0 ? void 0 : _b.contains(eventTarget));
-        var isPlaceholder = Boolean(eventTarget.closest(".".concat(index_module.styles.placeholder)));
-        var isImg = eventTarget.tagName === 'IMG';
-        if (!isImg && !isPlaceholder && !isArrow && !isMobile) {
-            onClose();
-        }
-    }, [isMobile, onClose]);
-    React.useEffect(function () {
-        elementClosest__default.default(window);
-    }, []);
-    return {
-        handleLoad: handleLoad,
-        handleLoadError: handleLoadError,
-        handleWrapperClick: handleWrapperClick,
-        isMobile: isMobile,
-        leftArrowRef: leftArrowRef,
-        rightArrowRef: rightArrowRef,
-    };
-};
-
-exports.useHandleImageViewer = useHandleImageViewer;

package/gallery/components/image-viewer/single.d.ts

@@ -1,3 +0,0 @@
-import { FC } from 'react';
-declare const Single: FC;
-export { Single };

package/gallery/components/image-viewer/single.js

@@ -1,40 +0,0 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var cn = require('classnames');
-var context = require('../../context.js');
-var utils_utils = require('../../utils/utils.js');
-var components_imageViewer_hooks = require('./hooks.js');
-var components_imageViewer_slide = require('./slide.js');
-var index_module = require('../../index.module-c483ff15.js');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
-
-var Single = function () {
-    var _a;
-    var _b;
-    var _c = React.useContext(context.GalleryContext), fullScreen = _c.fullScreen, currentSlideIndex = _c.currentSlideIndex, getCurrentImage = _c.getCurrentImage, getCurrentImageMeta = _c.getCurrentImageMeta;
-    var _d = components_imageViewer_hooks.useHandleImageViewer(), handleLoad = _d.handleLoad, handleLoadError = _d.handleLoadError, handleWrapperClick = _d.handleWrapperClick, isMobile = _d.isMobile;
-    var wrapperRef = React.useRef(null);
-    var currentImage = getCurrentImage();
-    var currentImageMeta = getCurrentImageMeta();
-    if (!currentImage)
-        return null;
-    var imageWidth = (currentImageMeta === null || currentImageMeta === void 0 ? void 0 : currentImageMeta.width) || 1;
-    var imageHeight = (currentImageMeta === null || currentImageMeta === void 0 ? void 0 : currentImageMeta.height) || 1;
-    var imageAspectRatio = imageWidth / imageHeight;
-    var wrapperRect = (_b = wrapperRef.current) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect();
-    var wrapperAspectRatio = ((wrapperRect === null || wrapperRect === void 0 ? void 0 : wrapperRect.width) || 1) / ((wrapperRect === null || wrapperRect === void 0 ? void 0 : wrapperRect.height) || 1);
-    return (
-    /* eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions */
-    React__default.default.createElement("div", { className: index_module.styles.component, onClick: handleWrapperClick }, fullScreen && !utils_utils.isVideo(currentImage === null || currentImage === void 0 ? void 0 : currentImage.src) ? (React__default.default.createElement("img", { src: currentImage === null || currentImage === void 0 ? void 0 : currentImage.src, alt: currentImage ? utils_utils.getImageAlt(currentImage, currentSlideIndex) : '', className: index_module.styles.fullScreenImage })) : (React__default.default.createElement("div", { className: cn__default.default(index_module.styles.singleSlideContainer, (_a = {},
-            _a[index_module.styles.mobile] = isMobile,
-            _a[index_module.styles.mobileVideo] = isMobile && utils_utils.isVideo(currentImage === null || currentImage === void 0 ? void 0 : currentImage.src),
-            _a)), ref: wrapperRef },
-        React__default.default.createElement(components_imageViewer_slide.Slide, { isActive: true, containerAspectRatio: wrapperAspectRatio, image: currentImage, containerHeight: (wrapperRect === null || wrapperRect === void 0 ? void 0 : wrapperRect.height) || 0, meta: currentImageMeta, index: 0, imageAspectRatio: imageAspectRatio, slideVisible: true, handleLoad: handleLoad, handleLoadError: handleLoadError })))));
-};
-
-exports.Single = Single;

package/gallery/cssm/components/image-viewer/hooks.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import { MouseEventHandler, SyntheticEvent } from 'react';
-declare const useHandleImageViewer: () => {
-    handleLoad: (event: SyntheticEvent<HTMLImageElement>, index: number) => void;
-    handleLoadError: (index: number) => void;
-    handleWrapperClick: MouseEventHandler<Element>;
-    isMobile: boolean;
-    leftArrowRef: import("react").RefObject<HTMLDivElement>;
-    rightArrowRef: import("react").RefObject<HTMLDivElement>;
-};
-export { useHandleImageViewer };

package/gallery/cssm/components/image-viewer/hooks.js

@@ -1,50 +0,0 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var elementClosest = require('element-closest');
-var context = require('../../context.js');
-var styles = require('./index.module.css');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var elementClosest__default = /*#__PURE__*/_interopDefaultCompat(elementClosest);
-var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
-
-var useHandleImageViewer = function () {
-    var _a = React.useContext(context.GalleryContext), view = _a.view, onClose = _a.onClose, setImageMeta = _a.setImageMeta;
-    var leftArrowRef = React.useRef(null);
-    var rightArrowRef = React.useRef(null);
-    var isMobile = view === 'mobile';
-    var handleLoad = function (event, index) {
-        var target = event.currentTarget;
-        var naturalWidth = target.naturalWidth, naturalHeight = target.naturalHeight;
-        setImageMeta({ width: naturalWidth, height: naturalHeight }, index);
-    };
-    var handleLoadError = function (index) {
-        setImageMeta({ width: 0, height: 0, broken: true }, index);
-    };
-    var handleWrapperClick = React.useCallback(function (event) {
-        var _a, _b;
-        var eventTarget = event.target;
-        var isArrow = ((_a = leftArrowRef.current) === null || _a === void 0 ? void 0 : _a.contains(eventTarget)) ||
-            ((_b = rightArrowRef.current) === null || _b === void 0 ? void 0 : _b.contains(eventTarget));
-        var isPlaceholder = Boolean(eventTarget.closest(".".concat(styles__default.default.placeholder)));
-        var isImg = eventTarget.tagName === 'IMG';
-        if (!isImg && !isPlaceholder && !isArrow && !isMobile) {
-            onClose();
-        }
-    }, [isMobile, onClose]);
-    React.useEffect(function () {
-        elementClosest__default.default(window);
-    }, []);
-    return {
-        handleLoad: handleLoad,
-        handleLoadError: handleLoadError,
-        handleWrapperClick: handleWrapperClick,
-        isMobile: isMobile,
-        leftArrowRef: leftArrowRef,
-        rightArrowRef: rightArrowRef,
-    };
-};
-
-exports.useHandleImageViewer = useHandleImageViewer;

package/gallery/cssm/components/image-viewer/single.d.ts

@@ -1,3 +0,0 @@
-import { FC } from 'react';
-declare const Single: FC;
-export { Single };

package/gallery/cssm/components/image-viewer/single.js

@@ -1,41 +0,0 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var cn = require('classnames');
-var context = require('../../context.js');
-var utils_utils = require('../../utils/utils.js');
-var components_imageViewer_hooks = require('./hooks.js');
-var components_imageViewer_slide = require('./slide.js');
-var styles = require('./index.module.css');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
-var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
-
-var Single = function () {
-    var _a;
-    var _b;
-    var _c = React.useContext(context.GalleryContext), fullScreen = _c.fullScreen, currentSlideIndex = _c.currentSlideIndex, getCurrentImage = _c.getCurrentImage, getCurrentImageMeta = _c.getCurrentImageMeta;
-    var _d = components_imageViewer_hooks.useHandleImageViewer(), handleLoad = _d.handleLoad, handleLoadError = _d.handleLoadError, handleWrapperClick = _d.handleWrapperClick, isMobile = _d.isMobile;
-    var wrapperRef = React.useRef(null);
-    var currentImage = getCurrentImage();
-    var currentImageMeta = getCurrentImageMeta();
-    if (!currentImage)
-        return null;
-    var imageWidth = (currentImageMeta === null || currentImageMeta === void 0 ? void 0 : currentImageMeta.width) || 1;
-    var imageHeight = (currentImageMeta === null || currentImageMeta === void 0 ? void 0 : currentImageMeta.height) || 1;
-    var imageAspectRatio = imageWidth / imageHeight;
-    var wrapperRect = (_b = wrapperRef.current) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect();
-    var wrapperAspectRatio = ((wrapperRect === null || wrapperRect === void 0 ? void 0 : wrapperRect.width) || 1) / ((wrapperRect === null || wrapperRect === void 0 ? void 0 : wrapperRect.height) || 1);
-    return (
-    /* eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions */
-    React__default.default.createElement("div", { className: styles__default.default.component, onClick: handleWrapperClick }, fullScreen && !utils_utils.isVideo(currentImage === null || currentImage === void 0 ? void 0 : currentImage.src) ? (React__default.default.createElement("img", { src: currentImage === null || currentImage === void 0 ? void 0 : currentImage.src, alt: currentImage ? utils_utils.getImageAlt(currentImage, currentSlideIndex) : '', className: styles__default.default.fullScreenImage })) : (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.singleSlideContainer, (_a = {},
-            _a[styles__default.default.mobile] = isMobile,
-            _a[styles__default.default.mobileVideo] = isMobile && utils_utils.isVideo(currentImage === null || currentImage === void 0 ? void 0 : currentImage.src),
-            _a)), ref: wrapperRef },
-        React__default.default.createElement(components_imageViewer_slide.Slide, { isActive: true, containerAspectRatio: wrapperAspectRatio, image: currentImage, containerHeight: (wrapperRect === null || wrapperRect === void 0 ? void 0 : wrapperRect.height) || 0, meta: currentImageMeta, index: 0, imageAspectRatio: imageAspectRatio, slideVisible: true, handleLoad: handleLoad, handleLoadError: handleLoadError })))));
-};
-
-exports.Single = Single;

package/gallery/esm/components/image-viewer/hooks.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import { MouseEventHandler, SyntheticEvent } from 'react';
-declare const useHandleImageViewer: () => {
-    handleLoad: (event: SyntheticEvent<HTMLImageElement>, index: number) => void;
-    handleLoadError: (index: number) => void;
-    handleWrapperClick: MouseEventHandler<Element>;
-    isMobile: boolean;
-    leftArrowRef: import("react").RefObject<HTMLDivElement>;
-    rightArrowRef: import("react").RefObject<HTMLDivElement>;
-};
-export { useHandleImageViewer };

package/gallery/esm/components/image-viewer/hooks.js

@@ -1,43 +0,0 @@
-import { useContext, useRef, useCallback, useEffect } from 'react';
-import elementClosest from 'element-closest';
-import { GalleryContext } from '../../context.js';
-import { s as styles } from '../../index.module-36459066.js';
-
-var useHandleImageViewer = function () {
-    var _a = useContext(GalleryContext), view = _a.view, onClose = _a.onClose, setImageMeta = _a.setImageMeta;
-    var leftArrowRef = useRef(null);
-    var rightArrowRef = useRef(null);
-    var isMobile = view === 'mobile';
-    var handleLoad = function (event, index) {
-        var target = event.currentTarget;
-        var naturalWidth = target.naturalWidth, naturalHeight = target.naturalHeight;
-        setImageMeta({ width: naturalWidth, height: naturalHeight }, index);
-    };
-    var handleLoadError = function (index) {
-        setImageMeta({ width: 0, height: 0, broken: true }, index);
-    };
-    var handleWrapperClick = useCallback(function (event) {
-        var _a, _b;
-        var eventTarget = event.target;
-        var isArrow = ((_a = leftArrowRef.current) === null || _a === void 0 ? void 0 : _a.contains(eventTarget)) ||
-            ((_b = rightArrowRef.current) === null || _b === void 0 ? void 0 : _b.contains(eventTarget));
-        var isPlaceholder = Boolean(eventTarget.closest(".".concat(styles.placeholder)));
-        var isImg = eventTarget.tagName === 'IMG';
-        if (!isImg && !isPlaceholder && !isArrow && !isMobile) {
-            onClose();
-        }
-    }, [isMobile, onClose]);
-    useEffect(function () {
-        elementClosest(window);
-    }, []);
-    return {
-        handleLoad: handleLoad,
-        handleLoadError: handleLoadError,
-        handleWrapperClick: handleWrapperClick,
-        isMobile: isMobile,
-        leftArrowRef: leftArrowRef,
-        rightArrowRef: rightArrowRef,
-    };
-};
-
-export { useHandleImageViewer };

package/gallery/esm/components/image-viewer/single.d.ts

@@ -1,3 +0,0 @@
-import { FC } from 'react';
-declare const Single: FC;
-export { Single };

package/gallery/esm/components/image-viewer/single.js

@@ -1,41 +0,0 @@
-import React, { useContext, useRef } from 'react';
-import cn from 'classnames';
-import { GalleryContext } from '../../context.js';
-import { isVideo, getImageAlt } from '../../utils/utils.js';
-import { useHandleImageViewer } from './hooks.js';
-import { Slide } from './slide.js';
-import { s as styles } from '../../index.module-36459066.js';
-import 'element-closest';
-import '../../../../typography/esm';
-import '../../utils/constants.js';
-import './paths.js';
-import './video/index.js';
-import 'hls.js';
-import '@alfalab/core-components/icon-view/circle';
-import '@alfalab/icons-glyph/PlayCompactMIcon';
-
-var Single = function () {
-    var _a;
-    var _b;
-    var _c = useContext(GalleryContext), fullScreen = _c.fullScreen, currentSlideIndex = _c.currentSlideIndex, getCurrentImage = _c.getCurrentImage, getCurrentImageMeta = _c.getCurrentImageMeta;
-    var _d = useHandleImageViewer(), handleLoad = _d.handleLoad, handleLoadError = _d.handleLoadError, handleWrapperClick = _d.handleWrapperClick, isMobile = _d.isMobile;
-    var wrapperRef = useRef(null);
-    var currentImage = getCurrentImage();
-    var currentImageMeta = getCurrentImageMeta();
-    if (!currentImage)
-        return null;
-    var imageWidth = (currentImageMeta === null || currentImageMeta === void 0 ? void 0 : currentImageMeta.width) || 1;
-    var imageHeight = (currentImageMeta === null || currentImageMeta === void 0 ? void 0 : currentImageMeta.height) || 1;
-    var imageAspectRatio = imageWidth / imageHeight;
-    var wrapperRect = (_b = wrapperRef.current) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect();
-    var wrapperAspectRatio = ((wrapperRect === null || wrapperRect === void 0 ? void 0 : wrapperRect.width) || 1) / ((wrapperRect === null || wrapperRect === void 0 ? void 0 : wrapperRect.height) || 1);
-    return (
-    /* eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions */
-    React.createElement("div", { className: styles.component, onClick: handleWrapperClick }, fullScreen && !isVideo(currentImage === null || currentImage === void 0 ? void 0 : currentImage.src) ? (React.createElement("img", { src: currentImage === null || currentImage === void 0 ? void 0 : currentImage.src, alt: currentImage ? getImageAlt(currentImage, currentSlideIndex) : '', className: styles.fullScreenImage })) : (React.createElement("div", { className: cn(styles.singleSlideContainer, (_a = {},
-            _a[styles.mobile] = isMobile,
-            _a[styles.mobileVideo] = isMobile && isVideo(currentImage === null || currentImage === void 0 ? void 0 : currentImage.src),
-            _a)), ref: wrapperRef },
-        React.createElement(Slide, { isActive: true, containerAspectRatio: wrapperAspectRatio, image: currentImage, containerHeight: (wrapperRect === null || wrapperRect === void 0 ? void 0 : wrapperRect.height) || 0, meta: currentImageMeta, index: 0, imageAspectRatio: imageAspectRatio, slideVisible: true, handleLoad: handleLoad, handleLoadError: handleLoadError })))));
-};
-
-export { Single };

package/gallery/esm/index.module-36459066.js

@@ -1,4 +0,0 @@
-var styles = {"component":"gallery__component_1dsel","swiper":"gallery__swiper_1dsel","mobile":"gallery__mobile_1dsel","mobileVideo":"gallery__mobileVideo_1dsel","singleSlideContainer":"gallery__singleSlideContainer_1dsel","hidden":"gallery__hidden_1dsel","slide":"gallery__slide_1dsel","slideLoading":"gallery__slideLoading_1dsel","image":"gallery__image_1dsel","smallImage":"gallery__smallImage_1dsel","verticalImageFit":"gallery__verticalImageFit_1dsel","horizontalImageFit":"gallery__horizontalImageFit_1dsel","arrow":"gallery__arrow_1dsel","focused":"gallery__focused_1dsel","placeholder":"gallery__placeholder_1dsel","brokenImgWrapper":"gallery__brokenImgWrapper_1dsel","brokenImgIcon":"gallery__brokenImgIcon_1dsel","fullScreenImage":"gallery__fullScreenImage_1dsel","fullScreenVideo":"gallery__fullScreenVideo_1dsel"};
-require('./components/image-viewer/index.css');
-
-export { styles as s };

package/gallery/index.module-c483ff15.js

@@ -1,4 +0,0 @@
-var styles = {"component":"gallery__component_1dsel","swiper":"gallery__swiper_1dsel","mobile":"gallery__mobile_1dsel","mobileVideo":"gallery__mobileVideo_1dsel","singleSlideContainer":"gallery__singleSlideContainer_1dsel","hidden":"gallery__hidden_1dsel","slide":"gallery__slide_1dsel","slideLoading":"gallery__slideLoading_1dsel","image":"gallery__image_1dsel","smallImage":"gallery__smallImage_1dsel","verticalImageFit":"gallery__verticalImageFit_1dsel","horizontalImageFit":"gallery__horizontalImageFit_1dsel","arrow":"gallery__arrow_1dsel","focused":"gallery__focused_1dsel","placeholder":"gallery__placeholder_1dsel","brokenImgWrapper":"gallery__brokenImgWrapper_1dsel","brokenImgIcon":"gallery__brokenImgIcon_1dsel","fullScreenImage":"gallery__fullScreenImage_1dsel","fullScreenVideo":"gallery__fullScreenVideo_1dsel"};
-require('./components/image-viewer/index.css');
-
-exports.styles = styles;

package/gallery/modern/components/image-viewer/hooks.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import { MouseEventHandler, SyntheticEvent } from 'react';
-declare const useHandleImageViewer: () => {
-    handleLoad: (event: SyntheticEvent<HTMLImageElement>, index: number) => void;
-    handleLoadError: (index: number) => void;
-    handleWrapperClick: MouseEventHandler<Element>;
-    isMobile: boolean;
-    leftArrowRef: import("react").RefObject<HTMLDivElement>;
-    rightArrowRef: import("react").RefObject<HTMLDivElement>;
-};
-export { useHandleImageViewer };

package/gallery/modern/components/image-viewer/hooks.js

@@ -1,42 +0,0 @@
-import { useContext, useRef, useCallback, useEffect } from 'react';
-import elementClosest from 'element-closest';
-import { GalleryContext } from '../../context.js';
-import { s as styles } from '../../index.module-d076a674.js';
-
-const useHandleImageViewer = () => {
-    const { view, onClose, setImageMeta } = useContext(GalleryContext);
-    const leftArrowRef = useRef(null);
-    const rightArrowRef = useRef(null);
-    const isMobile = view === 'mobile';
-    const handleLoad = (event, index) => {
-        const target = event.currentTarget;
-        const { naturalWidth, naturalHeight } = target;
-        setImageMeta({ width: naturalWidth, height: naturalHeight }, index);
-    };
-    const handleLoadError = (index) => {
-        setImageMeta({ width: 0, height: 0, broken: true }, index);
-    };
-    const handleWrapperClick = useCallback((event) => {
-        const eventTarget = event.target;
-        const isArrow = leftArrowRef.current?.contains(eventTarget) ||
-            rightArrowRef.current?.contains(eventTarget);
-        const isPlaceholder = Boolean(eventTarget.closest(`.${styles.placeholder}`));
-        const isImg = eventTarget.tagName === 'IMG';
-        if (!isImg && !isPlaceholder && !isArrow && !isMobile) {
-            onClose();
-        }
-    }, [isMobile, onClose]);
-    useEffect(() => {
-        elementClosest(window);
-    }, []);
-    return {
-        handleLoad,
-        handleLoadError,
-        handleWrapperClick,
-        isMobile,
-        leftArrowRef,
-        rightArrowRef,
-    };
-};
-
-export { useHandleImageViewer };

package/gallery/modern/components/image-viewer/single.d.ts

@@ -1,3 +0,0 @@
-import { FC } from 'react';
-declare const Single: FC;
-export { Single };

package/gallery/modern/components/image-viewer/single.js

@@ -1,39 +0,0 @@
-import React, { useContext, useRef } from 'react';
-import cn from 'classnames';
-import { GalleryContext } from '../../context.js';
-import { isVideo, getImageAlt } from '../../utils/utils.js';
-import { useHandleImageViewer } from './hooks.js';
-import { Slide } from './slide.js';
-import { s as styles } from '../../index.module-d076a674.js';
-import 'element-closest';
-import '../../../../typography/modern';
-import '../../utils/constants.js';
-import './paths.js';
-import './video/index.js';
-import 'hls.js';
-import '@alfalab/core-components/icon-view/circle';
-import '@alfalab/icons-glyph/PlayCompactMIcon';
-
-const Single = () => {
-    const { fullScreen, currentSlideIndex, getCurrentImage, getCurrentImageMeta } = useContext(GalleryContext);
-    const { handleLoad, handleLoadError, handleWrapperClick, isMobile } = useHandleImageViewer();
-    const wrapperRef = useRef(null);
-    const currentImage = getCurrentImage();
-    const currentImageMeta = getCurrentImageMeta();
-    if (!currentImage)
-        return null;
-    const imageWidth = currentImageMeta?.width || 1;
-    const imageHeight = currentImageMeta?.height || 1;
-    const imageAspectRatio = imageWidth / imageHeight;
-    const wrapperRect = wrapperRef.current?.getBoundingClientRect();
-    const wrapperAspectRatio = (wrapperRect?.width || 1) / (wrapperRect?.height || 1);
-    return (
-    /* eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions */
-    React.createElement("div", { className: styles.component, onClick: handleWrapperClick }, fullScreen && !isVideo(currentImage?.src) ? (React.createElement("img", { src: currentImage?.src, alt: currentImage ? getImageAlt(currentImage, currentSlideIndex) : '', className: styles.fullScreenImage })) : (React.createElement("div", { className: cn(styles.singleSlideContainer, {
-            [styles.mobile]: isMobile,
-            [styles.mobileVideo]: isMobile && isVideo(currentImage?.src),
-        }), ref: wrapperRef },
-        React.createElement(Slide, { isActive: true, containerAspectRatio: wrapperAspectRatio, image: currentImage, containerHeight: wrapperRect?.height || 0, meta: currentImageMeta, index: 0, imageAspectRatio: imageAspectRatio, slideVisible: true, handleLoad: handleLoad, handleLoadError: handleLoadError })))));
-};
-
-export { Single };

package/gallery/modern/index.module-d076a674.js

@@ -1,4 +0,0 @@
-const styles = {"component":"gallery__component_1dsel","swiper":"gallery__swiper_1dsel","mobile":"gallery__mobile_1dsel","mobileVideo":"gallery__mobileVideo_1dsel","singleSlideContainer":"gallery__singleSlideContainer_1dsel","hidden":"gallery__hidden_1dsel","slide":"gallery__slide_1dsel","slideLoading":"gallery__slideLoading_1dsel","image":"gallery__image_1dsel","smallImage":"gallery__smallImage_1dsel","verticalImageFit":"gallery__verticalImageFit_1dsel","horizontalImageFit":"gallery__horizontalImageFit_1dsel","arrow":"gallery__arrow_1dsel","focused":"gallery__focused_1dsel","placeholder":"gallery__placeholder_1dsel","brokenImgWrapper":"gallery__brokenImgWrapper_1dsel","brokenImgIcon":"gallery__brokenImgIcon_1dsel","fullScreenImage":"gallery__fullScreenImage_1dsel","fullScreenVideo":"gallery__fullScreenVideo_1dsel"};
-require('./components/image-viewer/index.css');
-
-export { styles as s };

package/gallery/moderncssm/components/image-viewer/hooks.d.ts

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-import { MouseEventHandler, SyntheticEvent } from 'react';
-declare const useHandleImageViewer: () => {
-    handleLoad: (event: SyntheticEvent<HTMLImageElement>, index: number) => void;
-    handleLoadError: (index: number) => void;
-    handleWrapperClick: MouseEventHandler<Element>;
-    isMobile: boolean;
-    leftArrowRef: import("react").RefObject<HTMLDivElement>;
-    rightArrowRef: import("react").RefObject<HTMLDivElement>;
-};
-export { useHandleImageViewer };

package/gallery/moderncssm/components/image-viewer/hooks.js

@@ -1,42 +0,0 @@
-import { useContext, useRef, useCallback, useEffect } from 'react';
-import elementClosest from 'element-closest';
-import { GalleryContext } from '../../context.js';
-import styles from './index.module.css';
-
-const useHandleImageViewer = () => {
-    const { view, onClose, setImageMeta } = useContext(GalleryContext);
-    const leftArrowRef = useRef(null);
-    const rightArrowRef = useRef(null);
-    const isMobile = view === 'mobile';
-    const handleLoad = (event, index) => {
-        const target = event.currentTarget;
-        const { naturalWidth, naturalHeight } = target;
-        setImageMeta({ width: naturalWidth, height: naturalHeight }, index);
-    };
-    const handleLoadError = (index) => {
-        setImageMeta({ width: 0, height: 0, broken: true }, index);
-    };
-    const handleWrapperClick = useCallback((event) => {
-        const eventTarget = event.target;
-        const isArrow = leftArrowRef.current?.contains(eventTarget) ||
-            rightArrowRef.current?.contains(eventTarget);
-        const isPlaceholder = Boolean(eventTarget.closest(`.${styles.placeholder}`));
-        const isImg = eventTarget.tagName === 'IMG';
-        if (!isImg && !isPlaceholder && !isArrow && !isMobile) {
-            onClose();
-        }
-    }, [isMobile, onClose]);
-    useEffect(() => {
-        elementClosest(window);
-    }, []);
-    return {
-        handleLoad,
-        handleLoadError,
-        handleWrapperClick,
-        isMobile,
-        leftArrowRef,
-        rightArrowRef,
-    };
-};
-
-export { useHandleImageViewer };

package/gallery/moderncssm/components/image-viewer/single.d.ts

@@ -1,3 +0,0 @@
-import { FC } from 'react';
-declare const Single: FC;
-export { Single };