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

package/modern/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/modern/components/image-viewer/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const 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"};
+const 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"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/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/modern/components/image-viewer/video/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const 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"};
+const 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"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/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/modern/components/info-bar/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"description":"gallery__description_bonz4","infoWrapper":"gallery__infoWrapper_bonz4","video":"gallery__video_bonz4"};
+const styles = {"description":"gallery__description_9kc4j","infoWrapper":"gallery__infoWrapper_9kc4j","video":"gallery__video_9kc4j"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/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/modern/components/navigation-bar/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"component":"gallery__component_11mwi","mobile":"gallery__mobile_11mwi","dragging":"gallery__dragging_11mwi","preview":"gallery__preview_11mwi"};
+const styles = {"component":"gallery__component_12m3d","mobile":"gallery__mobile_12m3d","dragging":"gallery__dragging_12m3d","preview":"gallery__preview_12m3d"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/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/modern/components/subtitles/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"subtitles":"gallery__subtitles_ljsjn","mobile":"gallery__mobile_ljsjn","hideSubtitles":"gallery__hideSubtitles_ljsjn"};
+const styles = {"subtitles":"gallery__subtitles_1mh8j","mobile":"gallery__mobile_1mh8j","hideSubtitles":"gallery__hideSubtitles_1mh8j"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/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/modern/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":[],"mappings":";;AAgCA,MAAM,MAAM,GAAG,MAAM,SAAS;AAE9B;AACO,MAAM,cAAc,GAAG,aAAa,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":[],"mappings":";;AAiCA,MAAM,MAAM,GAAG,MAAM,SAAS;AAE9B;AACO,MAAM,cAAc,GAAG,aAAa,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/modern/index.css

@@ -11,7 +11,7 @@
     --sat: env(safe-area-inset-top, var(--gap-0));
     --sab: env(safe-area-inset-bottom, var(--gap-0));
 }
-.gallery__container_1kzqo {
+.gallery__container_1yp25 {
     position: relative;
     overflow-x: hidden;
     overflow-y: auto;
@@ -25,17 +25,17 @@
     padding-top: var(--sat);
     padding-bottom: var(--sab);
 }
-.gallery__container_1kzqo.gallery__mobile_1kzqo {
+.gallery__container_1yp25.gallery__mobile_1yp25 {
         overflow: hidden;
     }
-.gallery__modal_1kzqo {
+.gallery__modal_1yp25 {
     flex-grow: 1;
     width: 100vw;
     height: 100vh;
     height: 100dvh;
     background: transparent;
 }
-.gallery__navigationVideo_1kzqo {
+.gallery__navigationVideo_1yp25 {
     z-index: 3;
     width: 100%;
     position: absolute;
@@ -44,18 +44,18 @@
     transition: transform 0.3s ease-in-out;
     text-align: center;
 }
-.gallery__hide_1kzqo {
+.gallery__hide_1yp25 {
     transform: translateY(114px);
 }
-.gallery__hideInfo_1kzqo {
+.gallery__hideInfo_1yp25 {
     transform: translateY(48px);
 }
-.gallery__bottomButton_1kzqo {
+.gallery__bottomButton_1yp25 {
     width: calc(100% - var(--gap-32));
     margin: var(--gap-16);
     background-color: var(--color-static-neutral-translucent-500-inverted);
 }
-.gallery__subtitles_1kzqo {
+.gallery__subtitles_1yp25 {
     padding: var(--gap-0) var(--gap-32);
     margin-bottom: var(--gap-16);
     width: 100%;
@@ -66,6 +66,6 @@
         opacity 500ms ease-in-out,
         margin-bottom 270ms ease-in-out;
 }
-.gallery__hideSubtitles_1kzqo {
+.gallery__hideSubtitles_1yp25 {
     opacity: 0;
 }

package/modern/index.d.ts

@@ -1,2 +1,3 @@
 export * from './Component';
+export { type GalleryCustomButton } from './types';
 export { TestIds } from './utils';

package/modern/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"container":"gallery__container_1kzqo","mobile":"gallery__mobile_1kzqo","modal":"gallery__modal_1kzqo","navigationVideo":"gallery__navigationVideo_1kzqo","hide":"gallery__hide_1kzqo","hideInfo":"gallery__hideInfo_1kzqo","bottomButton":"gallery__bottomButton_1kzqo"};
+const styles = {"container":"gallery__container_1yp25","mobile":"gallery__mobile_1yp25","modal":"gallery__modal_1yp25","navigationVideo":"gallery__navigationVideo_1yp25","hide":"gallery__hide_1yp25","hideInfo":"gallery__hideInfo_1yp25","bottomButton":"gallery__bottomButton_1yp25"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/types.d.ts

@@ -1,4 +1,10 @@
 import { type MouseEvent, type RefObject } from 'react';
+import { type IconButtonProps } from '@alfalab/core-components-icon-button/modern';
+export type GalleryCustomButton = {
+    text: string;
+    icon: IconButtonProps['icon'];
+    onClick: () => void;
+};
 export type TBottomButton = {
     text: string;
     onClick: (e: MouseEvent) => void;

package/modern/utils/constants.d.ts

@@ -9,4 +9,5 @@ export declare const TestIds: {
     NAVIGATION_BAR: string;
     MUTE_BUTTON: string;
     UNMUTE_BUTTON: string;
+    CUSTOM_BUTTON: string;
 };

package/modern/utils/constants.js

@@ -9,6 +9,7 @@ const TestIds = {
     NAVIGATION_BAR: 'navigation-bar',
     MUTE_BUTTON: 'mute-button',
     UNMUTE_BUTTON: 'unmute-button',
+    CUSTOM_BUTTON: 'custom-button',
 };
 
 export { TestIds };

package/modern/utils/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../src/utils/constants.ts"],"sourcesContent":["export const TestIds = {\n    ACTIVE_IMAGE: 'active-image',\n    PREV_SLIDE_BUTTON: 'prev-slide-button',\n    NEXT_SLIDE_BUTTON: 'next-slide-button',\n    CLOSE_BUTTON: 'close-button',\n    FULLSCREEN_BUTTON: 'fullscreen-button',\n    EXIT_FULLSCREEN_BUTTON: 'exit-fullscreen-button',\n    DOWNLOAD_BUTTON: 'download-button',\n    NAVIGATION_BAR: 'navigation-bar',\n    MUTE_BUTTON: 'mute-button',\n    UNMUTE_BUTTON: 'unmute-button',\n};\n"],"names":[],"mappings":"AAAa,MAAA,OAAO,GAAG;AACnB,IAAA,YAAY,EAAE,cAAc;AAC5B,IAAA,iBAAiB,EAAE,mBAAmB;AACtC,IAAA,iBAAiB,EAAE,mBAAmB;AACtC,IAAA,YAAY,EAAE,cAAc;AAC5B,IAAA,iBAAiB,EAAE,mBAAmB;AACtC,IAAA,sBAAsB,EAAE,wBAAwB;AAChD,IAAA,eAAe,EAAE,iBAAiB;AAClC,IAAA,cAAc,EAAE,gBAAgB;AAChC,IAAA,WAAW,EAAE,aAAa;AAC1B,IAAA,aAAa,EAAE,eAAe;;;;;"}
+{"version":3,"file":"constants.js","sources":["../../src/utils/constants.ts"],"sourcesContent":["export const TestIds = {\n    ACTIVE_IMAGE: 'active-image',\n    PREV_SLIDE_BUTTON: 'prev-slide-button',\n    NEXT_SLIDE_BUTTON: 'next-slide-button',\n    CLOSE_BUTTON: 'close-button',\n    FULLSCREEN_BUTTON: 'fullscreen-button',\n    EXIT_FULLSCREEN_BUTTON: 'exit-fullscreen-button',\n    DOWNLOAD_BUTTON: 'download-button',\n    NAVIGATION_BAR: 'navigation-bar',\n    MUTE_BUTTON: 'mute-button',\n    UNMUTE_BUTTON: 'unmute-button',\n    CUSTOM_BUTTON: 'custom-button',\n};\n"],"names":[],"mappings":"AAAa,MAAA,OAAO,GAAG;AACnB,IAAA,YAAY,EAAE,cAAc;AAC5B,IAAA,iBAAiB,EAAE,mBAAmB;AACtC,IAAA,iBAAiB,EAAE,mBAAmB;AACtC,IAAA,YAAY,EAAE,cAAc;AAC5B,IAAA,iBAAiB,EAAE,mBAAmB;AACtC,IAAA,sBAAsB,EAAE,wBAAwB;AAChD,IAAA,eAAe,EAAE,iBAAiB;AAClC,IAAA,cAAc,EAAE,gBAAgB;AAChC,IAAA,WAAW,EAAE,aAAa;AAC1B,IAAA,aAAa,EAAE,eAAe;AAC9B,IAAA,aAAa,EAAE,eAAe;;;;;"}

package/moderncssm/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/moderncssm/Component.js

@@ -21,7 +21,7 @@ const DEFAULT_MUTED_VIDEO = true;
 const DEFAULT_PLAYING_VIDEO = true;
 const DEFAULT_HIDE_NAVIGATION = false;
 const Backdrop = () => null;
-const Gallery = ({ open, images, slideIndex, initialSlide = 0, loop = true, onClose, onSlideIndexChange, popupClassName, }) => {
+const Gallery = ({ open, images, slideIndex, initialSlide = 0, loop = true, onClose, onSlideIndexChange, popupClassName, customButton, }) => {
     const currentSlideIndexState = useState(initialSlide);
     const uncontrolled = slideIndex === undefined;
     const [currentSlideIndex, setCurrentSlideIndex] = uncontrolled
@@ -205,6 +205,7 @@ const Gallery = ({ open, images, slideIndex, initialSlide = 0, loop = true, onCl
         setCurrentSlideIndex,
         getCurrentImage: () => images[currentSlideIndex],
         getCurrentImageMeta: () => imagesMeta[currentSlideIndex],
+        customButton,
     };
     return (React.createElement(GalleryContext.Provider, { value: galleryContext },
         React.createElement(BaseModal, { open: open, className: cn(styles.modal, popupClassName), onEscapeKeyDown: handleEscapeKeyDown, Backdrop: Backdrop, onUnmount: onUnmount },