@sima-land/moleculas 16.0.0-alpha.2 → 16.0.0-alpha.21

package/common/components/media-gallery/utils.js

@@ -0,0 +1,102 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createSwipe = exports.LoopUtil = void 0;
+exports.LoopUtil = {
+    /**
+     * Возвращает индекс предыдущего элемента.
+     * @param current Текущий индекс.
+     * @param total Всего.
+     * @return Индекс.
+     */
+    getPrevIndex(current, total) {
+        const nextIndex = current - 1;
+        return nextIndex < 0 ? total - 1 : nextIndex;
+    },
+    /**
+     * Возвращает индекс следующего элемента.
+     * @param current Текущий индекс.
+     * @param total Всего.
+     * @return Индекс.
+     */
+    getNextIndex(current, total) {
+        const nextIndex = current + 1;
+        return nextIndex >= total ? 0 : nextIndex;
+    },
+};
+/**
+ * Получив пропсы items и children вернет массив пропсов для MediaView.
+ * @param props Свойства.
+ * @return Пропсы.
+ */
+function createSwipe({ onSwipeStart, onSwipeMove, onSwipeEnd, } = {}) {
+    let pointerCount = 0;
+    let captureId = null;
+    let startX = 0;
+    // eslint-disable-next-line require-jsdoc
+    const getProps = () => ({
+        onPointerDown: event => {
+            if (captureId !== null) {
+                return;
+            }
+            captureId = event.pointerId;
+            startX = event.clientX;
+            event.preventDefault();
+            if (document.activeElement instanceof HTMLElement) {
+                document.activeElement.blur();
+            }
+            onSwipeStart === null || onSwipeStart === void 0 ? void 0 : onSwipeStart();
+        },
+    });
+    // eslint-disable-next-line require-jsdoc
+    const init = () => {
+        // eslint-disable-next-line require-jsdoc
+        const onPointerDown = () => {
+            pointerCount++;
+        };
+        // eslint-disable-next-line require-jsdoc
+        const onPointerMove = (event) => {
+            if (captureId !== event.pointerId) {
+                return;
+            }
+            if (pointerCount > 1) {
+                return;
+            }
+            onSwipeMove === null || onSwipeMove === void 0 ? void 0 : onSwipeMove({
+                startX,
+                distanceX: event.clientX - startX,
+            });
+        };
+        // eslint-disable-next-line require-jsdoc
+        const onPointerUp = (event) => {
+            pointerCount--;
+            if (captureId === null) {
+                return;
+            }
+            captureId = null;
+            const diff = event.clientX - startX;
+            onSwipeEnd === null || onSwipeEnd === void 0 ? void 0 : onSwipeEnd({
+                startX,
+                distanceX: diff,
+                isLeft: Math.abs(diff) > 64 && diff > 0,
+                isRight: Math.abs(diff) > 64 && diff < 0,
+            });
+        };
+        // eslint-disable-next-line require-jsdoc
+        const onPointerCancel = () => {
+            pointerCount--;
+        };
+        window.addEventListener('pointerdown', onPointerDown);
+        window.addEventListener('pointermove', onPointerMove);
+        window.addEventListener('pointerup', onPointerUp);
+        window.addEventListener('pointercancel', onPointerCancel);
+        return () => {
+            window.removeEventListener('pointerdown', onPointerDown);
+            window.removeEventListener('pointermove', onPointerMove);
+            window.removeEventListener('pointerup', onPointerUp);
+            window.removeEventListener('pointercancel', onPointerCancel);
+        };
+    };
+    return { init, getProps };
+}
+exports.createSwipe = createSwipe;
+//# sourceMappingURL=utils.js.map

package/common/components/media-gallery/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/common/components/media-gallery/utils.ts"],"names":[],"mappings":"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"}

package/common/components/media-modal/__mocks__/index.d.ts

@@ -0,0 +1,3 @@
+import { MediaData, MediaVideo } from '../types';
+export declare const mixed: MediaData[];
+export declare const videos: MediaVideo[];

package/common/components/media-modal/__mocks__/index.js

@@ -0,0 +1,251 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.videos = exports.mixed = void 0;
+const armchair_jpg_1 = __importDefault(require("./images/armchair.jpg"));
+const cup_jpg_1 = __importDefault(require("./images/cup.jpg"));
+const plant_jpg_1 = __importDefault(require("./images/plant.jpg"));
+const stump_jpg_1 = __importDefault(require("./images/stump.jpg"));
+const table_jpg_1 = __importDefault(require("./images/table.jpg"));
+const vase_jpg_1 = __importDefault(require("./images/vase.jpg"));
+const armchair_jpg_2 = __importDefault(require("./thumbnails/armchair.jpg"));
+const cup_jpg_2 = __importDefault(require("./thumbnails/cup.jpg"));
+const plant_jpg_2 = __importDefault(require("./thumbnails/plant.jpg"));
+const stump_jpg_2 = __importDefault(require("./thumbnails/stump.jpg"));
+const table_jpg_2 = __importDefault(require("./thumbnails/table.jpg"));
+const vase_jpg_2 = __importDefault(require("./thumbnails/vase.jpg"));
+const video3404953_jpg_1 = __importDefault(require("./thumbnails/video3404953.jpg"));
+const video3619217_jpg_1 = __importDefault(require("./thumbnails/video3619217.jpg"));
+const video4093038_jpg_1 = __importDefault(require("./thumbnails/video4093038.jpg"));
+const video6907296_jpg_1 = __importDefault(require("./thumbnails/video6907296.jpg"));
+exports.mixed = [
+    {
+        type: '360',
+        data: {
+            photos: [
+                'https://cdn2.static1-sima-land.com/3d/3243668/0/700.jpg',
+                'https://cdn2.static1-sima-land.com/3d/3243668/1/700.jpg',
+                'https://cdn2.static1-sima-land.com/3d/3243668/2/700.jpg',
+                'https://cdn2.static1-sima-land.com/3d/3243668/3/700.jpg',
+                'https://cdn2.static1-sima-land.com/3d/3243668/4/700.jpg',
+                'https://cdn2.static1-sima-land.com/3d/3243668/5/700.jpg',
+                'https://cdn2.static1-sima-land.com/3d/3243668/6/700.jpg',
+                'https://cdn2.static1-sima-land.com/3d/3243668/7/700.jpg',
+                'https://cdn2.static1-sima-land.com/3d/3243668/8/700.jpg',
+                'https://cdn2.static1-sima-land.com/3d/3243668/9/700.jpg',
+                'https://cdn2.static1-sima-land.com/3d/3243668/10/700.jpg',
+                'https://cdn2.static1-sima-land.com/3d/3243668/11/700.jpg',
+                'https://cdn2.static1-sima-land.com/3d/3243668/12/700.jpg',
+                'https://cdn2.static1-sima-land.com/3d/3243668/13/700.jpg',
+                'https://cdn2.static1-sima-land.com/3d/3243668/14/700.jpg',
+                'https://cdn2.static1-sima-land.com/3d/3243668/15/700.jpg',
+                'https://cdn2.static1-sima-land.com/3d/3243668/16/700.jpg',
+                'https://cdn2.static1-sima-land.com/3d/3243668/17/700.jpg',
+                'https://cdn2.static1-sima-land.com/3d/3243668/18/700.jpg',
+                'https://cdn2.static1-sima-land.com/3d/3243668/19/700.jpg',
+                'https://cdn2.static1-sima-land.com/3d/3243668/20/700.jpg',
+                'https://cdn2.static1-sima-land.com/3d/3243668/21/700.jpg',
+                'https://cdn2.static1-sima-land.com/3d/3243668/22/700.jpg',
+                'https://cdn2.static1-sima-land.com/3d/3243668/23/700.jpg',
+                'https://cdn2.static1-sima-land.com/3d/3243668/24/700.jpg',
+                'https://cdn2.static1-sima-land.com/3d/3243668/25/700.jpg',
+                'https://cdn2.static1-sima-land.com/3d/3243668/26/700.jpg',
+                'https://cdn2.static1-sima-land.com/3d/3243668/27/700.jpg',
+                'https://cdn2.static1-sima-land.com/3d/3243668/28/700.jpg',
+                'https://cdn2.static1-sima-land.com/3d/3243668/29/700.jpg',
+                'https://cdn2.static1-sima-land.com/3d/3243668/30/700.jpg',
+                'https://cdn2.static1-sima-land.com/3d/3243668/31/700.jpg',
+                'https://cdn2.static1-sima-land.com/3d/3243668/32/700.jpg',
+                'https://cdn2.static1-sima-land.com/3d/3243668/33/700.jpg',
+                'https://cdn2.static1-sima-land.com/3d/3243668/34/700.jpg',
+                'https://cdn2.static1-sima-land.com/3d/3243668/35/700.jpg',
+                'https://cdn2.static1-sima-land.com/3d/3243668/36/700.jpg',
+                'https://cdn2.static1-sima-land.com/3d/3243668/37/700.jpg',
+                'https://cdn2.static1-sima-land.com/3d/3243668/38/700.jpg',
+                'https://cdn2.static1-sima-land.com/3d/3243668/39/700.jpg',
+                'https://cdn2.static1-sima-land.com/3d/3243668/40/700.jpg',
+                'https://cdn2.static1-sima-land.com/3d/3243668/41/700.jpg',
+                'https://cdn2.static1-sima-land.com/3d/3243668/42/700.jpg',
+                'https://cdn2.static1-sima-land.com/3d/3243668/43/700.jpg',
+                'https://cdn2.static1-sima-land.com/3d/3243668/44/700.jpg',
+                'https://cdn2.static1-sima-land.com/3d/3243668/45/700.jpg',
+                'https://cdn2.static1-sima-land.com/3d/3243668/46/700.jpg',
+                'https://cdn2.static1-sima-land.com/3d/3243668/47/700.jpg',
+                'https://cdn2.static1-sima-land.com/3d/3243668/48/700.jpg',
+                'https://cdn2.static1-sima-land.com/3d/3243668/49/700.jpg',
+                'https://cdn2.static1-sima-land.com/3d/3243668/50/700.jpg',
+                'https://cdn2.static1-sima-land.com/3d/3243668/51/700.jpg',
+                'https://cdn2.static1-sima-land.com/3d/3243668/52/700.jpg',
+                'https://cdn2.static1-sima-land.com/3d/3243668/53/700.jpg',
+                'https://cdn2.static1-sima-land.com/3d/3243668/54/700.jpg',
+                'https://cdn2.static1-sima-land.com/3d/3243668/55/700.jpg',
+                'https://cdn2.static1-sima-land.com/3d/3243668/56/700.jpg',
+                'https://cdn2.static1-sima-land.com/3d/3243668/57/700.jpg',
+                'https://cdn2.static1-sima-land.com/3d/3243668/58/700.jpg',
+                'https://cdn2.static1-sima-land.com/3d/3243668/59/700.jpg',
+                'https://cdn2.static1-sima-land.com/3d/3243668/60/700.jpg',
+                'https://cdn2.static1-sima-land.com/3d/3243668/61/700.jpg',
+                'https://cdn2.static1-sima-land.com/3d/3243668/62/700.jpg',
+                'https://cdn2.static1-sima-land.com/3d/3243668/63/700.jpg',
+                'https://cdn2.static1-sima-land.com/3d/3243668/64/700.jpg',
+                'https://cdn2.static1-sima-land.com/3d/3243668/65/700.jpg',
+                'https://cdn2.static1-sima-land.com/3d/3243668/66/700.jpg',
+                'https://cdn2.static1-sima-land.com/3d/3243668/67/700.jpg',
+                'https://cdn2.static1-sima-land.com/3d/3243668/68/700.jpg',
+                'https://cdn2.static1-sima-land.com/3d/3243668/69/700.jpg',
+                'https://cdn2.static1-sima-land.com/3d/3243668/70/700.jpg',
+                'https://cdn2.static1-sima-land.com/3d/3243668/71/700.jpg',
+                'https://cdn2.static1-sima-land.com/3d/3243668/72/700.jpg',
+                'https://cdn2.static1-sima-land.com/3d/3243668/73/700.jpg',
+                'https://cdn2.static1-sima-land.com/3d/3243668/74/700.jpg',
+                'https://cdn2.static1-sima-land.com/3d/3243668/75/700.jpg',
+                'https://cdn2.static1-sima-land.com/3d/3243668/76/700.jpg',
+                'https://cdn2.static1-sima-land.com/3d/3243668/77/700.jpg',
+                'https://cdn2.static1-sima-land.com/3d/3243668/78/700.jpg',
+            ],
+        },
+    },
+    {
+        type: 'video',
+        data: {
+            src: 'https://cdn2.static1-sima-land.com/flv/3404953.mp4',
+        },
+    },
+    {
+        type: 'image',
+        data: {
+            alt: 'Стул',
+            src: armchair_jpg_1.default,
+            thumbnail: armchair_jpg_2.default,
+        },
+    },
+    {
+        type: 'image',
+        data: {
+            alt: 'Чашка',
+            src: cup_jpg_1.default,
+            thumbnail: cup_jpg_2.default,
+        },
+    },
+    {
+        type: 'image',
+        data: {
+            alt: 'Растение',
+            src: plant_jpg_1.default,
+            thumbnail: plant_jpg_2.default,
+        },
+    },
+    {
+        type: 'image',
+        data: {
+            alt: 'Пень',
+            src: stump_jpg_1.default,
+            thumbnail: stump_jpg_2.default,
+        },
+    },
+    {
+        type: 'image',
+        data: {
+            alt: 'Стол',
+            src: table_jpg_1.default,
+            thumbnail: table_jpg_2.default,
+        },
+    },
+    {
+        type: 'image',
+        data: {
+            alt: 'Ваза',
+            src: vase_jpg_1.default,
+            thumbnail: vase_jpg_2.default,
+        },
+    },
+];
+exports.videos = [
+    {
+        type: 'video',
+        data: {
+            src: 'https://cdn2.static1-sima-land.com/flv/6907296.mp4',
+            thumbnail: video6907296_jpg_1.default,
+        },
+    },
+    {
+        type: 'video',
+        data: {
+            src: 'https://cdn2.static1-sima-land.com/flv/3619217.mp4',
+            thumbnail: video3619217_jpg_1.default,
+        },
+    },
+    {
+        type: 'video',
+        data: {
+            src: 'https://cdn2.static1-sima-land.com/flv/4093038.mp4',
+            thumbnail: video4093038_jpg_1.default,
+        },
+    },
+    {
+        type: 'video',
+        data: {
+            src: 'https://cdn2.static1-sima-land.com/flv/3404953.mp4',
+            thumbnail: video3404953_jpg_1.default,
+        },
+    },
+    {
+        type: 'video',
+        data: {
+            src: 'https://cdn2.static1-sima-land.com/flv/6907296.mp4',
+            thumbnail: video6907296_jpg_1.default,
+        },
+    },
+    {
+        type: 'video',
+        data: {
+            src: 'https://cdn2.static1-sima-land.com/flv/3619217.mp4',
+            thumbnail: video3619217_jpg_1.default,
+        },
+    },
+    {
+        type: 'video',
+        data: {
+            src: 'https://cdn2.static1-sima-land.com/flv/4093038.mp4',
+            thumbnail: video4093038_jpg_1.default,
+        },
+    },
+    {
+        type: 'video',
+        data: {
+            src: 'https://cdn2.static1-sima-land.com/flv/3404953.mp4',
+            thumbnail: video3404953_jpg_1.default,
+        },
+    },
+    {
+        type: 'video',
+        data: {
+            src: 'https://cdn2.static1-sima-land.com/flv/6907296.mp4',
+            thumbnail: video6907296_jpg_1.default,
+        },
+    },
+    {
+        type: 'video',
+        data: {
+            src: 'https://cdn2.static1-sima-land.com/flv/3619217.mp4',
+            thumbnail: video3619217_jpg_1.default,
+        },
+    },
+    {
+        type: 'video',
+        data: {
+            src: 'https://cdn2.static1-sima-land.com/flv/4093038.mp4',
+            thumbnail: video4093038_jpg_1.default,
+        },
+    },
+    {
+        type: 'video',
+        data: {
+            src: 'https://cdn2.static1-sima-land.com/flv/3404953.mp4',
+            thumbnail: video3404953_jpg_1.default,
+        },
+    },
+];
+//# sourceMappingURL=index.js.map

package/common/components/media-modal/__mocks__/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/common/components/media-modal/__mocks__/index.ts"],"names":[],"mappings":"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"}

package/common/components/media-modal/index.d.ts

@@ -0,0 +1,11 @@
+import { MediaLayout, MediaHeader, MediaMain, MediaAside, MediaFooter } from './layout';
+import { Preset, HeaderLayout } from './parts';
+import { ScrollSection } from './parts/scroll-section';
+import { Thumbnail, ThumbnailProps } from './parts/thumbnail';
+import { Thumbnails, ThumbnailsProps } from './parts/thumbnails';
+import { MediaViewProps, MediaView, MediaViewStyle } from './parts/media-view';
+import { ReviewProps, Review } from './parts/review';
+import { ProductBriefProps, ProductBrief } from './parts/product-brief';
+import { MediaArea, MediaAreaMain, MediaAreaAside } from './parts/media-area';
+export type { MediaViewStyle, MediaViewProps, ThumbnailProps, ThumbnailsProps, ReviewProps, ProductBriefProps, };
+export { MediaLayout, MediaHeader, MediaMain, MediaAside, MediaFooter, MediaArea, MediaAreaMain, MediaAreaAside, MediaView, HeaderLayout, Thumbnails, Thumbnail, Review, ProductBrief, Preset, ScrollSection, };

package/common/components/media-modal/index.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ScrollSection = exports.Preset = exports.ProductBrief = exports.Review = exports.Thumbnail = exports.Thumbnails = exports.HeaderLayout = exports.MediaView = exports.MediaAreaAside = exports.MediaAreaMain = exports.MediaArea = exports.MediaFooter = exports.MediaAside = exports.MediaMain = exports.MediaHeader = exports.MediaLayout = void 0;
+const layout_1 = require("./layout");
+Object.defineProperty(exports, "MediaLayout", { enumerable: true, get: function () { return layout_1.MediaLayout; } });
+Object.defineProperty(exports, "MediaHeader", { enumerable: true, get: function () { return layout_1.MediaHeader; } });
+Object.defineProperty(exports, "MediaMain", { enumerable: true, get: function () { return layout_1.MediaMain; } });
+Object.defineProperty(exports, "MediaAside", { enumerable: true, get: function () { return layout_1.MediaAside; } });
+Object.defineProperty(exports, "MediaFooter", { enumerable: true, get: function () { return layout_1.MediaFooter; } });
+const parts_1 = require("./parts");
+Object.defineProperty(exports, "Preset", { enumerable: true, get: function () { return parts_1.Preset; } });
+Object.defineProperty(exports, "HeaderLayout", { enumerable: true, get: function () { return parts_1.HeaderLayout; } });
+const scroll_section_1 = require("./parts/scroll-section");
+Object.defineProperty(exports, "ScrollSection", { enumerable: true, get: function () { return scroll_section_1.ScrollSection; } });
+const thumbnail_1 = require("./parts/thumbnail");
+Object.defineProperty(exports, "Thumbnail", { enumerable: true, get: function () { return thumbnail_1.Thumbnail; } });
+const thumbnails_1 = require("./parts/thumbnails");
+Object.defineProperty(exports, "Thumbnails", { enumerable: true, get: function () { return thumbnails_1.Thumbnails; } });
+const media_view_1 = require("./parts/media-view");
+Object.defineProperty(exports, "MediaView", { enumerable: true, get: function () { return media_view_1.MediaView; } });
+const review_1 = require("./parts/review");
+Object.defineProperty(exports, "Review", { enumerable: true, get: function () { return review_1.Review; } });
+const product_brief_1 = require("./parts/product-brief");
+Object.defineProperty(exports, "ProductBrief", { enumerable: true, get: function () { return product_brief_1.ProductBrief; } });
+const media_area_1 = require("./parts/media-area");
+Object.defineProperty(exports, "MediaArea", { enumerable: true, get: function () { return media_area_1.MediaArea; } });
+Object.defineProperty(exports, "MediaAreaMain", { enumerable: true, get: function () { return media_area_1.MediaAreaMain; } });
+Object.defineProperty(exports, "MediaAreaAside", { enumerable: true, get: function () { return media_area_1.MediaAreaAside; } });
+//# sourceMappingURL=index.js.map

package/common/components/media-modal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/common/components/media-modal/index.ts"],"names":[],"mappings":";;;AAAA,qCAAwF;AA0BtF,4FA1BO,oBAAW,OA0BP;AACX,4FA3BoB,oBAAW,OA2BpB;AACX,0FA5BiC,kBAAS,OA4BjC;AACT,2FA7B4C,mBAAU,OA6B5C;AACV,4FA9BwD,oBAAW,OA8BxD;AA7Bb,mCAA+C;AAmD7C,uFAnDO,cAAM,OAmDP;AAXN,6FAxCe,oBAAY,OAwCf;AAvCd,2DAAuD;AAmDrD,8FAnDO,8BAAa,OAmDP;AAlDf,iDAA8D;AA0C5D,0FA1CO,qBAAS,OA0CP;AAzCX,mDAAiE;AAwC/D,2FAxCO,uBAAU,OAwCP;AAvCZ,mDAA+E;AAiC7E,0FAjCuB,sBAAS,OAiCvB;AAhCX,2CAAqD;AA0CnD,uFA1CoB,eAAM,OA0CpB;AAzCR,yDAAwE;AA0CtE,6FA1C0B,4BAAY,OA0C1B;AAzCd,mDAA8E;AAyB5E,0FAzBO,sBAAS,OAyBP;AACT,8FA1BkB,0BAAa,OA0BlB;AACb,+FA3BiC,2BAAc,OA2BjC"}

package/common/components/media-modal/layout.d.ts

@@ -0,0 +1,36 @@
+import { ReactNode } from 'react';
+interface ContainerProps {
+    /** Содержимое. */
+    children?: ReactNode;
+}
+/**
+ * Формирует layout для модального окна медиа товара.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare function MediaLayout({ children }: ContainerProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Слот шапки MediaLayout.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare function MediaHeader({ children }: ContainerProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Слот основного контента MediaLayout.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare function MediaMain({ children }: ContainerProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Слот дополнительного контента MediaLayout.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare function MediaAside({ children }: ContainerProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Слот футера MediaLayout.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare function MediaFooter({ children }: ContainerProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/common/components/media-modal/layout.js

@@ -0,0 +1,81 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MediaFooter = exports.MediaAside = exports.MediaMain = exports.MediaHeader = exports.MediaLayout = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const helpers_1 = require("@sima-land/ui-nucleons/helpers");
+const layout_1 = require("@sima-land/ui-nucleons/layout");
+const utils_1 = require("./utils");
+const bind_1 = __importDefault(require("classnames/bind"));
+const layout_m_scss_1 = __importDefault(require("./layout.m.scss"));
+const cx = bind_1.default.bind(layout_m_scss_1.default);
+/**
+ * Формирует layout для модального окна медиа товара.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function MediaLayout({ children }) {
+    var _a;
+    const mobile = ['mxs', 'ms', 'mm', 'ml'];
+    const { header, main, aside, footer } = (0, helpers_1.defineSlots)(children, {
+        header: MediaHeader,
+        main: MediaMain,
+        aside: MediaAside,
+        footer: MediaFooter,
+    });
+    const [vh, setVh] = (0, react_1.useState)(null);
+    const mainRef = (0, react_1.useRef)(null);
+    const mainRect = (0, utils_1.useClientRect)(mainRef);
+    (0, utils_1.useVisualViewport)(viewport => {
+        setVh(viewport.height / 100);
+    });
+    const mainStyle = {
+        '--vh': (_a = `${vh}px`) !== null && _a !== void 0 ? _a : '1vh',
+        '--media-gallery-width': `${mainRect.width}px`,
+        '--media-gallery-height': `${mainRect.height}px`,
+        '--media-view-width': `var(--media-gallery-width)`,
+        '--media-view-height': `var(--media-gallery-height)`,
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", { className: cx('layout'), children: [header && ((0, jsx_runtime_1.jsx)(layout_1.Layout, { disabledOn: mobile, className: cx('header'), children: header })), (0, jsx_runtime_1.jsxs)(layout_1.Layout, { disabledOn: mobile, className: cx('body'), children: [aside && (0, jsx_runtime_1.jsx)("div", { className: cx('aside'), children: aside }), (0, jsx_runtime_1.jsx)("div", { ref: mainRef, className: cx('main'), style: mainStyle, children: main })] }), footer && ((0, jsx_runtime_1.jsx)(layout_1.Layout, { disabledOn: mobile, className: cx('footer'), children: (0, jsx_runtime_1.jsx)("div", { className: cx('footer-inner', aside && 'with-aside'), children: footer }) }))] }));
+}
+exports.MediaLayout = MediaLayout;
+/**
+ * Слот шапки MediaLayout.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function MediaHeader({ children }) {
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children });
+}
+exports.MediaHeader = MediaHeader;
+/**
+ * Слот основного контента MediaLayout.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function MediaMain({ children }) {
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children });
+}
+exports.MediaMain = MediaMain;
+/**
+ * Слот дополнительного контента MediaLayout.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function MediaAside({ children }) {
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children });
+}
+exports.MediaAside = MediaAside;
+/**
+ * Слот футера MediaLayout.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function MediaFooter({ children }) {
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children });
+}
+exports.MediaFooter = MediaFooter;
+//# sourceMappingURL=layout.js.map

package/common/components/media-modal/layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.js","sourceRoot":"","sources":["../../../../src/common/components/media-modal/layout.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAAmE;AACnE,4DAA6D;AAC7D,0DAAmE;AACnE,mCAA2D;AAC3D,2DAAyC;AACzC,oEAAqC;AAOrC,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,uBAAM,CAAC,CAAC;AAEnC;;;;GAIG;AACH,SAAgB,WAAW,CAAC,EAAE,QAAQ,EAAkB;;IACtD,MAAM,MAAM,GAAiB,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;IAEvD,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAA,qBAAW,EAAC,QAAQ,EAAE;QAC5D,MAAM,EAAE,WAAW;QACnB,IAAI,EAAE,SAAS;QACf,KAAK,EAAE,UAAU;QACjB,MAAM,EAAE,WAAW;KACpB,CAAC,CAAC;IAEH,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC,GAAG,IAAA,gBAAQ,EAAgB,IAAI,CAAC,CAAC;IAClD,MAAM,OAAO,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAC7C,MAAM,QAAQ,GAAG,IAAA,qBAAa,EAAC,OAAO,CAAC,CAAC;IAExC,IAAA,yBAAiB,EAAC,QAAQ,CAAC,EAAE;QAC3B,KAAK,CAAC,QAAQ,CAAC,MAAM,GAAG,GAAG,CAAC,CAAC;IAC/B,CAAC,CAAC,CAAC;IAEH,MAAM,SAAS,GAAG;QAChB,MAAM,EAAE,MAAA,GAAG,EAAE,IAAI,mCAAI,KAAK;QAC1B,uBAAuB,EAAE,GAAG,QAAQ,CAAC,KAAK,IAAI;QAC9C,wBAAwB,EAAE,GAAG,QAAQ,CAAC,MAAM,IAAI;QAChD,oBAAoB,EAAE,4BAA4B;QAClD,qBAAqB,EAAE,6BAA6B;KACpC,CAAC;IAEnB,OAAO,CACL,iCAAK,SAAS,EAAE,EAAE,CAAC,QAAQ,CAAC,aACzB,MAAM,IAAI,CACT,uBAAC,eAAM,IAAC,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,CAAC,QAAQ,CAAC,YAChD,MAAM,GACA,CACV,EAED,wBAAC,eAAM,IAAC,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,aAC9C,KAAK,IAAI,gCAAK,SAAS,EAAE,EAAE,CAAC,OAAO,CAAC,YAAG,KAAK,GAAO,EACpD,gCAAK,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,EAAE,KAAK,EAAE,SAAS,YACvD,IAAI,GACD,IACC,EAER,MAAM,IAAI,CACT,uBAAC,eAAM,IAAC,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,CAAC,QAAQ,CAAC,YACjD,gCAAK,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,KAAK,IAAI,YAAY,CAAC,YAAG,MAAM,GAAO,GAClE,CACV,IACG,CACP,CAAC;AACJ,CAAC;AAhDD,kCAgDC;AAED;;;;GAIG;AACH,SAAgB,WAAW,CAAC,EAAE,QAAQ,EAAkB;IACtD,OAAO,2DAAG,QAAQ,GAAI,CAAC;AACzB,CAAC;AAFD,kCAEC;AAED;;;;GAIG;AACH,SAAgB,SAAS,CAAC,EAAE,QAAQ,EAAkB;IACpD,OAAO,2DAAG,QAAQ,GAAI,CAAC;AACzB,CAAC;AAFD,8BAEC;AAED;;;;GAIG;AACH,SAAgB,UAAU,CAAC,EAAE,QAAQ,EAAkB;IACrD,OAAO,2DAAG,QAAQ,GAAI,CAAC;AACzB,CAAC;AAFD,gCAEC;AAED;;;;GAIG;AACH,SAAgB,WAAW,CAAC,EAAE,QAAQ,EAAkB;IACtD,OAAO,2DAAG,QAAQ,GAAI,CAAC;AACzB,CAAC;AAFD,kCAEC"}