@alfalab/core-components-gallery 7.3.0 → 7.4.0-alfasans

package/components/image-preview/index.css

@@ -10,23 +10,23 @@
 :root {
     --focus-color: var(--color-light-status-info);
 }
-.gallery__component_1p08d {
+.gallery__component_55vg5 {
     display: flex;
     z-index: 3;
     overflow: hidden;
     transition: border 0.15s ease-in-out;
     outline: none;
 }
-.gallery__component_1p08d .gallery__image_1p08d {
+.gallery__component_55vg5 .gallery__image_55vg5 {
         opacity: 0.3;
     }
-.gallery__component_1p08d.gallery__mobile_1p08d {
+.gallery__component_55vg5.gallery__mobile_55vg5 {
         padding: 0;
     }
-.gallery__active_1p08d > .gallery__image_1p08d {
+.gallery__active_55vg5 > .gallery__image_55vg5 {
         opacity: 1;
     }
-.gallery__preview_1p08d {
+.gallery__preview_55vg5 {
     width: 56px;
     height: 56px;
     flex-shrink: 0;
@@ -36,15 +36,15 @@
        -moz-user-select: none;
             user-select: none;
 }
-.gallery__preview_1p08d.gallery__mobile_1p08d {
+.gallery__preview_55vg5.gallery__mobile_55vg5 {
         width: 46px;
         height: 46px;
         border-radius: var(--border-radius-8);
     }
-.gallery__image_1p08d {
+.gallery__image_55vg5 {
     transition: opacity 0.15s ease-in-out;
 }
-.gallery__image_1p08d > img {
+.gallery__image_55vg5 > img {
         display: block;
         width: 100%;
         height: 100%;
@@ -54,36 +54,36 @@
         overflow: clip;
         overflow-clip-margin: border-box;
     }
-.gallery__image_1p08d:hover {
+.gallery__image_55vg5:hover {
         opacity: 0.7;
     }
-.gallery__loading_1p08d {
+.gallery__loading_55vg5 {
     background-color: var(--color-static-neutral-100-inverted);
 }
-.gallery__loading_1p08d .gallery__active_1p08d {
+.gallery__loading_55vg5 .gallery__active_55vg5 {
         background-color: var(--color-static-neutral-translucent-100-inverted);
     }
-.gallery__brokenImageWrapper_1p08d {
+.gallery__brokenImageWrapper_55vg5 {
     display: flex;
     justify-content: center;
     align-items: center;
     background-color: var(--color-static-neutral-translucent-100-inverted);
     opacity: 0.3;
 }
-.gallery__brokenImageWrapper_1p08d.gallery__active_1p08d {
+.gallery__brokenImageWrapper_55vg5.gallery__active_55vg5 {
         opacity: 1;
     }
-.gallery__brokenIcon_1p08d {
+.gallery__brokenIcon_55vg5 {
     width: 40px;
     height: 40px;
 }
-.gallery__focused_1p08d {
+.gallery__focused_55vg5 {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
-.gallery__canvasPreview_1p08d {
+.gallery__canvasPreview_55vg5 {
     border-radius: var(--border-radius-12);
 }
-.gallery__canvasPreview_1p08d.gallery__mobile_1p08d {
+.gallery__canvasPreview_55vg5.gallery__mobile_55vg5 {
         border-radius: var(--border-radius-8);
     }

package/components/image-preview/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"component":"gallery__component_1p08d","image":"gallery__image_1p08d","mobile":"gallery__mobile_1p08d","active":"gallery__active_1p08d","preview":"gallery__preview_1p08d","loading":"gallery__loading_1p08d","brokenImageWrapper":"gallery__brokenImageWrapper_1p08d","brokenIcon":"gallery__brokenIcon_1p08d","focused":"gallery__focused_1p08d","canvasPreview":"gallery__canvasPreview_1p08d"};
+var styles = {"component":"gallery__component_55vg5","image":"gallery__image_55vg5","mobile":"gallery__mobile_55vg5","active":"gallery__active_55vg5","preview":"gallery__preview_55vg5","loading":"gallery__loading_55vg5","brokenImageWrapper":"gallery__brokenImageWrapper_55vg5","brokenIcon":"gallery__brokenIcon_55vg5","focused":"gallery__focused_55vg5","canvasPreview":"gallery__canvasPreview_55vg5"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/image-viewer/index.css

@@ -19,7 +19,7 @@
 :root {
     --focus-color: var(--color-light-status-info);
 }
-.gallery__component_15cn9 {
+.gallery__component_1de8a {
     display: flex;
     flex-grow: 1;
     justify-content: center;
@@ -87,7 +87,7 @@
         z-index: -1000;
     }
 
-    .gallery__swiperFrame_15cn9 {
+    .gallery__swiperFrame_1de8a {
         display: flex;
         flex: 1 1 0;
         min-width: 0;
@@ -99,17 +99,17 @@
         box-sizing: border-box;
     }
 
-        .gallery__swiperFrame_15cn9.gallery__mobile_15cn9 {
+        .gallery__swiperFrame_1de8a.gallery__mobile_1de8a {
             max-height: calc(100vh - 210px);
             max-height: calc(100dvh - 210px);
         }
 
-        .gallery__swiperFrame_15cn9.gallery__mobileVideo_15cn9 {
+        .gallery__swiperFrame_1de8a.gallery__mobileVideo_1de8a {
             max-height: 100vh;
             max-height: 100dvh;
         }
 
-    .gallery__fullScreenFrame_15cn9 {
+    .gallery__fullScreenFrame_1de8a {
         display: flex;
         align-items: center;
         justify-content: center;
@@ -122,7 +122,7 @@
         overflow: hidden;
     }
 
-    .gallery__hiddenFrame_15cn9 {
+    .gallery__hiddenFrame_1de8a {
         flex: 0 0 0;
         width: 0;
         height: 0;
@@ -130,16 +130,16 @@
         overflow: hidden;
     }
 
-    .gallery__swiper_15cn9 {
+    .gallery__swiper_1de8a {
         width: 100%;
         height: 100%;
     }
 
-    .gallery__hidden_15cn9 {
+    .gallery__hidden_1de8a {
         display: none;
     }
 
-    .gallery__singleSlideContainer_15cn9 {
+    .gallery__singleSlideContainer_1de8a {
         display: flex;
         width: 100%;
         height: 100%;
@@ -151,18 +151,18 @@
         box-sizing: border-box;
     }
 
-        .gallery__singleSlideContainer_15cn9.gallery__mobile_15cn9 {
+        .gallery__singleSlideContainer_1de8a.gallery__mobile_1de8a {
             max-height: calc(100vh - 174px);
             max-height: calc(100dvh - 174px);
             padding: 0;
         }
 
-        .gallery__singleSlideContainer_15cn9.gallery__mobileVideo_15cn9 {
+        .gallery__singleSlideContainer_1de8a.gallery__mobileVideo_1de8a {
             max-height: 100vh;
             max-height: 100dvh;
         }
 
-    .gallery__slide_15cn9 {
+    .gallery__slide_1de8a {
         position: relative;
         display: flex;
         justify-content: center;
@@ -171,17 +171,17 @@
         height: 100%;
     }
 
-    .gallery__slideLoading_15cn9 {
+    .gallery__slideLoading_1de8a {
         background-color: var(--color-static-neutral-translucent-100-inverted);
         border-radius: var(--border-radius-8);
     }
 
-    .gallery__spinner_15cn9 {
+    .gallery__spinner_1de8a {
         position: absolute;
         color: var(--color-static-neutral-translucent-1300-inverted);
     }
 
-    .gallery__image_15cn9 {
+    .gallery__image_1de8a {
         width: auto;
         height: auto;
         max-width: 100%;
@@ -194,11 +194,11 @@
         border-radius: var(--border-radius-8);
     }
 
-        .gallery__image_15cn9.gallery__mobile_15cn9 {
+        .gallery__image_1de8a.gallery__mobile_1de8a {
             border-radius: var(--border-radius-0);
         }
 
-    .gallery__smallImage_15cn9 {
+    .gallery__smallImage_1de8a {
         position: relative;
         width: auto;
         height: auto;
@@ -211,17 +211,17 @@
                 user-select: none;
     }
 
-    .gallery__verticalImageFit_15cn9 {
+    .gallery__verticalImageFit_1de8a {
         width: auto;
         height: 100%;
     }
 
-    .gallery__horizontalImageFit_15cn9 {
+    .gallery__horizontalImageFit_1de8a {
         width: 100%;
         height: auto;
     }
 
-    .gallery__fullScreenMedia_15cn9 {
+    .gallery__fullScreenMedia_1de8a {
         width: 100%;
         height: 100%;
         max-width: 100%;
@@ -231,7 +231,7 @@
         border-radius: var(--border-radius-0);
     }
 
-    .gallery__arrow_15cn9 {
+    .gallery__arrow_1de8a {
         display: flex;
         flex-direction: column;
         justify-content: center;
@@ -245,20 +245,20 @@
         outline: none;
     }
 
-        .gallery__arrow_15cn9:hover {
+        .gallery__arrow_1de8a:hover {
             background-color: var(--color-static-neutral-0-inverted-hover);
         }
 
-        .gallery__arrow_15cn9:active {
+        .gallery__arrow_1de8a:active {
             background-color: var(--color-static-neutral-0-inverted-press);
         }
 
-    .gallery__focused_15cn9 {
+    .gallery__focused_1de8a {
         outline: 2px solid var(--focus-color);
         outline-offset: 2px;
     }
 
-    .gallery__placeholder_15cn9 {
+    .gallery__placeholder_1de8a {
         display: flex;
         justify-content: center;
         align-items: center;
@@ -268,7 +268,7 @@
         background-color: var(--color-static-neutral-translucent-100-inverted);
     }
 
-    .gallery__brokenImgWrapper_15cn9 {
+    .gallery__brokenImgWrapper_1de8a {
         position: relative;
         display: flex;
         flex-direction: column;
@@ -277,13 +277,13 @@
         text-align: center;
     }
 
-    .gallery__brokenImgIcon_15cn9 {
+    .gallery__brokenImgIcon_1de8a {
         width: 80px;
         height: 80px;
         margin-bottom: var(--gap-4);
     }
 
-    .gallery__fullScreenVideo_15cn9 {
+    .gallery__fullScreenVideo_1de8a {
         width: 100%;
         height: 100%;
         max-height: none;

package/components/image-viewer/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"component":"gallery__component_15cn9","swiperFrame":"gallery__swiperFrame_15cn9","mobile":"gallery__mobile_15cn9","mobileVideo":"gallery__mobileVideo_15cn9","fullScreenFrame":"gallery__fullScreenFrame_15cn9","hiddenFrame":"gallery__hiddenFrame_15cn9","swiper":"gallery__swiper_15cn9","hidden":"gallery__hidden_15cn9","singleSlideContainer":"gallery__singleSlideContainer_15cn9","slide":"gallery__slide_15cn9","slideLoading":"gallery__slideLoading_15cn9","spinner":"gallery__spinner_15cn9","image":"gallery__image_15cn9","smallImage":"gallery__smallImage_15cn9","verticalImageFit":"gallery__verticalImageFit_15cn9","horizontalImageFit":"gallery__horizontalImageFit_15cn9","fullScreenMedia":"gallery__fullScreenMedia_15cn9","arrow":"gallery__arrow_15cn9","focused":"gallery__focused_15cn9","placeholder":"gallery__placeholder_15cn9","brokenImgWrapper":"gallery__brokenImgWrapper_15cn9","brokenImgIcon":"gallery__brokenImgIcon_15cn9","fullScreenVideo":"gallery__fullScreenVideo_15cn9"};
+var styles = {"component":"gallery__component_1de8a","swiperFrame":"gallery__swiperFrame_1de8a","mobile":"gallery__mobile_1de8a","mobileVideo":"gallery__mobileVideo_1de8a","fullScreenFrame":"gallery__fullScreenFrame_1de8a","hiddenFrame":"gallery__hiddenFrame_1de8a","swiper":"gallery__swiper_1de8a","hidden":"gallery__hidden_1de8a","singleSlideContainer":"gallery__singleSlideContainer_1de8a","slide":"gallery__slide_1de8a","slideLoading":"gallery__slideLoading_1de8a","spinner":"gallery__spinner_1de8a","image":"gallery__image_1de8a","smallImage":"gallery__smallImage_1de8a","verticalImageFit":"gallery__verticalImageFit_1de8a","horizontalImageFit":"gallery__horizontalImageFit_1de8a","fullScreenMedia":"gallery__fullScreenMedia_1de8a","arrow":"gallery__arrow_1de8a","focused":"gallery__focused_1de8a","placeholder":"gallery__placeholder_1de8a","brokenImgWrapper":"gallery__brokenImgWrapper_1de8a","brokenImgIcon":"gallery__brokenImgIcon_1de8a","fullScreenVideo":"gallery__fullScreenVideo_1de8a"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/image-viewer/video/index.css

@@ -7,7 +7,7 @@
     --border-radius-0: 0;
     --border-radius-24: 24px;
 }
-.gallery__videoWrapper_yf8l7 {
+.gallery__videoWrapper_1c0wk {
     display: flex;
     align-items: center;
     justify-content: center;
@@ -18,27 +18,27 @@
     min-width: 300px;
     min-height: 200px;
 }
-.gallery__mobileWrapper_yf8l7 {
+.gallery__mobileWrapper_1c0wk {
     width: 100%;
 }
-.gallery__videoWrapper_yf8l7.gallery__loading_yf8l7 {
+.gallery__videoWrapper_1c0wk.gallery__loading_1c0wk {
     width: 100%;
     aspect-ratio: 16/9;
     background-color: var(--color-static-neutral-translucent-100-inverted);
     border-radius: var(--border-radius-24);
     align-items: center;
 }
-.gallery__video_yf8l7 {
+.gallery__video_1c0wk {
     max-width: 100%;
     max-height: 100%;
     -o-object-fit: contain;
        object-fit: contain;
     border-radius: var(--border-radius-24);
 }
-.gallery__mobile_yf8l7 {
+.gallery__mobile_1c0wk {
     border-radius: var(--border-radius-0);
 }
-.gallery__videoButton_yf8l7 {
+.gallery__videoButton_1c0wk {
     position: absolute;
     top: 50%;
     left: 50%;
@@ -46,13 +46,13 @@
     z-index: 1;
     color: green;
 }
-.gallery__icon_yf8l7 {
+.gallery__icon_1c0wk {
     color: var(--color-static-neutral-0);
 }
-.gallery__iconShape_yf8l7 {
+.gallery__iconShape_1c0wk {
     fill: var(--color-static-neutral-translucent-700);
 }
-.gallery__bottomButton_yf8l7 {
+.gallery__bottomButton_1c0wk {
     position: absolute;
     bottom: 48px;
     left: 32px;

package/components/image-viewer/video/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"videoWrapper":"gallery__videoWrapper_yf8l7","mobileWrapper":"gallery__mobileWrapper_yf8l7","loading":"gallery__loading_yf8l7","video":"gallery__video_yf8l7","mobile":"gallery__mobile_yf8l7","videoButton":"gallery__videoButton_yf8l7","icon":"gallery__icon_yf8l7","iconShape":"gallery__iconShape_yf8l7","bottomButton":"gallery__bottomButton_yf8l7"};
+var styles = {"videoWrapper":"gallery__videoWrapper_1c0wk","mobileWrapper":"gallery__mobileWrapper_1c0wk","loading":"gallery__loading_1c0wk","video":"gallery__video_1c0wk","mobile":"gallery__mobile_1c0wk","videoButton":"gallery__videoButton_1c0wk","icon":"gallery__icon_1c0wk","iconShape":"gallery__iconShape_1c0wk","bottomButton":"gallery__bottomButton_1c0wk"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/info-bar/index.css

@@ -5,10 +5,10 @@
     --gap-4: 4px;
     --gap-8: 8px;
 }
-.gallery__description_bonz4 {
+.gallery__description_9kc4j {
     text-align: center;
 }
-.gallery__infoWrapper_bonz4 {
+.gallery__infoWrapper_9kc4j {
     background-color: var(--color-static-neutral-0-inverted);
     display: flex;
     align-items: center;
@@ -17,7 +17,7 @@
     position: relative;
     height: 48px;
 }
-.gallery__infoWrapper_bonz4.gallery__video_bonz4 {
+.gallery__infoWrapper_9kc4j.gallery__video_9kc4j {
         padding: 0 var(--gap-4) var(--gap-4);
         justify-content: space-between;
     }

package/components/info-bar/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"description":"gallery__description_bonz4","infoWrapper":"gallery__infoWrapper_bonz4","video":"gallery__video_bonz4"};
+var styles = {"description":"gallery__description_9kc4j","infoWrapper":"gallery__infoWrapper_9kc4j","video":"gallery__video_9kc4j"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/navigation-bar/index.css

@@ -8,7 +8,7 @@
     --gap-12: 12px;
     --gap-32: 32px;
 }
-.gallery__component_11mwi {
+.gallery__component_12m3d {
     display: flex;
     flex-wrap: nowrap;
     align-content: center;
@@ -24,31 +24,31 @@
        -moz-user-select: none;
             user-select: none;
 }
-.gallery__component_11mwi.gallery__mobile_11mwi {
+.gallery__component_12m3d.gallery__mobile_12m3d {
         padding: var(--gap-8);
     }
-.gallery__component_11mwi.gallery__dragging_11mwi {
+.gallery__component_12m3d.gallery__dragging_12m3d {
         cursor: grabbing;
     }
-.gallery__component_11mwi.gallery__dragging_11mwi * {
+.gallery__component_12m3d.gallery__dragging_12m3d * {
             cursor: grabbing;
         }
-.gallery__component_11mwi::-webkit-scrollbar {
+.gallery__component_12m3d::-webkit-scrollbar {
         display: none;
     }
-.gallery__previews_11mwi {
+.gallery__previews_12m3d {
     display: flex;
 }
-.gallery__preview_11mwi {
+.gallery__preview_12m3d {
     flex-shrink: 0;
     margin-right: var(--gap-4);
 }
-.gallery__preview_11mwi.gallery__mobile_11mwi {
+.gallery__preview_12m3d.gallery__mobile_12m3d {
         margin-right: var(--gap-2);
     }
-.gallery__preview_11mwi:first-child {
+.gallery__preview_12m3d:first-child {
         margin-left: auto;
     }
-.gallery__preview_11mwi:last-child {
+.gallery__preview_12m3d:last-child {
         margin-right: auto;
     }

package/components/navigation-bar/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"component":"gallery__component_11mwi","mobile":"gallery__mobile_11mwi","dragging":"gallery__dragging_11mwi","preview":"gallery__preview_11mwi"};
+var styles = {"component":"gallery__component_12m3d","mobile":"gallery__mobile_12m3d","dragging":"gallery__dragging_12m3d","preview":"gallery__preview_12m3d"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/subtitles/index.css

@@ -3,7 +3,7 @@
     --gap-16: 16px;
     --gap-32: 32px;
 }
-.gallery__subtitles_ljsjn {
+.gallery__subtitles_1mh8j {
     position: absolute;
     align-self: flex-end;
     padding: var(--gap-0) var(--gap-32);
@@ -16,10 +16,10 @@
         opacity 500ms ease-in-out,
         margin-bottom 270ms ease-in-out;
 }
-.gallery__subtitles_ljsjn.gallery__mobile_ljsjn {
+.gallery__subtitles_1mh8j.gallery__mobile_1mh8j {
         position: static;
         position: initial;
     }
-.gallery__hideSubtitles_ljsjn {
+.gallery__hideSubtitles_1mh8j {
     opacity: 0;
 }

package/components/subtitles/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"subtitles":"gallery__subtitles_ljsjn","mobile":"gallery__mobile_ljsjn","hideSubtitles":"gallery__hideSubtitles_ljsjn"};
+var styles = {"subtitles":"gallery__subtitles_1mh8j","mobile":"gallery__mobile_1mh8j","hideSubtitles":"gallery__hideSubtitles_1mh8j"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/context.d.ts

@@ -1,5 +1,5 @@
 import type SwiperCore from 'swiper';
-import { type GalleryImage, type ImageMeta } from './types';
+import { type GalleryCustomButton, type GalleryImage, type ImageMeta } from './types';
 export type GalleryContext = {
     view: 'desktop' | 'mobile';
     singleSlide: boolean;
@@ -25,5 +25,6 @@ export type GalleryContext = {
     setCurrentSlideIndex?: (index: number) => void;
     getCurrentImage: () => GalleryImage | undefined;
     getCurrentImageMeta: () => ImageMeta | undefined;
+    customButton?: GalleryCustomButton;
 };
 export declare const GalleryContext: import("react").Context<GalleryContext>;

package/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":["src/context.ts"],"sourcesContent":["import { createContext } from 'react';\nimport type SwiperCore from 'swiper';\n\nimport { type GalleryImage, type ImageMeta } from './types';\n\nexport type GalleryContext = {\n    view: 'desktop' | 'mobile';\n    singleSlide: boolean;\n    currentSlideIndex: number;\n    images: GalleryImage[];\n    imagesMeta: ImageMeta[];\n    fullScreen: boolean;\n    mutedVideo: boolean;\n    playingVideo: boolean;\n    hideNavigation: boolean;\n    setHideNavigation: (hideNavigation: boolean) => void;\n    initialSlide: number;\n    setFullScreen: (fullScreen: boolean) => void;\n    setMutedVideo: (muteVideo: boolean) => void;\n    setPlayingVideo: (playingVideo: boolean) => void;\n    setImageMeta: (meta: ImageMeta, index: number) => void;\n    slideTo: (index: number) => void;\n    slideNext: () => void;\n    slidePrev: () => void;\n    getSwiper: () => SwiperCore | undefined;\n    setSwiper: (swiper: SwiperCore) => void;\n    onClose: () => void;\n    setCurrentSlideIndex?: (index: number) => void;\n    getCurrentImage: () => GalleryImage | undefined;\n    getCurrentImageMeta: () => ImageMeta | undefined;\n};\n\nconst mockFn = () => undefined;\n\n// eslint-disable-next-line @typescript-eslint/no-redeclare\nexport const GalleryContext = createContext<GalleryContext>({\n    view: 'desktop',\n    singleSlide: false,\n    currentSlideIndex: 0,\n    images: [],\n    imagesMeta: [],\n    fullScreen: false,\n    mutedVideo: false,\n    playingVideo: false,\n    hideNavigation: false,\n    setHideNavigation: mockFn,\n    setMutedVideo: mockFn,\n    setPlayingVideo: mockFn,\n    initialSlide: 0,\n    setFullScreen: mockFn,\n    setImageMeta: mockFn,\n    slideTo: mockFn,\n    slideNext: mockFn,\n    slidePrev: mockFn,\n    getSwiper: mockFn,\n    setSwiper: mockFn,\n    onClose: mockFn,\n    setCurrentSlideIndex: mockFn,\n    getCurrentImage: mockFn,\n    getCurrentImageMeta: mockFn,\n});\n"],"names":["createContext"],"mappings":";;;;;;AAgCA,IAAM,MAAM,GAAG,YAAA,EAAM,OAAA,SAAS,CAAA,EAAA;AAE9B;AACO,IAAM,cAAc,GAAGA,mBAAa,CAAiB;AACxD,IAAA,IAAI,EAAE,SAAS;AACf,IAAA,WAAW,EAAE,KAAK;AAClB,IAAA,iBAAiB,EAAE,CAAC;AACpB,IAAA,MAAM,EAAE,EAAE;AACV,IAAA,UAAU,EAAE,EAAE;AACd,IAAA,UAAU,EAAE,KAAK;AACjB,IAAA,UAAU,EAAE,KAAK;AACjB,IAAA,YAAY,EAAE,KAAK;AACnB,IAAA,cAAc,EAAE,KAAK;AACrB,IAAA,iBAAiB,EAAE,MAAM;AACzB,IAAA,aAAa,EAAE,MAAM;AACrB,IAAA,eAAe,EAAE,MAAM;AACvB,IAAA,YAAY,EAAE,CAAC;AACf,IAAA,aAAa,EAAE,MAAM;AACrB,IAAA,YAAY,EAAE,MAAM;AACpB,IAAA,OAAO,EAAE,MAAM;AACf,IAAA,SAAS,EAAE,MAAM;AACjB,IAAA,SAAS,EAAE,MAAM;AACjB,IAAA,SAAS,EAAE,MAAM;AACjB,IAAA,SAAS,EAAE,MAAM;AACjB,IAAA,OAAO,EAAE,MAAM;AACf,IAAA,oBAAoB,EAAE,MAAM;AAC5B,IAAA,eAAe,EAAE,MAAM;AACvB,IAAA,mBAAmB,EAAE,MAAM;AAC9B,CAAA;;;;"}
+{"version":3,"file":"context.js","sources":["src/context.ts"],"sourcesContent":["import { createContext } from 'react';\nimport type SwiperCore from 'swiper';\n\nimport { type GalleryCustomButton, type GalleryImage, type ImageMeta } from './types';\n\nexport type GalleryContext = {\n    view: 'desktop' | 'mobile';\n    singleSlide: boolean;\n    currentSlideIndex: number;\n    images: GalleryImage[];\n    imagesMeta: ImageMeta[];\n    fullScreen: boolean;\n    mutedVideo: boolean;\n    playingVideo: boolean;\n    hideNavigation: boolean;\n    setHideNavigation: (hideNavigation: boolean) => void;\n    initialSlide: number;\n    setFullScreen: (fullScreen: boolean) => void;\n    setMutedVideo: (muteVideo: boolean) => void;\n    setPlayingVideo: (playingVideo: boolean) => void;\n    setImageMeta: (meta: ImageMeta, index: number) => void;\n    slideTo: (index: number) => void;\n    slideNext: () => void;\n    slidePrev: () => void;\n    getSwiper: () => SwiperCore | undefined;\n    setSwiper: (swiper: SwiperCore) => void;\n    onClose: () => void;\n    setCurrentSlideIndex?: (index: number) => void;\n    getCurrentImage: () => GalleryImage | undefined;\n    getCurrentImageMeta: () => ImageMeta | undefined;\n    customButton?: GalleryCustomButton;\n};\n\nconst mockFn = () => undefined;\n\n// eslint-disable-next-line @typescript-eslint/no-redeclare\nexport const GalleryContext = createContext<GalleryContext>({\n    view: 'desktop',\n    singleSlide: false,\n    currentSlideIndex: 0,\n    images: [],\n    imagesMeta: [],\n    fullScreen: false,\n    mutedVideo: false,\n    playingVideo: false,\n    hideNavigation: false,\n    setHideNavigation: mockFn,\n    setMutedVideo: mockFn,\n    setPlayingVideo: mockFn,\n    initialSlide: 0,\n    setFullScreen: mockFn,\n    setImageMeta: mockFn,\n    slideTo: mockFn,\n    slideNext: mockFn,\n    slidePrev: mockFn,\n    getSwiper: mockFn,\n    setSwiper: mockFn,\n    onClose: mockFn,\n    setCurrentSlideIndex: mockFn,\n    getCurrentImage: mockFn,\n    getCurrentImageMeta: mockFn,\n});\n"],"names":["createContext"],"mappings":";;;;;;AAiCA,IAAM,MAAM,GAAG,YAAA,EAAM,OAAA,SAAS,CAAA,EAAA;AAE9B;AACO,IAAM,cAAc,GAAGA,mBAAa,CAAiB;AACxD,IAAA,IAAI,EAAE,SAAS;AACf,IAAA,WAAW,EAAE,KAAK;AAClB,IAAA,iBAAiB,EAAE,CAAC;AACpB,IAAA,MAAM,EAAE,EAAE;AACV,IAAA,UAAU,EAAE,EAAE;AACd,IAAA,UAAU,EAAE,KAAK;AACjB,IAAA,UAAU,EAAE,KAAK;AACjB,IAAA,YAAY,EAAE,KAAK;AACnB,IAAA,cAAc,EAAE,KAAK;AACrB,IAAA,iBAAiB,EAAE,MAAM;AACzB,IAAA,aAAa,EAAE,MAAM;AACrB,IAAA,eAAe,EAAE,MAAM;AACvB,IAAA,YAAY,EAAE,CAAC;AACf,IAAA,aAAa,EAAE,MAAM;AACrB,IAAA,YAAY,EAAE,MAAM;AACpB,IAAA,OAAO,EAAE,MAAM;AACf,IAAA,SAAS,EAAE,MAAM;AACjB,IAAA,SAAS,EAAE,MAAM;AACjB,IAAA,SAAS,EAAE,MAAM;AACjB,IAAA,SAAS,EAAE,MAAM;AACjB,IAAA,OAAO,EAAE,MAAM;AACf,IAAA,oBAAoB,EAAE,MAAM;AAC5B,IAAA,eAAe,EAAE,MAAM;AACvB,IAAA,mBAAmB,EAAE,MAAM;AAC9B,CAAA;;;;"}

package/cssm/Component.d.ts

@@ -1,5 +1,5 @@
 import { type FC } from 'react';
-import { type GalleryImage } from './types';
+import { type GalleryCustomButton, type GalleryImage } from './types';
 export type GalleryProps = {
     /**
      * Управление видимостью
@@ -35,5 +35,9 @@ export type GalleryProps = {
      * Дополнительный класс для попапа
      */
     popupClassName?: string;
+    /**
+     * Дополнительная кнопка в шапке галереи
+     */
+    customButton?: GalleryCustomButton;
 };
 export declare const Gallery: FC<GalleryProps>;

package/cssm/Component.js

@@ -35,7 +35,7 @@ var Backdrop = function () { return null; };
 var Gallery = function (_a) {
     var _b, _c;
     var _d, _e, _f;
-    var open = _a.open, images = _a.images, slideIndex = _a.slideIndex, _g = _a.initialSlide, initialSlide = _g === void 0 ? 0 : _g, _h = _a.loop, loop = _h === void 0 ? true : _h, onClose = _a.onClose, onSlideIndexChange = _a.onSlideIndexChange, popupClassName = _a.popupClassName;
+    var open = _a.open, images = _a.images, slideIndex = _a.slideIndex, _g = _a.initialSlide, initialSlide = _g === void 0 ? 0 : _g, _h = _a.loop, loop = _h === void 0 ? true : _h, onClose = _a.onClose, onSlideIndexChange = _a.onSlideIndexChange, popupClassName = _a.popupClassName, customButton = _a.customButton;
     var currentSlideIndexState = React.useState(initialSlide);
     var uncontrolled = slideIndex === undefined;
     var _j = uncontrolled
@@ -219,6 +219,7 @@ var Gallery = function (_a) {
         setCurrentSlideIndex: setCurrentSlideIndex,
         getCurrentImage: function () { return images[currentSlideIndex]; },
         getCurrentImageMeta: function () { return imagesMeta[currentSlideIndex]; },
+        customButton: customButton,
     };
     return (React__default.default.createElement(context.GalleryContext.Provider, { value: galleryContext },
         React__default.default.createElement(cssm$1.BaseModal, { open: open, className: cn__default.default(styles__default.default.modal, popupClassName), onEscapeKeyDown: handleEscapeKeyDown, Backdrop: Backdrop, onUnmount: onUnmount },