@doyourjob/gravity-ui-page-constructor 5.31.159 → 5.31.160

package/build/cjs/blocks/SliderNew/Slider.css

@@ -3,6 +3,18 @@ unpredictable css rules order in build */
 .pc-slider-new-block {
   position: relative;
 }
+.pc-slider-new-block__server-side-placeholder {
+  display: flex;
+  flex-direction: row;
+  gap: 10px;
+  overflow: hidden;
+  width: 100%;
+  opacity: 0;
+}
+.pc-slider-new-block__server-side-placeholder > * {
+  width: 100%;
+  flex-shrink: 0;
+}
 .pc-slider-new-block__slider.pc-slider-new-block__slider {
   padding: 24px 0 48px;
   margin: 0 -8px;

package/build/cjs/blocks/SliderNew/Slider.d.ts

@@ -1,4 +1,4 @@
 import { PropsWithChildren } from 'react';
 import type { SliderNewProps } from './SliderClient';
-export declare const SliderNewBlock: (props: PropsWithChildren<SliderNewProps>) => JSX.Element | null;
+export declare const SliderNewBlock: (props: PropsWithChildren<SliderNewProps>) => JSX.Element;
 export default SliderNewBlock;

package/build/cjs/blocks/SliderNew/Slider.js

@@ -3,6 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SliderNewBlock = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
+const utils_1 = require("../../utils");
+const b = (0, utils_1.block)('slider-new-block');
 const SliderNewBlock = (props) => {
     const [SliderClient, setSliderClient] = (0, react_1.useState)(null);
     (0, react_1.useEffect)(() => {
@@ -11,7 +13,7 @@ const SliderNewBlock = (props) => {
         });
     }, []);
     if (!SliderClient)
-        return null;
+        return react_1.default.createElement("div", { className: b('server-side-placeholder') }, props.children);
     return react_1.default.createElement(SliderClient, Object.assign({}, props));
 };
 exports.SliderNewBlock = SliderNewBlock;

package/build/cjs/constructor-items.d.ts

@@ -47,7 +47,7 @@ export declare const blockMap: {
     "reports-cards-block": ({ title, typeKey, postscript, empty }: import("./models").ReportsCardsBlockProps) => JSX.Element;
     "reports-sections-block": ({ title, typeKey, empty }: import("./models").ReportsSectionsBlockProps) => JSX.Element;
     "form-wall-block": (props: import("./models").FormWallBlockProps) => JSX.Element;
-    "slider-new-block": (props: import("react").PropsWithChildren<import("./blocks/SliderNew/SliderClient").SliderNewProps>) => JSX.Element | null;
+    "slider-new-block": (props: import("react").PropsWithChildren<import("./blocks/SliderNew/SliderClient").SliderNewProps>) => JSX.Element;
 };
 export declare const subBlockMap: {
     divider: ({ size, border }: import("./models").DividerProps) => JSX.Element;

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

@@ -3,6 +3,18 @@ unpredictable css rules order in build */
 .pc-slider-new-block {
   position: relative;
 }
+.pc-slider-new-block__server-side-placeholder {
+  display: flex;
+  flex-direction: row;
+  gap: 10px;
+  overflow: hidden;
+  width: 100%;
+  opacity: 0;
+}
+.pc-slider-new-block__server-side-placeholder > * {
+  width: 100%;
+  flex-shrink: 0;
+}
 .pc-slider-new-block__slider.pc-slider-new-block__slider {
   padding: 24px 0 48px;
   margin: 0 -8px;

package/build/esm/blocks/SliderNew/Slider.d.ts

@@ -1,4 +1,5 @@
 import { PropsWithChildren } from 'react';
 import type { SliderNewProps } from './SliderClient';
-export declare const SliderNewBlock: (props: PropsWithChildren<SliderNewProps>) => JSX.Element | null;
+import './Slider.css';
+export declare const SliderNewBlock: (props: PropsWithChildren<SliderNewProps>) => JSX.Element;
 export default SliderNewBlock;

package/build/esm/blocks/SliderNew/Slider.js

@@ -1,4 +1,7 @@
 import React, { useEffect, useState } from 'react';
+import { block } from '../../utils';
+import './Slider.css';
+const b = block('slider-new-block');
 export const SliderNewBlock = (props) => {
     const [SliderClient, setSliderClient] = useState(null);
     useEffect(() => {
@@ -7,7 +10,7 @@ export const SliderNewBlock = (props) => {
         });
     }, []);
     if (!SliderClient)
-        return null;
+        return React.createElement("div", { className: b('server-side-placeholder') }, props.children);
     return React.createElement(SliderClient, Object.assign({}, props));
 };
 export default SliderNewBlock;

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

@@ -47,7 +47,7 @@ export declare const blockMap: {
     "reports-cards-block": ({ title, typeKey, postscript, empty }: import("./models").ReportsCardsBlockProps) => JSX.Element;
     "reports-sections-block": ({ title, typeKey, empty }: import("./models").ReportsSectionsBlockProps) => JSX.Element;
     "form-wall-block": (props: import("./models").FormWallBlockProps) => JSX.Element;
-    "slider-new-block": (props: import("react").PropsWithChildren<import("./blocks/SliderNew/SliderClient").SliderNewProps>) => JSX.Element | null;
+    "slider-new-block": (props: import("react").PropsWithChildren<import("./blocks/SliderNew/SliderClient").SliderNewProps>) => JSX.Element;
 };
 export declare const subBlockMap: {
     divider: ({ size, border }: import("./models").DividerProps) => JSX.Element;

package/package.json

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

package/widget/255.index.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_doyourjob_gravity_ui_page_constructor=self.webpackChunk_doyourjob_gravity_ui_page_constructor||[]).push([[255],{93255:(e,r,a)=>{a.r(r),a.d(r,{SliderClient:()=>L,default:()=>z});var n=a(67294),t=a(714),o=a(36869),i=a(3585),s=a(6129),l=a(69082),c=a(29336),d=a(591),p=a(5331),u=a(21957);const b=JSON.parse('{"arrow-right":"Next","arrow-left":"Previous","dot-label":"Page {{index}}","pagination-label":"Pages"}'),h=JSON.parse('{"arrow-right":"Дальше","arrow-left":"Назад","dot-label":"Страница {{index}}","pagination-label":"Страницы"}'),m=(0,u.e)({en:b,ru:h},`${d.A7}SliderNewBlock`);var w=a(93379),x=a.n(w),g=a(20249),f={insert:"head",singleton:!1};x()(g.Z,f);g.Z.locals;function v(){return v=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var a=arguments[r];for(var n in a)({}).hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},v.apply(null,arguments)}const y=(0,d.Ge)("slider-arrow"),_=({type:e,transparent:r,onClick:a,className:t,size:o=16,extraProps:i})=>n.createElement("div",{className:y(null,t)},n.createElement("button",v({className:y("button"),onClick:a,"aria-label":m(`arrow-${e}`)},i),n.createElement("div",{className:y("inner",{type:e,transparent:r})},n.createElement("span",{className:y("icon-wrapper")},n.createElement(p.Z,{size:o,type:"horizontal",iconType:"navigation",className:y("icon")})))));var S=a(18446),C=a.n(S),k=a(35937),N=a.n(k),E=a(9588);let O=function(e){return e.Xs="xs",e.Sm="sm",e.Md="md",e.Lg="lg",e}({});const j={[O.Lg]:3,[O.Md]:2,[O.Sm]:2,[O.Xs]:1.2};const A=(e,r)=>Object.entries(r).forEach((([r,a])=>e.setAttribute(r,String(a)))),T=({children:e,autoplayMs:r,type:a,...t})=>{const[o,i]=n.useState(),[s,l]=n.useState(!1),d=(e=>{const[r,a]=n.useState(e);return n.useEffect((()=>{a((r=>e&&"object"==typeof e&&C()(r,e)?r:e))}),[e]),r})(t.slidesToShow),p=n.Children.count(e),u=void 0!==r&&r>0,b=n.useMemo((()=>function({contentLength:e,slidesToShow:r,mobileFullscreen:a}){let n;n="number"==typeof r?Object.keys(j).reduce(((e,a)=>({...e,[a]:r})),{}):r||j;const t={...j,...N()(n,(e=>!isNaN(e))),xs:!a&&e>1?j.xs:1};return Object.entries(t).reduce(((e,[r,a])=>{const n=E.j[r]+1;return e[n]={slidesPerView:a,slidesOffsetBefore:n>E.j.sm?0:24,slidesOffsetAfter:n>E.j.sm?0:24},e}),{})}({contentLength:p,slidesToShow:d,mobileFullscreen:Boolean(a&&Object.values(c.tA).includes(a))})),[d,a,p]);return n.useEffect((()=>{o&&o.autoplay&&(u?o.autoplay.start():o.autoplay.stop())}),[o,u]),{slider:o,onSwiper:i,onNext:()=>{o&&(!o.isEnd||o.params.loop?o.slideNext():o.slideTo(0))},onPrev:()=>{o&&(!o.isBeginning||o.params.loop?o.slidePrev():o.slideTo(p-1))},handleSwiperInit:e=>{i(e),setTimeout((()=>e.update()),100)},breakpoints:b,childrenCount:p,isLocked:s,setIsLocked:l,autoplay:u&&{delay:r,disableOnInteraction:!1}}};a(55441),a(78754);function P(){return P=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var a=arguments[r];for(var n in a)({}).hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},P.apply(null,arguments)}const I=(0,d.Ge)("slider-new-block"),L=({animated:e,title:r,description:a,type:d,anchorId:p,arrows:u=!0,adaptive:b,autoplay:h,infinite:w=!1,dots:x=!0,initialSlide:g=0,className:f,dotsClassName:v,disclaimer:y,children:S,blockClassName:C,arrowSize:k,slidesToShow:N,onSlideChange:E,onSlideChangeTransitionStart:O,onSlideChangeTransitionEnd:j,onActiveIndexChange:L,onBreakpoint:z})=>{const{autoplay:B,isLocked:M,childrenCount:Z,breakpoints:H,onSwiper:F,handleSwiperInit:$,onPrev:q,onNext:G,setIsLocked:J}=T({slidesToShow:N,children:S,type:d,autoplayMs:h}),U=Boolean(B),V=U?-1:0,X=(e=>{if(!e.enabled)return;const{isA11yControlHidden:r,controlTabIndex:a,bulletClass:n,bulletActiveClass:t,paginationLabel:o}=e;return{pagination:{clickable:!0,bulletClass:n,bulletActiveClass:t},onPaginationUpdate:e=>{const i=e.pagination.el;A(i,{role:"menu","aria-hidden":r,"aria-label":o}),i.querySelectorAll(`.${n}`).forEach((e=>{const n=e.classList.contains(t);A(e,{role:"menuitemradio","aria-hidden":r,"aria-checked":n,tabindex:a})}))}}})({enabled:x,isA11yControlHidden:U,controlTabIndex:V,bulletClass:I("dot",v),bulletActiveClass:I("dot_active"),paginationLabel:m("pagination-label")});return n.createElement("div",{className:I({"one-slide":1===Z,"only-arrows":(!r||"string"!=typeof r&&!r?.text)&&!a&&u,"without-dots":!x||M,type:d},C)},p&&n.createElement(i.Z,{id:p}),n.createElement(l.Z,{title:r,subtitle:a,className:I("header",{"no-description":!a})}),n.createElement(s.Z,{className:I("animate-slides"),animate:e},1===n.Children.count(S)?n.createElement("div",{className:I("slider",f)},S):n.createElement(n.Fragment,null,n.createElement(o.tq,P({modules:[t.pt,t.s5,t.tl],className:I("slider",f),onSwiper:F,speed:700,autoplay:B,loop:w,autoHeight:b,initialSlide:g,noSwiping:!1,slidesOffsetBefore:24,slidesOffsetAfter:24,breakpoints:H,onSlideChange:E,onSlideChangeTransitionStart:O,onSlideChangeTransitionEnd:j,onActiveIndexChange:L,onBreakpoint:z,onLock:()=>J(!0),onUnlock:()=>J(!1),onInit:$,watchSlidesProgress:!0,watchOverflow:!0,a11y:{slideLabelMessage:"",paginationBulletMessage:m("dot-label",{index:"{{index}}"})}},X),n.Children.map(S,((e,r)=>n.createElement(o.o5,{className:I("slide"),key:r},(({isVisible:r})=>n.createElement("div",{className:I("slide-item"),"aria-hidden":!U&&!r},e)))))),u&&!M&&n.createElement("div",{"aria-hidden":U},n.createElement(_,{className:I("arrow",{prev:!0}),type:"left",transparent:d===c.tA.HeaderCard,onClick:q,size:k,extraProps:{tabIndex:V}}),n.createElement(_,{className:I("arrow",{next:!0}),type:"right",transparent:d===c.tA.HeaderCard,onClick:G,size:k,extraProps:{tabIndex:V}})),n.createElement("div",{className:I("footer")},y?n.createElement("div",{className:I("disclaimer",{size:y?.size||"m"})},y?.text):null))))},z=L},20249:(e,r,a)=>{a.d(r,{Z:()=>o});var n=a(23645),t=a.n(n)()((function(e){return e[1]}));t.push([e.id,".pc-slider-arrow__inner{box-shadow:0px 4px 24px var(--pc-color-sfx-shadow),0px 2px 8px var(--pc-color-sfx-shadow)}.pc-slider-arrow__inner:hover{box-shadow:0px 4px 24px var(--g-color-sfx-shadow),0px 2px 8px var(--g-color-sfx-shadow);cursor:pointer}.pc-slider-arrow__icon-wrapper,.pc-slider-arrow__inner,.pc-slider-arrow{display:flex;align-items:center;justify-content:center}@media(max-width: 576px){.pc-slider-arrow{display:none}}.pc-slider-arrow__button{display:inline-block;margin:0;padding:0;font:inherit;border:none;outline:none;color:inherit;background:none;cursor:pointer}.pc-slider-arrow__button:focus{outline:2px solid var(--g-color-line-focus);outline-offset:0}.pc-slider-arrow__button:focus:not(:focus-visible){outline:0}.pc-slider-arrow__inner{width:42px;height:42px;color:var(--g-color-text-secondary);border-radius:100%;background-color:var(--g-color-base-background);box-shadow:0 4px 24px var(--pc-color-sfx-shadow),0 2px 8px var(--pc-color-sfx-shadow);transition:box-shadow .3s cubic-bezier(0.22, 0.61, 0.36, 1),color 1s cubic-bezier(0.22, 0.61, 0.36, 1)}.pc-slider-arrow__inner_type_left .pc-slider-arrow__icon-wrapper{transform:rotate(180deg)}.pc-slider-arrow__inner:hover{color:var(--g-color-text-primary);box-shadow:0 2px 12px var(--pc-color-sfx-shadow),0 4px 24px var(--pc-color-sfx-shadow)}.pc-slider-arrow__inner_transparent{background-color:rgba(0,0,0,0);box-shadow:none}.pc-slider-arrow__inner_transparent:hover{box-shadow:none}.pc-slider-arrow__icon{position:relative}",""]);const o=t}}]);