@alfalab/core-components 48.0.1 → 48.1.0

package/underlay/esm/Component.js

@@ -2,7 +2,7 @@ import React, { forwardRef } from 'react';
 import cn from 'classnames';
 import { getBorderCorners } from './utils/getBorderCorners.js';
 import { isBackgroundToken, getClasses } from './utils/getClasses.js';
-import { s as styles } from './index.module-70e94e48.js';
+import { s as styles } from './index.module-ccb53086.js';
 import './constants.js';
 
 /******************************************************************************

package/underlay/esm/index.js

@@ -2,6 +2,6 @@ export { Underlay } from './Component.js';
 import 'react';
 import 'classnames';
 import './utils/getBorderCorners.js';
-import './index.module-70e94e48.js';
+import './index.module-ccb53086.js';
 import './utils/getClasses.js';
 import './constants.js';

package/underlay/esm/utils/getBorderCorners.js

@@ -1,4 +1,4 @@
-import { s as styles } from '../index.module-70e94e48.js';
+import { s as styles } from '../index.module-ccb53086.js';
 
 var getBorderCorners = function (borderRadius) {
     var _a;

package/underlay/esm/utils/getClasses.js

@@ -1,5 +1,5 @@
 import { BACKGROUND } from '../constants.js';
-import { s as styles } from '../index.module-70e94e48.js';
+import { s as styles } from '../index.module-ccb53086.js';
 
 var isBackgroundToken = function (token) { return token && BACKGROUND.includes(token); };
 var getClasses = function (backgroundColor, borderColor, borderSize, shadow) {

package/underlay/modern/Component.js

@@ -2,7 +2,7 @@ import React, { forwardRef } from 'react';
 import cn from 'classnames';
 import { getBorderCorners } from './utils/getBorderCorners.js';
 import { isBackgroundToken, getClasses } from './utils/getClasses.js';
-import { s as styles } from './index.module-285fa08d.js';
+import { s as styles } from './index.module-162e587d.js';
 import './constants.js';
 
 const Underlay = forwardRef(({ children, borderRadius, shadow, dimensions, borderSize, backgroundColor, borderColor, className, padding, dataTestId, overflow = true, contentProps, ...restProps }, ref) => {

package/underlay/modern/index.js

@@ -2,6 +2,6 @@ export { Underlay } from './Component.js';
 import 'react';
 import 'classnames';
 import './utils/getBorderCorners.js';
-import './index.module-285fa08d.js';
+import './index.module-162e587d.js';
 import './utils/getClasses.js';
 import './constants.js';

package/underlay/modern/utils/getBorderCorners.js

@@ -1,4 +1,4 @@
-import { s as styles } from '../index.module-285fa08d.js';
+import { s as styles } from '../index.module-162e587d.js';
 
 const getBorderCorners = (borderRadius) => {
     const bordersSize = typeof borderRadius === 'string'

package/underlay/modern/utils/getClasses.js

@@ -1,5 +1,5 @@
 import { BACKGROUND } from '../constants.js';
-import { s as styles } from '../index.module-285fa08d.js';
+import { s as styles } from '../index.module-162e587d.js';
 
 const isBackgroundToken = (token) => token && BACKGROUND.includes(token);
 const getClasses = (backgroundColor, borderColor, borderSize, shadow) => ({

package/underlay/utils/getBorderCorners.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index_module = require('../index.module-dcd60481.js');
+var index_module = require('../index.module-86f56b8b.js');
 
 var getBorderCorners = function (borderRadius) {
     var _a;

package/underlay/utils/getClasses.js

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var constants = require('../constants.js');
-var index_module = require('../index.module-dcd60481.js');
+var index_module = require('../index.module-86f56b8b.js');
 
 var isBackgroundToken = function (token) { return token && constants.BACKGROUND.includes(token); };
 var getClasses = function (backgroundColor, borderColor, borderSize, shadow) {

package/universal-date-input/components/base-universal-date-input/Component.js

@@ -13,7 +13,7 @@ var components_dateInput_Component = require('../date-input/Component.js');
 var components_dateRangeInput_Component = require('../date-range-input/Component.js');
 var components_monthInput_Component = require('../month-input/Component.js');
 var components_timeInput_Component = require('../time-input/Component.js');
-var index_module = require('../../index.module-20581b20.js');
+var index_module = require('../../index.module-fe487edd.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/universal-date-input/components/date-input/Component.js

@@ -11,7 +11,7 @@ var coreComponentsShared = require('../../../shared');
 var CalendarMIcon = require('@alfalab/icons-glyph/CalendarMIcon');
 var consts = require('../../consts.js');
 var utils_index = require('../../utils/index.js');
-var index_module = require('../../index.module-20581b20.js');
+var index_module = require('../../index.module-fe487edd.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/universal-date-input/components/date-range-input/Component.js

@@ -13,7 +13,7 @@ var coreComponentsShared = require('../../../shared');
 var CalendarMIcon = require('@alfalab/icons-glyph/CalendarMIcon');
 var consts = require('../../consts.js');
 var utils_index = require('../../utils/index.js');
-var index_module = require('../../index.module-20581b20.js');
+var index_module = require('../../index.module-fe487edd.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/universal-date-input/esm/Component.responsive.js

@@ -26,7 +26,7 @@ import './components/date-input/Component.js';
 import '../../input/esm';
 import '../../popover/esm';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import './index.module-d0ded004.js';
+import './index.module-7889d7b0.js';
 import './components/date-range-input/Component.js';
 import 'date-fns/isAfter';
 import 'date-fns/startOfMonth';

package/universal-date-input/esm/components/base-universal-date-input/Component.js

@@ -11,7 +11,7 @@ import { DateInput } from '../date-input/Component.js';
 import { DateRangeInput } from '../date-range-input/Component.js';
 import { MonthInput } from '../month-input/Component.js';
 import { TimeInput } from '../time-input/Component.js';
-import { s as styles } from '../../index.module-d0ded004.js';
+import { s as styles } from '../../index.module-7889d7b0.js';
 import '../../mask/plugins.js';
 import '../../mask/utils.js';
 import 'date-fns/clamp';

package/universal-date-input/esm/components/base-universal-date-input/index.js

@@ -25,7 +25,7 @@ import '../date-input/Component.js';
 import '../../../../input/esm';
 import '../../../../popover/esm';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import '../../index.module-d0ded004.js';
+import '../../index.module-7889d7b0.js';
 import '../date-range-input/Component.js';
 import 'date-fns/isAfter';
 import 'date-fns/startOfMonth';

package/universal-date-input/esm/components/date-input/Component.js

@@ -9,7 +9,7 @@ import { getDataTestId } from '../../../../shared/esm';
 import { CalendarMIcon } from '@alfalab/icons-glyph/CalendarMIcon';
 import { DATE_TIME_SEPARATOR, DATE_TIME_FORMAT, DATE_FORMAT, DEFAULT_MIN_DATE, DEFAULT_MAX_DATE } from '../../consts.js';
 import { isValidDate, isCompleteTime, formatDate, isCompleteDate, preventDefault, parseDateString } from '../../utils/index.js';
-import { s as styles } from '../../index.module-d0ded004.js';
+import { s as styles } from '../../index.module-7889d7b0.js';
 import 'date-fns/differenceInDays';
 import 'date-fns/format';
 import 'date-fns/isSameDay';

package/universal-date-input/esm/components/date-input/index.js

@@ -15,4 +15,4 @@ import 'date-fns/format';
 import 'date-fns/isSameDay';
 import 'date-fns/parse';
 import 'date-fns/startOfDay';
-import '../../index.module-d0ded004.js';
+import '../../index.module-7889d7b0.js';

package/universal-date-input/esm/components/date-range-input/Component.js

@@ -11,7 +11,7 @@ import { getDataTestId } from '../../../../shared/esm';
 import { CalendarMIcon } from '@alfalab/icons-glyph/CalendarMIcon';
 import { DATE_RANGE_SEPARATOR, DEFAULT_MAX_DATE, DEFAULT_MIN_DATE } from '../../consts.js';
 import { getValidRange, formatDate, formatDateRange, isCompleteDateRange, preventDefault, isCompleteDate, parseDateString, updateRange } from '../../utils/index.js';
-import { s as styles } from '../../index.module-d0ded004.js';
+import { s as styles } from '../../index.module-7889d7b0.js';
 import 'date-fns/differenceInDays';
 import 'date-fns/format';
 import 'date-fns/isSameDay';

package/universal-date-input/esm/components/date-range-input/index.js

@@ -17,4 +17,4 @@ import 'date-fns/format';
 import 'date-fns/isSameDay';
 import 'date-fns/parse';
 import 'date-fns/startOfDay';
-import '../../index.module-d0ded004.js';
+import '../../index.module-7889d7b0.js';

package/universal-date-input/esm/desktop/Component.desktop.js

@@ -25,7 +25,7 @@ import '../components/date-input/Component.js';
 import '../../../input/esm';
 import '../../../popover/esm';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import '../index.module-d0ded004.js';
+import '../index.module-7889d7b0.js';
 import '../components/date-range-input/Component.js';
 import 'date-fns/isAfter';
 import 'date-fns/startOfMonth';

package/universal-date-input/esm/desktop/index.js

@@ -26,7 +26,7 @@ import '../components/date-input/Component.js';
 import '../../../input/esm';
 import '../../../popover/esm';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import '../index.module-d0ded004.js';
+import '../index.module-7889d7b0.js';
 import '../components/date-range-input/Component.js';
 import 'date-fns/isAfter';
 import 'date-fns/startOfMonth';

package/universal-date-input/esm/index.js

@@ -27,7 +27,7 @@ import './components/date-input/Component.js';
 import '../../input/esm';
 import '../../popover/esm';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import './index.module-d0ded004.js';
+import './index.module-7889d7b0.js';
 import './components/date-range-input/Component.js';
 import 'date-fns/isAfter';
 import 'date-fns/startOfMonth';

package/universal-date-input/esm/mobile/Component.mobile.js

@@ -25,7 +25,7 @@ import '../components/date-input/Component.js';
 import '../../../input/esm';
 import '../../../popover/esm';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import '../index.module-d0ded004.js';
+import '../index.module-7889d7b0.js';
 import '../components/date-range-input/Component.js';
 import 'date-fns/isAfter';
 import 'date-fns/startOfMonth';

package/universal-date-input/esm/mobile/index.js

@@ -26,7 +26,7 @@ import '../components/date-input/Component.js';
 import '../../../input/esm';
 import '../../../popover/esm';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import '../index.module-d0ded004.js';
+import '../index.module-7889d7b0.js';
 import '../components/date-range-input/Component.js';
 import 'date-fns/isAfter';
 import 'date-fns/startOfMonth';

package/universal-date-input/modern/Component.responsive.js

@@ -25,7 +25,7 @@ import './components/date-input/Component.js';
 import '../../input/modern';
 import '../../popover/modern';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import './index.module-18a0243c.js';
+import './index.module-2131a65b.js';
 import './components/date-range-input/Component.js';
 import 'date-fns/isAfter';
 import 'date-fns/startOfMonth';

package/universal-date-input/modern/components/base-universal-date-input/Component.js

@@ -10,7 +10,7 @@ import { DateInput } from '../date-input/Component.js';
 import { DateRangeInput } from '../date-range-input/Component.js';
 import { MonthInput } from '../month-input/Component.js';
 import { TimeInput } from '../time-input/Component.js';
-import { s as styles } from '../../index.module-18a0243c.js';
+import { s as styles } from '../../index.module-2131a65b.js';
 import '../../mask/plugins.js';
 import '../../mask/utils.js';
 import 'date-fns/clamp';

package/universal-date-input/modern/components/base-universal-date-input/index.js

@@ -24,7 +24,7 @@ import '../date-input/Component.js';
 import '../../../../input/modern';
 import '../../../../popover/modern';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import '../../index.module-18a0243c.js';
+import '../../index.module-2131a65b.js';
 import '../date-range-input/Component.js';
 import 'date-fns/isAfter';
 import 'date-fns/startOfMonth';

package/universal-date-input/modern/components/date-input/Component.js

@@ -8,7 +8,7 @@ import { getDataTestId } from '../../../../shared/modern';
 import { CalendarMIcon } from '@alfalab/icons-glyph/CalendarMIcon';
 import { DATE_TIME_SEPARATOR, DEFAULT_MIN_DATE, DEFAULT_MAX_DATE, DATE_TIME_FORMAT, DATE_FORMAT } from '../../consts.js';
 import { isValidDate, isCompleteTime, formatDate, isCompleteDate, preventDefault, parseDateString } from '../../utils/index.js';
-import { s as styles } from '../../index.module-18a0243c.js';
+import { s as styles } from '../../index.module-2131a65b.js';
 import 'date-fns/differenceInDays';
 import 'date-fns/format';
 import 'date-fns/isSameDay';

package/universal-date-input/modern/components/date-input/index.js

@@ -14,4 +14,4 @@ import 'date-fns/format';
 import 'date-fns/isSameDay';
 import 'date-fns/parse';
 import 'date-fns/startOfDay';
-import '../../index.module-18a0243c.js';
+import '../../index.module-2131a65b.js';

package/universal-date-input/modern/components/date-range-input/Component.js

@@ -10,7 +10,7 @@ import { getDataTestId } from '../../../../shared/modern';
 import { CalendarMIcon } from '@alfalab/icons-glyph/CalendarMIcon';
 import { DATE_RANGE_SEPARATOR, DEFAULT_MAX_DATE, DEFAULT_MIN_DATE } from '../../consts.js';
 import { getValidRange, formatDate, formatDateRange, isCompleteDateRange, preventDefault, isCompleteDate, parseDateString, updateRange } from '../../utils/index.js';
-import { s as styles } from '../../index.module-18a0243c.js';
+import { s as styles } from '../../index.module-2131a65b.js';
 import 'date-fns/differenceInDays';
 import 'date-fns/format';
 import 'date-fns/isSameDay';

package/universal-date-input/modern/components/date-range-input/index.js

@@ -16,4 +16,4 @@ import 'date-fns/format';
 import 'date-fns/isSameDay';
 import 'date-fns/parse';
 import 'date-fns/startOfDay';
-import '../../index.module-18a0243c.js';
+import '../../index.module-2131a65b.js';

package/universal-date-input/modern/desktop/Component.desktop.js

@@ -24,7 +24,7 @@ import '../components/date-input/Component.js';
 import '../../../input/modern';
 import '../../../popover/modern';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import '../index.module-18a0243c.js';
+import '../index.module-2131a65b.js';
 import '../components/date-range-input/Component.js';
 import 'date-fns/isAfter';
 import 'date-fns/startOfMonth';

package/universal-date-input/modern/desktop/index.js

@@ -25,7 +25,7 @@ import '../components/date-input/Component.js';
 import '../../../input/modern';
 import '../../../popover/modern';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import '../index.module-18a0243c.js';
+import '../index.module-2131a65b.js';
 import '../components/date-range-input/Component.js';
 import 'date-fns/isAfter';
 import 'date-fns/startOfMonth';

package/universal-date-input/modern/index.js

@@ -26,7 +26,7 @@ import './components/date-input/Component.js';
 import '../../input/modern';
 import '../../popover/modern';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import './index.module-18a0243c.js';
+import './index.module-2131a65b.js';
 import './components/date-range-input/Component.js';
 import 'date-fns/isAfter';
 import 'date-fns/startOfMonth';

package/universal-date-input/modern/mobile/Component.mobile.js

@@ -24,7 +24,7 @@ import '../components/date-input/Component.js';
 import '../../../input/modern';
 import '../../../popover/modern';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import '../index.module-18a0243c.js';
+import '../index.module-2131a65b.js';
 import '../components/date-range-input/Component.js';
 import 'date-fns/isAfter';
 import 'date-fns/startOfMonth';

package/universal-date-input/modern/mobile/index.js

@@ -25,7 +25,7 @@ import '../components/date-input/Component.js';
 import '../../../input/modern';
 import '../../../popover/modern';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import '../index.module-18a0243c.js';
+import '../index.module-2131a65b.js';
 import '../components/date-range-input/Component.js';
 import 'date-fns/isAfter';
 import 'date-fns/startOfMonth';

package/gallery/esm/slide-e7d22305.d.ts

@@ -1,16 +0,0 @@
-import { FC, SyntheticEvent } from 'react';
-import { GalleryImage, ImageMeta } from "./types";
-type SlideProps = {
-    isActive: boolean;
-    image: GalleryImage;
-    meta?: ImageMeta;
-    swiperAspectRatio: number;
-    imageAspectRatio: number;
-    index: number;
-    swiperHeight: number;
-    slideVisible: boolean;
-    handleLoad: (event: SyntheticEvent<HTMLImageElement>, index: number) => void;
-    handleLoadError: (index: number) => void;
-};
-declare const Slide: FC<SlideProps>;
-export { Slide };

package/gallery/esm/slide-e7d22305.js

@@ -1,54 +0,0 @@
-import React, { useContext } from 'react';
-import cn from 'classnames';
-import { Typography } from '../../typography/esm';
-import { GalleryContext } from './context.js';
-import { isSmallImage, isVideo, getImageAlt } from './utils/utils.js';
-import { TestIds } from './utils/constants.js';
-import { NoImagePaths } from './components/image-viewer/paths.js';
-import { Video } from './components/image-viewer/video/index.js';
-import 'hls.js';
-import '@alfalab/core-components/icon-view/circle';
-import '@alfalab/icons-glyph/PlayCompactMIcon';
-
-var styles = {"component":"gallery__component_52rek","swiper":"gallery__swiper_52rek","mobile":"gallery__mobile_52rek","mobileVideo":"gallery__mobileVideo_52rek","singleSlide":"gallery__singleSlide_52rek","hidden":"gallery__hidden_52rek","slide":"gallery__slide_52rek","slideLoading":"gallery__slideLoading_52rek","image":"gallery__image_52rek","smallImage":"gallery__smallImage_52rek","verticalImageFit":"gallery__verticalImageFit_52rek","horizontalImageFit":"gallery__horizontalImageFit_52rek","arrow":"gallery__arrow_52rek","focused":"gallery__focused_52rek","placeholder":"gallery__placeholder_52rek","brokenImgWrapper":"gallery__brokenImgWrapper_52rek","brokenImgIcon":"gallery__brokenImgIcon_52rek","fullScreenImage":"gallery__fullScreenImage_52rek","fullScreenVideo":"gallery__fullScreenVideo_52rek"};
-require('./components/image-viewer/index.css');
-
-var SlideInner = function (_a) {
-    var _b;
-    var children = _a.children, broken = _a.broken, loading = _a.loading, withPlaceholder = _a.withPlaceholder, isVideoView = _a.isVideoView;
-    var content = broken ? (React.createElement("div", { className: styles.brokenImgWrapper },
-        React.createElement("div", { className: styles.brokenImgIcon },
-            React.createElement("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '80', height: '80', viewBox: '0 0 80 80', fill: 'none' },
-                React.createElement("rect", { width: '80', height: '80', fill: 'none' }),
-                React.createElement("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: NoImagePaths.baseImage, fill: '#89898A' }),
-                React.createElement("path", { d: NoImagePaths.triangleImage, fill: '#89898A' }))),
-        React.createElement(Typography.Text, { view: 'primary-small', color: 'static-secondary-light' },
-            "\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044C ",
-            isVideoView ? 'видео' : 'изображение'))) : (children);
-    return (React.createElement("div", { className: cn(styles.slide, (_b = {}, _b[styles.slideLoading] = loading, _b)) }, withPlaceholder ? React.createElement("div", { className: styles.placeholder }, content) : content));
-};
-var Slide = function (_a) {
-    var _b;
-    var isActive = _a.isActive, meta = _a.meta, swiperAspectRatio = _a.swiperAspectRatio, imageAspectRatio = _a.imageAspectRatio, image = _a.image, index = _a.index, swiperHeight = _a.swiperHeight, slideVisible = _a.slideVisible, handleLoad = _a.handleLoad, handleLoadError = _a.handleLoadError;
-    var view = useContext(GalleryContext).view;
-    var broken = Boolean(meta === null || meta === void 0 ? void 0 : meta.broken);
-    var small = isSmallImage(meta);
-    var verticalImageFit = !small && swiperAspectRatio > imageAspectRatio;
-    var horizontalImageFit = !small && swiperAspectRatio <= imageAspectRatio;
-    if (isVideo(image.src)) {
-        return (React.createElement(SlideInner, { isVideoView: true, active: isActive, broken: broken, withPlaceholder: broken, loading: !meta },
-            React.createElement(Video, { url: image.src, index: index, isActive: isActive })));
-    }
-    return (React.createElement(SlideInner, { active: isActive, broken: broken, loading: !meta, withPlaceholder: small || broken },
-        React.createElement("img", { src: image.src, alt: getImageAlt(image, index), className: cn((_b = {},
-                _b[styles.smallImage] = small,
-                _b[styles.image] = !small && meta,
-                _b[styles.mobile] = view === 'mobile',
-                _b[styles.verticalImageFit] = verticalImageFit,
-                _b[styles.horizontalImageFit] = horizontalImageFit,
-                _b)), onLoad: function (event) { return handleLoad(event, index); }, onError: function () { return handleLoadError(index); }, style: {
-                maxHeight: "".concat(swiperHeight, "px"),
-            }, "data-test-id": slideVisible ? TestIds.ACTIVE_IMAGE : undefined })));
-};
-
-export { Slide as S, styles as s };

package/gallery/modern/slide-431f3bd9.d.ts

@@ -1,16 +0,0 @@
-import { FC, SyntheticEvent } from 'react';
-import { GalleryImage, ImageMeta } from "./types";
-type SlideProps = {
-    isActive: boolean;
-    image: GalleryImage;
-    meta?: ImageMeta;
-    swiperAspectRatio: number;
-    imageAspectRatio: number;
-    index: number;
-    swiperHeight: number;
-    slideVisible: boolean;
-    handleLoad: (event: SyntheticEvent<HTMLImageElement>, index: number) => void;
-    handleLoadError: (index: number) => void;
-};
-declare const Slide: FC<SlideProps>;
-export { Slide };

package/gallery/modern/slide-431f3bd9.js

@@ -1,50 +0,0 @@
-import React, { useContext } from 'react';
-import cn from 'classnames';
-import { Typography } from '../../typography/modern';
-import { GalleryContext } from './context.js';
-import { isSmallImage, isVideo, getImageAlt } from './utils/utils.js';
-import { TestIds } from './utils/constants.js';
-import { NoImagePaths } from './components/image-viewer/paths.js';
-import { Video } from './components/image-viewer/video/index.js';
-import 'hls.js';
-import '@alfalab/core-components/icon-view/circle';
-import '@alfalab/icons-glyph/PlayCompactMIcon';
-
-const styles = {"component":"gallery__component_52rek","swiper":"gallery__swiper_52rek","mobile":"gallery__mobile_52rek","mobileVideo":"gallery__mobileVideo_52rek","singleSlide":"gallery__singleSlide_52rek","hidden":"gallery__hidden_52rek","slide":"gallery__slide_52rek","slideLoading":"gallery__slideLoading_52rek","image":"gallery__image_52rek","smallImage":"gallery__smallImage_52rek","verticalImageFit":"gallery__verticalImageFit_52rek","horizontalImageFit":"gallery__horizontalImageFit_52rek","arrow":"gallery__arrow_52rek","focused":"gallery__focused_52rek","placeholder":"gallery__placeholder_52rek","brokenImgWrapper":"gallery__brokenImgWrapper_52rek","brokenImgIcon":"gallery__brokenImgIcon_52rek","fullScreenImage":"gallery__fullScreenImage_52rek","fullScreenVideo":"gallery__fullScreenVideo_52rek"};
-require('./components/image-viewer/index.css');
-
-const SlideInner = ({ children, broken, loading, withPlaceholder, isVideoView, }) => {
-    const content = broken ? (React.createElement("div", { className: styles.brokenImgWrapper },
-        React.createElement("div", { className: styles.brokenImgIcon },
-            React.createElement("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '80', height: '80', viewBox: '0 0 80 80', fill: 'none' },
-                React.createElement("rect", { width: '80', height: '80', fill: 'none' }),
-                React.createElement("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: NoImagePaths.baseImage, fill: '#89898A' }),
-                React.createElement("path", { d: NoImagePaths.triangleImage, fill: '#89898A' }))),
-        React.createElement(Typography.Text, { view: 'primary-small', color: 'static-secondary-light' },
-            "\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044C ",
-            isVideoView ? 'видео' : 'изображение'))) : (children);
-    return (React.createElement("div", { className: cn(styles.slide, { [styles.slideLoading]: loading }) }, withPlaceholder ? React.createElement("div", { className: styles.placeholder }, content) : content));
-};
-const Slide = ({ isActive, meta, swiperAspectRatio, imageAspectRatio, image, index, swiperHeight, slideVisible, handleLoad, handleLoadError, }) => {
-    const { view } = useContext(GalleryContext);
-    const broken = Boolean(meta?.broken);
-    const small = isSmallImage(meta);
-    const verticalImageFit = !small && swiperAspectRatio > imageAspectRatio;
-    const horizontalImageFit = !small && swiperAspectRatio <= imageAspectRatio;
-    if (isVideo(image.src)) {
-        return (React.createElement(SlideInner, { isVideoView: true, active: isActive, broken: broken, withPlaceholder: broken, loading: !meta },
-            React.createElement(Video, { url: image.src, index: index, isActive: isActive })));
-    }
-    return (React.createElement(SlideInner, { active: isActive, broken: broken, loading: !meta, withPlaceholder: small || broken },
-        React.createElement("img", { src: image.src, alt: getImageAlt(image, index), className: cn({
-                [styles.smallImage]: small,
-                [styles.image]: !small && meta,
-                [styles.mobile]: view === 'mobile',
-                [styles.verticalImageFit]: verticalImageFit,
-                [styles.horizontalImageFit]: horizontalImageFit,
-            }), onLoad: (event) => handleLoad(event, index), onError: () => handleLoadError(index), style: {
-                maxHeight: `${swiperHeight}px`,
-            }, "data-test-id": slideVisible ? TestIds.ACTIVE_IMAGE : undefined })));
-};
-
-export { Slide as S, styles as s };

package/gallery/slide-7dca7549.d.ts

@@ -1,16 +0,0 @@
-import { FC, SyntheticEvent } from 'react';
-import { GalleryImage, ImageMeta } from "./types";
-type SlideProps = {
-    isActive: boolean;
-    image: GalleryImage;
-    meta?: ImageMeta;
-    swiperAspectRatio: number;
-    imageAspectRatio: number;
-    index: number;
-    swiperHeight: number;
-    slideVisible: boolean;
-    handleLoad: (event: SyntheticEvent<HTMLImageElement>, index: number) => void;
-    handleLoadError: (index: number) => void;
-};
-declare const Slide: FC<SlideProps>;
-export { Slide };

package/gallery/slide-7dca7549.js

@@ -1,57 +0,0 @@
-var React = require('react');
-var cn = require('classnames');
-var coreComponentsTypography = require('../typography');
-var context = require('./context.js');
-var utils_utils = require('./utils/utils.js');
-var utils_constants = require('./utils/constants.js');
-var components_imageViewer_paths = require('./components/image-viewer/paths.js');
-var components_imageViewer_video_index = require('./components/image-viewer/video/index.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 styles = {"component":"gallery__component_52rek","swiper":"gallery__swiper_52rek","mobile":"gallery__mobile_52rek","mobileVideo":"gallery__mobileVideo_52rek","singleSlide":"gallery__singleSlide_52rek","hidden":"gallery__hidden_52rek","slide":"gallery__slide_52rek","slideLoading":"gallery__slideLoading_52rek","image":"gallery__image_52rek","smallImage":"gallery__smallImage_52rek","verticalImageFit":"gallery__verticalImageFit_52rek","horizontalImageFit":"gallery__horizontalImageFit_52rek","arrow":"gallery__arrow_52rek","focused":"gallery__focused_52rek","placeholder":"gallery__placeholder_52rek","brokenImgWrapper":"gallery__brokenImgWrapper_52rek","brokenImgIcon":"gallery__brokenImgIcon_52rek","fullScreenImage":"gallery__fullScreenImage_52rek","fullScreenVideo":"gallery__fullScreenVideo_52rek"};
-require('./components/image-viewer/index.css');
-
-var SlideInner = function (_a) {
-    var _b;
-    var children = _a.children, broken = _a.broken, loading = _a.loading, withPlaceholder = _a.withPlaceholder, isVideoView = _a.isVideoView;
-    var content = broken ? (React__default.default.createElement("div", { className: styles.brokenImgWrapper },
-        React__default.default.createElement("div", { className: styles.brokenImgIcon },
-            React__default.default.createElement("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '80', height: '80', viewBox: '0 0 80 80', fill: 'none' },
-                React__default.default.createElement("rect", { width: '80', height: '80', fill: 'none' }),
-                React__default.default.createElement("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: components_imageViewer_paths.NoImagePaths.baseImage, fill: '#89898A' }),
-                React__default.default.createElement("path", { d: components_imageViewer_paths.NoImagePaths.triangleImage, fill: '#89898A' }))),
-        React__default.default.createElement(coreComponentsTypography.Typography.Text, { view: 'primary-small', color: 'static-secondary-light' },
-            "\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u0437\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044C ",
-            isVideoView ? 'видео' : 'изображение'))) : (children);
-    return (React__default.default.createElement("div", { className: cn__default.default(styles.slide, (_b = {}, _b[styles.slideLoading] = loading, _b)) }, withPlaceholder ? React__default.default.createElement("div", { className: styles.placeholder }, content) : content));
-};
-var Slide = function (_a) {
-    var _b;
-    var isActive = _a.isActive, meta = _a.meta, swiperAspectRatio = _a.swiperAspectRatio, imageAspectRatio = _a.imageAspectRatio, image = _a.image, index = _a.index, swiperHeight = _a.swiperHeight, slideVisible = _a.slideVisible, handleLoad = _a.handleLoad, handleLoadError = _a.handleLoadError;
-    var view = React.useContext(context.GalleryContext).view;
-    var broken = Boolean(meta === null || meta === void 0 ? void 0 : meta.broken);
-    var small = utils_utils.isSmallImage(meta);
-    var verticalImageFit = !small && swiperAspectRatio > imageAspectRatio;
-    var horizontalImageFit = !small && swiperAspectRatio <= imageAspectRatio;
-    if (utils_utils.isVideo(image.src)) {
-        return (React__default.default.createElement(SlideInner, { isVideoView: true, active: isActive, broken: broken, withPlaceholder: broken, loading: !meta },
-            React__default.default.createElement(components_imageViewer_video_index.Video, { url: image.src, index: index, isActive: isActive })));
-    }
-    return (React__default.default.createElement(SlideInner, { active: isActive, broken: broken, loading: !meta, withPlaceholder: small || broken },
-        React__default.default.createElement("img", { src: image.src, alt: utils_utils.getImageAlt(image, index), className: cn__default.default((_b = {},
-                _b[styles.smallImage] = small,
-                _b[styles.image] = !small && meta,
-                _b[styles.mobile] = view === 'mobile',
-                _b[styles.verticalImageFit] = verticalImageFit,
-                _b[styles.horizontalImageFit] = horizontalImageFit,
-                _b)), onLoad: function (event) { return handleLoad(event, index); }, onError: function () { return handleLoadError(index); }, style: {
-                maxHeight: "".concat(swiperHeight, "px"),
-            }, "data-test-id": slideVisible ? utils_constants.TestIds.ACTIVE_IMAGE : undefined })));
-};
-
-exports.Slide = Slide;
-exports.styles = styles;