@doyourjob/gravity-ui-page-constructor 5.31.214 → 5.31.215
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -24,6 +24,7 @@ const SliderClient = ({ animated, title, description, type, anchorId, arrows = t
|
|
|
24
24
|
});
|
|
25
25
|
const isA11yControlHidden = Boolean(autoplay);
|
|
26
26
|
const controlTabIndex = isA11yControlHidden ? -1 : 0;
|
|
27
|
+
const [enableNextClick, setEnableNextClick] = React.useState(true);
|
|
27
28
|
const paginationProps = (0, useSliderPagination_1.useSliderPagination)({
|
|
28
29
|
enabled: dots,
|
|
29
30
|
isA11yControlHidden,
|
|
@@ -43,10 +44,45 @@ const SliderClient = ({ animated, title, description, type, anchorId, arrows = t
|
|
|
43
44
|
anchorId && React.createElement(Anchor_1.default, { id: anchorId }),
|
|
44
45
|
React.createElement(Title_1.default, { title: title, subtitle: description, className: b('header', { 'no-description': !description }) }),
|
|
45
46
|
React.createElement(AnimateBlock_1.default, { className: b('animate-slides'), animate: animated }, React.Children.count(children) === 1 ? (React.createElement("div", { className: b('slider', className) }, children)) : (React.createElement(React.Fragment, null,
|
|
46
|
-
React.createElement(react_1.Swiper, Object.assign({ modules: [modules_1.Autoplay, modules_1.A11y, modules_1.Pagination], className: b('slider', className), onSwiper: onSwiper, speed: 700, autoplay: autoplay, loop: infinite, autoHeight: adaptive, initialSlide: initialSlide, noSwiping: false, slidesOffsetBefore: 24, slidesOffsetAfter: 24, breakpoints: breakpoints, onSlideChange: onSlideChange, onSlideChangeTransitionStart: onSlideChangeTransitionStart, onSlideChangeTransitionEnd: onSlideChangeTransitionEnd, onActiveIndexChange: onActiveIndexChange, onBreakpoint:
|
|
47
|
+
React.createElement(react_1.Swiper, Object.assign({ modules: [modules_1.Autoplay, modules_1.A11y, modules_1.Pagination], className: b('slider', className), onSwiper: onSwiper, speed: 700, autoplay: autoplay, loop: infinite, autoHeight: adaptive, initialSlide: initialSlide, noSwiping: false, slidesOffsetBefore: 24, slidesOffsetAfter: 24, breakpoints: breakpoints, onSlideChange: onSlideChange, onSlideChangeTransitionStart: onSlideChangeTransitionStart, onSlideChangeTransitionEnd: onSlideChangeTransitionEnd, onActiveIndexChange: onActiveIndexChange, onBreakpoint: (swiper, breakpointParams) => {
|
|
48
|
+
setEnableNextClick(Math.floor(swiper.slidesPerViewDynamic()) === 1);
|
|
49
|
+
onBreakpoint === null || onBreakpoint === void 0 ? void 0 : onBreakpoint(swiper, breakpointParams);
|
|
50
|
+
}, onLock: () => setIsLocked(true), onUnlock: () => setIsLocked(false), onInit: handleSwiperInit, watchSlidesProgress: true, watchOverflow: true, a11y: {
|
|
47
51
|
slideLabelMessage: '',
|
|
48
52
|
paginationBulletMessage: (0, i18n_1.i18n)('dot-label', { index: '{{index}}' }),
|
|
49
|
-
} }, paginationProps), React.Children.map(children, (elem, index) => (React.createElement(react_1.SwiperSlide, { className: b('slide'), key: index }, ({ isVisible
|
|
53
|
+
} }, paginationProps), React.Children.map(children, (elem, index) => (React.createElement(react_1.SwiperSlide, { className: b('slide'), key: index }, ({ isVisible, isActive, isNext, isPrev }) => {
|
|
54
|
+
const canNavigate = enableNextClick && !isActive && (isNext || isPrev);
|
|
55
|
+
const navigateAdjacentSlide = () => {
|
|
56
|
+
if (isNext) {
|
|
57
|
+
onNext();
|
|
58
|
+
}
|
|
59
|
+
else if (isPrev) {
|
|
60
|
+
onPrev();
|
|
61
|
+
}
|
|
62
|
+
};
|
|
63
|
+
return (React.createElement("div", Object.assign({ className: b('slide-item') }, (canNavigate
|
|
64
|
+
? {
|
|
65
|
+
role: 'button',
|
|
66
|
+
tabIndex: controlTabIndex,
|
|
67
|
+
'aria-label': isNext
|
|
68
|
+
? (0, i18n_1.i18n)('arrow-right')
|
|
69
|
+
: (0, i18n_1.i18n)('arrow-left'),
|
|
70
|
+
onClick: (e) => {
|
|
71
|
+
e.preventDefault();
|
|
72
|
+
e.stopPropagation();
|
|
73
|
+
navigateAdjacentSlide();
|
|
74
|
+
},
|
|
75
|
+
onKeyDown: (e) => {
|
|
76
|
+
if (e.key !== 'Enter' &&
|
|
77
|
+
e.key !== ' ') {
|
|
78
|
+
return;
|
|
79
|
+
}
|
|
80
|
+
e.preventDefault();
|
|
81
|
+
navigateAdjacentSlide();
|
|
82
|
+
},
|
|
83
|
+
}
|
|
84
|
+
: {}), { "aria-hidden": !isA11yControlHidden && !isVisible }), elem));
|
|
85
|
+
})))),
|
|
50
86
|
arrows && !isLocked && (React.createElement("div", { "aria-hidden": isA11yControlHidden },
|
|
51
87
|
React.createElement(Arrow_1.default, { className: b('arrow', { prev: true }), type: "left", transparent: type === models_1.SliderType.HeaderCard, onClick: onPrev, size: arrowSize, extraProps: { tabIndex: controlTabIndex } }),
|
|
52
88
|
React.createElement(Arrow_1.default, { className: b('arrow', { next: true }), type: "right", transparent: type === models_1.SliderType.HeaderCard, onClick: onNext, size: arrowSize, extraProps: { tabIndex: controlTabIndex } }))),
|
|
@@ -21,6 +21,7 @@ export const SliderClient = ({ animated, title, description, type, anchorId, arr
|
|
|
21
21
|
});
|
|
22
22
|
const isA11yControlHidden = Boolean(autoplay);
|
|
23
23
|
const controlTabIndex = isA11yControlHidden ? -1 : 0;
|
|
24
|
+
const [enableNextClick, setEnableNextClick] = React.useState(true);
|
|
24
25
|
const paginationProps = useSliderPagination({
|
|
25
26
|
enabled: dots,
|
|
26
27
|
isA11yControlHidden,
|
|
@@ -40,10 +41,45 @@ export const SliderClient = ({ animated, title, description, type, anchorId, arr
|
|
|
40
41
|
anchorId && React.createElement(Anchor, { id: anchorId }),
|
|
41
42
|
React.createElement(Title, { title: title, subtitle: description, className: b('header', { 'no-description': !description }) }),
|
|
42
43
|
React.createElement(AnimateBlock, { className: b('animate-slides'), animate: animated }, React.Children.count(children) === 1 ? (React.createElement("div", { className: b('slider', className) }, children)) : (React.createElement(React.Fragment, null,
|
|
43
|
-
React.createElement(SwiperReact, Object.assign({ modules: [Autoplay, A11y, Pagination], className: b('slider', className), onSwiper: onSwiper, speed: 700, autoplay: autoplay, loop: infinite, autoHeight: adaptive, initialSlide: initialSlide, noSwiping: false, slidesOffsetBefore: 24, slidesOffsetAfter: 24, breakpoints: breakpoints, onSlideChange: onSlideChange, onSlideChangeTransitionStart: onSlideChangeTransitionStart, onSlideChangeTransitionEnd: onSlideChangeTransitionEnd, onActiveIndexChange: onActiveIndexChange, onBreakpoint:
|
|
44
|
+
React.createElement(SwiperReact, Object.assign({ modules: [Autoplay, A11y, Pagination], className: b('slider', className), onSwiper: onSwiper, speed: 700, autoplay: autoplay, loop: infinite, autoHeight: adaptive, initialSlide: initialSlide, noSwiping: false, slidesOffsetBefore: 24, slidesOffsetAfter: 24, breakpoints: breakpoints, onSlideChange: onSlideChange, onSlideChangeTransitionStart: onSlideChangeTransitionStart, onSlideChangeTransitionEnd: onSlideChangeTransitionEnd, onActiveIndexChange: onActiveIndexChange, onBreakpoint: (swiper, breakpointParams) => {
|
|
45
|
+
setEnableNextClick(Math.floor(swiper.slidesPerViewDynamic()) === 1);
|
|
46
|
+
onBreakpoint === null || onBreakpoint === void 0 ? void 0 : onBreakpoint(swiper, breakpointParams);
|
|
47
|
+
}, onLock: () => setIsLocked(true), onUnlock: () => setIsLocked(false), onInit: handleSwiperInit, watchSlidesProgress: true, watchOverflow: true, a11y: {
|
|
44
48
|
slideLabelMessage: '',
|
|
45
49
|
paginationBulletMessage: i18n('dot-label', { index: '{{index}}' }),
|
|
46
|
-
} }, paginationProps), React.Children.map(children, (elem, index) => (React.createElement(SwiperSlide, { className: b('slide'), key: index }, ({ isVisible
|
|
50
|
+
} }, paginationProps), React.Children.map(children, (elem, index) => (React.createElement(SwiperSlide, { className: b('slide'), key: index }, ({ isVisible, isActive, isNext, isPrev }) => {
|
|
51
|
+
const canNavigate = enableNextClick && !isActive && (isNext || isPrev);
|
|
52
|
+
const navigateAdjacentSlide = () => {
|
|
53
|
+
if (isNext) {
|
|
54
|
+
onNext();
|
|
55
|
+
}
|
|
56
|
+
else if (isPrev) {
|
|
57
|
+
onPrev();
|
|
58
|
+
}
|
|
59
|
+
};
|
|
60
|
+
return (React.createElement("div", Object.assign({ className: b('slide-item') }, (canNavigate
|
|
61
|
+
? {
|
|
62
|
+
role: 'button',
|
|
63
|
+
tabIndex: controlTabIndex,
|
|
64
|
+
'aria-label': isNext
|
|
65
|
+
? i18n('arrow-right')
|
|
66
|
+
: i18n('arrow-left'),
|
|
67
|
+
onClick: (e) => {
|
|
68
|
+
e.preventDefault();
|
|
69
|
+
e.stopPropagation();
|
|
70
|
+
navigateAdjacentSlide();
|
|
71
|
+
},
|
|
72
|
+
onKeyDown: (e) => {
|
|
73
|
+
if (e.key !== 'Enter' &&
|
|
74
|
+
e.key !== ' ') {
|
|
75
|
+
return;
|
|
76
|
+
}
|
|
77
|
+
e.preventDefault();
|
|
78
|
+
navigateAdjacentSlide();
|
|
79
|
+
},
|
|
80
|
+
}
|
|
81
|
+
: {}), { "aria-hidden": !isA11yControlHidden && !isVisible }), elem));
|
|
82
|
+
})))),
|
|
47
83
|
arrows && !isLocked && (React.createElement("div", { "aria-hidden": isA11yControlHidden },
|
|
48
84
|
React.createElement(Arrow, { className: b('arrow', { prev: true }), type: "left", transparent: type === SliderType.HeaderCard, onClick: onPrev, size: arrowSize, extraProps: { tabIndex: controlTabIndex } }),
|
|
49
85
|
React.createElement(Arrow, { className: b('arrow', { next: true }), type: "right", transparent: type === SliderType.HeaderCard, onClick: onNext, size: arrowSize, extraProps: { tabIndex: controlTabIndex } }))),
|
package/package.json
CHANGED
package/widget/255.index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
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
|
|
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 t=a(67294),n=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":"Страницы"}'),w=(0,u.e)({en:b,ru:h},`${d.A7}SliderNewBlock`);var m=a(93379),x=a.n(m),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 t in a)({}).hasOwnProperty.call(a,t)&&(e[t]=a[t])}return e},v.apply(null,arguments)}const y=(0,d.Ge)("slider-arrow"),_=({type:e,transparent:r,onClick:a,className:n,size:o=16,extraProps:i})=>t.createElement("div",{className:y(null,n)},t.createElement("button",v({className:y("button"),onClick:a,"aria-label":w(`arrow-${e}`)},i),t.createElement("div",{className:y("inner",{type:e,transparent:r})},t.createElement("span",{className:y("icon-wrapper")},t.createElement(p.Z,{size:o,type:"horizontal",iconType:"navigation",className:y("icon")})))));var S=a(18446),k=a.n(S),C=a(35937),N=a.n(C),E=a(9588);let O=function(e){return e.Xs="xs",e.Sm="sm",e.Md="md",e.Lg="lg",e}({});const P={[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)))),j=({children:e,autoplayMs:r,type:a,...n})=>{const[o,i]=t.useState(),[s,l]=t.useState(!1),d=(e=>{const[r,a]=t.useState(e);return t.useEffect((()=>{a((r=>e&&"object"==typeof e&&k()(r,e)?r:e))}),[e]),r})(n.slidesToShow),p=t.Children.count(e),u=void 0!==r&&r>0,b=t.useMemo((()=>function({contentLength:e,slidesToShow:r,mobileFullscreen:a}){let t;t="number"==typeof r?Object.keys(P).reduce(((e,a)=>({...e,[a]:r})),{}):r||P;const n={...P,...N()(t,(e=>!isNaN(e))),xs:!a&&e>1?P.xs:1};return Object.entries(n).reduce(((e,[r,a])=>{const t=E.j[r]+1;return e[t]={slidesPerView:a,slidesOffsetBefore:t>E.j.sm?0:24,slidesOffsetAfter:t>E.j.sm?0:24},e}),{})}({contentLength:p,slidesToShow:d,mobileFullscreen:Boolean(a&&Object.values(c.tA).includes(a))})),[d,a,p]);return t.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);function T(){return T=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var a=arguments[r];for(var t in a)({}).hasOwnProperty.call(a,t)&&(e[t]=a[t])}return e},T.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:m=!1,dots:x=!0,initialSlide:g=0,className:f,dotsClassName:v,disclaimer:y,children:S,blockClassName:k,arrowSize:C,slidesToShow:N,onSlideChange:E,onSlideChangeTransitionStart:O,onSlideChangeTransitionEnd:P,onActiveIndexChange:L,onBreakpoint:z})=>{const{autoplay:B,isLocked:M,childrenCount:Z,breakpoints:H,onSwiper:D,handleSwiperInit:F,onPrev:V,onNext:$,setIsLocked:q}=j({slidesToShow:N,children:S,type:d,autoplayMs:h}),G=Boolean(B),J=G?-1:0,[U,X]=t.useState(!0),K=(e=>{if(!e.enabled)return;const{isA11yControlHidden:r,controlTabIndex:a,bulletClass:t,bulletActiveClass:n,paginationLabel:o}=e;return{pagination:{clickable:!0,bulletClass:t,bulletActiveClass:n},onPaginationUpdate:e=>{const i=e.pagination.el;A(i,{role:"menu","aria-hidden":r,"aria-label":o}),i.querySelectorAll(`.${t}`).forEach((e=>{const t=e.classList.contains(n);A(e,{role:"menuitemradio","aria-hidden":r,"aria-checked":t,tabindex:a})}))}}})({enabled:x,isA11yControlHidden:G,controlTabIndex:J,bulletClass:I("dot",v),bulletActiveClass:I("dot_active"),paginationLabel:w("pagination-label")});return t.createElement("div",{className:I({"one-slide":1===Z,"only-arrows":(!r||"string"!=typeof r&&!r?.text)&&!a&&u,"without-dots":!x||M,type:d},k)},p&&t.createElement(i.Z,{id:p}),t.createElement(l.Z,{title:r,subtitle:a,className:I("header",{"no-description":!a})}),t.createElement(s.Z,{className:I("animate-slides"),animate:e},1===t.Children.count(S)?t.createElement("div",{className:I("slider",f)},S):t.createElement(t.Fragment,null,t.createElement(o.tq,T({modules:[n.pt,n.s5,n.tl],className:I("slider",f),onSwiper:D,speed:700,autoplay:B,loop:m,autoHeight:b,initialSlide:g,noSwiping:!1,slidesOffsetBefore:24,slidesOffsetAfter:24,breakpoints:H,onSlideChange:E,onSlideChangeTransitionStart:O,onSlideChangeTransitionEnd:P,onActiveIndexChange:L,onBreakpoint:(e,r)=>{X(1===Math.floor(e.slidesPerViewDynamic())),z?.(e,r)},onLock:()=>q(!0),onUnlock:()=>q(!1),onInit:F,watchSlidesProgress:!0,watchOverflow:!0,a11y:{slideLabelMessage:"",paginationBulletMessage:w("dot-label",{index:"{{index}}"})}},K),t.Children.map(S,((e,r)=>t.createElement(o.o5,{className:I("slide"),key:r},(({isVisible:r,isActive:a,isNext:n,isPrev:o})=>{const i=U&&!a&&(n||o),s=()=>{n?$():o&&V()};return t.createElement("div",T({className:I("slide-item")},i?{role:"button",tabIndex:J,"aria-label":w(n?"arrow-right":"arrow-left"),onClick:e=>{e.preventDefault(),e.stopPropagation(),s()},onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),s())}}:{},{"aria-hidden":!G&&!r}),e)}))))),u&&!M&&t.createElement("div",{"aria-hidden":G},t.createElement(_,{className:I("arrow",{prev:!0}),type:"left",transparent:d===c.tA.HeaderCard,onClick:V,size:C,extraProps:{tabIndex:J}}),t.createElement(_,{className:I("arrow",{next:!0}),type:"right",transparent:d===c.tA.HeaderCard,onClick:$,size:C,extraProps:{tabIndex:J}})),t.createElement("div",{className:I("footer")},y?t.createElement("div",{className:I("disclaimer",{size:y?.size||"m"})},y?.text):null))))},z=L},20249:(e,r,a)=>{a.d(r,{Z:()=>o});var t=a(23645),n=a.n(t)()((function(e){return e[1]}));n.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=n}}]);
|