@alfalab/core-components 48.11.0 → 48.12.0-beta.0

package/file-upload-item/components/actions-control/components/download-button/download-button.js

@@ -4,7 +4,7 @@ var React = require('react');
 var coreComponentsIconButton = require('../../../../../icon-button');
 var ArrowDownLineDownCompactMIcon = require('@alfalab/icons-glyph/ArrowDownLineDownCompactMIcon');
 var context_fileUploadItemContext = require('../../../../context/file-upload-item-context.js');
-var actionsControl_module = require('../../../../actions-control.module-8919e0f7.js');
+var actionsControl_module = require('../../../../actions-control.module-1ddc97cc.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/file-upload-item/components/actions-control/components/restore-button/restore-button.js

@@ -4,7 +4,7 @@ var React = require('react');
 var coreComponentsIconButton = require('../../../../../icon-button');
 var ArrowsCwCompactMIcon = require('@alfalab/icons-glyph/ArrowsCwCompactMIcon');
 var context_fileUploadItemContext = require('../../../../context/file-upload-item-context.js');
-var actionsControl_module = require('../../../../actions-control.module-8919e0f7.js');
+var actionsControl_module = require('../../../../actions-control.module-1ddc97cc.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/file-upload-item/components/content/content.css

@@ -27,8 +27,7 @@
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ .file-upload-item__container_2mccn {
     padding: var(--gap-2) 0 0 var(--gap-16);
-    flex-grow: 1;
-    min-width: 0;
+    width: 100%;
     cursor: pointer
 } .file-upload-item__container_2mccn.file-upload-item__single_2mccn {
         display: flex;
@@ -40,8 +39,8 @@
             margin-bottom: 0;
         } .file-upload-item__container_2mccn .file-upload-item__title_2mccn {
         margin-bottom: var(--gap-4);
-        display: block;
-        overflow-wrap: break-word
+    } .file-upload-item__container_2mccn .file-upload-item__title_2mccn {
+        display: block
     } .file-upload-item__container_2mccn .file-upload-item__title_2mccn.file-upload-item__truncate_2mccn {
             white-space: nowrap;
             overflow: hidden;

package/file-upload-item/cssm/components/content/content.module.css

@@ -26,8 +26,7 @@
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ .container {
     padding: var(--gap-2) 0 0 var(--gap-16);
-    flex-grow: 1;
-    min-width: 0;
+    width: 100%;
     cursor: pointer
 } .container.single {
         display: flex;
@@ -39,8 +38,8 @@
             margin-bottom: 0;
         } .container .title {
         margin-bottom: var(--gap-4);
-        display: block;
-        overflow-wrap: break-word
+    } .container .title {
+        display: block
     } .container .title.truncate {
             white-space: nowrap;
             overflow: hidden;

package/file-upload-item/esm/Component.js

@@ -7,7 +7,7 @@ import { FileUploadItemContext } from './context/file-upload-item-context.js';
 import './components/actions-control/components/delete-button/delete-button.js';
 import '../../icon-button/esm';
 import '@alfalab/icons-glyph/CrossMIcon';
-import './actions-control.module-8fc7a048.js';
+import './actions-control.module-f85c43ed.js';
 import './components/actions-control/components/download-button/download-button.js';
 import '@alfalab/icons-glyph/ArrowDownLineDownCompactMIcon';
 import './components/actions-control/components/restore-button/restore-button.js';

package/file-upload-item/esm/components/actions-control/actions.js

@@ -3,7 +3,7 @@ import { FileUploadItemContext } from '../../context/file-upload-item-context.js
 import { DeleteButton } from './components/delete-button/delete-button.js';
 import { DownloadButton } from './components/download-button/download-button.js';
 import { RestoreButton } from './components/restore-button/restore-button.js';
-import { s as styles } from '../../actions-control.module-8fc7a048.js';
+import { s as styles } from '../../actions-control.module-f85c43ed.js';
 import '../../../../icon-button/esm';
 import '@alfalab/icons-glyph/CrossMIcon';
 import '@alfalab/icons-glyph/ArrowDownLineDownCompactMIcon';

package/file-upload-item/esm/components/actions-control/components/delete-button/delete-button.js

@@ -2,7 +2,7 @@ import React, { useContext } from 'react';
 import { IconButton } from '../../../../../../icon-button/esm';
 import CrossMIcon from '@alfalab/icons-glyph/CrossMIcon';
 import { FileUploadItemContext } from '../../../../context/file-upload-item-context.js';
-import { s as styles } from '../../../../actions-control.module-8fc7a048.js';
+import { s as styles } from '../../../../actions-control.module-f85c43ed.js';
 
 var DeleteButton = function () {
     var _a = useContext(FileUploadItemContext), _b = _a.id, id = _b === void 0 ? '0' : _b, disableButtons = _a.disableButtons, onDelete = _a.onDelete;

package/file-upload-item/esm/components/actions-control/components/delete-button/index.js

@@ -3,4 +3,4 @@ import 'react';
 import '../../../../../../icon-button/esm';
 import '@alfalab/icons-glyph/CrossMIcon';
 import '../../../../context/file-upload-item-context.js';
-import '../../../../actions-control.module-8fc7a048.js';
+import '../../../../actions-control.module-f85c43ed.js';

package/file-upload-item/esm/components/actions-control/components/download-button/download-button.js

@@ -2,7 +2,7 @@ import React, { useContext } from 'react';
 import { IconButton } from '../../../../../../icon-button/esm';
 import ArrowDownLineDownCompactMIcon from '@alfalab/icons-glyph/ArrowDownLineDownCompactMIcon';
 import { FileUploadItemContext } from '../../../../context/file-upload-item-context.js';
-import { s as styles } from '../../../../actions-control.module-8fc7a048.js';
+import { s as styles } from '../../../../actions-control.module-f85c43ed.js';
 
 var DownloadButton = function () {
     var _a = useContext(FileUploadItemContext), _b = _a.id, id = _b === void 0 ? '0' : _b, downloadLink = _a.downloadLink, download = _a.download, disableButtons = _a.disableButtons, target = _a.target, onDownload = _a.onDownload;

package/file-upload-item/esm/components/actions-control/components/download-button/index.js

@@ -3,4 +3,4 @@ import 'react';
 import '../../../../../../icon-button/esm';
 import '@alfalab/icons-glyph/ArrowDownLineDownCompactMIcon';
 import '../../../../context/file-upload-item-context.js';
-import '../../../../actions-control.module-8fc7a048.js';
+import '../../../../actions-control.module-f85c43ed.js';

package/file-upload-item/esm/components/actions-control/components/restore-button/index.js

@@ -3,4 +3,4 @@ import 'react';
 import '../../../../../../icon-button/esm';
 import '@alfalab/icons-glyph/ArrowsCwCompactMIcon';
 import '../../../../context/file-upload-item-context.js';
-import '../../../../actions-control.module-8fc7a048.js';
+import '../../../../actions-control.module-f85c43ed.js';

package/file-upload-item/esm/components/actions-control/components/restore-button/restore-button.js

@@ -2,7 +2,7 @@ import React, { useContext } from 'react';
 import { IconButton } from '../../../../../../icon-button/esm';
 import ArrowsCwCompactMIcon from '@alfalab/icons-glyph/ArrowsCwCompactMIcon';
 import { FileUploadItemContext } from '../../../../context/file-upload-item-context.js';
-import { s as styles } from '../../../../actions-control.module-8fc7a048.js';
+import { s as styles } from '../../../../actions-control.module-f85c43ed.js';
 
 var RestoreButton = function () {
     var _a = useContext(FileUploadItemContext), _b = _a.id, id = _b === void 0 ? '0' : _b, disableButtons = _a.disableButtons, onRestore = _a.onRestore;

package/file-upload-item/esm/components/actions-control/index.js

@@ -4,7 +4,7 @@ import '../../context/file-upload-item-context.js';
 import './components/delete-button/delete-button.js';
 import '../../../../icon-button/esm';
 import '@alfalab/icons-glyph/CrossMIcon';
-import '../../actions-control.module-8fc7a048.js';
+import '../../actions-control.module-f85c43ed.js';
 import './components/download-button/download-button.js';
 import '@alfalab/icons-glyph/ArrowDownLineDownCompactMIcon';
 import './components/restore-button/restore-button.js';

package/file-upload-item/esm/components/content/content.css

@@ -27,8 +27,7 @@
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ .file-upload-item__container_2mccn {
     padding: var(--gap-2) 0 0 var(--gap-16);
-    flex-grow: 1;
-    min-width: 0;
+    width: 100%;
     cursor: pointer
 } .file-upload-item__container_2mccn.file-upload-item__single_2mccn {
         display: flex;
@@ -40,8 +39,8 @@
             margin-bottom: 0;
         } .file-upload-item__container_2mccn .file-upload-item__title_2mccn {
         margin-bottom: var(--gap-4);
-        display: block;
-        overflow-wrap: break-word
+    } .file-upload-item__container_2mccn .file-upload-item__title_2mccn {
+        display: block
     } .file-upload-item__container_2mccn .file-upload-item__title_2mccn.file-upload-item__truncate_2mccn {
             white-space: nowrap;
             overflow: hidden;

package/file-upload-item/esm/index.js

@@ -6,7 +6,7 @@ import './context/file-upload-item-context.js';
 import './components/actions-control/components/delete-button/delete-button.js';
 import '../../icon-button/esm';
 import '@alfalab/icons-glyph/CrossMIcon';
-import './actions-control.module-8fc7a048.js';
+import './actions-control.module-f85c43ed.js';
 import './components/actions-control/components/download-button/download-button.js';
 import '@alfalab/icons-glyph/ArrowDownLineDownCompactMIcon';
 import './components/actions-control/components/restore-button/restore-button.js';

package/file-upload-item/modern/Component.js

@@ -7,7 +7,7 @@ import { FileUploadItemContext } from './context/file-upload-item-context.js';
 import './components/actions-control/components/delete-button/delete-button.js';
 import '../../icon-button/modern';
 import '@alfalab/icons-glyph/CrossMIcon';
-import './actions-control.module-2b172512.js';
+import './actions-control.module-7e2cae91.js';
 import './components/actions-control/components/download-button/download-button.js';
 import '@alfalab/icons-glyph/ArrowDownLineDownCompactMIcon';
 import './components/actions-control/components/restore-button/restore-button.js';

package/file-upload-item/modern/components/actions-control/actions.js

@@ -3,7 +3,7 @@ import { FileUploadItemContext } from '../../context/file-upload-item-context.js
 import { DeleteButton } from './components/delete-button/delete-button.js';
 import { DownloadButton } from './components/download-button/download-button.js';
 import { RestoreButton } from './components/restore-button/restore-button.js';
-import { s as styles } from '../../actions-control.module-2b172512.js';
+import { s as styles } from '../../actions-control.module-7e2cae91.js';
 import '../../../../icon-button/modern';
 import '@alfalab/icons-glyph/CrossMIcon';
 import '@alfalab/icons-glyph/ArrowDownLineDownCompactMIcon';

package/file-upload-item/modern/components/actions-control/components/delete-button/delete-button.js

@@ -2,7 +2,7 @@ import React, { useContext } from 'react';
 import { IconButton } from '../../../../../../icon-button/modern';
 import CrossMIcon from '@alfalab/icons-glyph/CrossMIcon';
 import { FileUploadItemContext } from '../../../../context/file-upload-item-context.js';
-import { s as styles } from '../../../../actions-control.module-2b172512.js';
+import { s as styles } from '../../../../actions-control.module-7e2cae91.js';
 
 const DeleteButton = () => {
     const { id = '0', disableButtons, onDelete } = useContext(FileUploadItemContext);

package/file-upload-item/modern/components/actions-control/components/delete-button/index.js

@@ -3,4 +3,4 @@ import 'react';
 import '../../../../../../icon-button/modern';
 import '@alfalab/icons-glyph/CrossMIcon';
 import '../../../../context/file-upload-item-context.js';
-import '../../../../actions-control.module-2b172512.js';
+import '../../../../actions-control.module-7e2cae91.js';

package/file-upload-item/modern/components/actions-control/components/download-button/download-button.js

@@ -2,7 +2,7 @@ import React, { useContext } from 'react';
 import { IconButton } from '../../../../../../icon-button/modern';
 import ArrowDownLineDownCompactMIcon from '@alfalab/icons-glyph/ArrowDownLineDownCompactMIcon';
 import { FileUploadItemContext } from '../../../../context/file-upload-item-context.js';
-import { s as styles } from '../../../../actions-control.module-2b172512.js';
+import { s as styles } from '../../../../actions-control.module-7e2cae91.js';
 
 const DownloadButton = () => {
     const { id = '0', downloadLink, download, disableButtons, target, onDownload, } = useContext(FileUploadItemContext);

package/file-upload-item/modern/components/actions-control/components/download-button/index.js

@@ -3,4 +3,4 @@ import 'react';
 import '../../../../../../icon-button/modern';
 import '@alfalab/icons-glyph/ArrowDownLineDownCompactMIcon';
 import '../../../../context/file-upload-item-context.js';
-import '../../../../actions-control.module-2b172512.js';
+import '../../../../actions-control.module-7e2cae91.js';

package/file-upload-item/modern/components/actions-control/components/restore-button/index.js

@@ -3,4 +3,4 @@ import 'react';
 import '../../../../../../icon-button/modern';
 import '@alfalab/icons-glyph/ArrowsCwCompactMIcon';
 import '../../../../context/file-upload-item-context.js';
-import '../../../../actions-control.module-2b172512.js';
+import '../../../../actions-control.module-7e2cae91.js';

package/file-upload-item/modern/components/actions-control/components/restore-button/restore-button.js

@@ -2,7 +2,7 @@ import React, { useContext } from 'react';
 import { IconButton } from '../../../../../../icon-button/modern';
 import ArrowsCwCompactMIcon from '@alfalab/icons-glyph/ArrowsCwCompactMIcon';
 import { FileUploadItemContext } from '../../../../context/file-upload-item-context.js';
-import { s as styles } from '../../../../actions-control.module-2b172512.js';
+import { s as styles } from '../../../../actions-control.module-7e2cae91.js';
 
 const RestoreButton = () => {
     const { id = '0', disableButtons, onRestore } = useContext(FileUploadItemContext);

package/file-upload-item/modern/components/actions-control/index.js

@@ -4,7 +4,7 @@ import '../../context/file-upload-item-context.js';
 import './components/delete-button/delete-button.js';
 import '../../../../icon-button/modern';
 import '@alfalab/icons-glyph/CrossMIcon';
-import '../../actions-control.module-2b172512.js';
+import '../../actions-control.module-7e2cae91.js';
 import './components/download-button/download-button.js';
 import '@alfalab/icons-glyph/ArrowDownLineDownCompactMIcon';
 import './components/restore-button/restore-button.js';

package/file-upload-item/modern/components/content/content.css

@@ -27,8 +27,7 @@
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ .file-upload-item__container_2mccn {
     padding: var(--gap-2) 0 0 var(--gap-16);
-    flex-grow: 1;
-    min-width: 0;
+    width: 100%;
     cursor: pointer
 } .file-upload-item__container_2mccn.file-upload-item__single_2mccn {
         display: flex;
@@ -40,8 +39,8 @@
             margin-bottom: 0;
         } .file-upload-item__container_2mccn .file-upload-item__title_2mccn {
         margin-bottom: var(--gap-4);
-        display: block;
-        overflow-wrap: break-word
+    } .file-upload-item__container_2mccn .file-upload-item__title_2mccn {
+        display: block
     } .file-upload-item__container_2mccn .file-upload-item__title_2mccn.file-upload-item__truncate_2mccn {
             white-space: nowrap;
             overflow: hidden;

package/file-upload-item/modern/index.js

@@ -6,7 +6,7 @@ import './context/file-upload-item-context.js';
 import './components/actions-control/components/delete-button/delete-button.js';
 import '../../icon-button/modern';
 import '@alfalab/icons-glyph/CrossMIcon';
-import './actions-control.module-2b172512.js';
+import './actions-control.module-7e2cae91.js';
 import './components/actions-control/components/download-button/download-button.js';
 import '@alfalab/icons-glyph/ArrowDownLineDownCompactMIcon';
 import './components/actions-control/components/restore-button/restore-button.js';

package/file-upload-item/moderncssm/components/content/content.module.css

@@ -2,8 +2,7 @@
 
 .container {
     padding: var(--gap-2) 0 0 var(--gap-16);
-    flex-grow: 1;
-    min-width: 0;
+    width: 100%;
     cursor: pointer
 }
 
@@ -21,8 +20,10 @@
 
 .container .title {
         margin-bottom: var(--gap-4);
-        display: block;
-        overflow-wrap: break-word
+    }
+
+.container .title {
+        display: block
     }
 
 .container .title.truncate {

package/gallery/components/buttons/index.css

@@ -1,7 +1,6 @@
 /* hash: 1duzl */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
-    --color-static-neutral-100: #f2f3f5;
     --color-static-neutral-100-hover: #e7e8eb;
     --color-static-neutral-100-press: #dcdde1;
     --color-static-neutral-translucent-1300-inverted: rgba(255, 255, 255, 0.94); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -29,9 +28,7 @@
     padding-left: var(--gap-32)
 } .gallery__buttons_1h8t1 path {
         color: var(--color-static-neutral-translucent-1300-inverted);
-    } .gallery__iconButton_1h8t1 path {
-        color: var(--color-static-neutral-100);
-    } .gallery__iconButton_1h8t1:hover path {
+    } /* TODO: применять static цвет через prop IconButton'а */ .gallery__iconButton_1h8t1:hover path {
         color: var(--color-static-neutral-100-hover);
     } .gallery__iconButton_1h8t1:active path {
         color: var(--color-static-neutral-100-press);

package/gallery/components/buttons/index.js

@@ -26,38 +26,38 @@ require('./index.css');
 var Fullscreen = function (_a) {
     var buttonRef = _a.buttonRef, restProps = tslib.__rest(_a, ["buttonRef"]);
     return (React__default.default.createElement(desktop.TooltipDesktop, { trigger: 'hover', position: 'bottom', content: '\u041E\u0442\u043A\u0440\u044B\u0442\u044C \u0432 \u043F\u043E\u043B\u043D\u043E\u044D\u043A\u0440\u0430\u043D\u043D\u043E\u043C \u0440\u0435\u0436\u0438\u043C\u0435', fallbackPlacements: ['bottom-end'] },
-        React__default.default.createElement(coreComponentsIconButton.IconButton, tslib.__assign({}, restProps, { ref: buttonRef, icon: ArrowsOutwardMIcon.ArrowsOutwardMIcon, "aria-label": '\u041E\u0442\u043A\u0440\u044B\u0442\u044C \u0432 \u043F\u043E\u043B\u043D\u043E\u044D\u043A\u0440\u0430\u043D\u043D\u043E\u043C \u0440\u0435\u0436\u0438\u043C\u0435', className: styles.iconButton }))));
+        React__default.default.createElement(coreComponentsIconButton.IconButton, tslib.__assign({}, restProps, { ref: buttonRef, icon: ArrowsOutwardMIcon.ArrowsOutwardMIcon, colors: 'inverted', "aria-label": '\u041E\u0442\u043A\u0440\u044B\u0442\u044C \u0432 \u043F\u043E\u043B\u043D\u043E\u044D\u043A\u0440\u0430\u043D\u043D\u043E\u043C \u0440\u0435\u0436\u0438\u043C\u0435', className: styles.iconButton }))));
 };
 var BackArrow = function (_a) {
     var buttonRef = _a.buttonRef, restProps = tslib.__rest(_a, ["buttonRef"]);
-    return (React__default.default.createElement(coreComponentsIconButton.IconButton, tslib.__assign({}, restProps, { ref: buttonRef, icon: ArrowLeftMIcon.ArrowLeftMIcon, "aria-label": '\u0412\u0435\u0440\u043D\u0443\u0442\u044C\u0441\u044F \u043D\u0430\u0437\u0430\u0434', className: styles.iconButton })));
+    return (React__default.default.createElement(coreComponentsIconButton.IconButton, tslib.__assign({}, restProps, { ref: buttonRef, icon: ArrowLeftMIcon.ArrowLeftMIcon, colors: 'inverted', "aria-label": '\u0412\u0435\u0440\u043D\u0443\u0442\u044C\u0441\u044F \u043D\u0430\u0437\u0430\u0434', className: styles.iconButton })));
 };
 var Play = function (_a) {
     var buttonRef = _a.buttonRef, className = _a.className, restProps = tslib.__rest(_a, ["buttonRef", "className"]);
-    return (React__default.default.createElement(coreComponentsIconButton.IconButton, tslib.__assign({}, restProps, { ref: buttonRef, icon: PlayCompactMIcon.PlayCompactMIcon, "aria-label": '\u041F\u0440\u043E\u0438\u0433\u0440\u0430\u0442\u044C \u0432\u0438\u0434\u0435\u043E', className: cn__default.default(styles.iconButton, className) })));
+    return (React__default.default.createElement(coreComponentsIconButton.IconButton, tslib.__assign({}, restProps, { ref: buttonRef, icon: PlayCompactMIcon.PlayCompactMIcon, colors: 'inverted', "aria-label": '\u041F\u0440\u043E\u0438\u0433\u0440\u0430\u0442\u044C \u0432\u0438\u0434\u0435\u043E', className: cn__default.default(styles.iconButton, className) })));
 };
 var Pause = function (_a) {
     var buttonRef = _a.buttonRef, className = _a.className, restProps = tslib.__rest(_a, ["buttonRef", "className"]);
-    return (React__default.default.createElement(coreComponentsIconButton.IconButton, tslib.__assign({}, restProps, { ref: buttonRef, icon: PauseCompactMIcon.PauseCompactMIcon, "aria-label": '\u041F\u043E\u0441\u0442\u0430\u0432\u0438\u0442\u044C \u043F\u0430\u0443\u0437\u0443 \u043D\u0430 \u0432\u0438\u0434\u0435\u043E', className: cn__default.default(styles.iconButton, className) })));
+    return (React__default.default.createElement(coreComponentsIconButton.IconButton, tslib.__assign({}, restProps, { ref: buttonRef, icon: PauseCompactMIcon.PauseCompactMIcon, colors: 'inverted', "aria-label": '\u041F\u043E\u0441\u0442\u0430\u0432\u0438\u0442\u044C \u043F\u0430\u0443\u0437\u0443 \u043D\u0430 \u0432\u0438\u0434\u0435\u043E', className: cn__default.default(styles.iconButton, className) })));
 };
 var ExitFullscreen = function (_a) {
     var buttonRef = _a.buttonRef, restProps = tslib.__rest(_a, ["buttonRef"]);
     return (React__default.default.createElement(desktop.TooltipDesktop, { trigger: 'hover', position: 'bottom', content: '\u0412\u044B\u0439\u0442\u0438 \u0438\u0437 \u043F\u043E\u043B\u043D\u043E\u044D\u043A\u0440\u0430\u043D\u043D\u043E\u0433\u043E \u0440\u0435\u0436\u0438\u043C\u0430', fallbackPlacements: ['bottom-end'] },
-        React__default.default.createElement(coreComponentsIconButton.IconButton, tslib.__assign({}, restProps, { ref: buttonRef, icon: ArrowsInwardMIcon.ArrowsInwardMIcon, "aria-label": '\u0412\u044B\u0439\u0442\u0438 \u0438\u0437 \u043F\u043E\u043B\u043D\u043E\u044D\u043A\u0440\u0430\u043D\u043D\u043E\u0433\u043E \u0440\u0435\u0436\u0438\u043C\u0430', className: styles.iconButton }))));
+        React__default.default.createElement(coreComponentsIconButton.IconButton, tslib.__assign({}, restProps, { ref: buttonRef, icon: ArrowsInwardMIcon.ArrowsInwardMIcon, colors: 'inverted', "aria-label": '\u0412\u044B\u0439\u0442\u0438 \u0438\u0437 \u043F\u043E\u043B\u043D\u043E\u044D\u043A\u0440\u0430\u043D\u043D\u043E\u0433\u043E \u0440\u0435\u0436\u0438\u043C\u0430', className: styles.iconButton }))));
 };
 var MuteVideo = function (_a) {
     var buttonRef = _a.buttonRef, className = _a.className, restProps = tslib.__rest(_a, ["buttonRef", "className"]);
     return (React__default.default.createElement(desktop.TooltipDesktop, { trigger: 'hover', position: 'bottom', content: '\u0412\u044B\u043A\u043B\u044E\u0447\u0438\u0442\u044C \u0437\u0432\u0443\u043A', fallbackPlacements: ['bottom-end'], targetClassName: className },
-        React__default.default.createElement(coreComponentsIconButton.IconButton, tslib.__assign({}, restProps, { ref: buttonRef, icon: SoundMIcon.SoundMIcon, "aria-label": '\u0412\u044B\u043A\u043B\u044E\u0447\u0438\u0442\u044C \u0437\u0432\u0443\u043A', className: styles.iconButton }))));
+        React__default.default.createElement(coreComponentsIconButton.IconButton, tslib.__assign({}, restProps, { ref: buttonRef, icon: SoundMIcon.SoundMIcon, colors: 'inverted', "aria-label": '\u0412\u044B\u043A\u043B\u044E\u0447\u0438\u0442\u044C \u0437\u0432\u0443\u043A', className: styles.iconButton }))));
 };
 var UnmuteVideo = function (_a) {
     var buttonRef = _a.buttonRef, className = _a.className, restProps = tslib.__rest(_a, ["buttonRef", "className"]);
     return (React__default.default.createElement(desktop.TooltipDesktop, { trigger: 'hover', position: 'bottom', content: '\u0412\u043A\u043B\u044E\u0447\u0438\u0442\u044C \u0437\u0432\u0443\u043A', fallbackPlacements: ['bottom-end'], targetClassName: className },
-        React__default.default.createElement(coreComponentsIconButton.IconButton, tslib.__assign({}, restProps, { ref: buttonRef, icon: SoundCrossMIcon.SoundCrossMIcon, "aria-label": '\u0412\u043A\u043B\u044E\u0447\u0438\u0442\u044C \u0437\u0432\u0443\u043A', className: styles.iconButton }))));
+        React__default.default.createElement(coreComponentsIconButton.IconButton, tslib.__assign({}, restProps, { ref: buttonRef, icon: SoundCrossMIcon.SoundCrossMIcon, colors: 'inverted', "aria-label": '\u0412\u043A\u043B\u044E\u0447\u0438\u0442\u044C \u0437\u0432\u0443\u043A', className: styles.iconButton }))));
 };
 var Download = function (props) { return (React__default.default.createElement(desktop.TooltipDesktop, { trigger: 'hover', position: 'bottom', content: '\u0421\u043A\u0430\u0447\u0430\u0442\u044C', fallbackPlacements: ['bottom-end'] },
-    React__default.default.createElement(coreComponentsIconButton.IconButton, tslib.__assign({}, props, { icon: PointerDownMIcon.PointerDownMIcon, "aria-label": '\u0421\u043A\u0430\u0447\u0430\u0442\u044C', className: styles.iconButton })))); };
-var Exit = function (props) { return (React__default.default.createElement(coreComponentsIconButton.IconButton, tslib.__assign({}, props, { icon: CrossMIcon.CrossMIcon, "aria-label": '\u0417\u0430\u043A\u0440\u044B\u0442\u044C', className: styles.iconButton }))); };
+    React__default.default.createElement(coreComponentsIconButton.IconButton, tslib.__assign({}, props, { icon: PointerDownMIcon.PointerDownMIcon, colors: 'inverted', "aria-label": '\u0421\u043A\u0430\u0447\u0430\u0442\u044C', className: styles.iconButton })))); };
+var Exit = function (props) { return (React__default.default.createElement(coreComponentsIconButton.IconButton, tslib.__assign({}, props, { icon: CrossMIcon.CrossMIcon, colors: 'inverted', "aria-label": '\u0417\u0430\u043A\u0440\u044B\u0442\u044C', className: styles.iconButton }))); };
 
 exports.BackArrow = BackArrow;
 exports.Download = Download;

package/gallery/components/image-preview/index.css

@@ -50,7 +50,7 @@
     -webkit-user-select: none;
             user-select: none
 } .gallery__preview_ie66a.gallery__mobile_ie66a {
-        width: 46px;
+        width: 36px;
         height: 46px;
         border-radius: var(--border-radius-8);
     } .gallery__image_ie66a {

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

@@ -11,9 +11,10 @@ var ChevronForwardHeavyMIcon = require('@alfalab/icons-glyph/ChevronForwardHeavy
 var context = require('../../context.js');
 var utils_utils = require('../../utils/utils.js');
 var utils_constants = require('../../utils/constants.js');
-var components_imageViewer_hooks = require('../../hooks-a35c1388.js');
+var components_imageViewer_hooks = require('./hooks.js');
 var components_imageViewer_slide = require('./slide.js');
 require('swiper/swiper.min.css');
+var index_module = require('../../index.module-0c364004.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -25,7 +26,7 @@ SwiperCore__default.default.use([SwiperCore.EffectFade, SwiperCore.A11y, SwiperC
 var ImageViewer = function () {
     var _a, _b, _c;
     var _d = React.useContext(context.GalleryContext), images = _d.images, imagesMeta = _d.imagesMeta, fullScreen = _d.fullScreen, currentSlideIndex = _d.currentSlideIndex, initialSlide = _d.initialSlide, setCurrentSlideIndex = _d.setCurrentSlideIndex, getSwiper = _d.getSwiper, setSwiper = _d.setSwiper, slidePrev = _d.slidePrev, slideNext = _d.slideNext, getCurrentImage = _d.getCurrentImage;
-    var _e = components_imageViewer_hooks.useHandleImageViewer(), handleWrapperClick = _e.handleWrapperClick, isMobile = _e.isMobile, rightArrowRef = _e.rightArrowRef, leftArrowRef = _e.leftArrowRef;
+    var _e = components_imageViewer_hooks.useHandleImageViewer(), handleLoad = _e.handleLoad, handleLoadError = _e.handleLoadError, handleWrapperClick = _e.handleWrapperClick, isMobile = _e.isMobile, rightArrowRef = _e.rightArrowRef, leftArrowRef = _e.leftArrowRef;
     var leftArrowFocused = hooks.useFocus(leftArrowRef, 'keyboard')[0];
     var rightArrowFocused = hooks.useFocus(rightArrowRef, 'keyboard')[0];
     var swiper = getSwiper();
@@ -58,11 +59,11 @@ var ImageViewer = function () {
             fadeEffect: {
                 crossFade: true,
             },
-            className: cn__default.default(components_imageViewer_hooks.styles.swiper, (_a = {},
-                _a[components_imageViewer_hooks.styles.hidden] = fullScreen && !utils_utils.isVideo(currentImage === null || currentImage === void 0 ? void 0 : currentImage.src),
-                _a[components_imageViewer_hooks.styles.fullScreenVideo] = fullScreen && utils_utils.isVideo(currentImage === null || currentImage === void 0 ? void 0 : currentImage.src),
-                _a[components_imageViewer_hooks.styles.mobile] = isMobile,
-                _a[components_imageViewer_hooks.styles.mobileVideo] = isMobile && utils_utils.isVideo(currentImage === null || currentImage === void 0 ? void 0 : currentImage.src),
+            className: cn__default.default(index_module.styles.swiper, (_a = {},
+                _a[index_module.styles.hidden] = fullScreen && !utils_utils.isVideo(currentImage === null || currentImage === void 0 ? void 0 : currentImage.src),
+                _a[index_module.styles.fullScreenVideo] = fullScreen && utils_utils.isVideo(currentImage === null || currentImage === void 0 ? void 0 : currentImage.src),
+                _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)),
             controller: { control: swiper },
             a11y: {
@@ -89,15 +90,15 @@ var ImageViewer = function () {
     var swiperAspectRatio = swiperWidth / swiperHeight;
     return (
     /* eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions */
-    React__default.default.createElement("div", { className: cn__default.default(components_imageViewer_hooks.styles.component, (_a = {},
-            _a[components_imageViewer_hooks.styles.mobile] = isMobile,
-            _a[components_imageViewer_hooks.styles.mobileVideo] = isMobile && utils_utils.isVideo(currentImage === null || currentImage === void 0 ? void 0 : currentImage.src),
+    React__default.default.createElement("div", { className: cn__default.default(index_module.styles.component, (_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)), onClick: handleWrapperClick },
-        showControls && (React__default.default.createElement("div", { className: cn__default.default(components_imageViewer_hooks.styles.arrow, (_b = {},
-                _b[components_imageViewer_hooks.styles.focused] = leftArrowFocused,
+        showControls && (React__default.default.createElement("div", { className: cn__default.default(index_module.styles.arrow, (_b = {},
+                _b[index_module.styles.focused] = leftArrowFocused,
                 _b)), onClick: handlePrevClick, role: 'button', onKeyDown: handleArrowLeftKeyDown, tabIndex: 0, ref: leftArrowRef, "aria-label": '\u041F\u0440\u0435\u0434\u044B\u0434\u0443\u0449\u0435\u0435 \u0438\u0437\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u0435', "data-test-id": utils_constants.TestIds.PREV_SLIDE_BUTTON },
             React__default.default.createElement(ChevronBackHeavyMIcon.ChevronBackHeavyMIcon, null))),
-        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: components_imageViewer_hooks.styles.fullScreenImage })),
+        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(react.Swiper, tslib.__assign({}, swiperProps), images.map(function (image, index) {
             var meta = imagesMeta[index];
             var imageWidth = (meta === null || meta === void 0 ? void 0 : meta.width) || 1;
@@ -109,11 +110,11 @@ var ImageViewer = function () {
                     transitionProperty: 'opacity',
                 } }, function (_a) {
                 var isActive = _a.isActive;
-                return (React__default.default.createElement(components_imageViewer_slide.Slide, { isActive: isActive, containerAspectRatio: swiperAspectRatio, image: image, containerHeight: swiperHeight, meta: meta, index: index, imageAspectRatio: imageAspectRatio, slideVisible: slideVisible }));
+                return (React__default.default.createElement(components_imageViewer_slide.Slide, { isActive: isActive, containerAspectRatio: swiperAspectRatio, image: image, containerHeight: swiperHeight, meta: meta, index: index, imageAspectRatio: imageAspectRatio, slideVisible: slideVisible, handleLoad: handleLoad, handleLoadError: handleLoadError }));
             }));
         })),
-        showControls && (React__default.default.createElement("div", { className: cn__default.default(components_imageViewer_hooks.styles.arrow, (_c = {},
-                _c[components_imageViewer_hooks.styles.focused] = rightArrowFocused,
+        showControls && (React__default.default.createElement("div", { className: cn__default.default(index_module.styles.arrow, (_c = {},
+                _c[index_module.styles.focused] = rightArrowFocused,
                 _c)), onClick: handleNextClick, role: 'button', onKeyDown: handleArrowRightKeyDown, tabIndex: 0, ref: rightArrowRef, "aria-label": '\u0421\u043B\u0435\u0434\u0443\u044E\u0449\u0435\u0435 \u0438\u0437\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u0435', "data-test-id": utils_constants.TestIds.NEXT_SLIDE_BUTTON },
             React__default.default.createElement(ChevronForwardHeavyMIcon.ChevronForwardHeavyMIcon, null)))));
 };

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

@@ -0,0 +1,11 @@
+/// <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,10 +1,49 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('react');
-require('element-closest');
-require('../../context.js');
-var components_imageViewer_hooks = require('../../hooks-a35c1388.js');
+var React = require('react');
+var elementClosest = require('element-closest');
+var context = require('../../context.js');
+var index_module = require('../../index.module-0c364004.js');
 
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
+var elementClosest__default = /*#__PURE__*/_interopDefaultCompat(elementClosest);
 
-exports.useHandleImageViewer = components_imageViewer_hooks.useHandleImageViewer;
+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;