@gravity-ui/page-constructor 4.46.0 → 4.46.2

package/build/esm/blocks/Slider/Slider.css

@@ -238,6 +238,276 @@ unpredictable css rules order in build */
   .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(9), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(9) {
     transition-delay: 0.9s;
   }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(10), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(10) {
+    transition-delay: 1s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(11), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(11) {
+    transition-delay: 1.1s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(12), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(12) {
+    transition-delay: 1.2s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(13), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(13) {
+    transition-delay: 1.3s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(14), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(14) {
+    transition-delay: 1.4s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(15), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(15) {
+    transition-delay: 1.5s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(16), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(16) {
+    transition-delay: 1.6s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(17), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(17) {
+    transition-delay: 1.7s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(18), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(18) {
+    transition-delay: 1.8s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(19), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(19) {
+    transition-delay: 1.9s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(20), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(20) {
+    transition-delay: 2s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(21), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(21) {
+    transition-delay: 2.1s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(22), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(22) {
+    transition-delay: 2.2s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(23), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(23) {
+    transition-delay: 2.3s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(24), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(24) {
+    transition-delay: 2.4s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(25), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(25) {
+    transition-delay: 2.5s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(26), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(26) {
+    transition-delay: 2.6s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(27), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(27) {
+    transition-delay: 2.7s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(28), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(28) {
+    transition-delay: 2.8s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(29), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(29) {
+    transition-delay: 2.9s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(30), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(30) {
+    transition-delay: 3s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(31), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(31) {
+    transition-delay: 3.1s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(32), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(32) {
+    transition-delay: 3.2s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(33), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(33) {
+    transition-delay: 3.3s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(34), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(34) {
+    transition-delay: 3.4s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(35), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(35) {
+    transition-delay: 3.5s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(36), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(36) {
+    transition-delay: 3.6s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(37), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(37) {
+    transition-delay: 3.7s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(38), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(38) {
+    transition-delay: 3.8s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(39), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(39) {
+    transition-delay: 3.9s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(40), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(40) {
+    transition-delay: 4s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(41), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(41) {
+    transition-delay: 4.1s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(42), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(42) {
+    transition-delay: 4.2s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(43), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(43) {
+    transition-delay: 4.3s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(44), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(44) {
+    transition-delay: 4.4s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(45), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(45) {
+    transition-delay: 4.5s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(46), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(46) {
+    transition-delay: 4.6s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(47), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(47) {
+    transition-delay: 4.7s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(48), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(48) {
+    transition-delay: 4.8s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(49), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(49) {
+    transition-delay: 4.9s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(50), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(50) {
+    transition-delay: 5s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(51), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(51) {
+    transition-delay: 5.1s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(52), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(52) {
+    transition-delay: 5.2s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(53), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(53) {
+    transition-delay: 5.3s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(54), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(54) {
+    transition-delay: 5.4s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(55), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(55) {
+    transition-delay: 5.5s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(56), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(56) {
+    transition-delay: 5.6s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(57), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(57) {
+    transition-delay: 5.7s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(58), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(58) {
+    transition-delay: 5.8s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(59), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(59) {
+    transition-delay: 5.9s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(60), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(60) {
+    transition-delay: 6s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(61), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(61) {
+    transition-delay: 6.1s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(62), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(62) {
+    transition-delay: 6.2s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(63), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(63) {
+    transition-delay: 6.3s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(64), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(64) {
+    transition-delay: 6.4s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(65), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(65) {
+    transition-delay: 6.5s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(66), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(66) {
+    transition-delay: 6.6s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(67), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(67) {
+    transition-delay: 6.7s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(68), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(68) {
+    transition-delay: 6.8s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(69), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(69) {
+    transition-delay: 6.9s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(70), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(70) {
+    transition-delay: 7s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(71), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(71) {
+    transition-delay: 7.1s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(72), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(72) {
+    transition-delay: 7.2s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(73), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(73) {
+    transition-delay: 7.3s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(74), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(74) {
+    transition-delay: 7.4s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(75), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(75) {
+    transition-delay: 7.5s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(76), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(76) {
+    transition-delay: 7.6s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(77), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(77) {
+    transition-delay: 7.7s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(78), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(78) {
+    transition-delay: 7.8s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(79), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(79) {
+    transition-delay: 7.9s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(80), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(80) {
+    transition-delay: 8s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(81), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(81) {
+    transition-delay: 8.1s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(82), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(82) {
+    transition-delay: 8.2s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(83), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(83) {
+    transition-delay: 8.3s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(84), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(84) {
+    transition-delay: 8.4s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(85), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(85) {
+    transition-delay: 8.5s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(86), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(86) {
+    transition-delay: 8.6s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(87), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(87) {
+    transition-delay: 8.7s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(88), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(88) {
+    transition-delay: 8.8s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(89), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(89) {
+    transition-delay: 8.9s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(90), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(90) {
+    transition-delay: 9s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(91), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(91) {
+    transition-delay: 9.1s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(92), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(92) {
+    transition-delay: 9.2s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(93), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(93) {
+    transition-delay: 9.3s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(94), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(94) {
+    transition-delay: 9.4s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(95), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(95) {
+    transition-delay: 9.5s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(96), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(96) {
+    transition-delay: 9.6s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(97), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(97) {
+    transition-delay: 9.7s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(98), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(98) {
+    transition-delay: 9.8s;
+  }
+  .pc-SliderBlock__animate-slides.pc-AnimateBlock.animate .slick-slide:nth-child(99), .pc-AnimateBlock .pc-SliderBlock__animate-slides.animate .slick-slide:nth-child(99) {
+    transition-delay: 9.9s;
+  }
 }
 .pc-SliderBlock_type_media-card {
   padding: 0;

package/build/esm/components/BalancedMasonry/BalancedMasonry.js

@@ -21,7 +21,7 @@ const BalancedMasonry = (props) => {
         }
         for (const [rawWidth, columnCount] of breakpoints) {
             const width = Number(rawWidth);
-            if (document.body.clientWidth <= width) {
+            if ((document === null || document === void 0 ? void 0 : document.body.clientWidth) <= width) {
                 result = columnCount;
             }
         }

package/build/esm/components/Image/schema.d.ts

@@ -25,10 +25,46 @@ export declare const ImageDeviceProps: {
         };
     };
 };
-export declare const ImageObjectProps: {
+export declare const ImageBaseObjectProps: {
     type: string;
     additionalProperties: boolean;
+    properties: {
+        src: {
+            type: string;
+            pattern: string;
+        };
+        style: {
+            type: string;
+            additionalProperties: boolean;
+            required: never[];
+            properties: {
+                backgroundColor: {
+                    type: string;
+                };
+                height: {
+                    type: string[];
+                };
+                width: {
+                    type: string[];
+                };
+                color: {
+                    type: string;
+                };
+            };
+        };
+        alt: {
+            type: string;
+            contentType: string;
+        };
+        disableCompress: {
+            type: string;
+        };
+    };
+};
+export declare const ImageObjectProps: {
     required: string[];
+    type: string;
+    additionalProperties: boolean;
     properties: {
         src: {
             type: string;
@@ -76,3 +112,68 @@ export declare const ImageProps: {
         optionName: string;
     })[];
 };
+export declare const BackgroundImageProps: {
+    anyOf: ({
+        optionName: string;
+        type: string;
+        additionalProperties: boolean;
+        properties: {
+            src: {
+                type: string;
+                pattern: string;
+            };
+            style: {
+                type: string;
+                additionalProperties: boolean;
+                required: never[];
+                properties: {
+                    backgroundColor: {
+                        type: string;
+                    };
+                    height: {
+                        type: string[];
+                    };
+                    width: {
+                        type: string[];
+                    };
+                    color: {
+                        type: string;
+                    };
+                };
+            };
+            alt: {
+                type: string;
+                contentType: string;
+            };
+            disableCompress: {
+                type: string;
+            };
+        };
+    } | {
+        optionName: string;
+        type: string;
+        additionalProperties: boolean;
+        required: string[];
+        properties: {
+            desktop: {
+                type: string;
+                pattern: string;
+            };
+            tablet: {
+                type: string;
+                pattern: string;
+            };
+            mobile: {
+                type: string;
+                pattern: string;
+            };
+            alt: {
+                type: string;
+                contentType: string;
+            };
+            disableCompress: {
+                type: string;
+            };
+        };
+    })[];
+};

package/build/esm/components/Image/schema.js

@@ -32,15 +32,15 @@ export const ImageDeviceProps = {
             pattern: imageUrlPattern,
         } }),
 };
-export const ImageObjectProps = {
+export const ImageBaseObjectProps = {
     type: 'object',
     additionalProperties: false,
-    required: ['src'],
     properties: Object.assign(Object.assign({}, ImageBase), { src: {
             type: 'string',
             pattern: imageUrlPattern,
         }, style: StyleBase }),
 };
+export const ImageObjectProps = Object.assign(Object.assign({}, ImageBaseObjectProps), { required: ['src'] });
 export const ImageProps = {
     oneOf: [
         {
@@ -52,3 +52,9 @@ export const ImageProps = {
         filteredItem(Object.assign(Object.assign({}, ImageDeviceProps), { optionName: 'device options' })),
     ],
 };
+export const BackgroundImageProps = {
+    anyOf: [
+        Object.assign(Object.assign({}, ImageBaseObjectProps), { optionName: 'options' }),
+        Object.assign(Object.assign({}, ImageDeviceProps), { optionName: 'device options' }),
+    ],
+};

package/build/esm/models/constructor-items/blocks.d.ts

@@ -3,7 +3,7 @@ import { ButtonSize } from '@gravity-ui/uikit';
 import { GridColumnSize, GridColumnSizesType, IndentValue } from '../../grid/types';
 import { ThemeSupporting } from '../../utils';
 import { AnalyticsEventsBase } from '../common';
-import { AnchorProps, Animatable, BackgroundImageProps, ButtonProps, ContentSize, ContentTextSize, ContentTheme, FileLinkProps, HeaderBreadCrumbsProps, HeaderImageSize, HeaderOffset, HeaderWidth, ImageDeviceProps, ImageProps, Justify, LegendTableMarkerType, LinkProps, MapProps, MediaDirection, MediaProps, TextSize, TextTheme, ThemedImage, ThemedMediaProps, ThemedMediaVideoProps, TitleItemBaseProps, TitleItemProps, YandexFormProps } from './common';
+import { AnchorProps, Animatable, BackgroundImageProps, ButtonProps, CardBorder, ContentSize, ContentTextSize, ContentTheme, FileLinkProps, HeaderBreadCrumbsProps, HeaderImageSize, HeaderOffset, HeaderWidth, ImageDeviceProps, ImageProps, Justify, LegendTableMarkerType, LinkProps, MapProps, MediaDirection, MediaProps, TextSize, TextTheme, ThemedImage, ThemedMediaProps, ThemedMediaVideoProps, TitleItemBaseProps, TitleItemProps, YandexFormProps } from './common';
 import { BannerCardProps, HubspotFormProps, SubBlock, SubBlockModels } from './sub-blocks';
 export declare enum BlockType {
     PromoFeaturesBlock = "promo-features-block",
@@ -234,7 +234,9 @@ export interface CardLayoutBlockProps extends Childable, Animatable, LoadableChi
     titleClassName?: string;
     description?: string;
     colSizes?: GridColumnSizesType;
-    background?: BackgroundImageProps;
+    background?: BackgroundImageProps & {
+        border?: CardBorder;
+    };
 }
 export type FilterTag = {
     id: string;

package/build/esm/schema/constants.d.ts

@@ -646,9 +646,9 @@ export declare const cardSchemas: {
             };
             background: {
                 oneOf: (({
+                    required: string[];
                     type: string;
                     additionalProperties: boolean;
-                    required: string[];
                     properties: {
                         src: {
                             type: string;

package/build/esm/schema/validators/common.d.ts

@@ -1499,6 +1499,10 @@ export declare const MapProps: {
         };
     };
 };
+export declare const BorderProps: {
+    type: string;
+    enum: string[];
+};
 export declare const CardBase: {
     border: {
         type: string;

package/build/esm/schema/validators/common.js

@@ -615,11 +615,12 @@ export const MapProps = {
         items: YMapMarker,
     },
 };
+export const BorderProps = {
+    type: 'string',
+    enum: ['line', 'shadow', 'none'],
+};
 export const CardBase = {
-    border: {
-        type: 'string',
-        enum: ['line', 'shadow', 'none'],
-    },
+    border: BorderProps,
 };
 export const BlockHeaderProps = {
     title: {

package/build/esm/sub-blocks/BackgroundCard/schema.d.ts

@@ -11,9 +11,9 @@ export declare const BackgroundCard: {
             };
             background: {
                 oneOf: (({
+                    required: string[];
                     type: string;
                     additionalProperties: boolean;
-                    required: string[];
                     properties: {
                         src: {
                             type: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/page-constructor",
-  "version": "4.46.0",
+  "version": "4.46.2",
   "description": "Gravity UI Page Constructor",
   "license": "MIT",
   "repository": {

package/server/models/constructor-items/blocks.d.ts

@@ -3,7 +3,7 @@ import { ButtonSize } from '@gravity-ui/uikit';
 import { GridColumnSize, GridColumnSizesType, IndentValue } from '../../grid/types';
 import { ThemeSupporting } from '../../utils';
 import { AnalyticsEventsBase } from '../common';
-import { AnchorProps, Animatable, BackgroundImageProps, ButtonProps, ContentSize, ContentTextSize, ContentTheme, FileLinkProps, HeaderBreadCrumbsProps, HeaderImageSize, HeaderOffset, HeaderWidth, ImageDeviceProps, ImageProps, Justify, LegendTableMarkerType, LinkProps, MapProps, MediaDirection, MediaProps, TextSize, TextTheme, ThemedImage, ThemedMediaProps, ThemedMediaVideoProps, TitleItemBaseProps, TitleItemProps, YandexFormProps } from './common';
+import { AnchorProps, Animatable, BackgroundImageProps, ButtonProps, CardBorder, ContentSize, ContentTextSize, ContentTheme, FileLinkProps, HeaderBreadCrumbsProps, HeaderImageSize, HeaderOffset, HeaderWidth, ImageDeviceProps, ImageProps, Justify, LegendTableMarkerType, LinkProps, MapProps, MediaDirection, MediaProps, TextSize, TextTheme, ThemedImage, ThemedMediaProps, ThemedMediaVideoProps, TitleItemBaseProps, TitleItemProps, YandexFormProps } from './common';
 import { BannerCardProps, HubspotFormProps, SubBlock, SubBlockModels } from './sub-blocks';
 export declare enum BlockType {
     PromoFeaturesBlock = "promo-features-block",
@@ -234,7 +234,9 @@ export interface CardLayoutBlockProps extends Childable, Animatable, LoadableChi
     titleClassName?: string;
     description?: string;
     colSizes?: GridColumnSizesType;
-    background?: BackgroundImageProps;
+    background?: BackgroundImageProps & {
+        border?: CardBorder;
+    };
 }
 export type FilterTag = {
     id: string;

package/styles/mixins.scss

@@ -252,15 +252,7 @@
     border-radius: $borderRadius;
 }
 
-@mixin card($hover: false) {
-    min-height: 248px;
-    height: 100%;
-    overflow-x: hidden;
-    border-radius: $borderRadius;
-    background-color: var(--g-color-base-float);
-
-    transition: box-shadow 0.3s $ease-out-cubic;
-
+@mixin card-border($hover: false) {
     &_border_line {
         border: 1px solid var(--g-color-line-generic);
     }
@@ -283,6 +275,17 @@
     }
 }
 
+@mixin card($hover: false) {
+    min-height: 248px;
+    height: 100%;
+    overflow-x: hidden;
+    border-radius: $borderRadius;
+    background-color: var(--g-color-base-float);
+
+    transition: box-shadow 0.3s $ease-out-cubic;
+    @include card-border($hover);
+}
+
 @mixin card-image {
     margin: $imagePadding;
     border-radius: calc(#{$borderRadius} - #{$imagePadding});
@@ -351,7 +354,7 @@
                 transition: top $transition, opacity $transition;
             }
 
-            @for $i from 0 through 9 {
+            @for $i from 0 through 99 {
                 #{$item-class}:nth-child(#{$i}) {
                     transition-delay: $i * 0.1s + $delay;
                 }