From 5a99c4518cd11c6db39616d19aaad8371aadaba8 Mon Sep 17 00:00:00 2001 From: Nikita Date: Sun, 27 Sep 2026 11:03:25 +0300 Subject: [PATCH 1/6] feat(loop): marquee mode for the carousel autoplay The carousel is a native scroll container, so a CSS marquee could not keep the arrows, dots and drag working. The autoplay runs a continuous move instead and shares its pauses. Scroll holds whole pixels and is kept off the loop's ends, so the rest goes to a translate of the slides. The mode is Pro's: the free editor offers it as a teaser and the list only runs one when Pro writes its attributes. --- .../blocks/item-template/style-rtl.css | 2 +- .../gutenberg/blocks/item-template/style.css | 2 +- .../blocks/item-template/view.asset.php | 2 +- build/gutenberg/blocks/item-template/view.js | 2 +- build/gutenberg/index.asset.php | 2 +- build/gutenberg/index.js | 60 +++--- docs/gallery-loop-blocks.md | 35 ++- gutenberg/blocks/item-template/edit.js | 114 +++++++++- gutenberg/blocks/item-template/style.scss | 7 + gutenberg/blocks/item-template/view.js | 201 +++++++++++++++++- 10 files changed, 376 insertions(+), 51 deletions(-) diff --git a/build/gutenberg/blocks/item-template/style-rtl.css b/build/gutenberg/blocks/item-template/style-rtl.css index 8d5f0d47..46fa66b7 100644 --- a/build/gutenberg/blocks/item-template/style-rtl.css +++ b/build/gutenberg/blocks/item-template/style-rtl.css @@ -1 +1 @@ -@property --vp-layout-current-columns{syntax:"";inherits:true;initial-value:3}@property --vp-carousel-fade-left{syntax:"";inherits:true;initial-value:0}@property --vp-carousel-fade-right{syntax:"";inherits:true;initial-value:0}@property --vp-carousel-timeline-inset{syntax:"";inherits:false;initial-value:0}@property --vp-slide-index{syntax:"";inherits:true;initial-value:0}.wp-block-visual-portfolio-item-template{--vp-layout-current-columns:var(--vp-layout-columns,3);--vp-layout-auto-placement:auto-fill;list-style:none;margin:0;padding:0}.wp-block-visual-portfolio-item-template.vp-layout-auto-fit{--vp-layout-auto-placement:auto-fit}@media(max-width:1200px){.wp-block-visual-portfolio-item-template:not(.vp-layout-auto-columns){--vp-layout-current-columns:min(var(--vp-layout-columns,3),4)}}@media(max-width:992px){.wp-block-visual-portfolio-item-template:not(.vp-layout-auto-columns){--vp-layout-current-columns:min(var(--vp-layout-columns,3),3)}}@media(max-width:768px){.wp-block-visual-portfolio-item-template:not(.vp-layout-auto-columns){--vp-layout-current-columns:min(var(--vp-layout-columns,3),2)}}@media(max-width:576px){.wp-block-visual-portfolio-item-template:not(.vp-layout-auto-columns){--vp-layout-current-columns:min(var(--vp-layout-columns,3),1)}}.wp-block-visual-portfolio-item-template.vp-layout-grid{display:grid;gap:var(--vp-layout-row-gap,var(--vp-layout-gap,1.5rem)) var(--vp-layout-gap,1.5rem);grid-template-columns:repeat(var(--vp-layout-current-columns),minmax(0,1fr))}.wp-block-visual-portfolio-item-template.vp-layout-grid.are-vertically-aligned-top{align-items:start}.wp-block-visual-portfolio-item-template.vp-layout-grid.are-vertically-aligned-center{align-items:center}.wp-block-visual-portfolio-item-template.vp-layout-grid.are-vertically-aligned-bottom{align-items:end}.wp-block-visual-portfolio-item-template.vp-layout-grid.vp-layout-auto-columns{container-type:inline-size;grid-template-columns:repeat(var(--vp-layout-auto-placement),minmax(var(--vp-layout-track,min(16rem,100%)),1fr))}.wp-block-visual-portfolio-item-template.vp-layout-masonry{column-gap:var(--vp-layout-gap,1.5rem);position:relative;row-gap:var(--vp-layout-row-gap,var(--vp-layout-gap,1.5rem))}.wp-block-visual-portfolio-item-template.vp-layout-masonry>.wp-block-visual-portfolio-item-template__item{margin-bottom:var(--vp-layout-row-gap,var(--vp-layout-gap,1.5rem));width:calc((100% - (var(--vp-layout-current-columns) - 1)*var(--vp-layout-gap, 1.5rem))/var(--vp-layout-current-columns))}@supports not (display:grid-lanes){.wp-block-visual-portfolio-item-template.vp-layout-masonry:not(.vp-has-masonry){column-count:var(--vp-layout-current-columns);column-gap:var(--vp-layout-gap,1.5rem)}.wp-block-visual-portfolio-item-template.vp-layout-masonry:not(.vp-has-masonry).vp-layout-auto-columns{column-width:var(--vp-layout-min-column-width,16rem)}.wp-block-visual-portfolio-item-template.vp-layout-masonry:not(.vp-has-masonry)>.wp-block-visual-portfolio-item-template__item{break-inside:avoid;margin-bottom:var(--vp-layout-row-gap,var(--vp-layout-gap,1.5rem));width:auto}}@supports(display:grid-lanes){.wp-block-visual-portfolio-item-template.vp-layout-masonry{display:grid-lanes;gap:var(--vp-layout-row-gap,var(--vp-layout-gap,1.5rem)) var(--vp-layout-gap,1.5rem);grid-template-columns:repeat(var(--vp-layout-current-columns),minmax(0,1fr))}.wp-block-visual-portfolio-item-template.vp-layout-masonry.vp-layout-auto-columns{grid-template-columns:repeat(var(--vp-layout-auto-placement),minmax(var(--vp-layout-track,min(16rem,100%)),1fr))}.wp-block-visual-portfolio-item-template.vp-layout-masonry>.wp-block-visual-portfolio-item-template__item{margin-bottom:0;width:auto}}.wp-block-visual-portfolio-item-template.vp-layout-masonry-native{display:grid-lanes;gap:var(--vp-layout-row-gap,var(--vp-layout-gap,1.5rem)) var(--vp-layout-gap,1.5rem);grid-template-columns:repeat(var(--vp-layout-current-columns),minmax(0,1fr))}.wp-block-visual-portfolio-item-template.vp-layout-masonry-native.vp-layout-auto-columns{grid-template-columns:repeat(var(--vp-layout-auto-placement),minmax(var(--vp-layout-track,min(16rem,100%)),1fr))}.wp-block-visual-portfolio-item-template.vp-layout-masonry-native>.wp-block-visual-portfolio-item-template__item{margin-bottom:0;width:auto}.wp-block-visual-portfolio-item-template.vp-layout-tiles{container-type:inline-size;display:grid;gap:var(--vp-layout-row-gap,var(--vp-layout-gap,1.5rem)) var(--vp-layout-gap,1.5rem);grid-auto-flow:row dense;grid-template-columns:repeat(var(--vp-layout-current-columns),minmax(0,1fr))}.wp-block-visual-portfolio-item-template.vp-layout-tiles>.wp-block-visual-portfolio-item-template__item{--vp-tile-span:min(var(--vp-tile-columns,1),var(--vp-layout-current-columns));display:flex;flex-direction:column;grid-column:span var(--vp-tile-span);height:calc(((100cqw + var(--vp-layout-gap, 1.5rem))/var(--vp-layout-current-columns) - var(--vp-layout-gap, 1.5rem) + var(--vp-layout-row-gap, var(--vp-layout-gap, 1.5rem)))*var(--vp-tile-height, 1)*var(--vp-tile-span) - var(--vp-layout-row-gap, var(--vp-layout-gap, 1.5rem)));overflow:hidden}.wp-block-visual-portfolio-item-template.vp-layout-tiles .wp-block-visual-portfolio-item-template__item .wp-block-visual-portfolio-item-image{flex:1 1 auto;min-height:0}.wp-block-visual-portfolio-item-template.vp-layout-tiles .wp-block-visual-portfolio-item-template__item .wp-block-visual-portfolio-item-image>a{height:100%}.wp-block-visual-portfolio-item-template.vp-layout-tiles .wp-block-visual-portfolio-item-template__item .wp-block-visual-portfolio-item-image img{height:100%;object-fit:cover}.wp-block-visual-portfolio-item-template.vp-layout-justified{display:flex;flex-wrap:wrap;gap:var(--vp-layout-row-gap,var(--vp-layout-gap,1.5rem)) var(--vp-layout-gap,1.5rem);position:relative}.wp-block-visual-portfolio-item-template.vp-layout-justified>.wp-block-visual-portfolio-item-template__item{flex:1 1 auto;max-width:100%}.wp-block-visual-portfolio-item-template.vp-layout-justified.vp-has-script>.wp-block-visual-portfolio-item-template__item{flex-grow:0}.wp-block-visual-portfolio-item-template.vp-layout-justified.vp-has-script .wp-block-visual-portfolio-item-template__item .wp-block-visual-portfolio-item-image>a{height:100%}.wp-block-visual-portfolio-item-template.vp-layout-justified.vp-has-script .wp-block-visual-portfolio-item-template__item .wp-block-visual-portfolio-item-image img{height:100%;object-fit:cover}.wp-block-visual-portfolio-item-template.vp-layout-carousel{--vp-carousel-slide-width:calc((100cqw - var(--vp-carousel-inset, 0px)*2 - var(--vp-carousel-peek, 0px) - (var(--vp-layout-current-columns) - 1)*var(--vp-layout-gap, 1.5rem))/var(--vp-layout-current-columns))}.wp-block-visual-portfolio-item-template.vp-layout-carousel:dir(rtl){--vp-carousel-direction:-1}.wp-block-visual-portfolio-item-template.vp-layout-carousel{display:flex;gap:var(--vp-layout-gap,1.5rem);overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;position:relative;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}.wp-block-visual-portfolio-item-template.vp-layout-carousel::-webkit-scrollbar{display:none}.wp-block-visual-portfolio-item-template.vp-layout-carousel{padding-inline-end:calc(var(--vp-carousel-inset, 0px) + var(--vp-carousel-peek, 0px));padding-inline-start:var(--vp-carousel-inset,0);scroll-padding-inline:calc(var(--vp-carousel-inset, 0px) + var(--vp-carousel-peek, 0px))}.wp-block-visual-portfolio-item-template.vp-layout-carousel>.wp-block-visual-portfolio-item-template__item{flex:0 0 auto;height:var(--vp-carousel-slide-height,auto);scroll-snap-align:var(--vp-carousel-snap-align,start);width:var(--vp-carousel-slide-width)}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-auto-width>.wp-block-visual-portfolio-item-template__item{width:auto}.wp-block-visual-portfolio-item-template.vp-layout-carousel>.wp-block-visual-portfolio-item-template__item.vp-carousel-no-snap{scroll-snap-align:none}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-stretch-slides>.wp-block-visual-portfolio-item-template__item{display:flex;flex-direction:column}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-stretch-slides .wp-block-visual-portfolio-item-template__item .wp-block-visual-portfolio-item-image{flex:1 1 auto;min-height:0}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-stretch-slides .wp-block-visual-portfolio-item-template__item .wp-block-visual-portfolio-item-image>a{height:100%}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-stretch-slides .wp-block-visual-portfolio-item-template__item .wp-block-visual-portfolio-item-image img{height:100%;object-fit:cover}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-snap-center:not(.vp-carousel-auto-width){padding-inline:calc((100cqw - var(--vp-carousel-slide-width))/2);scroll-padding-inline:0}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-free-scroll{scroll-snap-type:none}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-is-scrubbing{scroll-behavior:auto;scroll-snap-type:none}.wp-block-visual-portfolio-item-template.vp-layout-carousel[data-vp-carousel-repeat=true]{scroll-behavior:auto}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-edge-fade{--vp-carousel-fade-left:var(--vp-carousel-fade-size,6%);--vp-carousel-fade-right:var(--vp-carousel-fade-size,6%);mask-image:linear-gradient(to right,transparent calc(var(--vp-carousel-fade-left)*0),rgba(0,0,0,.013) calc(var(--vp-carousel-fade-left)*.081),rgba(0,0,0,.049) calc(var(--vp-carousel-fade-left)*.155),rgba(0,0,0,.104) calc(var(--vp-carousel-fade-left)*.225),rgba(0,0,0,.175) calc(var(--vp-carousel-fade-left)*.29),rgba(0,0,0,.259) calc(var(--vp-carousel-fade-left)*.353),rgba(0,0,0,.352) calc(var(--vp-carousel-fade-left)*.412),rgba(0,0,0,.45) calc(var(--vp-carousel-fade-left)*.471),rgba(0,0,0,.55) calc(var(--vp-carousel-fade-left)*.529),rgba(0,0,0,.648) calc(var(--vp-carousel-fade-left)*.588),rgba(0,0,0,.741) calc(var(--vp-carousel-fade-left)*.647),rgba(0,0,0,.825) calc(var(--vp-carousel-fade-left)*.71),rgba(0,0,0,.896) calc(var(--vp-carousel-fade-left)*.775),rgba(0,0,0,.951) calc(var(--vp-carousel-fade-left)*.845),rgba(0,0,0,.987) calc(var(--vp-carousel-fade-left)*.919),#000 calc(var(--vp-carousel-fade-left)*1),#000 calc(100% - var(--vp-carousel-fade-right)*1),rgba(0,0,0,.987) calc(100% - var(--vp-carousel-fade-right)*.919),rgba(0,0,0,.951) calc(100% - var(--vp-carousel-fade-right)*.845),rgba(0,0,0,.896) calc(100% - var(--vp-carousel-fade-right)*.775),rgba(0,0,0,.825) calc(100% - var(--vp-carousel-fade-right)*.71),rgba(0,0,0,.741) calc(100% - var(--vp-carousel-fade-right)*.647),rgba(0,0,0,.648) calc(100% - var(--vp-carousel-fade-right)*.588),rgba(0,0,0,.55) calc(100% - var(--vp-carousel-fade-right)*.529),rgba(0,0,0,.45) calc(100% - var(--vp-carousel-fade-right)*.471),rgba(0,0,0,.352) calc(100% - var(--vp-carousel-fade-right)*.412),rgba(0,0,0,.259) calc(100% - var(--vp-carousel-fade-right)*.353),rgba(0,0,0,.175) calc(100% - var(--vp-carousel-fade-right)*.29),rgba(0,0,0,.104) calc(100% - var(--vp-carousel-fade-right)*.225),rgba(0,0,0,.049) calc(100% - var(--vp-carousel-fade-right)*.155),rgba(0,0,0,.013) calc(100% - var(--vp-carousel-fade-right)*.081),transparent calc(100% - var(--vp-carousel-fade-right)*0));transition:--vp-carousel-fade-right .2s linear,--vp-carousel-fade-left .2s linear}.wp-block-visual-portfolio-item-template.vp-layout-carousel:focus,.wp-block-visual-portfolio-item-template.vp-layout-carousel:focus-visible{outline:none}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-effect .wp-block-visual-portfolio-item-template__card,.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-effect .wp-block-visual-portfolio-item-template__slide,.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-effect>.wp-block-visual-portfolio-item-template__item{display:flex;flex-direction:column}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-effect .wp-block-visual-portfolio-item-template__card,.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-effect .wp-block-visual-portfolio-item-template__slide{flex:1 1 auto;min-width:0}@supports(animation-timeline:view()){.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-effect{scroll-timeline-axis:inline;scroll-timeline-name:--vp-carousel-scroll}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-effect:dir(rtl):not(.vp-carousel-scripted) .wp-block-visual-portfolio-item-template__card,.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-effect:dir(rtl):not(.vp-carousel-scripted) .wp-block-visual-portfolio-item-template__slide,.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-effect:dir(rtl):not(.vp-carousel-scripted)>.wp-block-visual-portfolio-item-template__item{animation-name:none}@media(prefers-reduced-motion:no-preference){.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-coverflow{gap:0}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-coverflow,.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-coverflow.vp-carousel-snap-center{padding-inline:calc(50cqw - 25cqw/max(var(--vp-layout-current-columns),2));scroll-padding-inline:0}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-coverflow>.wp-block-visual-portfolio-item-template__item{animation-fill-mode:both;animation-name:vp-carousel-coverflow-item;animation-range:contain;animation-timeline:--vp-carousel-slide;animation-timing-function:linear;scroll-snap-align:center;view-timeline-axis:inline;view-timeline-inset:calc(50cqw - 70cqw/max(var(--vp-layout-current-columns),2));view-timeline-name:--vp-carousel-slide;width:calc(50cqw/max(var(--vp-layout-current-columns),2))}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-coverflow .wp-block-visual-portfolio-item-template__slide{animation-fill-mode:both;animation-name:vp-carousel-coverflow-slide;animation-range:contain;animation-timeline:--vp-carousel-slide;animation-timing-function:linear;margin-inline:-50%;perspective:calc(var(--vp-carousel-slide-width)*5);position:relative;width:200%}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-coverflow .wp-block-visual-portfolio-item-template__card{animation-fill-mode:both;animation-name:vp-carousel-coverflow-card;animation-range:contain;animation-timeline:--vp-carousel-slide;animation-timing-function:linear}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-coverflow:not(.vp-carousel-scripted)>.wp-block-visual-portfolio-item-template__item.vp-carousel-moved-round,.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-coverflow:not(.vp-carousel-scripted)>.wp-block-visual-portfolio-item-template__item.vp-carousel-moved-round .wp-block-visual-portfolio-item-template__card,.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-coverflow:not(.vp-carousel-scripted)>.wp-block-visual-portfolio-item-template__item.vp-carousel-moved-round .wp-block-visual-portfolio-item-template__slide{animation-range:var(--vp-carousel-copy-contain);animation-timeline:--vp-carousel-scroll}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-slideshow{gap:0}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-slideshow .wp-block-visual-portfolio-item-template__slide{overflow:hidden;view-timeline-axis:inline;view-timeline-name:--vp-carousel-slide}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-slideshow .wp-block-visual-portfolio-item-template__card{animation-fill-mode:both;animation-name:vp-carousel-slideshow-card;animation-range:cover;animation-timeline:--vp-carousel-slide;animation-timing-function:linear}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-slideshow:not(.vp-carousel-scripted)>.wp-block-visual-portfolio-item-template__item.vp-carousel-moved-round .wp-block-visual-portfolio-item-template__card{animation-range:var(--vp-carousel-copy-cover);animation-timeline:--vp-carousel-scroll}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-fade{--vp-carousel-pin:100%;gap:0}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-fade>.wp-block-visual-portfolio-item-template__item{animation-fill-mode:both;animation-name:vp-carousel-arriving-above;animation-range:cover;animation-timeline:--vp-carousel-item;animation-timing-function:linear;view-timeline-axis:inline;view-timeline-name:--vp-carousel-item}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-fade .wp-block-visual-portfolio-item-template__slide{view-timeline-axis:inline;view-timeline-name:--vp-carousel-slide}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-fade .wp-block-visual-portfolio-item-template__card{animation-fill-mode:both;animation-name:vp-carousel-fade-card;animation-range:cover;animation-timeline:--vp-carousel-slide;animation-timing-function:linear}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-fade:not(.vp-carousel-scripted)>.wp-block-visual-portfolio-item-template__item.vp-carousel-moved-round,.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-fade:not(.vp-carousel-scripted)>.wp-block-visual-portfolio-item-template__item.vp-carousel-moved-round .wp-block-visual-portfolio-item-template__card{animation-range:var(--vp-carousel-copy-cover);animation-timeline:--vp-carousel-scroll}}}@media(prefers-reduced-motion:no-preference){.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-coverflow{gap:0}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-coverflow,.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-coverflow.vp-carousel-snap-center{padding-inline:calc(50cqw - 25cqw/max(var(--vp-layout-current-columns),2));scroll-padding-inline:0}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-coverflow>.wp-block-visual-portfolio-item-template__item{scroll-snap-align:center;width:calc(50cqw/max(var(--vp-layout-current-columns),2));--vp-carousel-timeline-inset:calc(50cqw - 70cqw/max(var(--vp-layout-current-columns), 2));animation-delay:calc(var(--vp-carousel-contain)*-1s);animation-duration:1s;animation-fill-mode:both;animation-name:vp-carousel-coverflow-item;animation-play-state:paused;animation-range:normal;animation-timeline:auto;animation-timing-function:linear}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-coverflow .wp-block-visual-portfolio-item-template__slide{animation-delay:calc(var(--vp-carousel-contain)*-1s);animation-duration:1s;animation-fill-mode:both;animation-name:vp-carousel-coverflow-slide;animation-play-state:paused;animation-range:normal;animation-timeline:auto;animation-timing-function:linear;margin-inline:-50%;perspective:calc(var(--vp-carousel-slide-width)*5);position:relative;width:200%}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-coverflow .wp-block-visual-portfolio-item-template__card{animation-delay:calc(var(--vp-carousel-contain)*-1s);animation-duration:1s;animation-fill-mode:both;animation-name:vp-carousel-coverflow-card;animation-play-state:paused;animation-range:normal;animation-timeline:auto;animation-timing-function:linear}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-slideshow{gap:0}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-slideshow .wp-block-visual-portfolio-item-template__slide{overflow:hidden}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-slideshow .wp-block-visual-portfolio-item-template__card{animation-delay:calc(var(--vp-carousel-cover)*-1s);animation-duration:1s;animation-fill-mode:both;animation-name:vp-carousel-slideshow-card;animation-play-state:paused;animation-range:normal;animation-timeline:auto;animation-timing-function:linear}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-fade{--vp-carousel-pin:100%;gap:0}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-fade>.wp-block-visual-portfolio-item-template__item{animation-delay:calc(var(--vp-carousel-cover)*-1s);animation-duration:1s;animation-fill-mode:both;animation-name:vp-carousel-arriving-above;animation-play-state:paused;animation-range:normal;animation-timeline:auto;animation-timing-function:linear}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-fade .wp-block-visual-portfolio-item-template__card{animation-delay:calc(var(--vp-carousel-cover)*-1s);animation-duration:1s;animation-fill-mode:both;animation-name:vp-carousel-fade-card;animation-play-state:paused;animation-range:normal;animation-timeline:auto;animation-timing-function:linear}}@keyframes vp-carousel-coverflow-item{0%{z-index:0}50%{z-index:100}to{z-index:0}}@keyframes vp-carousel-coverflow-slide{0%{transform:translateX(calc(-1*(30%*var(--vp-carousel-direction, 1))))}50%{transform:translateX(0)}to{transform:translateX(calc(-1*(-30%*var(--vp-carousel-direction, 1))))}}@keyframes vp-carousel-coverflow-card{0%{transform:rotateY(calc(-1*(-55deg*var(--vp-carousel-direction, 1)))) scale(.8)}50%{transform:rotateY(0) scale(1)}to{transform:rotateY(calc(-1*(55deg*var(--vp-carousel-direction, 1)))) scale(.8)}}@keyframes vp-carousel-arriving-above{0%,50%{z-index:2}51%,to{z-index:1}}@keyframes vp-carousel-fade-card{0%{opacity:0;translate:calc(var(--vp-carousel-pin)*-1*var(--vp-carousel-direction, 1));visibility:hidden}2%{visibility:hidden}50%{opacity:1;translate:0;visibility:visible}to{opacity:1;translate:calc(var(--vp-carousel-pin)*var(--vp-carousel-direction, 1))}}@keyframes vp-carousel-slideshow-card{0%{transform:translateX(calc(-1*(-50%*var(--vp-carousel-direction, 1))))}50%{transform:translateX(0)}to{transform:translateX(calc(-1*(50%*var(--vp-carousel-direction, 1))))}}@media(prefers-reduced-motion:reduce){.wp-block-visual-portfolio-item-template.vp-layout-carousel{scroll-behavior:auto}}.wp-block-visual-portfolio-item-template__item{min-width:0}.wp-block-visual-portfolio-item-template__carousel-frame{container-type:inline-size;overflow:clip;position:relative}.wp-block-visual-portfolio-item-template__carousel-frame:has(>.wp-block-visual-portfolio-item-template:focus-visible:not(.vp-carousel-pointer-focus)){outline:2px solid currentcolor;outline-offset:2px}.vp-is-loading .wp-block-visual-portfolio-item-template{opacity:.6;transition:opacity .15s ease-in-out}.wp-block-visual-portfolio-item-template__live-region{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.wp-block-visual-portfolio-item-template.vp-layout-carousel[data-vp-carousel-repeat=true]:after{content:"";flex:0 0 var(--vp-layout-gap,1.5rem);margin-inline-start:calc(var(--vp-layout-gap, 1.5rem)*-1);scroll-snap-align:none}@layer blossom-carousel{.wp-block-visual-portfolio-item-template.vp-layout-carousel[data-vp-carousel-repeat=true]{padding-inline-end:calc(50cqw - var(--vp-carousel-seam-shift, 0px))!important;padding-inline-start:calc(50cqw + var(--vp-carousel-seam-shift, 0px))!important;scroll-padding-inline:var(--vp-carousel-inset,0)!important}} +@property --vp-layout-current-columns{syntax:"";inherits:true;initial-value:3}@property --vp-carousel-fade-left{syntax:"";inherits:true;initial-value:0}@property --vp-carousel-fade-right{syntax:"";inherits:true;initial-value:0}@property --vp-carousel-timeline-inset{syntax:"";inherits:false;initial-value:0}@property --vp-slide-index{syntax:"";inherits:true;initial-value:0}.wp-block-visual-portfolio-item-template{--vp-layout-current-columns:var(--vp-layout-columns,3);--vp-layout-auto-placement:auto-fill;list-style:none;margin:0;padding:0}.wp-block-visual-portfolio-item-template.vp-layout-auto-fit{--vp-layout-auto-placement:auto-fit}@media(max-width:1200px){.wp-block-visual-portfolio-item-template:not(.vp-layout-auto-columns){--vp-layout-current-columns:min(var(--vp-layout-columns,3),4)}}@media(max-width:992px){.wp-block-visual-portfolio-item-template:not(.vp-layout-auto-columns){--vp-layout-current-columns:min(var(--vp-layout-columns,3),3)}}@media(max-width:768px){.wp-block-visual-portfolio-item-template:not(.vp-layout-auto-columns){--vp-layout-current-columns:min(var(--vp-layout-columns,3),2)}}@media(max-width:576px){.wp-block-visual-portfolio-item-template:not(.vp-layout-auto-columns){--vp-layout-current-columns:min(var(--vp-layout-columns,3),1)}}.wp-block-visual-portfolio-item-template.vp-layout-grid{display:grid;gap:var(--vp-layout-row-gap,var(--vp-layout-gap,1.5rem)) var(--vp-layout-gap,1.5rem);grid-template-columns:repeat(var(--vp-layout-current-columns),minmax(0,1fr))}.wp-block-visual-portfolio-item-template.vp-layout-grid.are-vertically-aligned-top{align-items:start}.wp-block-visual-portfolio-item-template.vp-layout-grid.are-vertically-aligned-center{align-items:center}.wp-block-visual-portfolio-item-template.vp-layout-grid.are-vertically-aligned-bottom{align-items:end}.wp-block-visual-portfolio-item-template.vp-layout-grid.vp-layout-auto-columns{container-type:inline-size;grid-template-columns:repeat(var(--vp-layout-auto-placement),minmax(var(--vp-layout-track,min(16rem,100%)),1fr))}.wp-block-visual-portfolio-item-template.vp-layout-masonry{column-gap:var(--vp-layout-gap,1.5rem);position:relative;row-gap:var(--vp-layout-row-gap,var(--vp-layout-gap,1.5rem))}.wp-block-visual-portfolio-item-template.vp-layout-masonry>.wp-block-visual-portfolio-item-template__item{margin-bottom:var(--vp-layout-row-gap,var(--vp-layout-gap,1.5rem));width:calc((100% - (var(--vp-layout-current-columns) - 1)*var(--vp-layout-gap, 1.5rem))/var(--vp-layout-current-columns))}@supports not (display:grid-lanes){.wp-block-visual-portfolio-item-template.vp-layout-masonry:not(.vp-has-masonry){column-count:var(--vp-layout-current-columns);column-gap:var(--vp-layout-gap,1.5rem)}.wp-block-visual-portfolio-item-template.vp-layout-masonry:not(.vp-has-masonry).vp-layout-auto-columns{column-width:var(--vp-layout-min-column-width,16rem)}.wp-block-visual-portfolio-item-template.vp-layout-masonry:not(.vp-has-masonry)>.wp-block-visual-portfolio-item-template__item{break-inside:avoid;margin-bottom:var(--vp-layout-row-gap,var(--vp-layout-gap,1.5rem));width:auto}}@supports(display:grid-lanes){.wp-block-visual-portfolio-item-template.vp-layout-masonry{display:grid-lanes;gap:var(--vp-layout-row-gap,var(--vp-layout-gap,1.5rem)) var(--vp-layout-gap,1.5rem);grid-template-columns:repeat(var(--vp-layout-current-columns),minmax(0,1fr))}.wp-block-visual-portfolio-item-template.vp-layout-masonry.vp-layout-auto-columns{grid-template-columns:repeat(var(--vp-layout-auto-placement),minmax(var(--vp-layout-track,min(16rem,100%)),1fr))}.wp-block-visual-portfolio-item-template.vp-layout-masonry>.wp-block-visual-portfolio-item-template__item{margin-bottom:0;width:auto}}.wp-block-visual-portfolio-item-template.vp-layout-masonry-native{display:grid-lanes;gap:var(--vp-layout-row-gap,var(--vp-layout-gap,1.5rem)) var(--vp-layout-gap,1.5rem);grid-template-columns:repeat(var(--vp-layout-current-columns),minmax(0,1fr))}.wp-block-visual-portfolio-item-template.vp-layout-masonry-native.vp-layout-auto-columns{grid-template-columns:repeat(var(--vp-layout-auto-placement),minmax(var(--vp-layout-track,min(16rem,100%)),1fr))}.wp-block-visual-portfolio-item-template.vp-layout-masonry-native>.wp-block-visual-portfolio-item-template__item{margin-bottom:0;width:auto}.wp-block-visual-portfolio-item-template.vp-layout-tiles{container-type:inline-size;display:grid;gap:var(--vp-layout-row-gap,var(--vp-layout-gap,1.5rem)) var(--vp-layout-gap,1.5rem);grid-auto-flow:row dense;grid-template-columns:repeat(var(--vp-layout-current-columns),minmax(0,1fr))}.wp-block-visual-portfolio-item-template.vp-layout-tiles>.wp-block-visual-portfolio-item-template__item{--vp-tile-span:min(var(--vp-tile-columns,1),var(--vp-layout-current-columns));display:flex;flex-direction:column;grid-column:span var(--vp-tile-span);height:calc(((100cqw + var(--vp-layout-gap, 1.5rem))/var(--vp-layout-current-columns) - var(--vp-layout-gap, 1.5rem) + var(--vp-layout-row-gap, var(--vp-layout-gap, 1.5rem)))*var(--vp-tile-height, 1)*var(--vp-tile-span) - var(--vp-layout-row-gap, var(--vp-layout-gap, 1.5rem)));overflow:hidden}.wp-block-visual-portfolio-item-template.vp-layout-tiles .wp-block-visual-portfolio-item-template__item .wp-block-visual-portfolio-item-image{flex:1 1 auto;min-height:0}.wp-block-visual-portfolio-item-template.vp-layout-tiles .wp-block-visual-portfolio-item-template__item .wp-block-visual-portfolio-item-image>a{height:100%}.wp-block-visual-portfolio-item-template.vp-layout-tiles .wp-block-visual-portfolio-item-template__item .wp-block-visual-portfolio-item-image img{height:100%;object-fit:cover}.wp-block-visual-portfolio-item-template.vp-layout-justified{display:flex;flex-wrap:wrap;gap:var(--vp-layout-row-gap,var(--vp-layout-gap,1.5rem)) var(--vp-layout-gap,1.5rem);position:relative}.wp-block-visual-portfolio-item-template.vp-layout-justified>.wp-block-visual-portfolio-item-template__item{flex:1 1 auto;max-width:100%}.wp-block-visual-portfolio-item-template.vp-layout-justified.vp-has-script>.wp-block-visual-portfolio-item-template__item{flex-grow:0}.wp-block-visual-portfolio-item-template.vp-layout-justified.vp-has-script .wp-block-visual-portfolio-item-template__item .wp-block-visual-portfolio-item-image>a{height:100%}.wp-block-visual-portfolio-item-template.vp-layout-justified.vp-has-script .wp-block-visual-portfolio-item-template__item .wp-block-visual-portfolio-item-image img{height:100%;object-fit:cover}.wp-block-visual-portfolio-item-template.vp-layout-carousel{--vp-carousel-slide-width:calc((100cqw - var(--vp-carousel-inset, 0px)*2 - var(--vp-carousel-peek, 0px) - (var(--vp-layout-current-columns) - 1)*var(--vp-layout-gap, 1.5rem))/var(--vp-layout-current-columns))}.wp-block-visual-portfolio-item-template.vp-layout-carousel:dir(rtl){--vp-carousel-direction:-1}.wp-block-visual-portfolio-item-template.vp-layout-carousel{display:flex;gap:var(--vp-layout-gap,1.5rem);overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;position:relative;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}.wp-block-visual-portfolio-item-template.vp-layout-carousel::-webkit-scrollbar{display:none}.wp-block-visual-portfolio-item-template.vp-layout-carousel{padding-inline-end:calc(var(--vp-carousel-inset, 0px) + var(--vp-carousel-peek, 0px));padding-inline-start:var(--vp-carousel-inset,0);scroll-padding-inline:calc(var(--vp-carousel-inset, 0px) + var(--vp-carousel-peek, 0px))}.wp-block-visual-portfolio-item-template.vp-layout-carousel>.wp-block-visual-portfolio-item-template__item{flex:0 0 auto;height:var(--vp-carousel-slide-height,auto);scroll-snap-align:var(--vp-carousel-snap-align,start);width:var(--vp-carousel-slide-width)}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-auto-width>.wp-block-visual-portfolio-item-template__item{width:auto}.wp-block-visual-portfolio-item-template.vp-layout-carousel>.wp-block-visual-portfolio-item-template__item.vp-carousel-no-snap{scroll-snap-align:none}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-stretch-slides>.wp-block-visual-portfolio-item-template__item{display:flex;flex-direction:column}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-stretch-slides .wp-block-visual-portfolio-item-template__item .wp-block-visual-portfolio-item-image{flex:1 1 auto;min-height:0}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-stretch-slides .wp-block-visual-portfolio-item-template__item .wp-block-visual-portfolio-item-image>a{height:100%}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-stretch-slides .wp-block-visual-portfolio-item-template__item .wp-block-visual-portfolio-item-image img{height:100%;object-fit:cover}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-snap-center:not(.vp-carousel-auto-width){padding-inline:calc((100cqw - var(--vp-carousel-slide-width))/2);scroll-padding-inline:0}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-free-scroll{scroll-snap-type:none}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-is-scrubbing{scroll-behavior:auto;scroll-snap-type:none}.wp-block-visual-portfolio-item-template.vp-layout-carousel[data-vp-carousel-repeat=true]{scroll-behavior:auto}.wp-block-visual-portfolio-item-template.vp-layout-carousel[data-vp-carousel-marquee]>.wp-block-visual-portfolio-item-template__item{transform:translateX(calc(-1*(var(--vp-carousel-marquee-shift, 0px)*-1)))}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-edge-fade{--vp-carousel-fade-left:var(--vp-carousel-fade-size,6%);--vp-carousel-fade-right:var(--vp-carousel-fade-size,6%);mask-image:linear-gradient(to right,transparent calc(var(--vp-carousel-fade-left)*0),rgba(0,0,0,.013) calc(var(--vp-carousel-fade-left)*.081),rgba(0,0,0,.049) calc(var(--vp-carousel-fade-left)*.155),rgba(0,0,0,.104) calc(var(--vp-carousel-fade-left)*.225),rgba(0,0,0,.175) calc(var(--vp-carousel-fade-left)*.29),rgba(0,0,0,.259) calc(var(--vp-carousel-fade-left)*.353),rgba(0,0,0,.352) calc(var(--vp-carousel-fade-left)*.412),rgba(0,0,0,.45) calc(var(--vp-carousel-fade-left)*.471),rgba(0,0,0,.55) calc(var(--vp-carousel-fade-left)*.529),rgba(0,0,0,.648) calc(var(--vp-carousel-fade-left)*.588),rgba(0,0,0,.741) calc(var(--vp-carousel-fade-left)*.647),rgba(0,0,0,.825) calc(var(--vp-carousel-fade-left)*.71),rgba(0,0,0,.896) calc(var(--vp-carousel-fade-left)*.775),rgba(0,0,0,.951) calc(var(--vp-carousel-fade-left)*.845),rgba(0,0,0,.987) calc(var(--vp-carousel-fade-left)*.919),#000 calc(var(--vp-carousel-fade-left)*1),#000 calc(100% - var(--vp-carousel-fade-right)*1),rgba(0,0,0,.987) calc(100% - var(--vp-carousel-fade-right)*.919),rgba(0,0,0,.951) calc(100% - var(--vp-carousel-fade-right)*.845),rgba(0,0,0,.896) calc(100% - var(--vp-carousel-fade-right)*.775),rgba(0,0,0,.825) calc(100% - var(--vp-carousel-fade-right)*.71),rgba(0,0,0,.741) calc(100% - var(--vp-carousel-fade-right)*.647),rgba(0,0,0,.648) calc(100% - var(--vp-carousel-fade-right)*.588),rgba(0,0,0,.55) calc(100% - var(--vp-carousel-fade-right)*.529),rgba(0,0,0,.45) calc(100% - var(--vp-carousel-fade-right)*.471),rgba(0,0,0,.352) calc(100% - var(--vp-carousel-fade-right)*.412),rgba(0,0,0,.259) calc(100% - var(--vp-carousel-fade-right)*.353),rgba(0,0,0,.175) calc(100% - var(--vp-carousel-fade-right)*.29),rgba(0,0,0,.104) calc(100% - var(--vp-carousel-fade-right)*.225),rgba(0,0,0,.049) calc(100% - var(--vp-carousel-fade-right)*.155),rgba(0,0,0,.013) calc(100% - var(--vp-carousel-fade-right)*.081),transparent calc(100% - var(--vp-carousel-fade-right)*0));transition:--vp-carousel-fade-right .2s linear,--vp-carousel-fade-left .2s linear}.wp-block-visual-portfolio-item-template.vp-layout-carousel:focus,.wp-block-visual-portfolio-item-template.vp-layout-carousel:focus-visible{outline:none}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-effect .wp-block-visual-portfolio-item-template__card,.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-effect .wp-block-visual-portfolio-item-template__slide,.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-effect>.wp-block-visual-portfolio-item-template__item{display:flex;flex-direction:column}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-effect .wp-block-visual-portfolio-item-template__card,.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-effect .wp-block-visual-portfolio-item-template__slide{flex:1 1 auto;min-width:0}@supports(animation-timeline:view()){.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-effect{scroll-timeline-axis:inline;scroll-timeline-name:--vp-carousel-scroll}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-effect:dir(rtl):not(.vp-carousel-scripted) .wp-block-visual-portfolio-item-template__card,.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-effect:dir(rtl):not(.vp-carousel-scripted) .wp-block-visual-portfolio-item-template__slide,.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-effect:dir(rtl):not(.vp-carousel-scripted)>.wp-block-visual-portfolio-item-template__item{animation-name:none}@media(prefers-reduced-motion:no-preference){.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-coverflow{gap:0}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-coverflow,.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-coverflow.vp-carousel-snap-center{padding-inline:calc(50cqw - 25cqw/max(var(--vp-layout-current-columns),2));scroll-padding-inline:0}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-coverflow>.wp-block-visual-portfolio-item-template__item{animation-fill-mode:both;animation-name:vp-carousel-coverflow-item;animation-range:contain;animation-timeline:--vp-carousel-slide;animation-timing-function:linear;scroll-snap-align:center;view-timeline-axis:inline;view-timeline-inset:calc(50cqw - 70cqw/max(var(--vp-layout-current-columns),2));view-timeline-name:--vp-carousel-slide;width:calc(50cqw/max(var(--vp-layout-current-columns),2))}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-coverflow .wp-block-visual-portfolio-item-template__slide{animation-fill-mode:both;animation-name:vp-carousel-coverflow-slide;animation-range:contain;animation-timeline:--vp-carousel-slide;animation-timing-function:linear;margin-inline:-50%;perspective:calc(var(--vp-carousel-slide-width)*5);position:relative;width:200%}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-coverflow .wp-block-visual-portfolio-item-template__card{animation-fill-mode:both;animation-name:vp-carousel-coverflow-card;animation-range:contain;animation-timeline:--vp-carousel-slide;animation-timing-function:linear}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-coverflow:not(.vp-carousel-scripted)>.wp-block-visual-portfolio-item-template__item.vp-carousel-moved-round,.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-coverflow:not(.vp-carousel-scripted)>.wp-block-visual-portfolio-item-template__item.vp-carousel-moved-round .wp-block-visual-portfolio-item-template__card,.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-coverflow:not(.vp-carousel-scripted)>.wp-block-visual-portfolio-item-template__item.vp-carousel-moved-round .wp-block-visual-portfolio-item-template__slide{animation-range:var(--vp-carousel-copy-contain);animation-timeline:--vp-carousel-scroll}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-slideshow{gap:0}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-slideshow .wp-block-visual-portfolio-item-template__slide{overflow:hidden;view-timeline-axis:inline;view-timeline-name:--vp-carousel-slide}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-slideshow .wp-block-visual-portfolio-item-template__card{animation-fill-mode:both;animation-name:vp-carousel-slideshow-card;animation-range:cover;animation-timeline:--vp-carousel-slide;animation-timing-function:linear}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-slideshow:not(.vp-carousel-scripted)>.wp-block-visual-portfolio-item-template__item.vp-carousel-moved-round .wp-block-visual-portfolio-item-template__card{animation-range:var(--vp-carousel-copy-cover);animation-timeline:--vp-carousel-scroll}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-fade{--vp-carousel-pin:100%;gap:0}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-fade>.wp-block-visual-portfolio-item-template__item{animation-fill-mode:both;animation-name:vp-carousel-arriving-above;animation-range:cover;animation-timeline:--vp-carousel-item;animation-timing-function:linear;view-timeline-axis:inline;view-timeline-name:--vp-carousel-item}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-fade .wp-block-visual-portfolio-item-template__slide{view-timeline-axis:inline;view-timeline-name:--vp-carousel-slide}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-fade .wp-block-visual-portfolio-item-template__card{animation-fill-mode:both;animation-name:vp-carousel-fade-card;animation-range:cover;animation-timeline:--vp-carousel-slide;animation-timing-function:linear}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-fade:not(.vp-carousel-scripted)>.wp-block-visual-portfolio-item-template__item.vp-carousel-moved-round,.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-fade:not(.vp-carousel-scripted)>.wp-block-visual-portfolio-item-template__item.vp-carousel-moved-round .wp-block-visual-portfolio-item-template__card{animation-range:var(--vp-carousel-copy-cover);animation-timeline:--vp-carousel-scroll}}}@media(prefers-reduced-motion:no-preference){.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-coverflow{gap:0}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-coverflow,.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-coverflow.vp-carousel-snap-center{padding-inline:calc(50cqw - 25cqw/max(var(--vp-layout-current-columns),2));scroll-padding-inline:0}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-coverflow>.wp-block-visual-portfolio-item-template__item{scroll-snap-align:center;width:calc(50cqw/max(var(--vp-layout-current-columns),2));--vp-carousel-timeline-inset:calc(50cqw - 70cqw/max(var(--vp-layout-current-columns), 2));animation-delay:calc(var(--vp-carousel-contain)*-1s);animation-duration:1s;animation-fill-mode:both;animation-name:vp-carousel-coverflow-item;animation-play-state:paused;animation-range:normal;animation-timeline:auto;animation-timing-function:linear}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-coverflow .wp-block-visual-portfolio-item-template__slide{animation-delay:calc(var(--vp-carousel-contain)*-1s);animation-duration:1s;animation-fill-mode:both;animation-name:vp-carousel-coverflow-slide;animation-play-state:paused;animation-range:normal;animation-timeline:auto;animation-timing-function:linear;margin-inline:-50%;perspective:calc(var(--vp-carousel-slide-width)*5);position:relative;width:200%}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-coverflow .wp-block-visual-portfolio-item-template__card{animation-delay:calc(var(--vp-carousel-contain)*-1s);animation-duration:1s;animation-fill-mode:both;animation-name:vp-carousel-coverflow-card;animation-play-state:paused;animation-range:normal;animation-timeline:auto;animation-timing-function:linear}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-slideshow{gap:0}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-slideshow .wp-block-visual-portfolio-item-template__slide{overflow:hidden}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-slideshow .wp-block-visual-portfolio-item-template__card{animation-delay:calc(var(--vp-carousel-cover)*-1s);animation-duration:1s;animation-fill-mode:both;animation-name:vp-carousel-slideshow-card;animation-play-state:paused;animation-range:normal;animation-timeline:auto;animation-timing-function:linear}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-fade{--vp-carousel-pin:100%;gap:0}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-fade>.wp-block-visual-portfolio-item-template__item{animation-delay:calc(var(--vp-carousel-cover)*-1s);animation-duration:1s;animation-fill-mode:both;animation-name:vp-carousel-arriving-above;animation-play-state:paused;animation-range:normal;animation-timeline:auto;animation-timing-function:linear}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-fade .wp-block-visual-portfolio-item-template__card{animation-delay:calc(var(--vp-carousel-cover)*-1s);animation-duration:1s;animation-fill-mode:both;animation-name:vp-carousel-fade-card;animation-play-state:paused;animation-range:normal;animation-timeline:auto;animation-timing-function:linear}}@keyframes vp-carousel-coverflow-item{0%{z-index:0}50%{z-index:100}to{z-index:0}}@keyframes vp-carousel-coverflow-slide{0%{transform:translateX(calc(-1*(30%*var(--vp-carousel-direction, 1))))}50%{transform:translateX(0)}to{transform:translateX(calc(-1*(-30%*var(--vp-carousel-direction, 1))))}}@keyframes vp-carousel-coverflow-card{0%{transform:rotateY(calc(-1*(-55deg*var(--vp-carousel-direction, 1)))) scale(.8)}50%{transform:rotateY(0) scale(1)}to{transform:rotateY(calc(-1*(55deg*var(--vp-carousel-direction, 1)))) scale(.8)}}@keyframes vp-carousel-arriving-above{0%,50%{z-index:2}51%,to{z-index:1}}@keyframes vp-carousel-fade-card{0%{opacity:0;translate:calc(var(--vp-carousel-pin)*-1*var(--vp-carousel-direction, 1));visibility:hidden}2%{visibility:hidden}50%{opacity:1;translate:0;visibility:visible}to{opacity:1;translate:calc(var(--vp-carousel-pin)*var(--vp-carousel-direction, 1))}}@keyframes vp-carousel-slideshow-card{0%{transform:translateX(calc(-1*(-50%*var(--vp-carousel-direction, 1))))}50%{transform:translateX(0)}to{transform:translateX(calc(-1*(50%*var(--vp-carousel-direction, 1))))}}@media(prefers-reduced-motion:reduce){.wp-block-visual-portfolio-item-template.vp-layout-carousel{scroll-behavior:auto}}.wp-block-visual-portfolio-item-template__item{min-width:0}.wp-block-visual-portfolio-item-template__carousel-frame{container-type:inline-size;overflow:clip;position:relative}.wp-block-visual-portfolio-item-template__carousel-frame:has(>.wp-block-visual-portfolio-item-template:focus-visible:not(.vp-carousel-pointer-focus)){outline:2px solid currentcolor;outline-offset:2px}.vp-is-loading .wp-block-visual-portfolio-item-template{opacity:.6;transition:opacity .15s ease-in-out}.wp-block-visual-portfolio-item-template__live-region{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.wp-block-visual-portfolio-item-template.vp-layout-carousel[data-vp-carousel-repeat=true]:after{content:"";flex:0 0 var(--vp-layout-gap,1.5rem);margin-inline-start:calc(var(--vp-layout-gap, 1.5rem)*-1);scroll-snap-align:none}@layer blossom-carousel{.wp-block-visual-portfolio-item-template.vp-layout-carousel[data-vp-carousel-repeat=true]{padding-inline-end:calc(50cqw - var(--vp-carousel-seam-shift, 0px))!important;padding-inline-start:calc(50cqw + var(--vp-carousel-seam-shift, 0px))!important;scroll-padding-inline:var(--vp-carousel-inset,0)!important}} diff --git a/build/gutenberg/blocks/item-template/style.css b/build/gutenberg/blocks/item-template/style.css index c7e71281..46149f71 100644 --- a/build/gutenberg/blocks/item-template/style.css +++ b/build/gutenberg/blocks/item-template/style.css @@ -1 +1 @@ -@property --vp-layout-current-columns{syntax:"";inherits:true;initial-value:3}@property --vp-carousel-fade-left{syntax:"";inherits:true;initial-value:0}@property --vp-carousel-fade-right{syntax:"";inherits:true;initial-value:0}@property --vp-carousel-timeline-inset{syntax:"";inherits:false;initial-value:0}@property --vp-slide-index{syntax:"";inherits:true;initial-value:0}.wp-block-visual-portfolio-item-template{--vp-layout-current-columns:var(--vp-layout-columns,3);--vp-layout-auto-placement:auto-fill;list-style:none;margin:0;padding:0}.wp-block-visual-portfolio-item-template.vp-layout-auto-fit{--vp-layout-auto-placement:auto-fit}@media(max-width:1200px){.wp-block-visual-portfolio-item-template:not(.vp-layout-auto-columns){--vp-layout-current-columns:min(var(--vp-layout-columns,3),4)}}@media(max-width:992px){.wp-block-visual-portfolio-item-template:not(.vp-layout-auto-columns){--vp-layout-current-columns:min(var(--vp-layout-columns,3),3)}}@media(max-width:768px){.wp-block-visual-portfolio-item-template:not(.vp-layout-auto-columns){--vp-layout-current-columns:min(var(--vp-layout-columns,3),2)}}@media(max-width:576px){.wp-block-visual-portfolio-item-template:not(.vp-layout-auto-columns){--vp-layout-current-columns:min(var(--vp-layout-columns,3),1)}}.wp-block-visual-portfolio-item-template.vp-layout-grid{display:grid;gap:var(--vp-layout-row-gap,var(--vp-layout-gap,1.5rem)) var(--vp-layout-gap,1.5rem);grid-template-columns:repeat(var(--vp-layout-current-columns),minmax(0,1fr))}.wp-block-visual-portfolio-item-template.vp-layout-grid.are-vertically-aligned-top{align-items:start}.wp-block-visual-portfolio-item-template.vp-layout-grid.are-vertically-aligned-center{align-items:center}.wp-block-visual-portfolio-item-template.vp-layout-grid.are-vertically-aligned-bottom{align-items:end}.wp-block-visual-portfolio-item-template.vp-layout-grid.vp-layout-auto-columns{container-type:inline-size;grid-template-columns:repeat(var(--vp-layout-auto-placement),minmax(var(--vp-layout-track,min(16rem,100%)),1fr))}.wp-block-visual-portfolio-item-template.vp-layout-masonry{column-gap:var(--vp-layout-gap,1.5rem);position:relative;row-gap:var(--vp-layout-row-gap,var(--vp-layout-gap,1.5rem))}.wp-block-visual-portfolio-item-template.vp-layout-masonry>.wp-block-visual-portfolio-item-template__item{margin-bottom:var(--vp-layout-row-gap,var(--vp-layout-gap,1.5rem));width:calc((100% - (var(--vp-layout-current-columns) - 1)*var(--vp-layout-gap, 1.5rem))/var(--vp-layout-current-columns))}@supports not (display:grid-lanes){.wp-block-visual-portfolio-item-template.vp-layout-masonry:not(.vp-has-masonry){column-count:var(--vp-layout-current-columns);column-gap:var(--vp-layout-gap,1.5rem)}.wp-block-visual-portfolio-item-template.vp-layout-masonry:not(.vp-has-masonry).vp-layout-auto-columns{column-width:var(--vp-layout-min-column-width,16rem)}.wp-block-visual-portfolio-item-template.vp-layout-masonry:not(.vp-has-masonry)>.wp-block-visual-portfolio-item-template__item{break-inside:avoid;margin-bottom:var(--vp-layout-row-gap,var(--vp-layout-gap,1.5rem));width:auto}}@supports(display:grid-lanes){.wp-block-visual-portfolio-item-template.vp-layout-masonry{display:grid-lanes;gap:var(--vp-layout-row-gap,var(--vp-layout-gap,1.5rem)) var(--vp-layout-gap,1.5rem);grid-template-columns:repeat(var(--vp-layout-current-columns),minmax(0,1fr))}.wp-block-visual-portfolio-item-template.vp-layout-masonry.vp-layout-auto-columns{grid-template-columns:repeat(var(--vp-layout-auto-placement),minmax(var(--vp-layout-track,min(16rem,100%)),1fr))}.wp-block-visual-portfolio-item-template.vp-layout-masonry>.wp-block-visual-portfolio-item-template__item{margin-bottom:0;width:auto}}.wp-block-visual-portfolio-item-template.vp-layout-masonry-native{display:grid-lanes;gap:var(--vp-layout-row-gap,var(--vp-layout-gap,1.5rem)) var(--vp-layout-gap,1.5rem);grid-template-columns:repeat(var(--vp-layout-current-columns),minmax(0,1fr))}.wp-block-visual-portfolio-item-template.vp-layout-masonry-native.vp-layout-auto-columns{grid-template-columns:repeat(var(--vp-layout-auto-placement),minmax(var(--vp-layout-track,min(16rem,100%)),1fr))}.wp-block-visual-portfolio-item-template.vp-layout-masonry-native>.wp-block-visual-portfolio-item-template__item{margin-bottom:0;width:auto}.wp-block-visual-portfolio-item-template.vp-layout-tiles{container-type:inline-size;display:grid;gap:var(--vp-layout-row-gap,var(--vp-layout-gap,1.5rem)) var(--vp-layout-gap,1.5rem);grid-auto-flow:row dense;grid-template-columns:repeat(var(--vp-layout-current-columns),minmax(0,1fr))}.wp-block-visual-portfolio-item-template.vp-layout-tiles>.wp-block-visual-portfolio-item-template__item{--vp-tile-span:min(var(--vp-tile-columns,1),var(--vp-layout-current-columns));display:flex;flex-direction:column;grid-column:span var(--vp-tile-span);height:calc(((100cqw + var(--vp-layout-gap, 1.5rem))/var(--vp-layout-current-columns) - var(--vp-layout-gap, 1.5rem) + var(--vp-layout-row-gap, var(--vp-layout-gap, 1.5rem)))*var(--vp-tile-height, 1)*var(--vp-tile-span) - var(--vp-layout-row-gap, var(--vp-layout-gap, 1.5rem)));overflow:hidden}.wp-block-visual-portfolio-item-template.vp-layout-tiles .wp-block-visual-portfolio-item-template__item .wp-block-visual-portfolio-item-image{flex:1 1 auto;min-height:0}.wp-block-visual-portfolio-item-template.vp-layout-tiles .wp-block-visual-portfolio-item-template__item .wp-block-visual-portfolio-item-image>a{height:100%}.wp-block-visual-portfolio-item-template.vp-layout-tiles .wp-block-visual-portfolio-item-template__item .wp-block-visual-portfolio-item-image img{height:100%;object-fit:cover}.wp-block-visual-portfolio-item-template.vp-layout-justified{display:flex;flex-wrap:wrap;gap:var(--vp-layout-row-gap,var(--vp-layout-gap,1.5rem)) var(--vp-layout-gap,1.5rem);position:relative}.wp-block-visual-portfolio-item-template.vp-layout-justified>.wp-block-visual-portfolio-item-template__item{flex:1 1 auto;max-width:100%}.wp-block-visual-portfolio-item-template.vp-layout-justified.vp-has-script>.wp-block-visual-portfolio-item-template__item{flex-grow:0}.wp-block-visual-portfolio-item-template.vp-layout-justified.vp-has-script .wp-block-visual-portfolio-item-template__item .wp-block-visual-portfolio-item-image>a{height:100%}.wp-block-visual-portfolio-item-template.vp-layout-justified.vp-has-script .wp-block-visual-portfolio-item-template__item .wp-block-visual-portfolio-item-image img{height:100%;object-fit:cover}.wp-block-visual-portfolio-item-template.vp-layout-carousel{--vp-carousel-slide-width:calc((100cqw - var(--vp-carousel-inset, 0px)*2 - var(--vp-carousel-peek, 0px) - (var(--vp-layout-current-columns) - 1)*var(--vp-layout-gap, 1.5rem))/var(--vp-layout-current-columns))}.wp-block-visual-portfolio-item-template.vp-layout-carousel:dir(rtl){--vp-carousel-direction:-1}.wp-block-visual-portfolio-item-template.vp-layout-carousel{display:flex;gap:var(--vp-layout-gap,1.5rem);overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;position:relative;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}.wp-block-visual-portfolio-item-template.vp-layout-carousel::-webkit-scrollbar{display:none}.wp-block-visual-portfolio-item-template.vp-layout-carousel{padding-inline-end:calc(var(--vp-carousel-inset, 0px) + var(--vp-carousel-peek, 0px));padding-inline-start:var(--vp-carousel-inset,0);scroll-padding-inline:calc(var(--vp-carousel-inset, 0px) + var(--vp-carousel-peek, 0px))}.wp-block-visual-portfolio-item-template.vp-layout-carousel>.wp-block-visual-portfolio-item-template__item{flex:0 0 auto;height:var(--vp-carousel-slide-height,auto);scroll-snap-align:var(--vp-carousel-snap-align,start);width:var(--vp-carousel-slide-width)}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-auto-width>.wp-block-visual-portfolio-item-template__item{width:auto}.wp-block-visual-portfolio-item-template.vp-layout-carousel>.wp-block-visual-portfolio-item-template__item.vp-carousel-no-snap{scroll-snap-align:none}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-stretch-slides>.wp-block-visual-portfolio-item-template__item{display:flex;flex-direction:column}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-stretch-slides .wp-block-visual-portfolio-item-template__item .wp-block-visual-portfolio-item-image{flex:1 1 auto;min-height:0}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-stretch-slides .wp-block-visual-portfolio-item-template__item .wp-block-visual-portfolio-item-image>a{height:100%}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-stretch-slides .wp-block-visual-portfolio-item-template__item .wp-block-visual-portfolio-item-image img{height:100%;object-fit:cover}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-snap-center:not(.vp-carousel-auto-width){padding-inline:calc((100cqw - var(--vp-carousel-slide-width))/2);scroll-padding-inline:0}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-free-scroll{scroll-snap-type:none}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-is-scrubbing{scroll-behavior:auto;scroll-snap-type:none}.wp-block-visual-portfolio-item-template.vp-layout-carousel[data-vp-carousel-repeat=true]{scroll-behavior:auto}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-edge-fade{--vp-carousel-fade-left:var(--vp-carousel-fade-size,6%);--vp-carousel-fade-right:var(--vp-carousel-fade-size,6%);mask-image:linear-gradient(to right,transparent calc(var(--vp-carousel-fade-left)*0),rgba(0,0,0,.013) calc(var(--vp-carousel-fade-left)*.081),rgba(0,0,0,.049) calc(var(--vp-carousel-fade-left)*.155),rgba(0,0,0,.104) calc(var(--vp-carousel-fade-left)*.225),rgba(0,0,0,.175) calc(var(--vp-carousel-fade-left)*.29),rgba(0,0,0,.259) calc(var(--vp-carousel-fade-left)*.353),rgba(0,0,0,.352) calc(var(--vp-carousel-fade-left)*.412),rgba(0,0,0,.45) calc(var(--vp-carousel-fade-left)*.471),rgba(0,0,0,.55) calc(var(--vp-carousel-fade-left)*.529),rgba(0,0,0,.648) calc(var(--vp-carousel-fade-left)*.588),rgba(0,0,0,.741) calc(var(--vp-carousel-fade-left)*.647),rgba(0,0,0,.825) calc(var(--vp-carousel-fade-left)*.71),rgba(0,0,0,.896) calc(var(--vp-carousel-fade-left)*.775),rgba(0,0,0,.951) calc(var(--vp-carousel-fade-left)*.845),rgba(0,0,0,.987) calc(var(--vp-carousel-fade-left)*.919),#000 calc(var(--vp-carousel-fade-left)*1),#000 calc(100% - var(--vp-carousel-fade-right)*1),rgba(0,0,0,.987) calc(100% - var(--vp-carousel-fade-right)*.919),rgba(0,0,0,.951) calc(100% - var(--vp-carousel-fade-right)*.845),rgba(0,0,0,.896) calc(100% - var(--vp-carousel-fade-right)*.775),rgba(0,0,0,.825) calc(100% - var(--vp-carousel-fade-right)*.71),rgba(0,0,0,.741) calc(100% - var(--vp-carousel-fade-right)*.647),rgba(0,0,0,.648) calc(100% - var(--vp-carousel-fade-right)*.588),rgba(0,0,0,.55) calc(100% - var(--vp-carousel-fade-right)*.529),rgba(0,0,0,.45) calc(100% - var(--vp-carousel-fade-right)*.471),rgba(0,0,0,.352) calc(100% - var(--vp-carousel-fade-right)*.412),rgba(0,0,0,.259) calc(100% - var(--vp-carousel-fade-right)*.353),rgba(0,0,0,.175) calc(100% - var(--vp-carousel-fade-right)*.29),rgba(0,0,0,.104) calc(100% - var(--vp-carousel-fade-right)*.225),rgba(0,0,0,.049) calc(100% - var(--vp-carousel-fade-right)*.155),rgba(0,0,0,.013) calc(100% - var(--vp-carousel-fade-right)*.081),transparent calc(100% - var(--vp-carousel-fade-right)*0));transition:--vp-carousel-fade-left .2s linear,--vp-carousel-fade-right .2s linear}.wp-block-visual-portfolio-item-template.vp-layout-carousel:focus,.wp-block-visual-portfolio-item-template.vp-layout-carousel:focus-visible{outline:none}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-effect .wp-block-visual-portfolio-item-template__card,.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-effect .wp-block-visual-portfolio-item-template__slide,.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-effect>.wp-block-visual-portfolio-item-template__item{display:flex;flex-direction:column}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-effect .wp-block-visual-portfolio-item-template__card,.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-effect .wp-block-visual-portfolio-item-template__slide{flex:1 1 auto;min-width:0}@supports(animation-timeline:view()){.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-effect{scroll-timeline-axis:inline;scroll-timeline-name:--vp-carousel-scroll}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-effect:dir(rtl):not(.vp-carousel-scripted) .wp-block-visual-portfolio-item-template__card,.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-effect:dir(rtl):not(.vp-carousel-scripted) .wp-block-visual-portfolio-item-template__slide,.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-effect:dir(rtl):not(.vp-carousel-scripted)>.wp-block-visual-portfolio-item-template__item{animation-name:none}@media(prefers-reduced-motion:no-preference){.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-coverflow{gap:0}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-coverflow,.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-coverflow.vp-carousel-snap-center{padding-inline:calc(50cqw - 25cqw/max(var(--vp-layout-current-columns),2));scroll-padding-inline:0}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-coverflow>.wp-block-visual-portfolio-item-template__item{animation-fill-mode:both;animation-name:vp-carousel-coverflow-item;animation-range:contain;animation-timeline:--vp-carousel-slide;animation-timing-function:linear;scroll-snap-align:center;view-timeline-axis:inline;view-timeline-inset:calc(50cqw - 70cqw/max(var(--vp-layout-current-columns),2));view-timeline-name:--vp-carousel-slide;width:calc(50cqw/max(var(--vp-layout-current-columns),2))}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-coverflow .wp-block-visual-portfolio-item-template__slide{animation-fill-mode:both;animation-name:vp-carousel-coverflow-slide;animation-range:contain;animation-timeline:--vp-carousel-slide;animation-timing-function:linear;margin-inline:-50%;perspective:calc(var(--vp-carousel-slide-width)*5);position:relative;width:200%}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-coverflow .wp-block-visual-portfolio-item-template__card{animation-fill-mode:both;animation-name:vp-carousel-coverflow-card;animation-range:contain;animation-timeline:--vp-carousel-slide;animation-timing-function:linear}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-coverflow:not(.vp-carousel-scripted)>.wp-block-visual-portfolio-item-template__item.vp-carousel-moved-round,.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-coverflow:not(.vp-carousel-scripted)>.wp-block-visual-portfolio-item-template__item.vp-carousel-moved-round .wp-block-visual-portfolio-item-template__card,.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-coverflow:not(.vp-carousel-scripted)>.wp-block-visual-portfolio-item-template__item.vp-carousel-moved-round .wp-block-visual-portfolio-item-template__slide{animation-range:var(--vp-carousel-copy-contain);animation-timeline:--vp-carousel-scroll}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-slideshow{gap:0}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-slideshow .wp-block-visual-portfolio-item-template__slide{overflow:hidden;view-timeline-axis:inline;view-timeline-name:--vp-carousel-slide}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-slideshow .wp-block-visual-portfolio-item-template__card{animation-fill-mode:both;animation-name:vp-carousel-slideshow-card;animation-range:cover;animation-timeline:--vp-carousel-slide;animation-timing-function:linear}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-slideshow:not(.vp-carousel-scripted)>.wp-block-visual-portfolio-item-template__item.vp-carousel-moved-round .wp-block-visual-portfolio-item-template__card{animation-range:var(--vp-carousel-copy-cover);animation-timeline:--vp-carousel-scroll}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-fade{--vp-carousel-pin:100%;gap:0}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-fade>.wp-block-visual-portfolio-item-template__item{animation-fill-mode:both;animation-name:vp-carousel-arriving-above;animation-range:cover;animation-timeline:--vp-carousel-item;animation-timing-function:linear;view-timeline-axis:inline;view-timeline-name:--vp-carousel-item}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-fade .wp-block-visual-portfolio-item-template__slide{view-timeline-axis:inline;view-timeline-name:--vp-carousel-slide}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-fade .wp-block-visual-portfolio-item-template__card{animation-fill-mode:both;animation-name:vp-carousel-fade-card;animation-range:cover;animation-timeline:--vp-carousel-slide;animation-timing-function:linear}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-fade:not(.vp-carousel-scripted)>.wp-block-visual-portfolio-item-template__item.vp-carousel-moved-round,.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-fade:not(.vp-carousel-scripted)>.wp-block-visual-portfolio-item-template__item.vp-carousel-moved-round .wp-block-visual-portfolio-item-template__card{animation-range:var(--vp-carousel-copy-cover);animation-timeline:--vp-carousel-scroll}}}@media(prefers-reduced-motion:no-preference){.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-coverflow{gap:0}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-coverflow,.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-coverflow.vp-carousel-snap-center{padding-inline:calc(50cqw - 25cqw/max(var(--vp-layout-current-columns),2));scroll-padding-inline:0}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-coverflow>.wp-block-visual-portfolio-item-template__item{scroll-snap-align:center;width:calc(50cqw/max(var(--vp-layout-current-columns),2));--vp-carousel-timeline-inset:calc(50cqw - 70cqw/max(var(--vp-layout-current-columns), 2));animation-delay:calc(var(--vp-carousel-contain)*-1s);animation-duration:1s;animation-fill-mode:both;animation-name:vp-carousel-coverflow-item;animation-play-state:paused;animation-range:normal;animation-timeline:auto;animation-timing-function:linear}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-coverflow .wp-block-visual-portfolio-item-template__slide{animation-delay:calc(var(--vp-carousel-contain)*-1s);animation-duration:1s;animation-fill-mode:both;animation-name:vp-carousel-coverflow-slide;animation-play-state:paused;animation-range:normal;animation-timeline:auto;animation-timing-function:linear;margin-inline:-50%;perspective:calc(var(--vp-carousel-slide-width)*5);position:relative;width:200%}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-coverflow .wp-block-visual-portfolio-item-template__card{animation-delay:calc(var(--vp-carousel-contain)*-1s);animation-duration:1s;animation-fill-mode:both;animation-name:vp-carousel-coverflow-card;animation-play-state:paused;animation-range:normal;animation-timeline:auto;animation-timing-function:linear}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-slideshow{gap:0}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-slideshow .wp-block-visual-portfolio-item-template__slide{overflow:hidden}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-slideshow .wp-block-visual-portfolio-item-template__card{animation-delay:calc(var(--vp-carousel-cover)*-1s);animation-duration:1s;animation-fill-mode:both;animation-name:vp-carousel-slideshow-card;animation-play-state:paused;animation-range:normal;animation-timeline:auto;animation-timing-function:linear}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-fade{--vp-carousel-pin:100%;gap:0}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-fade>.wp-block-visual-portfolio-item-template__item{animation-delay:calc(var(--vp-carousel-cover)*-1s);animation-duration:1s;animation-fill-mode:both;animation-name:vp-carousel-arriving-above;animation-play-state:paused;animation-range:normal;animation-timeline:auto;animation-timing-function:linear}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-fade .wp-block-visual-portfolio-item-template__card{animation-delay:calc(var(--vp-carousel-cover)*-1s);animation-duration:1s;animation-fill-mode:both;animation-name:vp-carousel-fade-card;animation-play-state:paused;animation-range:normal;animation-timeline:auto;animation-timing-function:linear}}@keyframes vp-carousel-coverflow-item{0%{z-index:0}50%{z-index:100}to{z-index:0}}@keyframes vp-carousel-coverflow-slide{0%{transform:translateX(calc(30%*var(--vp-carousel-direction, 1)))}50%{transform:translateX(0)}to{transform:translateX(calc(-30%*var(--vp-carousel-direction, 1)))}}@keyframes vp-carousel-coverflow-card{0%{transform:rotateY(calc(-55deg*var(--vp-carousel-direction, 1))) scale(.8)}50%{transform:rotateY(0) scale(1)}to{transform:rotateY(calc(55deg*var(--vp-carousel-direction, 1))) scale(.8)}}@keyframes vp-carousel-arriving-above{0%,50%{z-index:2}51%,to{z-index:1}}@keyframes vp-carousel-fade-card{0%{opacity:0;translate:calc(var(--vp-carousel-pin)*-1*var(--vp-carousel-direction, 1));visibility:hidden}2%{visibility:hidden}50%{opacity:1;translate:0;visibility:visible}to{opacity:1;translate:calc(var(--vp-carousel-pin)*var(--vp-carousel-direction, 1))}}@keyframes vp-carousel-slideshow-card{0%{transform:translateX(calc(-50%*var(--vp-carousel-direction, 1)))}50%{transform:translateX(0)}to{transform:translateX(calc(50%*var(--vp-carousel-direction, 1)))}}@media(prefers-reduced-motion:reduce){.wp-block-visual-portfolio-item-template.vp-layout-carousel{scroll-behavior:auto}}.wp-block-visual-portfolio-item-template__item{min-width:0}.wp-block-visual-portfolio-item-template__carousel-frame{container-type:inline-size;overflow:clip;position:relative}.wp-block-visual-portfolio-item-template__carousel-frame:has(>.wp-block-visual-portfolio-item-template:focus-visible:not(.vp-carousel-pointer-focus)){outline:2px solid currentcolor;outline-offset:2px}.vp-is-loading .wp-block-visual-portfolio-item-template{opacity:.6;transition:opacity .15s ease-in-out}.wp-block-visual-portfolio-item-template__live-region{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.wp-block-visual-portfolio-item-template.vp-layout-carousel[data-vp-carousel-repeat=true]:after{content:"";flex:0 0 var(--vp-layout-gap,1.5rem);margin-inline-start:calc(var(--vp-layout-gap, 1.5rem)*-1);scroll-snap-align:none}@layer blossom-carousel{.wp-block-visual-portfolio-item-template.vp-layout-carousel[data-vp-carousel-repeat=true]{padding-inline-end:calc(50cqw - var(--vp-carousel-seam-shift, 0px))!important;padding-inline-start:calc(50cqw + var(--vp-carousel-seam-shift, 0px))!important;scroll-padding-inline:var(--vp-carousel-inset,0)!important}} +@property --vp-layout-current-columns{syntax:"";inherits:true;initial-value:3}@property --vp-carousel-fade-left{syntax:"";inherits:true;initial-value:0}@property --vp-carousel-fade-right{syntax:"";inherits:true;initial-value:0}@property --vp-carousel-timeline-inset{syntax:"";inherits:false;initial-value:0}@property --vp-slide-index{syntax:"";inherits:true;initial-value:0}.wp-block-visual-portfolio-item-template{--vp-layout-current-columns:var(--vp-layout-columns,3);--vp-layout-auto-placement:auto-fill;list-style:none;margin:0;padding:0}.wp-block-visual-portfolio-item-template.vp-layout-auto-fit{--vp-layout-auto-placement:auto-fit}@media(max-width:1200px){.wp-block-visual-portfolio-item-template:not(.vp-layout-auto-columns){--vp-layout-current-columns:min(var(--vp-layout-columns,3),4)}}@media(max-width:992px){.wp-block-visual-portfolio-item-template:not(.vp-layout-auto-columns){--vp-layout-current-columns:min(var(--vp-layout-columns,3),3)}}@media(max-width:768px){.wp-block-visual-portfolio-item-template:not(.vp-layout-auto-columns){--vp-layout-current-columns:min(var(--vp-layout-columns,3),2)}}@media(max-width:576px){.wp-block-visual-portfolio-item-template:not(.vp-layout-auto-columns){--vp-layout-current-columns:min(var(--vp-layout-columns,3),1)}}.wp-block-visual-portfolio-item-template.vp-layout-grid{display:grid;gap:var(--vp-layout-row-gap,var(--vp-layout-gap,1.5rem)) var(--vp-layout-gap,1.5rem);grid-template-columns:repeat(var(--vp-layout-current-columns),minmax(0,1fr))}.wp-block-visual-portfolio-item-template.vp-layout-grid.are-vertically-aligned-top{align-items:start}.wp-block-visual-portfolio-item-template.vp-layout-grid.are-vertically-aligned-center{align-items:center}.wp-block-visual-portfolio-item-template.vp-layout-grid.are-vertically-aligned-bottom{align-items:end}.wp-block-visual-portfolio-item-template.vp-layout-grid.vp-layout-auto-columns{container-type:inline-size;grid-template-columns:repeat(var(--vp-layout-auto-placement),minmax(var(--vp-layout-track,min(16rem,100%)),1fr))}.wp-block-visual-portfolio-item-template.vp-layout-masonry{column-gap:var(--vp-layout-gap,1.5rem);position:relative;row-gap:var(--vp-layout-row-gap,var(--vp-layout-gap,1.5rem))}.wp-block-visual-portfolio-item-template.vp-layout-masonry>.wp-block-visual-portfolio-item-template__item{margin-bottom:var(--vp-layout-row-gap,var(--vp-layout-gap,1.5rem));width:calc((100% - (var(--vp-layout-current-columns) - 1)*var(--vp-layout-gap, 1.5rem))/var(--vp-layout-current-columns))}@supports not (display:grid-lanes){.wp-block-visual-portfolio-item-template.vp-layout-masonry:not(.vp-has-masonry){column-count:var(--vp-layout-current-columns);column-gap:var(--vp-layout-gap,1.5rem)}.wp-block-visual-portfolio-item-template.vp-layout-masonry:not(.vp-has-masonry).vp-layout-auto-columns{column-width:var(--vp-layout-min-column-width,16rem)}.wp-block-visual-portfolio-item-template.vp-layout-masonry:not(.vp-has-masonry)>.wp-block-visual-portfolio-item-template__item{break-inside:avoid;margin-bottom:var(--vp-layout-row-gap,var(--vp-layout-gap,1.5rem));width:auto}}@supports(display:grid-lanes){.wp-block-visual-portfolio-item-template.vp-layout-masonry{display:grid-lanes;gap:var(--vp-layout-row-gap,var(--vp-layout-gap,1.5rem)) var(--vp-layout-gap,1.5rem);grid-template-columns:repeat(var(--vp-layout-current-columns),minmax(0,1fr))}.wp-block-visual-portfolio-item-template.vp-layout-masonry.vp-layout-auto-columns{grid-template-columns:repeat(var(--vp-layout-auto-placement),minmax(var(--vp-layout-track,min(16rem,100%)),1fr))}.wp-block-visual-portfolio-item-template.vp-layout-masonry>.wp-block-visual-portfolio-item-template__item{margin-bottom:0;width:auto}}.wp-block-visual-portfolio-item-template.vp-layout-masonry-native{display:grid-lanes;gap:var(--vp-layout-row-gap,var(--vp-layout-gap,1.5rem)) var(--vp-layout-gap,1.5rem);grid-template-columns:repeat(var(--vp-layout-current-columns),minmax(0,1fr))}.wp-block-visual-portfolio-item-template.vp-layout-masonry-native.vp-layout-auto-columns{grid-template-columns:repeat(var(--vp-layout-auto-placement),minmax(var(--vp-layout-track,min(16rem,100%)),1fr))}.wp-block-visual-portfolio-item-template.vp-layout-masonry-native>.wp-block-visual-portfolio-item-template__item{margin-bottom:0;width:auto}.wp-block-visual-portfolio-item-template.vp-layout-tiles{container-type:inline-size;display:grid;gap:var(--vp-layout-row-gap,var(--vp-layout-gap,1.5rem)) var(--vp-layout-gap,1.5rem);grid-auto-flow:row dense;grid-template-columns:repeat(var(--vp-layout-current-columns),minmax(0,1fr))}.wp-block-visual-portfolio-item-template.vp-layout-tiles>.wp-block-visual-portfolio-item-template__item{--vp-tile-span:min(var(--vp-tile-columns,1),var(--vp-layout-current-columns));display:flex;flex-direction:column;grid-column:span var(--vp-tile-span);height:calc(((100cqw + var(--vp-layout-gap, 1.5rem))/var(--vp-layout-current-columns) - var(--vp-layout-gap, 1.5rem) + var(--vp-layout-row-gap, var(--vp-layout-gap, 1.5rem)))*var(--vp-tile-height, 1)*var(--vp-tile-span) - var(--vp-layout-row-gap, var(--vp-layout-gap, 1.5rem)));overflow:hidden}.wp-block-visual-portfolio-item-template.vp-layout-tiles .wp-block-visual-portfolio-item-template__item .wp-block-visual-portfolio-item-image{flex:1 1 auto;min-height:0}.wp-block-visual-portfolio-item-template.vp-layout-tiles .wp-block-visual-portfolio-item-template__item .wp-block-visual-portfolio-item-image>a{height:100%}.wp-block-visual-portfolio-item-template.vp-layout-tiles .wp-block-visual-portfolio-item-template__item .wp-block-visual-portfolio-item-image img{height:100%;object-fit:cover}.wp-block-visual-portfolio-item-template.vp-layout-justified{display:flex;flex-wrap:wrap;gap:var(--vp-layout-row-gap,var(--vp-layout-gap,1.5rem)) var(--vp-layout-gap,1.5rem);position:relative}.wp-block-visual-portfolio-item-template.vp-layout-justified>.wp-block-visual-portfolio-item-template__item{flex:1 1 auto;max-width:100%}.wp-block-visual-portfolio-item-template.vp-layout-justified.vp-has-script>.wp-block-visual-portfolio-item-template__item{flex-grow:0}.wp-block-visual-portfolio-item-template.vp-layout-justified.vp-has-script .wp-block-visual-portfolio-item-template__item .wp-block-visual-portfolio-item-image>a{height:100%}.wp-block-visual-portfolio-item-template.vp-layout-justified.vp-has-script .wp-block-visual-portfolio-item-template__item .wp-block-visual-portfolio-item-image img{height:100%;object-fit:cover}.wp-block-visual-portfolio-item-template.vp-layout-carousel{--vp-carousel-slide-width:calc((100cqw - var(--vp-carousel-inset, 0px)*2 - var(--vp-carousel-peek, 0px) - (var(--vp-layout-current-columns) - 1)*var(--vp-layout-gap, 1.5rem))/var(--vp-layout-current-columns))}.wp-block-visual-portfolio-item-template.vp-layout-carousel:dir(rtl){--vp-carousel-direction:-1}.wp-block-visual-portfolio-item-template.vp-layout-carousel{display:flex;gap:var(--vp-layout-gap,1.5rem);overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;position:relative;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}.wp-block-visual-portfolio-item-template.vp-layout-carousel::-webkit-scrollbar{display:none}.wp-block-visual-portfolio-item-template.vp-layout-carousel{padding-inline-end:calc(var(--vp-carousel-inset, 0px) + var(--vp-carousel-peek, 0px));padding-inline-start:var(--vp-carousel-inset,0);scroll-padding-inline:calc(var(--vp-carousel-inset, 0px) + var(--vp-carousel-peek, 0px))}.wp-block-visual-portfolio-item-template.vp-layout-carousel>.wp-block-visual-portfolio-item-template__item{flex:0 0 auto;height:var(--vp-carousel-slide-height,auto);scroll-snap-align:var(--vp-carousel-snap-align,start);width:var(--vp-carousel-slide-width)}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-auto-width>.wp-block-visual-portfolio-item-template__item{width:auto}.wp-block-visual-portfolio-item-template.vp-layout-carousel>.wp-block-visual-portfolio-item-template__item.vp-carousel-no-snap{scroll-snap-align:none}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-stretch-slides>.wp-block-visual-portfolio-item-template__item{display:flex;flex-direction:column}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-stretch-slides .wp-block-visual-portfolio-item-template__item .wp-block-visual-portfolio-item-image{flex:1 1 auto;min-height:0}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-stretch-slides .wp-block-visual-portfolio-item-template__item .wp-block-visual-portfolio-item-image>a{height:100%}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-stretch-slides .wp-block-visual-portfolio-item-template__item .wp-block-visual-portfolio-item-image img{height:100%;object-fit:cover}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-snap-center:not(.vp-carousel-auto-width){padding-inline:calc((100cqw - var(--vp-carousel-slide-width))/2);scroll-padding-inline:0}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-free-scroll{scroll-snap-type:none}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-is-scrubbing{scroll-behavior:auto;scroll-snap-type:none}.wp-block-visual-portfolio-item-template.vp-layout-carousel[data-vp-carousel-repeat=true]{scroll-behavior:auto}.wp-block-visual-portfolio-item-template.vp-layout-carousel[data-vp-carousel-marquee]>.wp-block-visual-portfolio-item-template__item{transform:translateX(calc(var(--vp-carousel-marquee-shift, 0px)*-1))}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-edge-fade{--vp-carousel-fade-left:var(--vp-carousel-fade-size,6%);--vp-carousel-fade-right:var(--vp-carousel-fade-size,6%);mask-image:linear-gradient(to right,transparent calc(var(--vp-carousel-fade-left)*0),rgba(0,0,0,.013) calc(var(--vp-carousel-fade-left)*.081),rgba(0,0,0,.049) calc(var(--vp-carousel-fade-left)*.155),rgba(0,0,0,.104) calc(var(--vp-carousel-fade-left)*.225),rgba(0,0,0,.175) calc(var(--vp-carousel-fade-left)*.29),rgba(0,0,0,.259) calc(var(--vp-carousel-fade-left)*.353),rgba(0,0,0,.352) calc(var(--vp-carousel-fade-left)*.412),rgba(0,0,0,.45) calc(var(--vp-carousel-fade-left)*.471),rgba(0,0,0,.55) calc(var(--vp-carousel-fade-left)*.529),rgba(0,0,0,.648) calc(var(--vp-carousel-fade-left)*.588),rgba(0,0,0,.741) calc(var(--vp-carousel-fade-left)*.647),rgba(0,0,0,.825) calc(var(--vp-carousel-fade-left)*.71),rgba(0,0,0,.896) calc(var(--vp-carousel-fade-left)*.775),rgba(0,0,0,.951) calc(var(--vp-carousel-fade-left)*.845),rgba(0,0,0,.987) calc(var(--vp-carousel-fade-left)*.919),#000 calc(var(--vp-carousel-fade-left)*1),#000 calc(100% - var(--vp-carousel-fade-right)*1),rgba(0,0,0,.987) calc(100% - var(--vp-carousel-fade-right)*.919),rgba(0,0,0,.951) calc(100% - var(--vp-carousel-fade-right)*.845),rgba(0,0,0,.896) calc(100% - var(--vp-carousel-fade-right)*.775),rgba(0,0,0,.825) calc(100% - var(--vp-carousel-fade-right)*.71),rgba(0,0,0,.741) calc(100% - var(--vp-carousel-fade-right)*.647),rgba(0,0,0,.648) calc(100% - var(--vp-carousel-fade-right)*.588),rgba(0,0,0,.55) calc(100% - var(--vp-carousel-fade-right)*.529),rgba(0,0,0,.45) calc(100% - var(--vp-carousel-fade-right)*.471),rgba(0,0,0,.352) calc(100% - var(--vp-carousel-fade-right)*.412),rgba(0,0,0,.259) calc(100% - var(--vp-carousel-fade-right)*.353),rgba(0,0,0,.175) calc(100% - var(--vp-carousel-fade-right)*.29),rgba(0,0,0,.104) calc(100% - var(--vp-carousel-fade-right)*.225),rgba(0,0,0,.049) calc(100% - var(--vp-carousel-fade-right)*.155),rgba(0,0,0,.013) calc(100% - var(--vp-carousel-fade-right)*.081),transparent calc(100% - var(--vp-carousel-fade-right)*0));transition:--vp-carousel-fade-left .2s linear,--vp-carousel-fade-right .2s linear}.wp-block-visual-portfolio-item-template.vp-layout-carousel:focus,.wp-block-visual-portfolio-item-template.vp-layout-carousel:focus-visible{outline:none}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-effect .wp-block-visual-portfolio-item-template__card,.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-effect .wp-block-visual-portfolio-item-template__slide,.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-effect>.wp-block-visual-portfolio-item-template__item{display:flex;flex-direction:column}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-effect .wp-block-visual-portfolio-item-template__card,.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-effect .wp-block-visual-portfolio-item-template__slide{flex:1 1 auto;min-width:0}@supports(animation-timeline:view()){.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-effect{scroll-timeline-axis:inline;scroll-timeline-name:--vp-carousel-scroll}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-effect:dir(rtl):not(.vp-carousel-scripted) .wp-block-visual-portfolio-item-template__card,.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-effect:dir(rtl):not(.vp-carousel-scripted) .wp-block-visual-portfolio-item-template__slide,.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-effect:dir(rtl):not(.vp-carousel-scripted)>.wp-block-visual-portfolio-item-template__item{animation-name:none}@media(prefers-reduced-motion:no-preference){.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-coverflow{gap:0}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-coverflow,.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-coverflow.vp-carousel-snap-center{padding-inline:calc(50cqw - 25cqw/max(var(--vp-layout-current-columns),2));scroll-padding-inline:0}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-coverflow>.wp-block-visual-portfolio-item-template__item{animation-fill-mode:both;animation-name:vp-carousel-coverflow-item;animation-range:contain;animation-timeline:--vp-carousel-slide;animation-timing-function:linear;scroll-snap-align:center;view-timeline-axis:inline;view-timeline-inset:calc(50cqw - 70cqw/max(var(--vp-layout-current-columns),2));view-timeline-name:--vp-carousel-slide;width:calc(50cqw/max(var(--vp-layout-current-columns),2))}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-coverflow .wp-block-visual-portfolio-item-template__slide{animation-fill-mode:both;animation-name:vp-carousel-coverflow-slide;animation-range:contain;animation-timeline:--vp-carousel-slide;animation-timing-function:linear;margin-inline:-50%;perspective:calc(var(--vp-carousel-slide-width)*5);position:relative;width:200%}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-coverflow .wp-block-visual-portfolio-item-template__card{animation-fill-mode:both;animation-name:vp-carousel-coverflow-card;animation-range:contain;animation-timeline:--vp-carousel-slide;animation-timing-function:linear}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-coverflow:not(.vp-carousel-scripted)>.wp-block-visual-portfolio-item-template__item.vp-carousel-moved-round,.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-coverflow:not(.vp-carousel-scripted)>.wp-block-visual-portfolio-item-template__item.vp-carousel-moved-round .wp-block-visual-portfolio-item-template__card,.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-coverflow:not(.vp-carousel-scripted)>.wp-block-visual-portfolio-item-template__item.vp-carousel-moved-round .wp-block-visual-portfolio-item-template__slide{animation-range:var(--vp-carousel-copy-contain);animation-timeline:--vp-carousel-scroll}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-slideshow{gap:0}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-slideshow .wp-block-visual-portfolio-item-template__slide{overflow:hidden;view-timeline-axis:inline;view-timeline-name:--vp-carousel-slide}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-slideshow .wp-block-visual-portfolio-item-template__card{animation-fill-mode:both;animation-name:vp-carousel-slideshow-card;animation-range:cover;animation-timeline:--vp-carousel-slide;animation-timing-function:linear}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-slideshow:not(.vp-carousel-scripted)>.wp-block-visual-portfolio-item-template__item.vp-carousel-moved-round .wp-block-visual-portfolio-item-template__card{animation-range:var(--vp-carousel-copy-cover);animation-timeline:--vp-carousel-scroll}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-fade{--vp-carousel-pin:100%;gap:0}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-fade>.wp-block-visual-portfolio-item-template__item{animation-fill-mode:both;animation-name:vp-carousel-arriving-above;animation-range:cover;animation-timeline:--vp-carousel-item;animation-timing-function:linear;view-timeline-axis:inline;view-timeline-name:--vp-carousel-item}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-fade .wp-block-visual-portfolio-item-template__slide{view-timeline-axis:inline;view-timeline-name:--vp-carousel-slide}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-fade .wp-block-visual-portfolio-item-template__card{animation-fill-mode:both;animation-name:vp-carousel-fade-card;animation-range:cover;animation-timeline:--vp-carousel-slide;animation-timing-function:linear}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-fade:not(.vp-carousel-scripted)>.wp-block-visual-portfolio-item-template__item.vp-carousel-moved-round,.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-fade:not(.vp-carousel-scripted)>.wp-block-visual-portfolio-item-template__item.vp-carousel-moved-round .wp-block-visual-portfolio-item-template__card{animation-range:var(--vp-carousel-copy-cover);animation-timeline:--vp-carousel-scroll}}}@media(prefers-reduced-motion:no-preference){.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-coverflow{gap:0}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-coverflow,.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-coverflow.vp-carousel-snap-center{padding-inline:calc(50cqw - 25cqw/max(var(--vp-layout-current-columns),2));scroll-padding-inline:0}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-coverflow>.wp-block-visual-portfolio-item-template__item{scroll-snap-align:center;width:calc(50cqw/max(var(--vp-layout-current-columns),2));--vp-carousel-timeline-inset:calc(50cqw - 70cqw/max(var(--vp-layout-current-columns), 2));animation-delay:calc(var(--vp-carousel-contain)*-1s);animation-duration:1s;animation-fill-mode:both;animation-name:vp-carousel-coverflow-item;animation-play-state:paused;animation-range:normal;animation-timeline:auto;animation-timing-function:linear}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-coverflow .wp-block-visual-portfolio-item-template__slide{animation-delay:calc(var(--vp-carousel-contain)*-1s);animation-duration:1s;animation-fill-mode:both;animation-name:vp-carousel-coverflow-slide;animation-play-state:paused;animation-range:normal;animation-timeline:auto;animation-timing-function:linear;margin-inline:-50%;perspective:calc(var(--vp-carousel-slide-width)*5);position:relative;width:200%}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-coverflow .wp-block-visual-portfolio-item-template__card{animation-delay:calc(var(--vp-carousel-contain)*-1s);animation-duration:1s;animation-fill-mode:both;animation-name:vp-carousel-coverflow-card;animation-play-state:paused;animation-range:normal;animation-timeline:auto;animation-timing-function:linear}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-slideshow{gap:0}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-slideshow .wp-block-visual-portfolio-item-template__slide{overflow:hidden}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-slideshow .wp-block-visual-portfolio-item-template__card{animation-delay:calc(var(--vp-carousel-cover)*-1s);animation-duration:1s;animation-fill-mode:both;animation-name:vp-carousel-slideshow-card;animation-play-state:paused;animation-range:normal;animation-timeline:auto;animation-timing-function:linear}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-fade{--vp-carousel-pin:100%;gap:0}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-fade>.wp-block-visual-portfolio-item-template__item{animation-delay:calc(var(--vp-carousel-cover)*-1s);animation-duration:1s;animation-fill-mode:both;animation-name:vp-carousel-arriving-above;animation-play-state:paused;animation-range:normal;animation-timeline:auto;animation-timing-function:linear}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-fade .wp-block-visual-portfolio-item-template__card{animation-delay:calc(var(--vp-carousel-cover)*-1s);animation-duration:1s;animation-fill-mode:both;animation-name:vp-carousel-fade-card;animation-play-state:paused;animation-range:normal;animation-timeline:auto;animation-timing-function:linear}}@keyframes vp-carousel-coverflow-item{0%{z-index:0}50%{z-index:100}to{z-index:0}}@keyframes vp-carousel-coverflow-slide{0%{transform:translateX(calc(30%*var(--vp-carousel-direction, 1)))}50%{transform:translateX(0)}to{transform:translateX(calc(-30%*var(--vp-carousel-direction, 1)))}}@keyframes vp-carousel-coverflow-card{0%{transform:rotateY(calc(-55deg*var(--vp-carousel-direction, 1))) scale(.8)}50%{transform:rotateY(0) scale(1)}to{transform:rotateY(calc(55deg*var(--vp-carousel-direction, 1))) scale(.8)}}@keyframes vp-carousel-arriving-above{0%,50%{z-index:2}51%,to{z-index:1}}@keyframes vp-carousel-fade-card{0%{opacity:0;translate:calc(var(--vp-carousel-pin)*-1*var(--vp-carousel-direction, 1));visibility:hidden}2%{visibility:hidden}50%{opacity:1;translate:0;visibility:visible}to{opacity:1;translate:calc(var(--vp-carousel-pin)*var(--vp-carousel-direction, 1))}}@keyframes vp-carousel-slideshow-card{0%{transform:translateX(calc(-50%*var(--vp-carousel-direction, 1)))}50%{transform:translateX(0)}to{transform:translateX(calc(50%*var(--vp-carousel-direction, 1)))}}@media(prefers-reduced-motion:reduce){.wp-block-visual-portfolio-item-template.vp-layout-carousel{scroll-behavior:auto}}.wp-block-visual-portfolio-item-template__item{min-width:0}.wp-block-visual-portfolio-item-template__carousel-frame{container-type:inline-size;overflow:clip;position:relative}.wp-block-visual-portfolio-item-template__carousel-frame:has(>.wp-block-visual-portfolio-item-template:focus-visible:not(.vp-carousel-pointer-focus)){outline:2px solid currentcolor;outline-offset:2px}.vp-is-loading .wp-block-visual-portfolio-item-template{opacity:.6;transition:opacity .15s ease-in-out}.wp-block-visual-portfolio-item-template__live-region{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.wp-block-visual-portfolio-item-template.vp-layout-carousel[data-vp-carousel-repeat=true]:after{content:"";flex:0 0 var(--vp-layout-gap,1.5rem);margin-inline-start:calc(var(--vp-layout-gap, 1.5rem)*-1);scroll-snap-align:none}@layer blossom-carousel{.wp-block-visual-portfolio-item-template.vp-layout-carousel[data-vp-carousel-repeat=true]{padding-inline-end:calc(50cqw - var(--vp-carousel-seam-shift, 0px))!important;padding-inline-start:calc(50cqw + var(--vp-carousel-seam-shift, 0px))!important;scroll-padding-inline:var(--vp-carousel-inset,0)!important}} diff --git a/build/gutenberg/blocks/item-template/view.asset.php b/build/gutenberg/blocks/item-template/view.asset.php index 70aa87bc..e5021140 100644 --- a/build/gutenberg/blocks/item-template/view.asset.php +++ b/build/gutenberg/blocks/item-template/view.asset.php @@ -1 +1 @@ - array('@wordpress/interactivity'), 'version' => '2e230cd83ea689486136', 'type' => 'module'); + array('@wordpress/interactivity'), 'version' => 'beb370ea3ee027886fdf', 'type' => 'module'); diff --git a/build/gutenberg/blocks/item-template/view.js b/build/gutenberg/blocks/item-template/view.js index 2cad3098..1f26ee25 100644 --- a/build/gutenberg/blocks/item-template/view.js +++ b/build/gutenberg/blocks/item-template/view.js @@ -1 +1 @@ -import{getElement as e,store as t}from"@wordpress/interactivity";const o="--vp-layout-current-columns";function n(e,t=()=>{}){const n=e.ownerDocument.defaultView||window,r=e.classList.contains("vp-layout-auto-columns");let s=0;const a=()=>{const n=r?function(e){const t=(e.ownerDocument.defaultView||window).getComputedStyle(e),o=e.clientWidth,n=parseFloat(t.columnGap)||0,r=function(e){const t=e.ownerDocument.createElement("div");t.style.cssText="position:absolute;visibility:hidden;pointer-events:none;width:var(--vp-layout-min-column-width,16rem)",e.appendChild(t);const o=t.offsetWidth;return t.remove(),o}(e);if(!o||!r)return 1;const s=parseInt(t.getPropertyValue("--vp-layout-columns"),10),a=Math.floor((o+n)/(r+n));return Math.max(1,s>0?Math.min(a,s):a)}(e):function(e){const t=(e.ownerDocument.defaultView||window).getComputedStyle(e);return Math.max(1,parseInt(t.getPropertyValue(o),10)||1)}(e);n!==s&&(s=n,r&&e.style.setProperty(o,String(n)),t(n))};a();const i=new n.ResizeObserver(a);return i.observe(e),r||i.observe(e.ownerDocument.documentElement),()=>{i.disconnect(),r&&e.style.removeProperty(o)}}const r=".wp-block-visual-portfolio-item-template__item",s=".wp-block-visual-portfolio-item-image";function a(e){const t=e.querySelector("img");return null!=t&&t.naturalWidth&&null!=t&&t.naturalHeight?t.naturalWidth/t.naturalHeight:1}function i(e){const t=e.ownerDocument.createComment("");e.appendChild(t),t.remove()}const l=".wp-block-visual-portfolio-item-template",c=".wp-block-visual-portfolio-item-template__item",u=".vp-block-loop",d=".vp-block-loop-carousel-indicator--dots",p=".vp-block-loop-carousel-dot",h="[data-vp-slide]",f="vp-block-loop-carousel-dot-worm",v=`.${f}`,m="is-collapsed",w="is-edge",y="is-edge-far",g="--vp-carousel-dots-shift",E='[data-vp-carousel-control="autoplay"]',b="vp-carousel-is-scrubbing",L=".vp-block-loop-carousel-thumbnails",S="vp-carousel-control-idle",M="vp-carousel-is-playing",A="vp-carousel-moved-round",x="--vp-carousel-copy-cover",q="--vp-carousel-copy-contain",P="vp-layout-masonry",W="vp-relayout",F="vp-carousel-go-to",I="vp-carousel-autoplay",k="vp-carousel-step",C=()=>{},T=new WeakMap,N=new WeakMap,V=new WeakSet,O=new WeakSet,$=new WeakMap,R=new WeakSet,D=new WeakMap,H=new WeakMap,_=new WeakMap,G="--vp-carousel-seam-shift",X="vp-carousel-pointer-focus",z=new Set(["Alt","AltGraph","CapsLock","Control","Fn","Meta","NumLock","OS","ScrollLock","Shift","Symbol"]),Y="--snap-type";function J(e){return"true"===e.dataset.vpCarouselRepeat}function j(e,t){return!he(e)&&e.querySelectorAll(c).length>Math.max(1,t)}function B(e){const t=e.querySelectorAll(c),o=t.length>1?Math.abs(t[1].offsetLeft-t[0].offsetLeft):e.scrollWidth-e.clientWidth,n=t.length?t.length*o:0;let r=0;if(t.length){const o=window.getComputedStyle(e),n=window.getComputedStyle(t[0]).scrollSnapAlign.startsWith("center"),s=parseFloat(o.paddingInlineStart)||0;r=n?s+(t[0].offsetWidth-e.clientWidth)/2:s-(parseFloat(o.scrollPaddingInlineStart)||0)}return{count:t.length,step:o,period:n,origin:r}}function U(e,t){return t>0?(e%t+t)%t:0}function K(e,t=B(e)){const{count:o,step:n,period:r,origin:s}=t;return o&&n?Math.round(U(ve(e)-s,r)/n)%o:0}function Q(e,t,o=0,n=0){const r=B(e),{count:s,step:a,period:l,origin:c}=r;if(!s||!a)return;const u=(t%s+s)%s,d=ve(e),p=c+u*a;let h=p;if(o>0){for(;h-l>d+1;)h-=l;for(;h<=d+1;)h+=l}else if(o<0){for(;h+l=d-1;)h-=l}else h=[p-l,p,p+l].reduce((e,t)=>Math.abs(t-d)ee(e,t,n),l=()=>{Z.delete(e),s?e.style.setProperty(Y,s):e.style.removeProperty(Y),i(e)},c=Math.abs(o-t),u=c>0&&Math.sign(o-t)===Math.sign(r),d=Math.min(700,Math.max(120,3*c/Math.abs(r)));let p=u?d:450;"auto"===fe()&&(p=0);const h=window.performance.now();let f=0;const v=e=>{const n=p?Math.min(1,(e-h)/p):1,r=1-n,s=u?1-r*r*r:.5-Math.cos(Math.PI*n)/2;a(t+(o-t)*s),f=n<1?window.requestAnimationFrame(v):window.requestAnimationFrame(()=>{f=window.requestAnimationFrame(l)})};Z.set(e,()=>{window.cancelAnimationFrame(f),l()}),a(t),f=window.requestAnimationFrame(v)}(e,d,h,l,n)}const Z=new WeakMap;function ee(e,t,o){const n=function(e,t){const o=t-4,n=U(e,t);return n>=4&&n<=o?n:n+t<=o?n+t:4}(t,o),r=n!==ve(e);e.scrollTo({left:he(e)?-n:n,behavior:"instant"}),r&&e.dispatchEvent(new window.Event("scroll"))}function te(e){var t;null===(t=Z.get(e))||void 0===t||t()}function oe(e,t){const{count:o,step:n,origin:r}=B(e),s=r+(o?t%o:0)*n;e.scrollTo({left:he(e)?-s:s,behavior:"instant"}),me(e)}function ne(e,t,o=fe()){e.scrollTo({left:he(e)?-t:t,behavior:o})}const re=!(null===(se=window.CSS)||void 0===se||null===(ae=se.supports)||void 0===ae||!ae.call(se,"display","grid-lanes"));var se,ae;function ie(e){return function(e,t){const o=e.ownerDocument.defaultView||window,a=()=>t(e),i=n(e,a);a(),e.addEventListener("load",a,!0);const l=new o.ResizeObserver(a);return l.observe(e),()=>{i(),e.removeEventListener("load",a,!0),l.disconnect(),e.style.height="",Array.from(e.querySelectorAll(r)).forEach(e=>{!function(e){e.style.position="",e.style.left="",e.style.top="",e.style.width="",e.style.height="";const t=e.querySelector(s);t&&(t.style.height="")}(e),e.dataset.vpLayoutHidden&&(delete e.dataset.vpLayoutHidden,e.style.display="")})}}(e,e=>function(e,t){const{width:o,gap:n,rowGap:i,rowHeight:l}=function(e){const t=(e.ownerDocument.defaultView||window).getComputedStyle(e),o=e.clientWidth,n=e=>e.endsWith("%")?parseFloat(e)/100*o:parseFloat(e),r=n(t.columnGap)||0,s=n(t.rowGap);return{width:o,gap:r,rowGap:Number.isNaN(s)?r:s,columns:Math.max(1,parseInt(t.getPropertyValue("--vp-layout-current-columns"),10)||1),rowHeight:parseFloat(t.getPropertyValue("--vp-layout-row-height"))||320}}(e),c=function(e){const t=e.ownerDocument.defaultView||window;return Array.from(e.querySelectorAll(r)).filter(e=>"true"===e.dataset.vpLayoutHidden||"none"!==t.getComputedStyle(e).display)}(e);if(!c.length||!o)return;const u=c.map(a),d=[];let p=[],h=0;const f=l*(1+Math.max(0,t.rowHeightTolerance||0));c.forEach((e,t)=>{p.push(t),h+=u[t];const r=(o-n*(p.length-1))/h;r<=f&&(d.push({items:p,height:r,isFull:!0}),p=[],h=0)}),p.length&&d.push({items:p,height:l,isFull:!1});const v=t.maxRowsCount?d.slice(0,t.maxRowsCount):d;let m=0;v.forEach(e=>{const r=e.items.reduce((t,o)=>t+u[o]*e.height,0)+n*(e.items.length-1);let a=0;e.isFull||("center"===t.lastRow?a=(o-r)/2:"right"===t.lastRow&&(a=o-r));let l=0;e.items.forEach(t=>{const o=c[t],r=u[t]*e.height,i=o.querySelector(s);o.style.position="absolute",o.style.left=`${a}px`,o.style.top=`${m}px`,o.style.width=`${r}px`,i&&(i.style.height=`${e.height}px`),l=Math.max(l,o.offsetHeight),a+=r+n}),m+=l+i}),d.forEach((e,o)=>{const n=o>=v.length||!e.isFull&&"hide"===t.lastRow;e.items.forEach(e=>{const t=c[e];n?(t.dataset.vpLayoutHidden="true",t.style.display="none"):t.dataset.vpLayoutHidden&&(delete t.dataset.vpLayoutHidden,t.style.display="")})}),e.style.height=`${Math.max(0,m-i)}px`}(e,function(e){const t=e.dataset;return{rowHeight:parseFloat(t.vpJustifiedRowHeight)||320,rowHeightTolerance:parseFloat(t.vpJustifiedTolerance)||0,maxRowsCount:parseInt(t.vpJustifiedMaxRows,10)||0,lastRow:t.vpJustifiedLastRow||"left"}}(e)))}function le(e){return e.closest(".wp-block-visual-portfolio-item-template__carousel-frame")}function ce(e){return e.closest(u)||le(e)||e}function ue(e){return Array.from(ce(e).querySelectorAll("[data-vp-carousel-control]"))}function de(e){const t=Array.from(e.querySelectorAll(c));if(!t.length)return[];const o=he(e),n=Math.max(0,e.scrollWidth-e.clientWidth),r=window.getComputedStyle(t[0]).scrollSnapAlign.startsWith("center"),s=r?0:parseFloat(window.getComputedStyle(e).scrollPaddingInlineStart)||0;return t.map(t=>{const a=o?e.clientWidth-t.offsetLeft-t.offsetWidth:t.offsetLeft,i=r?(e.clientWidth-t.offsetWidth)/2:s,l=Math.max(0,Math.min(n,a-i));return n-l<2?n:l})}function pe(e,t=de(e)){if(J(e))return K(e);const o=ve(e);let n=0,r=Number.POSITIVE_INFINITY;return t.forEach((e,t)=>{const s=Math.abs(e-o);s=n;if(t.querySelectorAll(".vp-block-loop-carousel-previous").forEach(e=>{e.disabled=s}),t.querySelectorAll(".vp-block-loop-carousel-next").forEach(e=>{e.disabled=a}),e.classList.contains("vp-carousel-edge-fade")){const t=he(e);ge(e,"left",t?a:s),ge(e,"right",t?s:a)}!function(e,t=ce(e)){const o=we(e),n=e.querySelectorAll(c).length;t.querySelectorAll(h).forEach(e=>{const t=parseInt(e.dataset.vpSlide,10);e.setAttribute("aria-current",t===o?"true":"false")});const r=Se(e);t.querySelectorAll(d).forEach(e=>{!function(e,t,o){const n=e.querySelectorAll(p);if(!n.length)return;let r=0;o.forEach((e,o)=>{e<=t&&(r=o)}),n.forEach((e,t)=>{e.setAttribute("aria-current",t===r?"true":"false")});const s=parseInt(e.dataset.vpMaxDots,10)||0,a=s>0&&n.length>s,i=be(e,n.length,r);if(function(e,t,o){const n=e.querySelector(v);if(!n)return;const r={left:Math.round(t.centreOf(t.index)-t.grown/2),width:t.grown},s=D.get(e);if(s&&s.left===r.left&&s.width===r.width)return;D.set(e,r);const a=(e,t)=>{n.style.insetInlineStart=`${Math.round(e)}px`,n.style.width=`${Math.round(t)}px`};if(!s||"auto"===fe())return H.delete(e),void a(r.left,r.width);const i=H.get(e)||{tail:s.left,head:s.left+s.width,frame:0};if(i.tailFrom=i.tail,i.headFrom=i.head,i.tailTo=r.left,i.headTo=r.left+r.width,i.onwards=i.tailTo>=i.tailFrom,i.reach=o,i.started=window.performance.now(),H.set(e,i),i.frame)return;const l=()=>{if(!n.isConnected||H.get(e)!==i)return void(i.frame=0);const t=Math.min(1,(window.performance.now()-i.started)/420),o=(e=>1-(1-e)**3)(Math.min(1,t/.55)),r=(e=>e*e*(3-2*e))(Math.max(0,(t-.32)/.6799999999999999)),s=i.onwards?o:r,c=i.onwards?r:o;i.head=i.headFrom+(i.headTo-i.headFrom)*s,i.tail=i.tailFrom+(i.tailTo-i.tailFrom)*c,i.head-i.tail>i.reach&&(i.onwards?i.tail=i.head-i.reach:i.head=i.tail+i.reach),a(i.tail,Math.max(1,i.head-i.tail)),i.frame=t<1?window.requestAnimationFrame(l):0};i.frame=window.requestAnimationFrame(l)}(e,i,a?3*i.slot:Number.POSITIVE_INFINITY),!a)return e.classList.remove(m),e.style.removeProperty(g),n.forEach(e=>{e.classList.remove(w,y)}),void $.delete(e);e.classList.add(m);const l=e.querySelector(`${p}:focus-visible`),c=l?Array.prototype.indexOf.call(n,l):r;R.has(e)||(R.add(e),e.addEventListener("focusin",t=>{const o=t.target.closest(p);if(null==o||!o.matches(":focus-visible"))return;const n=e.querySelectorAll(p),r=Math.max(0,Array.prototype.findIndex.call(n,e=>"true"===e.getAttribute("aria-current")));Me(e,be(e,n.length,r),Array.prototype.indexOf.call(n,o))})),Me(e,i,c)}(e,o,r)}),t.querySelectorAll(L).forEach(e=>{!function(e,t){if($.get(e)===t)return;$.set(e,t);const o=e.querySelectorAll(".vp-block-loop-carousel-thumb")[t];if(!o||e.scrollWidth<=e.clientWidth)return;const n=o.offsetLeft+o.offsetWidth/2,r=e.scrollWidth-e.clientWidth,s=n-e.clientWidth/2,a=he(e)?Math.max(-r,Math.min(0,s)):Math.max(0,Math.min(r,s));e.scrollTo({left:a,behavior:fe()})}(e,o)}),t.querySelectorAll(".vp-block-loop-carousel-indicator--counter").forEach(e=>{ye(e,".vp-block-loop-carousel-counter-current",o+1),ye(e,".vp-block-loop-carousel-counter-total",n)});const s=function(e){if(J(e)){const t=e.querySelectorAll(c).length;return t>1?we(e)/(t-1):1}const t=e.scrollWidth-e.clientWidth;return t>0?Math.min(1,Math.max(0,ve(e)/t)):1}(e);t.querySelectorAll(".vp-block-loop-carousel-indicator--progress").forEach(e=>{e.style.setProperty("--vp-carousel-progress",100*s+"%"),e.setAttribute("aria-valuenow",String(Math.round(100*s)));const t=e.dataset.vpPositionLabel;t&&e.setAttribute("aria-valuetext",t.replace("%1$d",String(o+1)).replace("%2$d",String(n)))})}(e,t)}function we(e){const t=N.get(e);return t&&window.performance.now()-t.time<1200?t.index:pe(e)}function ye(e,t,o){const n=e.querySelector(t),r=String(o);n&&n.textContent!==r&&(n.textContent=r)}function ge(e,t,o){const n=`--vp-carousel-fade-${t}`;o!==("0px"===e.style.getPropertyValue(n))&&(o?e.style.setProperty(n,"0px"):e.style.removeProperty(n))}function Ee(e){const t=Se(e);ce(e).querySelectorAll(d).forEach(e=>{!function(e,t){const o=e.querySelectorAll(p),n=e.dataset.vpDotLabel||"",r=t.length;for(let e=o.length-1;e>=r;e-=1)o[e].remove();for(let t=o.length;t{const r=t[o];e.dataset.vpSlide=String(r),e.setAttribute("aria-label",n.replace("%d",String(r+1)))}),r&&!e.querySelector(v)){const t=document.createElement("span");t.className=f,t.setAttribute("aria-hidden","true"),t.innerHTML='',e.prepend(t)}}(e,t)})}function be(e,t,o){const n=window.getComputedStyle(e),r=parseFloat(n.getPropertyValue("--vp-carousel-dot-slot"))||18,s=parseFloat(n.getPropertyValue("--vp-carousel-dot-size"))||6,a=parseFloat(n.getPropertyValue("--vp-carousel-dot-active-size"))||r,i=Math.max(0,(a-s)/2),l=parseFloat(n.paddingInlineStart)||0,c=Math.min(Math.max(o,0),Math.max(0,t-1));return{slot:r,grown:a,index:c,centreOf:e=>l+e*r+r/2+(e=>e===c?0:e{const i=0===t%n||!r&&t===s;e.classList.toggle("vp-carousel-no-snap",n>1&&!i);const l=a[a.length-1];i&&(r||1===n||void 0===l||o[t]!==o[l])&&a.push(t)}),_.set(e,a)}function Se(e){return _.get(e)||Array.from(e.querySelectorAll(c),(e,t)=>t)}function Me(e,t,o){const n=e.querySelectorAll(p),r=e.clientWidth;if(!r||$.get(e)===o)return;$.set(e,o);const{centreOf:s,content:a}=t,i=Math.round(Math.min(0,Math.max(r-a,r/2-s(o))));e.style.setProperty(g,`${i}px`);const l=[i<0,i>r-a],c=[];n.forEach((e,t)=>{const o=s(t)+i;o>=0&&o<=r&&c.push(t)}),n.forEach((e,t)=>{const n=c.indexOf(t),r=t===o||n<0?n<0?-1:Number.POSITIVE_INFINITY:Math.min(l[0]?n:Number.POSITIVE_INFINITY,l[1]?c.length-1-n:Number.POSITIVE_INFINITY);e.classList.toggle(w,1===r),e.classList.toggle(y,r<=0)})}function Ae(e,t,o){let n=t+o;for(;n>=0&&n=1)return n;if(!Number.isInteger(n))return 1;const r=e.clientWidth;if(J(e)){const{step:t}=B(e);return t>0?Math.max(1,Math.round(r/t)):1}const s=t[Math.max(0,Math.min(t.length-1,o))];for(let e=o+1;e=r)return e-o;return Math.max(1,t.length-1-o)}function qe(e,t,o){if(!e.length)return t;let n=t,r=Number.POSITIVE_INFINITY;return e.forEach(e=>{[e-o,e,e+o].forEach(e=>{const o=Math.abs(e-t);o0?null!==(r=e.find(e=>e>t))&&void 0!==r?r:e[0]:null!==(n=[...e].reverse().find(e=>e0&&t>=e.length-1||o<0&&t<=0)return r;const s=Math.max(0,Math.min(e.length-1,r));return e[s]===e[t]?Ae(e,t,o):s}(r,s,t,a),r)}function We(e,t,o=de(e)){if(J(e))return void Q(e,t);const n=Math.max(0,Math.min(o.length-1,t));o.length&&n===t&&(N.set(e,{index:n,time:window.performance.now()}),ne(e,o[n]))}function Fe(e,t=ce(e)){const o=!V.has(e);t.classList.toggle("vp-carousel-is-stopped",!o),t.querySelectorAll(E).forEach(e=>{const t=o?e.dataset.vpPauseLabel:e.dataset.vpPlayLabel;t&&e.setAttribute("aria-label",t)})}function Ie(e,t){const o=()=>me(e),r=t=>{var o;return We(e,null===(o=t.detail)||void 0===o?void 0:o.index)};let s;J(e)&&O.add(e);let a=0;const l=n(e,t=>{a=t,void 0!==s&&O.has(e)&&j(e,t)!==s?e.dispatchEvent(new window.Event(W)):(Le(e),Ee(e),me(e),T.has(e)&&i(e))});s=O.has(e)&&j(e,a),s?e.dataset.vpCarouselRepeat="true":delete e.dataset.vpCarouselRepeat;const u=!!parseFloat(e.dataset.vpCarouselAutoplay)&&!window.matchMedia("(prefers-reduced-motion: reduce)").matches,d=function(e,t){const o=ue(e).filter(e=>t||!e.matches(E));return o.forEach(e=>{e.classList.remove(S)}),()=>{o.forEach(e=>{e.classList.add(S)})}}(e,u);Le(e),Ee(e),me(e),e.addEventListener("scroll",o,{passive:!0}),e.addEventListener(F,r);const p=function(e,t){const o=new window.MutationObserver(e=>{const o=e.flatMap(e=>Array.from(e.addedNodes)).filter(e=>{var t;return 1===e.nodeType&&(null===(t=e.matches)||void 0===t?void 0:t.call(e,c))});o.length&&t()});return o.observe(e,{childList:!0}),()=>o.disconnect()}(e,()=>{Le(e),Ee(e),me(e)}),h=s?function(e){const t=e.ownerDocument.defaultView||window,o=()=>{const t=parseFloat(e.style.getPropertyValue(G))||0,{count:o,step:n,period:r,origin:s}=B(e);if(!o||!n)return;const a=((s-t)%n+n)%n,l=a<5||a>n-5?10:0;l!==t&&(l?e.style.setProperty(G,`${l}px`):e.style.removeProperty(G),r&&ee(e,ve(e)+(l-t),r),T.has(e)&&i(e))};o();const n=new t.ResizeObserver(o);return n.observe(e),()=>{n.disconnect(),e.style.removeProperty(G)}}(e):C;s&&oe(e,null!=t?t:0);const f=window.matchMedia("(hover: hover) and (pointer: fine)").matches,v=e.dataset.vpCarouselSrc,m=t=>{0===t.button&&(t.preventDefault(),e.classList.add(X),e.focus({preventScroll:!0}))},w=()=>e.classList.remove(X),y=e=>{z.has(e.key)||w()};f&&(e.addEventListener("mousedown",m),e.addEventListener("keydown",y),e.addEventListener("blur",w));const g=s?function(e){let t=[],o=0;const n=e=>{o+=Math.abs(e.clientX-t[t.length-1].x),t.push({x:e.clientX,time:e.timeStamp})},r=()=>{window.removeEventListener("pointermove",n),window.removeEventListener("pointerup",s),window.removeEventListener("pointercancel",s)};function s(n){if(r(),o<=10||"true"!==e.getAttribute("has-overflow"))return;const{count:s,step:a,origin:i}=B(e);if(!s||!a)return;const l=n.clientX,c=n.timeStamp,u=t.find(e=>c-e.time<=80)||t[t.length-1],d=Math.max(1,c-u.time),p=(l-u.x)/d*(he(e)?1:-1),h=ve(e)+290*p;Q(e,qe(Se(e),Math.round((h-i)/a),s),0,p)}const a=r=>{te(e),t=[{x:r.clientX,time:r.timeStamp}],o=0,window.addEventListener("pointermove",n),window.addEventListener("pointerup",s),window.addEventListener("pointercancel",s)};return e.addEventListener("pointerdown",a),()=>{e.removeEventListener("pointerdown",a),r()}}(e):C,P=s?function(e){const t=Object.getOwnPropertyDescriptor(Element.prototype,"scrollWidth");return null!=t&&t.get?(Object.defineProperty(e,"scrollWidth",{configurable:!0,get(){const o=e.querySelectorAll(c);return o.length<2?t.get.call(e):e.clientWidth+o.length*Math.abs(o[1].offsetLeft-o[0].offsetLeft)}}),()=>{delete e.scrollWidth}):C}(e):C;let $=!1;(f||s)&&v&&import(v).then(({Blossom:o})=>{if($||!e.isConnected||T.has(e))return;const n=o(e,{repeat:s});T.set(e,n),n.init(),s&&(i(e),oe(e,null!=t?t:0),window.requestAnimationFrame(()=>{window.requestAnimationFrame(()=>{T.has(e)&&i(e)})}))}).catch(()=>{});const R=function(e){const t=1e3*parseFloat(e.dataset.vpCarouselAutoplay);if(!t||window.matchMedia("(prefers-reduced-motion: reduce)").matches)return C;const o=ce(e),n=[le(e)||e,...ue(e)];let r=0,s=0,a=0;const i=new Set,l=new Set;let c=!1,u=!0,d=-1;const p=e=>{o.style.setProperty("--vp-carousel-autoplay-progress",100*e+"%")},h=()=>{r=0,p(0)},f=o=>{a=window.requestAnimationFrame(f);const n=o-s;if(s=o,[i,l].forEach(e=>{e.forEach(t=>{t.isConnected||e.delete(t)})}),i.size||l.size||c||u||V.has(e))return;const v=we(e);v!==d&&(d=v,h()),r+=n,p(Math.min(1,r/t)),r=e.scrollWidth-e.clientWidth-1?e.scrollTo({left:0,behavior:fe()}):Pe(e,1))},v=e=>i.add(e.currentTarget),m=e=>i.delete(e.currentTarget),w=e=>{var t,o;null!==(t=(o=e.target).matches)&&void 0!==t&&t.call(o,":focus-visible")&&!e.target.classList.contains(X)&&l.add(e.currentTarget)},y=e=>l.delete(e.currentTarget),g=e=>{var t,o;"visitor"!==(null===(t=e.detail)||void 0===t?void 0:t.source)&&(c=!1===(null===(o=e.detail)||void 0===o?void 0:o.playing))},E=le(e)||e,b=new(E.ownerDocument.defaultView||window).IntersectionObserver(e=>{e.forEach(e=>{u=!e.isIntersecting})},{threshold:.5});return b.observe(E),o.classList.add(M),n.forEach(e=>{e.addEventListener("pointerenter",v),e.addEventListener("pointerleave",m),e.addEventListener("focusin",w),e.addEventListener("focusout",y)}),e.addEventListener(I,g),e.addEventListener(k,h),Fe(e,o),a=window.requestAnimationFrame(e=>{s=e,f(e)}),()=>{window.cancelAnimationFrame(a),b.disconnect(),o.classList.remove(M),n.forEach(e=>{e.removeEventListener("pointerenter",v),e.removeEventListener("pointerleave",m),e.removeEventListener("focusin",w),e.removeEventListener("focusout",y)}),e.removeEventListener(I,g),e.removeEventListener(k,h),o.style.removeProperty("--vp-carousel-autoplay-progress")}}(e),D=function(e){const t=ce(e),o=Array.from(t.querySelectorAll(".vp-block-loop-carousel-indicator--progress.is-draggable"));if(!o.length)return C;let n=null,r=null,s=0,a=!1;const i=()=>{n?e.style.setProperty(Y,n):e.style.removeProperty(Y),n=null,e.classList.remove(b)},l=(t,o)=>{const n=t.getBoundingClientRect(),r=he(e)?n.right-o:o-n.left;return n.width>0?Math.min(1,Math.max(0,r/n.width)):0},u=(t,o)=>qe(Se(e),Math.round(t*Math.max(0,o-1)),o),d=t=>{if(r){if(!a){if(Math.abs(t.clientX-s)<3)return;a=!0,n=e.style.getPropertyValue(Y),e.style.setProperty(Y,"none"),e.classList.add(b),N.delete(e)}(t=>{if(J(e)){const{count:o,step:n,origin:r,period:s}=B(e);return void ee(e,r+t*Math.max(0,o-1)*n,s)}ne(e,t*(e.scrollWidth-e.clientWidth),"instant")})(l(r,t.clientX))}},p=t=>{if(!r)return;const o=l(r,t.clientX),n=a;r=null,a=!1,window.removeEventListener("pointermove",d),window.removeEventListener("pointerup",p),window.removeEventListener("pointercancel",p),n?(t=>{if(i(),!J(e))return;const o=e.querySelectorAll(c).length;Q(e,u(t,o),0)})(o):(t=>{const o=e.querySelectorAll(c).length;e.dispatchEvent(new window.CustomEvent(k)),J(e)?Q(e,u(t,o),0):ne(e,t*(e.scrollWidth-e.clientWidth))})(o)},h=t=>{te(e),r=t.currentTarget,s=t.clientX,a=!1,window.addEventListener("pointermove",d),window.addEventListener("pointerup",p),window.addEventListener("pointercancel",p)},f=t=>{const o=he(e),n=e.querySelectorAll(c).length,r=o?"ArrowRight":"ArrowLeft",s=o?"ArrowLeft":"ArrowRight";switch(t.key){case r:case"ArrowDown":case"PageDown":Pe(e,-1);break;case s:case"ArrowUp":case"PageUp":Pe(e,1);break;case"Home":We(e,0);break;case"End":We(e,n-1);break;default:return}t.preventDefault()};return o.forEach(e=>{e.addEventListener("pointerdown",h),e.addEventListener("keydown",f)}),()=>{o.forEach(e=>{e.removeEventListener("pointerdown",h),e.removeEventListener("keydown",f)}),window.removeEventListener("pointermove",d),window.removeEventListener("pointerup",p),window.removeEventListener("pointercancel",p),i()}}(e),H=function(e,t){const o=Array.from(ce(e).querySelectorAll(L)),n=e.dataset.vpCarouselSrc;if(!o.length||!n||!t)return C;const r=[];let s=!1;return import(n).then(({Blossom:e})=>{s||o.forEach(t=>{if(!t.isConnected||T.has(t))return;const o=e(t,{repeat:!1});T.set(t,o),o.init(),r.push(t)})}).catch(()=>{}),()=>{s=!0,r.forEach(e=>{var t;null===(t=T.get(e))||void 0===t||t.destroy(),T.delete(e)})}}(e,f),_=s?function(e){const t=t=>{const o=parseFloat(t.style.translate)||0;if(t.classList.toggle(A,!!o),!o)return t.style.removeProperty(x),void t.style.removeProperty(q);const n=parseFloat(window.getComputedStyle(t).viewTimelineInset)||0,r=t.offsetLeft+o,s=r+t.offsetWidth,a=e.clientWidth;t.style.setProperty(x,`${r-a+n}px ${s-n}px`),t.style.setProperty(q,`${s-a+n}px ${r-n}px`)},o=new window.MutationObserver(e=>{e.forEach(e=>{t(e.target)})});return e.querySelectorAll(c).forEach(t),o.observe(e,{attributes:!0,attributeFilter:["style"],subtree:!0}),()=>{o.disconnect(),e.querySelectorAll(c).forEach(e=>{e.classList.remove(A),e.style.removeProperty(x),e.style.removeProperty(q)})}}(e):C;return e.dispatchEvent(new window.CustomEvent("vp-carousel-start",{bubbles:!0})),()=>{$=!0,e.dispatchEvent(new window.CustomEvent("vp-carousel-stop",{bubbles:!0})),_(),R(),D(),H(),l(),d(),e.removeEventListener("scroll",o),e.removeEventListener(F,r),e.removeEventListener("mousedown",m),e.removeEventListener("keydown",y),e.removeEventListener("blur",w),w(),h(),g(),te(e),P(),p();const t=T.get(e);t&&(T.delete(e),t.destroy(),e.querySelectorAll(c).forEach(e=>{e.style.removeProperty("translate")}))}}function ke(e){var t;return(null===(t=e.closest(u))||void 0===t?void 0:t.querySelector(l))||null}function Ce(e,t){return"justified"===e.dataset.vpLayout?ie(e):"carousel"===e.dataset.vpLayout?Ie(e,t):void 0}re&&"undefined"!=typeof document&&document.querySelectorAll(`${l}.${P}`).forEach(e=>{e.classList.remove(P),e.classList.add("vp-layout-masonry-native")}),t("visual-portfolio/item-template",{state:{hasScript:!0,useJsMasonry:!re,useNativeMasonry:re},actions:{carouselPrev(){const t=ke(e().ref);t&&Pe(t,-1)},carouselNext(){const t=ke(e().ref);t&&Pe(t,1)},carouselAutoplayToggle(){const{ref:t}=e(),o=ke(t);if(!o)return;const n=V.has(o);n?V.delete(o):V.add(o),Fe(o),o.dispatchEvent(new window.CustomEvent(I,{detail:{playing:n,source:"visitor"}}))},carouselGoTo(t){const{ref:o}=e(),n=t.target.closest(h),r=ke(o),s=n?parseInt(n.dataset.vpSlide,10):-1;!r||s<0||(r.dispatchEvent(new window.CustomEvent(k)),We(r,s))}},callbacks:{initLayout(){const{ref:t}=e();let o=Ce(t);if(!o)return;const n=()=>{const e="carousel"===t.dataset.vpLayout?pe(t):void 0;o(),o=Ce(t,e)||C};return t.addEventListener(W,n),()=>{t.removeEventListener(W,n),o()}}}}); \ No newline at end of file +import{getElement as e,store as t}from"@wordpress/interactivity";const o="--vp-layout-current-columns";function n(e,t=()=>{}){const n=e.ownerDocument.defaultView||window,r=e.classList.contains("vp-layout-auto-columns");let s=0;const a=()=>{const n=r?function(e){const t=(e.ownerDocument.defaultView||window).getComputedStyle(e),o=e.clientWidth,n=parseFloat(t.columnGap)||0,r=function(e){const t=e.ownerDocument.createElement("div");t.style.cssText="position:absolute;visibility:hidden;pointer-events:none;width:var(--vp-layout-min-column-width,16rem)",e.appendChild(t);const o=t.offsetWidth;return t.remove(),o}(e);if(!o||!r)return 1;const s=parseInt(t.getPropertyValue("--vp-layout-columns"),10),a=Math.floor((o+n)/(r+n));return Math.max(1,s>0?Math.min(a,s):a)}(e):function(e){const t=(e.ownerDocument.defaultView||window).getComputedStyle(e);return Math.max(1,parseInt(t.getPropertyValue(o),10)||1)}(e);n!==s&&(s=n,r&&e.style.setProperty(o,String(n)),t(n))};a();const i=new n.ResizeObserver(a);return i.observe(e),r||i.observe(e.ownerDocument.documentElement),()=>{i.disconnect(),r&&e.style.removeProperty(o)}}const r=".wp-block-visual-portfolio-item-template__item",s=".wp-block-visual-portfolio-item-image";function a(e){const t=e.querySelector("img");return null!=t&&t.naturalWidth&&null!=t&&t.naturalHeight?t.naturalWidth/t.naturalHeight:1}function i(e){const t=e.ownerDocument.createComment("");e.appendChild(t),t.remove()}const l=".wp-block-visual-portfolio-item-template",c=".wp-block-visual-portfolio-item-template__item",u=".vp-block-loop",d=".vp-block-loop-carousel-indicator--dots",p=".vp-block-loop-carousel-dot",h="[data-vp-slide]",f="vp-block-loop-carousel-dot-worm",v=`.${f}`,m="is-collapsed",w="is-edge",y="is-edge-far",g="--vp-carousel-dots-shift",E='[data-vp-carousel-control="autoplay"]',b="vp-carousel-is-scrubbing",L=".vp-block-loop-carousel-thumbnails",M="vp-carousel-control-idle",S="vp-carousel-is-playing",A="vp-carousel-moved-round",x="--vp-carousel-copy-cover",P="--vp-carousel-copy-contain",q="vp-layout-masonry",F="vp-relayout",W="vp-carousel-go-to",I="vp-carousel-autoplay",C="vp-carousel-step",k=()=>{},T=new WeakMap,N=new WeakMap,V=new WeakSet,O=new WeakSet,$=new WeakMap,D=new WeakSet,R=new WeakMap,H=new WeakMap,_=new WeakMap,z="--vp-carousel-seam-shift",G="vp-carousel-pointer-focus",X=new Set(["Alt","AltGraph","CapsLock","Control","Fn","Meta","NumLock","OS","ScrollLock","Shift","Symbol"]),Y="--vp-carousel-marquee-shift",J="--snap-type";function j(e){return"true"===e.dataset.vpCarouselRepeat}function B(e,t){return!fe(e)&&e.querySelectorAll(c).length>Math.max(1,t)}function U(e){const t=e.querySelectorAll(c),o=t.length>1?Math.abs(t[1].offsetLeft-t[0].offsetLeft):e.scrollWidth-e.clientWidth,n=t.length?t.length*o:0;let r=0;if(t.length){const o=window.getComputedStyle(e),n=window.getComputedStyle(t[0]).scrollSnapAlign.startsWith("center"),s=parseFloat(o.paddingInlineStart)||0;r=n?s+(t[0].offsetWidth-e.clientWidth)/2:s-(parseFloat(o.scrollPaddingInlineStart)||0)}return{count:t.length,step:o,period:n,origin:r}}function K(e,t){return t>0?(e%t+t)%t:0}function Q(e,t=U(e)){const{count:o,step:n,period:r,origin:s}=t;return o&&n?Math.round(K(me(e)-s,r)/n)%o:0}function Z(e,t,o=0,n=0){const r=U(e),{count:s,step:a,period:l,origin:c}=r;if(!s||!a)return;const u=(t%s+s)%s,d=me(e),p=c+u*a;let h=p;if(o>0){for(;h-l>d+1;)h-=l;for(;h<=d+1;)h+=l}else if(o<0){for(;h+l=d-1;)h-=l}else h=[p-l,p,p+l].reduce((e,t)=>Math.abs(t-d)te(e,t,n),l=()=>{ee.delete(e),s?e.style.setProperty(J,s):e.style.removeProperty(J),i(e)},c=Math.abs(o-t),u=c>0&&Math.sign(o-t)===Math.sign(r),d=Math.min(700,Math.max(120,3*c/Math.abs(r)));let p=u?d:450;"auto"===ve()&&(p=0);const h=window.performance.now();let f=0;const v=e=>{const n=p?Math.min(1,(e-h)/p):1,r=1-n,s=u?1-r*r*r:.5-Math.cos(Math.PI*n)/2;a(t+(o-t)*s),f=n<1?window.requestAnimationFrame(v):window.requestAnimationFrame(()=>{f=window.requestAnimationFrame(l)})};ee.set(e,()=>{window.cancelAnimationFrame(f),l()}),a(t),f=window.requestAnimationFrame(v)}(e,d,h,l,n)}const ee=new WeakMap;function te(e,t,o){const n=function(e,t){const o=t-4,n=K(e,t);return n>=4&&n<=o?n:n+t<=o?n+t:4}(t,o),r=n!==me(e);e.scrollTo({left:fe(e)?-n:n,behavior:"instant"}),r&&e.dispatchEvent(new window.Event("scroll"))}function oe(e){var t;null===(t=ee.get(e))||void 0===t||t()}function ne(e,t){const{count:o,step:n,origin:r}=U(e),s=r+(o?t%o:0)*n;e.scrollTo({left:fe(e)?-s:s,behavior:"instant"}),we(e)}function re(e,t,o=ve()){e.scrollTo({left:fe(e)?-t:t,behavior:o})}const se=!(null===(ae=window.CSS)||void 0===ae||null===(ie=ae.supports)||void 0===ie||!ie.call(ae,"display","grid-lanes"));var ae,ie;function le(e){return function(e,t){const o=e.ownerDocument.defaultView||window,a=()=>t(e),i=n(e,a);a(),e.addEventListener("load",a,!0);const l=new o.ResizeObserver(a);return l.observe(e),()=>{i(),e.removeEventListener("load",a,!0),l.disconnect(),e.style.height="",Array.from(e.querySelectorAll(r)).forEach(e=>{!function(e){e.style.position="",e.style.left="",e.style.top="",e.style.width="",e.style.height="";const t=e.querySelector(s);t&&(t.style.height="")}(e),e.dataset.vpLayoutHidden&&(delete e.dataset.vpLayoutHidden,e.style.display="")})}}(e,e=>function(e,t){const{width:o,gap:n,rowGap:i,rowHeight:l}=function(e){const t=(e.ownerDocument.defaultView||window).getComputedStyle(e),o=e.clientWidth,n=e=>e.endsWith("%")?parseFloat(e)/100*o:parseFloat(e),r=n(t.columnGap)||0,s=n(t.rowGap);return{width:o,gap:r,rowGap:Number.isNaN(s)?r:s,columns:Math.max(1,parseInt(t.getPropertyValue("--vp-layout-current-columns"),10)||1),rowHeight:parseFloat(t.getPropertyValue("--vp-layout-row-height"))||320}}(e),c=function(e){const t=e.ownerDocument.defaultView||window;return Array.from(e.querySelectorAll(r)).filter(e=>"true"===e.dataset.vpLayoutHidden||"none"!==t.getComputedStyle(e).display)}(e);if(!c.length||!o)return;const u=c.map(a),d=[];let p=[],h=0;const f=l*(1+Math.max(0,t.rowHeightTolerance||0));c.forEach((e,t)=>{p.push(t),h+=u[t];const r=(o-n*(p.length-1))/h;r<=f&&(d.push({items:p,height:r,isFull:!0}),p=[],h=0)}),p.length&&d.push({items:p,height:l,isFull:!1});const v=t.maxRowsCount?d.slice(0,t.maxRowsCount):d;let m=0;v.forEach(e=>{const r=e.items.reduce((t,o)=>t+u[o]*e.height,0)+n*(e.items.length-1);let a=0;e.isFull||("center"===t.lastRow?a=(o-r)/2:"right"===t.lastRow&&(a=o-r));let l=0;e.items.forEach(t=>{const o=c[t],r=u[t]*e.height,i=o.querySelector(s);o.style.position="absolute",o.style.left=`${a}px`,o.style.top=`${m}px`,o.style.width=`${r}px`,i&&(i.style.height=`${e.height}px`),l=Math.max(l,o.offsetHeight),a+=r+n}),m+=l+i}),d.forEach((e,o)=>{const n=o>=v.length||!e.isFull&&"hide"===t.lastRow;e.items.forEach(e=>{const t=c[e];n?(t.dataset.vpLayoutHidden="true",t.style.display="none"):t.dataset.vpLayoutHidden&&(delete t.dataset.vpLayoutHidden,t.style.display="")})}),e.style.height=`${Math.max(0,m-i)}px`}(e,function(e){const t=e.dataset;return{rowHeight:parseFloat(t.vpJustifiedRowHeight)||320,rowHeightTolerance:parseFloat(t.vpJustifiedTolerance)||0,maxRowsCount:parseInt(t.vpJustifiedMaxRows,10)||0,lastRow:t.vpJustifiedLastRow||"left"}}(e)))}function ce(e){return e.closest(".wp-block-visual-portfolio-item-template__carousel-frame")}function ue(e){return e.closest(u)||ce(e)||e}function de(e){return Array.from(ue(e).querySelectorAll("[data-vp-carousel-control]"))}function pe(e){const t=Array.from(e.querySelectorAll(c));if(!t.length)return[];const o=fe(e),n=Math.max(0,e.scrollWidth-e.clientWidth),r=window.getComputedStyle(t[0]).scrollSnapAlign.startsWith("center"),s=r?0:parseFloat(window.getComputedStyle(e).scrollPaddingInlineStart)||0;return t.map(t=>{const a=o?e.clientWidth-t.offsetLeft-t.offsetWidth:t.offsetLeft,i=r?(e.clientWidth-t.offsetWidth)/2:s,l=Math.max(0,Math.min(n,a-i));return n-l<2?n:l})}function he(e,t=pe(e)){if(j(e))return Q(e);const o=me(e);let n=0,r=Number.POSITIVE_INFINITY;return t.forEach((e,t)=>{const s=Math.abs(e-o);s=n;if(t.querySelectorAll(".vp-block-loop-carousel-previous").forEach(e=>{e.disabled=s}),t.querySelectorAll(".vp-block-loop-carousel-next").forEach(e=>{e.disabled=a}),e.classList.contains("vp-carousel-edge-fade")){const t=fe(e);Ee(e,"left",t?a:s),Ee(e,"right",t?s:a)}!function(e,t=ue(e)){const o=ye(e),n=e.querySelectorAll(c).length;t.querySelectorAll(h).forEach(e=>{const t=parseInt(e.dataset.vpSlide,10);e.setAttribute("aria-current",t===o?"true":"false")});const r=Se(e);t.querySelectorAll(d).forEach(e=>{!function(e,t,o){const n=e.querySelectorAll(p);if(!n.length)return;let r=0;o.forEach((e,o)=>{e<=t&&(r=o)}),n.forEach((e,t)=>{e.setAttribute("aria-current",t===r?"true":"false")});const s=parseInt(e.dataset.vpMaxDots,10)||0,a=s>0&&n.length>s,i=Le(e,n.length,r);if(function(e,t,o){const n=e.querySelector(v);if(!n)return;const r={left:Math.round(t.centreOf(t.index)-t.grown/2),width:t.grown},s=R.get(e);if(s&&s.left===r.left&&s.width===r.width)return;R.set(e,r);const a=(e,t)=>{n.style.insetInlineStart=`${Math.round(e)}px`,n.style.width=`${Math.round(t)}px`};if(!s||"auto"===ve())return H.delete(e),void a(r.left,r.width);const i=H.get(e)||{tail:s.left,head:s.left+s.width,frame:0};if(i.tailFrom=i.tail,i.headFrom=i.head,i.tailTo=r.left,i.headTo=r.left+r.width,i.onwards=i.tailTo>=i.tailFrom,i.reach=o,i.started=window.performance.now(),H.set(e,i),i.frame)return;const l=()=>{if(!n.isConnected||H.get(e)!==i)return void(i.frame=0);const t=Math.min(1,(window.performance.now()-i.started)/420),o=(e=>1-(1-e)**3)(Math.min(1,t/.55)),r=(e=>e*e*(3-2*e))(Math.max(0,(t-.32)/.6799999999999999)),s=i.onwards?o:r,c=i.onwards?r:o;i.head=i.headFrom+(i.headTo-i.headFrom)*s,i.tail=i.tailFrom+(i.tailTo-i.tailFrom)*c,i.head-i.tail>i.reach&&(i.onwards?i.tail=i.head-i.reach:i.head=i.tail+i.reach),a(i.tail,Math.max(1,i.head-i.tail)),i.frame=t<1?window.requestAnimationFrame(l):0};i.frame=window.requestAnimationFrame(l)}(e,i,a?3*i.slot:Number.POSITIVE_INFINITY),!a)return e.classList.remove(m),e.style.removeProperty(g),n.forEach(e=>{e.classList.remove(w,y)}),void $.delete(e);e.classList.add(m);const l=e.querySelector(`${p}:focus-visible`),c=l?Array.prototype.indexOf.call(n,l):r;D.has(e)||(D.add(e),e.addEventListener("focusin",t=>{const o=t.target.closest(p);if(null==o||!o.matches(":focus-visible"))return;const n=e.querySelectorAll(p),r=Math.max(0,Array.prototype.findIndex.call(n,e=>"true"===e.getAttribute("aria-current")));Ae(e,Le(e,n.length,r),Array.prototype.indexOf.call(n,o))})),Ae(e,i,c)}(e,o,r)}),t.querySelectorAll(L).forEach(e=>{!function(e,t){if($.get(e)===t)return;$.set(e,t);const o=e.querySelectorAll(".vp-block-loop-carousel-thumb")[t];if(!o||e.scrollWidth<=e.clientWidth)return;const n=o.offsetLeft+o.offsetWidth/2,r=e.scrollWidth-e.clientWidth,s=n-e.clientWidth/2,a=fe(e)?Math.max(-r,Math.min(0,s)):Math.max(0,Math.min(r,s));e.scrollTo({left:a,behavior:ve()})}(e,o)}),t.querySelectorAll(".vp-block-loop-carousel-indicator--counter").forEach(e=>{ge(e,".vp-block-loop-carousel-counter-current",o+1),ge(e,".vp-block-loop-carousel-counter-total",n)});const s=function(e){if(j(e)){const t=e.querySelectorAll(c).length;return t>1?ye(e)/(t-1):1}const t=e.scrollWidth-e.clientWidth;return t>0?Math.min(1,Math.max(0,me(e)/t)):1}(e);t.querySelectorAll(".vp-block-loop-carousel-indicator--progress").forEach(e=>{e.style.setProperty("--vp-carousel-progress",100*s+"%"),e.setAttribute("aria-valuenow",String(Math.round(100*s)));const t=e.dataset.vpPositionLabel;t&&e.setAttribute("aria-valuetext",t.replace("%1$d",String(o+1)).replace("%2$d",String(n)))})}(e,t)}function ye(e){const t=N.get(e);return t&&window.performance.now()-t.time<1200?t.index:he(e)}function ge(e,t,o){const n=e.querySelector(t),r=String(o);n&&n.textContent!==r&&(n.textContent=r)}function Ee(e,t,o){const n=`--vp-carousel-fade-${t}`;o!==("0px"===e.style.getPropertyValue(n))&&(o?e.style.setProperty(n,"0px"):e.style.removeProperty(n))}function be(e){const t=Se(e);ue(e).querySelectorAll(d).forEach(e=>{!function(e,t){const o=e.querySelectorAll(p),n=e.dataset.vpDotLabel||"",r=t.length;for(let e=o.length-1;e>=r;e-=1)o[e].remove();for(let t=o.length;t{const r=t[o];e.dataset.vpSlide=String(r),e.setAttribute("aria-label",n.replace("%d",String(r+1)))}),r&&!e.querySelector(v)){const t=document.createElement("span");t.className=f,t.setAttribute("aria-hidden","true"),t.innerHTML='',e.prepend(t)}}(e,t)})}function Le(e,t,o){const n=window.getComputedStyle(e),r=parseFloat(n.getPropertyValue("--vp-carousel-dot-slot"))||18,s=parseFloat(n.getPropertyValue("--vp-carousel-dot-size"))||6,a=parseFloat(n.getPropertyValue("--vp-carousel-dot-active-size"))||r,i=Math.max(0,(a-s)/2),l=parseFloat(n.paddingInlineStart)||0,c=Math.min(Math.max(o,0),Math.max(0,t-1));return{slot:r,grown:a,index:c,centreOf:e=>l+e*r+r/2+(e=>e===c?0:e{const i=0===t%n||!r&&t===s;e.classList.toggle("vp-carousel-no-snap",n>1&&!i);const l=a[a.length-1];i&&(r||1===n||void 0===l||o[t]!==o[l])&&a.push(t)}),_.set(e,a)}function Se(e){return _.get(e)||Array.from(e.querySelectorAll(c),(e,t)=>t)}function Ae(e,t,o){const n=e.querySelectorAll(p),r=e.clientWidth;if(!r||$.get(e)===o)return;$.set(e,o);const{centreOf:s,content:a}=t,i=Math.round(Math.min(0,Math.max(r-a,r/2-s(o))));e.style.setProperty(g,`${i}px`);const l=[i<0,i>r-a],c=[];n.forEach((e,t)=>{const o=s(t)+i;o>=0&&o<=r&&c.push(t)}),n.forEach((e,t)=>{const n=c.indexOf(t),r=t===o||n<0?n<0?-1:Number.POSITIVE_INFINITY:Math.min(l[0]?n:Number.POSITIVE_INFINITY,l[1]?c.length-1-n:Number.POSITIVE_INFINITY);e.classList.toggle(w,1===r),e.classList.toggle(y,r<=0)})}function xe(e,t,o){let n=t+o;for(;n>=0&&n=1)return n;if(!Number.isInteger(n))return 1;const r=e.clientWidth;if(j(e)){const{step:t}=U(e);return t>0?Math.max(1,Math.round(r/t)):1}const s=t[Math.max(0,Math.min(t.length-1,o))];for(let e=o+1;e=r)return e-o;return Math.max(1,t.length-1-o)}function qe(e,t,o){if(!e.length)return t;let n=t,r=Number.POSITIVE_INFINITY;return e.forEach(e=>{[e-o,e,e+o].forEach(e=>{const o=Math.abs(e-t);o0?null!==(r=e.find(e=>e>t))&&void 0!==r?r:e[0]:null!==(n=[...e].reverse().find(e=>e0&&t>=e.length-1||o<0&&t<=0)return r;const s=Math.max(0,Math.min(e.length-1,r));return e[s]===e[t]?xe(e,t,o):s}(r,s,t,a),r)}function We(e,t,o=pe(e)){if(j(e))return void Z(e,t);const n=Math.max(0,Math.min(o.length-1,t));o.length&&n===t&&(N.set(e,{index:n,time:window.performance.now()}),re(e,o[n]))}function Ie(e){const t=1e3*parseFloat(e.dataset.vpCarouselAutoplay);if(!t||window.matchMedia("(prefers-reduced-motion: reduce)").matches)return k;const o=ue(e),n=[ce(e)||e,...de(e)];let r=0,s=0,a=0;const i=new Set,l=new Set;let c=!1,u=!0,d=-1;const p=function(e){const t=parseFloat(e.dataset.vpCarouselMarquee),o=parseFloat(e.dataset.vpCarouselMarqueeHover);return t>0&&j(e)?{speed:t/1e3*("backward"===e.dataset.vpCarouselMarqueeDirection?-1:1),hover:Number.isFinite(o)?Math.max(0,Math.min(1,o)):0}:null}(e),h=p?function(e,t){let o=null,n=0,r=!1,s=me(e),a=0;const i=e.style.getPropertyValue(J),l=t=>{e.style.setProperty(Y,`${t}px`)},c=()=>{r=!0},u=()=>{r=!1};return e.addEventListener("pointerdown",c),window.addEventListener("pointerup",u),window.addEventListener("pointercancel",u),{drift:(i,c,u)=>{"none"!==e.style.getPropertyValue(J)&&e.style.setProperty(J,"none");const d=me(e),{period:p}=U(e),h=K(d-s,p),f=h>1&&h{o=null,n=0,a=e,l(0)})(u);if(null===o){if(u-a<400)return;o=d}const v=i/300;n+=Math.max(-v,Math.min(v,c-n)),o=K(o+t.speed*n*i,p),te(e,Math.floor(o),p),s=me(e);const m=K(o-s+p/2,p);l(m-p/2)},stop:()=>{e.removeEventListener("pointerdown",c),window.removeEventListener("pointerup",u),window.removeEventListener("pointercancel",u),e.style.removeProperty(Y),i?e.style.setProperty(J,i):e.style.removeProperty(J)}}}(e,p):null,f=e=>{o.style.setProperty("--vp-carousel-autoplay-progress",100*e+"%")},v=()=>{r=0,f(0)},m=o=>{a=window.requestAnimationFrame(m);const n=o-s;s=o,[i,l].forEach(e=>{e.forEach(t=>{t.isConnected||e.delete(t)})});const w=l.size||c||u||V.has(e);if(h){let e=i.size?p.hover:1;return w&&(e=0),void h.drift(Math.min(n,100),e,o)}if(i.size||w)return;const y=ye(e);y!==d&&(d=y,v()),r+=n,f(Math.min(1,r/t)),r=e.scrollWidth-e.clientWidth-1?e.scrollTo({left:0,behavior:ve()}):Fe(e,1))},w=e=>i.add(e.currentTarget),y=e=>i.delete(e.currentTarget),g=e=>{var t,o;null!==(t=(o=e.target).matches)&&void 0!==t&&t.call(o,":focus-visible")&&!e.target.classList.contains(G)&&l.add(e.currentTarget)},E=e=>l.delete(e.currentTarget),b=e=>{var t,o;"visitor"!==(null===(t=e.detail)||void 0===t?void 0:t.source)&&(c=!1===(null===(o=e.detail)||void 0===o?void 0:o.playing))},L=ce(e)||e,M=new(L.ownerDocument.defaultView||window).IntersectionObserver(e=>{e.forEach(e=>{u=!e.isIntersecting})},{threshold:.5});return M.observe(L),o.classList.add(S),n.forEach(e=>{e.addEventListener("pointerenter",w),e.addEventListener("pointerleave",y),e.addEventListener("focusin",g),e.addEventListener("focusout",E)}),e.addEventListener(I,b),e.addEventListener(C,v),Ce(e,o),a=window.requestAnimationFrame(e=>{s=e,m(e)}),()=>{window.cancelAnimationFrame(a),M.disconnect(),o.classList.remove(S),n.forEach(e=>{e.removeEventListener("pointerenter",w),e.removeEventListener("pointerleave",y),e.removeEventListener("focusin",g),e.removeEventListener("focusout",E)}),e.removeEventListener(I,b),e.removeEventListener(C,v),o.style.removeProperty("--vp-carousel-autoplay-progress"),null==h||h.stop()}}function Ce(e,t=ue(e)){const o=!V.has(e);t.classList.toggle("vp-carousel-is-stopped",!o),t.querySelectorAll(E).forEach(e=>{const t=o?e.dataset.vpPauseLabel:e.dataset.vpPlayLabel;t&&e.setAttribute("aria-label",t)})}function ke(e,t){const o=()=>we(e),r=t=>{var o;return We(e,null===(o=t.detail)||void 0===o?void 0:o.index)};let s;j(e)&&O.add(e);let a=0;const l=n(e,t=>{a=t,void 0!==s&&O.has(e)&&B(e,t)!==s?e.dispatchEvent(new window.Event(F)):(Me(e),be(e),we(e),T.has(e)&&i(e))});s=O.has(e)&&B(e,a),s?e.dataset.vpCarouselRepeat="true":delete e.dataset.vpCarouselRepeat;const u=!!parseFloat(e.dataset.vpCarouselAutoplay)&&!window.matchMedia("(prefers-reduced-motion: reduce)").matches,d=function(e,t){const o=de(e).filter(e=>t||!e.matches(E));return o.forEach(e=>{e.classList.remove(M)}),()=>{o.forEach(e=>{e.classList.add(M)})}}(e,u);Me(e),be(e),we(e),e.addEventListener("scroll",o,{passive:!0}),e.addEventListener(W,r);const p=function(e,t){const o=new window.MutationObserver(e=>{const o=e.flatMap(e=>Array.from(e.addedNodes)).filter(e=>{var t;return 1===e.nodeType&&(null===(t=e.matches)||void 0===t?void 0:t.call(e,c))});o.length&&t()});return o.observe(e,{childList:!0}),()=>o.disconnect()}(e,()=>{Me(e),be(e),we(e)}),h=s?function(e){const t=e.ownerDocument.defaultView||window,o=()=>{const t=parseFloat(e.style.getPropertyValue(z))||0,{count:o,step:n,period:r,origin:s}=U(e);if(!o||!n)return;const a=((s-t)%n+n)%n,l=a<5||a>n-5?10:0;l!==t&&(l?e.style.setProperty(z,`${l}px`):e.style.removeProperty(z),r&&te(e,me(e)+(l-t),r),T.has(e)&&i(e))};o();const n=new t.ResizeObserver(o);return n.observe(e),()=>{n.disconnect(),e.style.removeProperty(z)}}(e):k;s&&ne(e,null!=t?t:0);const f=window.matchMedia("(hover: hover) and (pointer: fine)").matches,v=e.dataset.vpCarouselSrc,m=t=>{0===t.button&&(t.preventDefault(),e.classList.add(G),e.focus({preventScroll:!0}))},w=()=>e.classList.remove(G),y=e=>{X.has(e.key)||w()};f&&(e.addEventListener("mousedown",m),e.addEventListener("keydown",y),e.addEventListener("blur",w));const g=s?function(e){let t=[],o=0;const n=e=>{o+=Math.abs(e.clientX-t[t.length-1].x),t.push({x:e.clientX,time:e.timeStamp})},r=()=>{window.removeEventListener("pointermove",n),window.removeEventListener("pointerup",s),window.removeEventListener("pointercancel",s)};function s(n){if(r(),o<=10||"true"!==e.getAttribute("has-overflow"))return;const{count:s,step:a,origin:i}=U(e);if(!s||!a)return;const l=n.clientX,c=n.timeStamp,u=t.find(e=>c-e.time<=80)||t[t.length-1],d=Math.max(1,c-u.time),p=(l-u.x)/d*(fe(e)?1:-1),h=me(e)+290*p;Z(e,qe(Se(e),Math.round((h-i)/a),s),0,p)}const a=r=>{oe(e),t=[{x:r.clientX,time:r.timeStamp}],o=0,window.addEventListener("pointermove",n),window.addEventListener("pointerup",s),window.addEventListener("pointercancel",s)};return e.addEventListener("pointerdown",a),()=>{e.removeEventListener("pointerdown",a),r()}}(e):k,S=s?function(e){const t=Object.getOwnPropertyDescriptor(Element.prototype,"scrollWidth");return null!=t&&t.get?(Object.defineProperty(e,"scrollWidth",{configurable:!0,get(){const o=e.querySelectorAll(c);return o.length<2?t.get.call(e):e.clientWidth+o.length*Math.abs(o[1].offsetLeft-o[0].offsetLeft)}}),()=>{delete e.scrollWidth}):k}(e):k;let q=!1;(f||s)&&v&&import(v).then(({Blossom:o})=>{if(q||!e.isConnected||T.has(e))return;const n=o(e,{repeat:s});T.set(e,n),n.init(),s&&(i(e),ne(e,null!=t?t:0),window.requestAnimationFrame(()=>{window.requestAnimationFrame(()=>{T.has(e)&&i(e)})}))}).catch(()=>{});const I=Ie(e),V=function(e){const t=ue(e),o=Array.from(t.querySelectorAll(".vp-block-loop-carousel-indicator--progress.is-draggable"));if(!o.length)return k;let n=null,r=null,s=0,a=!1;const i=()=>{n?e.style.setProperty(J,n):e.style.removeProperty(J),n=null,e.classList.remove(b)},l=(t,o)=>{const n=t.getBoundingClientRect(),r=fe(e)?n.right-o:o-n.left;return n.width>0?Math.min(1,Math.max(0,r/n.width)):0},u=(t,o)=>qe(Se(e),Math.round(t*Math.max(0,o-1)),o),d=t=>{if(r){if(!a){if(Math.abs(t.clientX-s)<3)return;a=!0,n=e.style.getPropertyValue(J),e.style.setProperty(J,"none"),e.classList.add(b),N.delete(e)}(t=>{if(j(e)){const{count:o,step:n,origin:r,period:s}=U(e);return void te(e,r+t*Math.max(0,o-1)*n,s)}re(e,t*(e.scrollWidth-e.clientWidth),"instant")})(l(r,t.clientX))}},p=t=>{if(!r)return;const o=l(r,t.clientX),n=a;r=null,a=!1,window.removeEventListener("pointermove",d),window.removeEventListener("pointerup",p),window.removeEventListener("pointercancel",p),n?(t=>{if(i(),!j(e))return;const o=e.querySelectorAll(c).length;Z(e,u(t,o),0)})(o):(t=>{const o=e.querySelectorAll(c).length;e.dispatchEvent(new window.CustomEvent(C)),j(e)?Z(e,u(t,o),0):re(e,t*(e.scrollWidth-e.clientWidth))})(o)},h=t=>{oe(e),r=t.currentTarget,s=t.clientX,a=!1,window.addEventListener("pointermove",d),window.addEventListener("pointerup",p),window.addEventListener("pointercancel",p)},f=t=>{const o=fe(e),n=e.querySelectorAll(c).length,r=o?"ArrowRight":"ArrowLeft",s=o?"ArrowLeft":"ArrowRight";switch(t.key){case r:case"ArrowDown":case"PageDown":Fe(e,-1);break;case s:case"ArrowUp":case"PageUp":Fe(e,1);break;case"Home":We(e,0);break;case"End":We(e,n-1);break;default:return}t.preventDefault()};return o.forEach(e=>{e.addEventListener("pointerdown",h),e.addEventListener("keydown",f)}),()=>{o.forEach(e=>{e.removeEventListener("pointerdown",h),e.removeEventListener("keydown",f)}),window.removeEventListener("pointermove",d),window.removeEventListener("pointerup",p),window.removeEventListener("pointercancel",p),i()}}(e),$=function(e,t){const o=Array.from(ue(e).querySelectorAll(L)),n=e.dataset.vpCarouselSrc;if(!o.length||!n||!t)return k;const r=[];let s=!1;return import(n).then(({Blossom:e})=>{s||o.forEach(t=>{if(!t.isConnected||T.has(t))return;const o=e(t,{repeat:!1});T.set(t,o),o.init(),r.push(t)})}).catch(()=>{}),()=>{s=!0,r.forEach(e=>{var t;null===(t=T.get(e))||void 0===t||t.destroy(),T.delete(e)})}}(e,f),D=s?function(e){const t=t=>{const o=parseFloat(t.style.translate)||0;if(t.classList.toggle(A,!!o),!o)return t.style.removeProperty(x),void t.style.removeProperty(P);const n=parseFloat(window.getComputedStyle(t).viewTimelineInset)||0,r=t.offsetLeft+o,s=r+t.offsetWidth,a=e.clientWidth;t.style.setProperty(x,`${r-a+n}px ${s-n}px`),t.style.setProperty(P,`${s-a+n}px ${r-n}px`)},o=new window.MutationObserver(e=>{e.forEach(e=>{t(e.target)})});return e.querySelectorAll(c).forEach(t),o.observe(e,{attributes:!0,attributeFilter:["style"],subtree:!0}),()=>{o.disconnect(),e.querySelectorAll(c).forEach(e=>{e.classList.remove(A),e.style.removeProperty(x),e.style.removeProperty(P)})}}(e):k;return e.dispatchEvent(new window.CustomEvent("vp-carousel-start",{bubbles:!0})),()=>{q=!0,e.dispatchEvent(new window.CustomEvent("vp-carousel-stop",{bubbles:!0})),D(),I(),V(),$(),l(),d(),e.removeEventListener("scroll",o),e.removeEventListener(W,r),e.removeEventListener("mousedown",m),e.removeEventListener("keydown",y),e.removeEventListener("blur",w),w(),h(),g(),oe(e),S(),p();const t=T.get(e);t&&(T.delete(e),t.destroy(),e.querySelectorAll(c).forEach(e=>{e.style.removeProperty("translate")}))}}function Te(e){var t;return(null===(t=e.closest(u))||void 0===t?void 0:t.querySelector(l))||null}function Ne(e,t){return"justified"===e.dataset.vpLayout?le(e):"carousel"===e.dataset.vpLayout?ke(e,t):void 0}se&&"undefined"!=typeof document&&document.querySelectorAll(`${l}.${q}`).forEach(e=>{e.classList.remove(q),e.classList.add("vp-layout-masonry-native")}),t("visual-portfolio/item-template",{state:{hasScript:!0,useJsMasonry:!se,useNativeMasonry:se},actions:{carouselPrev(){const t=Te(e().ref);t&&Fe(t,-1)},carouselNext(){const t=Te(e().ref);t&&Fe(t,1)},carouselAutoplayToggle(){const{ref:t}=e(),o=Te(t);if(!o)return;const n=V.has(o);n?V.delete(o):V.add(o),Ce(o),o.dispatchEvent(new window.CustomEvent(I,{detail:{playing:n,source:"visitor"}}))},carouselGoTo(t){const{ref:o}=e(),n=t.target.closest(h),r=Te(o),s=n?parseInt(n.dataset.vpSlide,10):-1;!r||s<0||(r.dispatchEvent(new window.CustomEvent(C)),We(r,s))}},callbacks:{initLayout(){const{ref:t}=e();let o=Ne(t);if(!o)return;const n=()=>{const e="carousel"===t.dataset.vpLayout?he(t):void 0;o(),o=Ne(t,e)||k};return t.addEventListener(F,n),()=>{t.removeEventListener(F,n),o()}}}}); \ No newline at end of file diff --git a/build/gutenberg/index.asset.php b/build/gutenberg/index.asset.php index 57668a1d..15b5c2b6 100644 --- a/build/gutenberg/index.asset.php +++ b/build/gutenberg/index.asset.php @@ -1 +1 @@ - array('jquery', 'lodash', 'react', 'react-dom', 'react-jsx-runtime', 'wp-api-fetch', 'wp-blob', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-core-data', 'wp-data', 'wp-date', 'wp-element', 'wp-hooks', 'wp-html-entities', 'wp-i18n', 'wp-notices', 'wp-primitives', 'wp-rich-text', 'wp-url'), 'version' => 'c7b064e4f9fcf3239881'); + array('jquery', 'lodash', 'react', 'react-dom', 'react-jsx-runtime', 'wp-api-fetch', 'wp-blob', 'wp-block-editor', 'wp-blocks', 'wp-components', 'wp-compose', 'wp-core-data', 'wp-data', 'wp-date', 'wp-element', 'wp-hooks', 'wp-html-entities', 'wp-i18n', 'wp-notices', 'wp-primitives', 'wp-rich-text', 'wp-url'), 'version' => 'd8ec980f97e76bc94e3b'); diff --git a/build/gutenberg/index.js b/build/gutenberg/index.js index cce146ad..06976303 100644 --- a/build/gutenberg/index.js +++ b/build/gutenberg/index.js @@ -1,76 +1,76 @@ -(()=>{var e,t={139(e,t){function n(e){var t=0;if(0==e.length)return t;for(var n=0;n=t;)n=e%t,e=Math.floor(e/t),r.push(l(n));e>0&&r.push(l(e));for(var a=r.length-1;a>=0;a--)o+=r[a];return i+o}t.bitwise=n,t.binaryTransfer=r,t.unique=function(e){return r(n(e),61).replace("-","Z")},t.random=function(e){for(var t="",n=e||8,r=0;rr.length?e:r,u=e.length>r.length?r:e,s=a.indexOf(u);if(-1!=s)return l=[new t.Diff(1,a.substring(0,s)),new t.Diff(0,u),new t.Diff(1,a.substring(s+u.length))],e.length>r.length&&(l[0][0]=l[2][0]=n),l;if(1==u.length)return[new t.Diff(n,e),new t.Diff(1,r)];var c=this.diff_halfMatch_(e,r);if(c){var p=c[0],f=c[1],m=c[2],d=c[3],v=c[4],h=this.diff_main(p,m,o,i),y=this.diff_main(f,d,o,i);return h.concat([new t.Diff(0,v)],y)}return o&&e.length>100&&r.length>100?this.diff_lineMode_(e,r,i):this.diff_bisect_(e,r,i)},t.prototype.diff_lineMode_=function(e,r,o){var i=this.diff_linesToChars_(e,r);e=i.chars1,r=i.chars2;var l=i.lineArray,a=this.diff_main(e,r,!1,o);this.diff_charsToLines_(a,l),this.diff_cleanupSemantic(a),a.push(new t.Diff(0,""));for(var u=0,s=0,c=0,p="",f="";u=1&&c>=1){a.splice(u-s-c,s+c),u=u-s-c;for(var m=this.diff_main(p,f,!1,o),d=m.length-1;d>=0;d--)a.splice(u,0,m[d]);u+=m.length}c=0,s=0,p="",f=""}u++}return a.pop(),a},t.prototype.diff_bisect_=function(e,r,o){for(var i=e.length,l=r.length,a=Math.ceil((i+l)/2),u=a,s=2*a,c=new Array(s),p=new Array(s),f=0;fo);b++){for(var w=-b+v;w<=b-h;w+=2){for(var _=u+w,O=(P=w==-b||w!=b&&c[_-1]i)h+=2;else if(O>l)v+=2;else if(d&&(x=u+m-w)>=0&&x=(E=i-p[x]))return this.diff_bisectSplit_(e,r,P,O,o)}for(var S=-b+y;S<=b-g;S+=2){for(var E,x=u+S,C=(E=S==-b||S!=b&&p[x-1]i)g+=2;else if(C>l)y+=2;else if(!d){var P;if((_=u+m-S)>=0&&_=(E=i-E))return this.diff_bisectSplit_(e,r,P,O,o)}}}return[new t.Diff(n,e),new t.Diff(1,r)]},t.prototype.diff_bisectSplit_=function(e,t,n,r,o){var i=e.substring(0,n),l=t.substring(0,r),a=e.substring(n),u=t.substring(r),s=this.diff_main(i,l,!1,o),c=this.diff_main(a,u,!1,o);return s.concat(c)},t.prototype.diff_linesToChars_=function(e,t){var n=[],r={};function o(e){for(var t="",o=0,l=-1,a=n.length;lr?e=e.substring(n-r):nt.length?e:t,r=e.length>t.length?t:e;if(n.length<4||2*r.length=e.length?[r,i,l,a,c]:null}var l,a,u,s,c,p=i(n,r,Math.ceil(n.length/4)),f=i(n,r,Math.ceil(n.length/2));return p||f?(l=f?p&&p[4].length>f[4].length?p:f:p,e.length>t.length?(a=l[0],u=l[1],s=l[2],c=l[3]):(s=l[0],c=l[1],a=l[2],u=l[3]),[a,u,s,c,l[4]]):null},t.prototype.diff_cleanupSemantic=function(e){for(var r=!1,o=[],i=0,l=null,a=0,u=0,s=0,c=0,p=0;a0?o[i-1]:-1,u=0,s=0,c=0,p=0,l=null,r=!0)),a++;for(r&&this.diff_cleanupMerge(e),this.diff_cleanupSemanticLossless(e),a=1;a=v?(d>=f.length/2||d>=m.length/2)&&(e.splice(a,0,new t.Diff(0,m.substring(0,d))),e[a-1][1]=f.substring(0,f.length-d),e[a+1][1]=m.substring(d),a++):(v>=f.length/2||v>=m.length/2)&&(e.splice(a,0,new t.Diff(0,f.substring(0,v))),e[a-1][0]=1,e[a-1][1]=m.substring(0,m.length-v),e[a+1][0]=n,e[a+1][1]=f.substring(v),a++),a++}a++}},t.prototype.diff_cleanupSemanticLossless=function(e){function n(e,n){if(!e||!n)return 6;var r=e.charAt(e.length-1),o=n.charAt(0),i=r.match(t.nonAlphaNumericRegex_),l=o.match(t.nonAlphaNumericRegex_),a=i&&r.match(t.whitespaceRegex_),u=l&&o.match(t.whitespaceRegex_),s=a&&r.match(t.linebreakRegex_),c=u&&o.match(t.linebreakRegex_),p=s&&e.match(t.blanklineEndRegex_),f=c&&n.match(t.blanklineStartRegex_);return p||f?5:s||c?4:i&&!a&&u?3:a||u?2:i||l?1:0}for(var r=1;r=f&&(f=m,s=o,c=i,p=l)}e[r-1][1]!=s&&(s?e[r-1][1]=s:(e.splice(r-1,1),r--),e[r][1]=c,p?e[r+1][1]=p:(e.splice(r+1,1),r--))}r++}},t.nonAlphaNumericRegex_=/[^a-zA-Z0-9]/,t.whitespaceRegex_=/\s/,t.linebreakRegex_=/[\r\n]/,t.blanklineEndRegex_=/\n\r?\n$/,t.blanklineStartRegex_=/^\r?\n\r?\n/,t.prototype.diff_cleanupEfficiency=function(e){for(var r=!1,o=[],i=0,l=null,a=0,u=!1,s=!1,c=!1,p=!1;a0?o[i-1]:-1,c=p=!1),r=!0)),a++;r&&this.diff_cleanupMerge(e)},t.prototype.diff_cleanupMerge=function(e){e.push(new t.Diff(0,""));for(var r,o=0,i=0,l=0,a="",u="";o1?(0!==i&&0!==l&&(0!==(r=this.diff_commonPrefix(u,a))&&(o-i-l>0&&0==e[o-i-l-1][0]?e[o-i-l-1][1]+=u.substring(0,r):(e.splice(0,0,new t.Diff(0,u.substring(0,r))),o++),u=u.substring(r),a=a.substring(r)),0!==(r=this.diff_commonSuffix(u,a))&&(e[o][1]=u.substring(u.length-r)+e[o][1],u=u.substring(0,u.length-r),a=a.substring(0,a.length-r))),o-=i+l,e.splice(o,i+l),a.length&&(e.splice(o,0,new t.Diff(n,a)),o++),u.length&&(e.splice(o,0,new t.Diff(1,u)),o++),o++):0!==o&&0==e[o-1][0]?(e[o-1][1]+=e[o][1],e.splice(o,1)):o++,l=0,i=0,a="",u=""}""===e[e.length-1][1]&&e.pop();var s=!1;for(o=1;ot));r++)l=o,a=i;return e.length!=r&&e[r][0]===n?a:a+(t-l)},t.prototype.diff_prettyHtml=function(e){for(var t=[],r=/&/g,o=//g,l=/\n/g,a=0;a");switch(u){case 1:t[a]=''+s+"";break;case n:t[a]=''+s+"";break;case 0:t[a]=""+s+""}}return t.join("")},t.prototype.diff_text1=function(e){for(var t=[],n=0;nthis.Match_MaxBits)throw new Error("Pattern too long for this browser.");var r=this.match_alphabet_(t),o=this;function i(e,r){var i=e/t.length,l=Math.abs(n-r);return o.Match_Distance?i+l/o.Match_Distance:l?1:i}var l=this.Match_Threshold,a=e.indexOf(t,n);-1!=a&&(l=Math.min(i(0,a),l),-1!=(a=e.lastIndexOf(t,n+t.length))&&(l=Math.min(i(0,a),l)));var u,s,c=1<=d;y--){var g=r[e.charAt(y-1)];if(h[y]=0===m?(h[y+1]<<1|1)&g:(h[y+1]<<1|1)&g|(p[y+1]|p[y])<<1|1|p[y+1],h[y]&c){var b=i(m,y-1);if(b<=l){if(l=b,!((a=y-1)>n))break;d=Math.max(1,2*n-a)}}}if(i(m+1,n)>l)break;p=h}return a},t.prototype.match_alphabet_=function(e){for(var t={},n=0;n2&&(this.diff_cleanupSemantic(l),this.diff_cleanupEfficiency(l));else if(e&&"object"==typeof e&&void 0===r&&void 0===o)l=e,i=this.diff_text1(l);else if("string"==typeof e&&r&&"object"==typeof r&&void 0===o)i=e,l=r;else{if("string"!=typeof e||"string"!=typeof r||!o||"object"!=typeof o)throw new Error("Unknown call format to patch_make.");i=e,l=o}if(0===l.length)return[];for(var a=[],u=new t.patch_obj,s=0,c=0,p=0,f=i,m=i,d=0;d=2*this.Patch_Margin&&s&&(this.patch_addContext_(u,f),a.push(u),u=new t.patch_obj,s=0,f=m,c=p)}1!==v&&(c+=h.length),v!==n&&(p+=h.length)}return s&&(this.patch_addContext_(u,f),a.push(u)),a},t.prototype.patch_deepCopy=function(e){for(var n=[],r=0;rthis.Match_MaxBits?-1!=(a=this.match_main(t,c.substring(0,this.Match_MaxBits),s))&&(-1==(p=this.match_main(t,c.substring(c.length-this.Match_MaxBits),s+c.length-this.Match_MaxBits))||a>=p)&&(a=-1):a=this.match_main(t,c,s),-1==a)i[l]=!1,o-=e[l].length2-e[l].length1;else if(i[l]=!0,o=a-s,c==(u=-1==p?t.substring(a,a+c.length):t.substring(a,p+this.Match_MaxBits)))t=t.substring(0,a)+this.diff_text2(e[l].diffs)+t.substring(a+c.length);else{var f=this.diff_main(c,u,!1);if(c.length>this.Match_MaxBits&&this.diff_levenshtein(f)/c.length>this.Patch_DeleteThreshold)i[l]=!1;else{this.diff_cleanupSemanticLossless(f);for(var m,d=0,v=0;vl[0][1].length){var a=n-l[0][1].length;l[0][1]=r.substring(l[0][1].length)+l[0][1],i.start1-=a,i.start2-=a,i.length1+=a,i.length2+=a}return 0==(l=(i=e[e.length-1]).diffs).length||0!=l[l.length-1][0]?(l.push(new t.Diff(0,r)),i.length1+=n,i.length2+=n):n>l[l.length-1][1].length&&(a=n-l[l.length-1][1].length,l[l.length-1][1]+=r.substring(0,a),i.length1+=a,i.length2+=a),r},t.prototype.patch_splitMax=function(e){for(var r=this.Match_MaxBits,o=0;o2*r?(s.length1+=f.length,l+=f.length,c=!1,s.diffs.push(new t.Diff(p,f)),i.diffs.shift()):(f=f.substring(0,r-s.length1-this.Patch_Margin),s.length1+=f.length,l+=f.length,0===p?(s.length2+=f.length,a+=f.length):c=!1,s.diffs.push(new t.Diff(p,f)),f==i.diffs[0][1]?i.diffs.shift():i.diffs[0][1]=i.diffs[0][1].substring(f.length))}u=(u=this.diff_text2(s.diffs)).substring(u.length-this.Patch_Margin);var m=this.diff_text1(i.diffs).substring(0,this.Patch_Margin);""!==m&&(s.length1+=m.length,s.length2+=m.length,0!==s.diffs.length&&0===s.diffs[s.diffs.length-1][0]?s.diffs[s.diffs.length-1][1]+=m:s.diffs.push(new t.Diff(0,m))),c||e.splice(++o,0,s)}}},t.prototype.patch_toText=function(e){for(var t=[],n=0;nz});var o={};n.r(o),n.d(o,{getSource:()=>J,getSources:()=>Z});var i={};n.r(i),n.d(i,{apiFetch:()=>oj,setPortfolioLayouts:()=>ij});var l={};n.r(l),n.d(l,{API_FETCH:()=>lj});var a={};n.r(a),n.d(a,{getPortfolioLayouts:()=>cj});var u={};n.r(u),n.d(u,{getPortfolioLayouts:()=>pj});var s={};n.r(s),n.d(s,{get:()=>_j});var c={};n.r(c),n.d(c,{get:()=>Sj});const p=window.wp.blocks;var f,m,d,v,h=n(1609),y=n.n(h);function g(){return g=Object.assign?Object.assign.bind():function(e){for(var t=1;t=":r=e>=n;break;case"<=":r=e<=n;break;case">":r=e>n;break;case"<":r=e2&&void 0!==arguments[2]?arguments[2]:"AND",r="AND"===n,o=r?"OR":"AND";return e.forEach(function(e){if(Array.isArray(e)&&!e.control)r=V(r,n,F(e,t,o));else if(e.control){var i=B(e.control,t),l=e.operator||"==",a=void 0!==e.value?e.value:"true";"true"===i?i=!0:"false"===i&&(i=!1),"true"===a?a=!0:"false"===a&&(a=!1),r=V(r,n,V(i,l,a))}}),r}const H=window.wp.data;function z(e){return{type:"REGISTER_LOOP_SOURCE",source:e}}function U(e){return U="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},U(e)}function W(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function G(e){for(var t=1;te.length)&&(t=e.length);for(var n=0,r=Array(t);n0&&void 0!==arguments[0]?arguments[0]:q,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if("REGISTER_LOOP_SOURCE"===n.type){var r=t.sources.findIndex(function(e){return e.name===n.source.name}),o=-1===r?[].concat(function(e){if(Array.isArray(e))return $(e)}(e=t.sources)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return $(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?$(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}(),[n.source]):t.sources.map(function(e,t){return t===r?G(G({},e),n.source):e});return G(G({},t),{},{sources:o})}return t},actions:r,selectors:o});function K(e){return K="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},K(e)}function ee(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function te(e){for(var t=1;te.length)&&(t=e.length);for(var n=0,r=Array(t);ne.length)&&(t=e.length);for(var n=0,r=Array(t);ne.length)&&(t=e.length);for(var n=0,r=Array(t);n1&&void 0!==arguments[1])||arguments[1],n=this.props,r=n.value,o=n.onChange,i=this.parseParts(r);e&&i[0]&&i[1]&&(t?i[0]=e:i[1]=e,o("".concat(i[0],":").concat(i[1])))}},{key:"render",value:function(){var e=this,t=this.props,n=t.value,r=t.onChange,o=this.state.isCustom,i=this.parseParts(n);return wp.element.createElement("div",{className:"vpf-component-aspect-ratio"},wp.element.createElement(A.SelectControl,{value:o?"custom":n,onChange:function(t){"custom"===t?(e.setState({isCustom:!0}),n||r("3:4")):(e.setState({isCustom:!1}),r(t))},options:Object.keys(xe).map(function(e){return{label:xe[e],value:e}})}),o?wp.element.createElement("div",{className:"vpf-component-aspect-ratio-custom"},wp.element.createElement(A.TextControl,{label:(0,L.__)("Width","visual-portfolio"),type:"number",value:i[0],onChange:function(t){return e.updatePart(t,!0)}}),wp.element.createElement(A.TextControl,{label:(0,L.__)("Height","visual-portfolio"),type:"number",value:i[1],onChange:function(t){return e.updatePart(t,!1)}})):"")}}],r&&be(n.prototype,r),Object.defineProperty(n,"prototype",{writable:!1}),n;var n,r}(I.Component);function Pe(e){return Pe="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Pe(e)}function je(){return je=Object.assign?Object.assign.bind():function(e){for(var t=1;t")),n.children.length&&this.isCollapsed()?n.children.map(function(t){return t?wp.element.createElement("li",{className:"vpf-component-classes-tree-child"},wp.element.createElement(Fe.TreeItem,je({},e.props,{node:t}))):null}):"")}}])}(I.Component);var He=n(247),ze=n.n(He),Ue=n(6957),We=n.n(Ue),Ge=n(952),Qe=n.n(Ge),$e=n(470);function qe(e){return qe="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},qe(e)}function Ze(e,t){for(var n=0;ne.length)&&(t=e.length);for(var n=0,r=Array(t);ne.length)&&(t=e.length);for(var n=0,r=Array(t);n0&&a.elements.filter(function(e){return"items"===e}).map(function(n){return wp.element.createElement(Tt,{key:n+e,location:e,locationData:a,value:r,onChange:o,options:i,optionName:n,parentProps:t.props})}):wp.element.createElement("div",{key:e,className:"vpf-component-elements-selector-control-location"},a.title?wp.element.createElement("div",{className:"vpf-component-elements-selector-control-location-title"},a.title):null,a.availableAlign.length&&a.elements.length?wp.element.createElement("div",{className:"vpf-component-elements-selector-control-location-align"},this.renderAlignSettings(e)):null,wp.element.createElement("div",{className:N()("vpf-component-elements-selector-control-location-options",a.align?"vpf-component-elements-selector-control-location-options-".concat(a.align):"")},a.elements.length?a.elements.map(function(n){return wp.element.createElement(Tt,{key:n,location:e,locationData:a,value:r,onChange:o,options:i,optionName:n,parentProps:t.props})}):null,Object.keys(u).length?wp.element.createElement(A.DropdownMenu,{className:"vpf-component-elements-selector-control-location-options-add-button",popoverProps:{position:"bottom center"},icon:wp.element.createElement("svg",{width:"20",height:"20",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",role:"img","aria-hidden":"true",focusable:"false"},wp.element.createElement("path",{d:"M18 11.2h-5.2V6h-1.6v5.2H6v1.6h5.2V18h1.6v-5.2H18z"})),controls:Object.keys(u).map(function(t){return{title:wp.element.createElement(wp.element.Fragment,null,u[t].title,u[t].is_pro?wp.element.createElement("span",{className:"vpf-component-elements-selector-control-location-options-title-pro"},(0,L.__)("PRO","visual-portfolio")):""),onClick:function(){if(!u[t].is_pro){var n=function(e){return function(e){if(Array.isArray(e))return jt(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||Pt(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}(a.elements);-1===n.indexOf(t)&&(n.push(t),o(St(St({},r),{},Et({},e,St(St({},r[e]),{},{elements:n})))))}}}})}):""))}},{key:"render",value:function(){var e=this,t=this.props.locations;return wp.element.createElement("div",{className:"vpf-component-elements-selector-control"},Object.keys(t).map(function(t){return e.renderLocation(t)}))}}],r&&yt(n.prototype,r),Object.defineProperty(n,"prototype",{writable:!1}),n;var n,r}(I.Component);function It(e){var t=[];return null!=e&&e.length&&e.forEach(function(e){e.categories&&e.categories.length&&e.categories.forEach(function(e){-1===t.indexOf(e)&&t.push(e)})}),t}function At(e){return Object.hasOwn(e||{},"alt")&&""!==String(e.alt||"").trim()}function Mt(e){return At(e)?String(e.alt).trim():""}function Lt(e){return(null==e?void 0:e.alt_text)||""}function Rt(e,t){return Mt(e)||Lt(t)}function Nt(e){var t=e.data,n=e.img,r=e.onChange,o=e.index,i=e.fullName,l=e.className,a=(0,H.useSelect)(function(e){var t=e("core").getEntityRecord;return{imgData:n.id?t("postType","attachment",n.id):null}},[n.id]).imgData,u=At(n)?Mt(n):"",s=function(e){return Lt(e)||"-"}(a);return wp.element.createElement(A.BaseControl,{id:"vpf-control-group-".concat(i),label:t.label,help:t.description||null,className:N()("vpf-control-wrap","vpf-control-wrap-text",de(i),l)},wp.element.createElement(A.TextControl,{key:"".concat(n.id||n.imgThumbnailUrl||n.imgUrl,"-").concat(o,"-alt"),value:u,placeholder:s,onChange:function(e){r({alt:e})}}))}function Bt(e){var t,n,r,o=e.data,i=e.textSource,l=e.img,a=e.name,u=e.index,s=e.fullName,c=(0,H.useSelect)(function(e){var t=e("core").getEntityRecord;return{imgData:l.id?t("postType","attachment",l.id):null}},[l]).imgData,p="",f="";switch(i){case"title":p=(null==c||null===(t=c.title)||void 0===t?void 0:t.raw)||"",f=(0,L.__)("Loaded automatically from the image Title","visual-portfolio");break;case"caption":p=(null==c||null===(n=c.caption)||void 0===n?void 0:n.raw)||"",f=(0,L.__)("Loaded automatically from the image Caption","visual-portfolio");break;case"alt":p=Rt(l,c),f=(0,L.__)("Loaded automatically from the image Alt","visual-portfolio");break;case"description":p=(null==c||null===(r=c.description)||void 0===r?void 0:r.raw)||"",f=(0,L.__)("Loaded automatically from the image Description","visual-portfolio")}var m="title"===a?A.TextControl:A.TextareaControl;return wp.element.createElement(m,{className:"vpf-control-wrap vpf-control-wrap-".concat("title"===a?"text":"textarea"," ").concat(de(s)),key:"".concat(l.id||l.imgThumbnailUrl||l.imgUrl,"-").concat(u,"-").concat(a),label:o.label,value:p,help:f,disabled:!0})}(0,M.addFilter)("vpf.editor.controls-render-data","vpf/editor/controls-render-data/images-categories-suggestions",function(e){if("images"===e.name){var t=It(e.attributes.images);t.length&&e.image_controls&&e.image_controls.categories&&e.image_controls.categories.options&&(e.image_controls.categories.options=t.map(function(e){return{label:e,value:e}}))}return e}),(0,M.addFilter)("vpf.editor.gallery-controls-render","vpf/editor/gallery-controls-render/image-alt",function(e,t,n,r){var o,i=n.img,l=n.onChange,a=r.name,u=r.index,s=r.fullName;return"alt"===a&&(e=wp.element.createElement(Nt,{data:t,img:i,onChange:l,index:u,fullName:s,className:null===(o=e)||void 0===o||null===(o=o.props)||void 0===o?void 0:o.className})),e}),(0,M.addFilter)("vpf.editor.gallery-controls-render","vpf/editor/gallery-controls-render/title-and-description-render-by-source",function(e,t,n,r){var o=n.attributes,i=n.img,l=r.name,a=r.index,u=r.fullName;return("title"===l&&o.images_titles_source&&"custom"!==o.images_titles_source||"description"===l&&o.images_descriptions_source&&"custom"!==o.images_descriptions_source)&&(e=wp.element.createElement(Bt,{data:t,textSource:o["images_".concat(l,"s_source")],img:i,name:l,index:a,fullName:u})),e});const Vt=window.ReactDOM,Ft="undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement;function Ht(e){const t=Object.prototype.toString.call(e);return"[object Window]"===t||"[object global]"===t}function zt(e){return"nodeType"in e}function Ut(e){var t,n;return e?Ht(e)?e:zt(e)&&null!=(t=null==(n=e.ownerDocument)?void 0:n.defaultView)?t:window:window}function Wt(e){const{Document:t}=Ut(e);return e instanceof t}function Gt(e){return!Ht(e)&&e instanceof Ut(e).HTMLElement}function Qt(e){return e instanceof Ut(e).SVGElement}function $t(e){return e?Ht(e)?e.document:zt(e)?Wt(e)?e:Gt(e)||Qt(e)?e.ownerDocument:document:document:document}const qt=Ft?h.useLayoutEffect:h.useEffect;function Zt(e){const t=(0,h.useRef)(e);return qt(()=>{t.current=e}),(0,h.useCallback)(function(){for(var e=arguments.length,n=new Array(e),r=0;r{n.current!==e&&(n.current=e)},t),n}function Xt(e,t){const n=(0,h.useRef)();return(0,h.useMemo)(()=>{const t=e(n.current);return n.current=t,t},[...t])}function Yt(e){const t=Zt(e),n=(0,h.useRef)(null),r=(0,h.useCallback)(e=>{e!==n.current&&(null==t||t(e,n.current)),n.current=e},[]);return[n,r]}function Kt(e){const t=(0,h.useRef)();return(0,h.useEffect)(()=>{t.current=e},[e]),t.current}let en={};function tn(e,t){return(0,h.useMemo)(()=>{if(t)return t;const n=null==en[e]?0:en[e]+1;return en[e]=n,e+"-"+n},[e,t])}function nn(e){return function(t){for(var n=arguments.length,r=new Array(n>1?n-1:0),o=1;o{const r=Object.entries(n);for(const[n,o]of r){const r=t[n];null!=r&&(t[n]=r+e*o)}return t},{...t})}}const rn=nn(1),on=nn(-1);function ln(e){if(!e)return!1;const{KeyboardEvent:t}=Ut(e.target);return t&&e instanceof t}function an(e){if(function(e){if(!e)return!1;const{TouchEvent:t}=Ut(e.target);return t&&e instanceof t}(e)){if(e.touches&&e.touches.length){const{clientX:t,clientY:n}=e.touches[0];return{x:t,y:n}}if(e.changedTouches&&e.changedTouches.length){const{clientX:t,clientY:n}=e.changedTouches[0];return{x:t,y:n}}}return function(e){return"clientX"in e&&"clientY"in e}(e)?{x:e.clientX,y:e.clientY}:null}const un=Object.freeze({Translate:{toString(e){if(!e)return;const{x:t,y:n}=e;return"translate3d("+(t?Math.round(t):0)+"px, "+(n?Math.round(n):0)+"px, 0)"}},Scale:{toString(e){if(!e)return;const{scaleX:t,scaleY:n}=e;return"scaleX("+t+") scaleY("+n+")"}},Transform:{toString(e){if(e)return[un.Translate.toString(e),un.Scale.toString(e)].join(" ")}},Transition:{toString(e){let{property:t,duration:n,easing:r}=e;return t+" "+n+"ms "+r}}}),sn="a,frame,iframe,input:not([type=hidden]):not(:disabled),select:not(:disabled),textarea:not(:disabled),button:not(:disabled),*[tabindex]";function cn(e){return e.matches(sn)?e:e.querySelector(sn)}const pn={display:"none"};function fn(e){let{id:t,value:n}=e;return y().createElement("div",{id:t,style:pn},n)}function mn(e){let{id:t,announcement:n,ariaLiveType:r="assertive"}=e;return y().createElement("div",{id:t,style:{position:"fixed",top:0,left:0,width:1,height:1,margin:-1,border:0,padding:0,overflow:"hidden",clip:"rect(0 0 0 0)",clipPath:"inset(100%)",whiteSpace:"nowrap"},role:"status","aria-live":r,"aria-atomic":!0},n)}const dn=(0,h.createContext)(null),vn={draggable:"\n To pick up a draggable item, press the space bar.\n While dragging, use the arrow keys to move the item.\n Press space again to drop the item in its new position, or press escape to cancel.\n "},hn={onDragStart(e){let{active:t}=e;return"Picked up draggable item "+t.id+"."},onDragOver(e){let{active:t,over:n}=e;return n?"Draggable item "+t.id+" was moved over droppable area "+n.id+".":"Draggable item "+t.id+" is no longer over a droppable area."},onDragEnd(e){let{active:t,over:n}=e;return n?"Draggable item "+t.id+" was dropped over droppable area "+n.id:"Draggable item "+t.id+" was dropped."},onDragCancel(e){let{active:t}=e;return"Dragging was cancelled. Draggable item "+t.id+" was dropped."}};function yn(e){let{announcements:t=hn,container:n,hiddenTextDescribedById:r,screenReaderInstructions:o=vn}=e;const{announce:i,announcement:l}=function(){const[e,t]=(0,h.useState)("");return{announce:(0,h.useCallback)(e=>{null!=e&&t(e)},[]),announcement:e}}(),a=tn("DndLiveRegion"),[u,s]=(0,h.useState)(!1);if((0,h.useEffect)(()=>{s(!0)},[]),function(e){const t=(0,h.useContext)(dn);(0,h.useEffect)(()=>{if(!t)throw new Error("useDndMonitor must be used within a children of ");return t(e)},[e,t])}((0,h.useMemo)(()=>({onDragStart(e){let{active:n}=e;i(t.onDragStart({active:n}))},onDragMove(e){let{active:n,over:r}=e;t.onDragMove&&i(t.onDragMove({active:n,over:r}))},onDragOver(e){let{active:n,over:r}=e;i(t.onDragOver({active:n,over:r}))},onDragEnd(e){let{active:n,over:r}=e;i(t.onDragEnd({active:n,over:r}))},onDragCancel(e){let{active:n,over:r}=e;i(t.onDragCancel({active:n,over:r}))}}),[i,t])),!u)return null;const c=y().createElement(y().Fragment,null,y().createElement(fn,{id:r,value:o.draggable}),y().createElement(mn,{id:a,announcement:l}));return n?(0,Vt.createPortal)(c,n):c}var gn;function bn(){}function wn(e,t){return(0,h.useMemo)(()=>({sensor:e,options:null!=t?t:{}}),[e,t])}function On(){for(var e=arguments.length,t=new Array(e),n=0;n[...t].filter(e=>null!=e),[...t])}!function(e){e.DragStart="dragStart",e.DragMove="dragMove",e.DragEnd="dragEnd",e.DragCancel="dragCancel",e.DragOver="dragOver",e.RegisterDroppable="registerDroppable",e.SetDroppableDisabled="setDroppableDisabled",e.UnregisterDroppable="unregisterDroppable"}(gn||(gn={}));const Sn=Object.freeze({x:0,y:0});function En(e,t){return Math.sqrt(Math.pow(e.x-t.x,2)+Math.pow(e.y-t.y,2))}function xn(e,t){const n=an(e);return n?(n.x-t.left)/t.width*100+"% "+(n.y-t.top)/t.height*100+"%":"0 0"}function Cn(e,t){let{data:{value:n}}=e,{data:{value:r}}=t;return n-r}function Pn(e,t){let{data:{value:n}}=e,{data:{value:r}}=t;return r-n}function jn(e){let{left:t,top:n,height:r,width:o}=e;return[{x:t,y:n},{x:t+o,y:n},{x:t,y:n+r},{x:t+o,y:n+r}]}function kn(e,t){if(!e||0===e.length)return null;const[n]=e;return t?n[t]:n}function Tn(e,t,n){return void 0===t&&(t=e.left),void 0===n&&(n=e.top),{x:t+.5*e.width,y:n+.5*e.height}}const Dn=e=>{let{collisionRect:t,droppableRects:n,droppableContainers:r}=e;const o=Tn(t,t.left,t.top),i=[];for(const e of r){const{id:t}=e,r=n.get(t);if(r){const n=En(Tn(r),o);i.push({id:t,data:{droppableContainer:e,value:n}})}}return i.sort(Cn)};function In(e,t){const n=Math.max(t.top,e.top),r=Math.max(t.left,e.left),o=Math.min(t.left+t.width,e.left+e.width),i=Math.min(t.top+t.height,e.top+e.height),l=o-r,a=i-n;if(r{let{collisionRect:t,droppableRects:n,droppableContainers:r}=e;const o=[];for(const e of r){const{id:r}=e,i=n.get(r);if(i){const n=In(i,t);n>0&&o.push({id:r,data:{droppableContainer:e,value:n}})}}return o.sort(Pn)};function Mn(e,t){return e&&t?{x:e.left-t.left,y:e.top-t.top}:Sn}function Ln(e){return function(t){for(var n=arguments.length,r=new Array(n>1?n-1:0),o=1;o({...t,top:t.top+e*n.y,bottom:t.bottom+e*n.y,left:t.left+e*n.x,right:t.right+e*n.x}),{...t})}}const Rn=Ln(1);function Nn(e){if(e.startsWith("matrix3d(")){const t=e.slice(9,-1).split(/, /);return{x:+t[12],y:+t[13],scaleX:+t[0],scaleY:+t[5]}}if(e.startsWith("matrix(")){const t=e.slice(7,-1).split(/, /);return{x:+t[4],y:+t[5],scaleX:+t[0],scaleY:+t[3]}}return null}const Bn={ignoreTransform:!1};function Vn(e,t){void 0===t&&(t=Bn);let n=e.getBoundingClientRect();if(t.ignoreTransform){const{transform:t,transformOrigin:r}=Ut(e).getComputedStyle(e);t&&(n=function(e,t,n){const r=Nn(t);if(!r)return e;const{scaleX:o,scaleY:i,x:l,y:a}=r,u=e.left-l-(1-o)*parseFloat(n),s=e.top-a-(1-i)*parseFloat(n.slice(n.indexOf(" ")+1)),c=o?e.width/o:e.width,p=i?e.height/i:e.height;return{width:c,height:p,top:s,right:u+c,bottom:s+p,left:u}}(n,t,r))}const{top:r,left:o,width:i,height:l,bottom:a,right:u}=n;return{top:r,left:o,width:i,height:l,bottom:a,right:u}}function Fn(e){return Vn(e,{ignoreTransform:!0})}function Hn(e,t){const n=[];return e?function r(o){if(null!=t&&n.length>=t)return n;if(!o)return n;if(Wt(o)&&null!=o.scrollingElement&&!n.includes(o.scrollingElement))return n.push(o.scrollingElement),n;if(!Gt(o)||Qt(o))return n;if(n.includes(o))return n;const i=Ut(e).getComputedStyle(o);return o!==e&&function(e,t){void 0===t&&(t=Ut(e).getComputedStyle(e));const n=/(auto|scroll|overlay)/;return["overflow","overflowX","overflowY"].some(e=>{const r=t[e];return"string"==typeof r&&n.test(r)})}(o,i)&&n.push(o),function(e,t){return void 0===t&&(t=Ut(e).getComputedStyle(e)),"fixed"===t.position}(o,i)?n:r(o.parentNode)}(e):n}function zn(e){const[t]=Hn(e,1);return null!=t?t:null}function Un(e){return Ft&&e?Ht(e)?e:zt(e)?Wt(e)||e===$t(e).scrollingElement?window:Gt(e)?e:null:null:null}function Wn(e){return Ht(e)?e.scrollX:e.scrollLeft}function Gn(e){return Ht(e)?e.scrollY:e.scrollTop}function Qn(e){return{x:Wn(e),y:Gn(e)}}var $n;function qn(e){return!(!Ft||!e)&&e===document.scrollingElement}function Zn(e){const t={x:0,y:0},n=qn(e)?{height:window.innerHeight,width:window.innerWidth}:{height:e.clientHeight,width:e.clientWidth},r={x:e.scrollWidth-n.width,y:e.scrollHeight-n.height};return{isTop:e.scrollTop<=t.y,isLeft:e.scrollLeft<=t.x,isBottom:e.scrollTop>=r.y,isRight:e.scrollLeft>=r.x,maxScroll:r,minScroll:t}}!function(e){e[e.Forward=1]="Forward",e[e.Backward=-1]="Backward"}($n||($n={}));const Jn={x:.2,y:.2};function Xn(e,t,n,r,o){let{top:i,left:l,right:a,bottom:u}=n;void 0===r&&(r=10),void 0===o&&(o=Jn);const{isTop:s,isBottom:c,isLeft:p,isRight:f}=Zn(e),m={x:0,y:0},d={x:0,y:0},v=t.height*o.y,h=t.width*o.x;return!s&&i<=t.top+v?(m.y=$n.Backward,d.y=r*Math.abs((t.top+v-i)/v)):!c&&u>=t.bottom-v&&(m.y=$n.Forward,d.y=r*Math.abs((t.bottom-v-u)/v)),!f&&a>=t.right-h?(m.x=$n.Forward,d.x=r*Math.abs((t.right-h-a)/h)):!p&&l<=t.left+h&&(m.x=$n.Backward,d.x=r*Math.abs((t.left+h-l)/h)),{direction:m,speed:d}}function Yn(e){if(e===document.scrollingElement){const{innerWidth:e,innerHeight:t}=window;return{top:0,left:0,right:e,bottom:t,width:e,height:t}}const{top:t,left:n,right:r,bottom:o}=e.getBoundingClientRect();return{top:t,left:n,right:r,bottom:o,width:e.clientWidth,height:e.clientHeight}}function Kn(e){return e.reduce((e,t)=>rn(e,Qn(t)),Sn)}function er(e,t){if(void 0===t&&(t=Vn),!e)return;const{top:n,left:r,bottom:o,right:i}=t(e);zn(e)&&(o<=0||i<=0||n>=window.innerHeight||r>=window.innerWidth)&&e.scrollIntoView({block:"center",inline:"center"})}const tr=[["x",["left","right"],function(e){return e.reduce((e,t)=>e+Wn(t),0)}],["y",["top","bottom"],function(e){return e.reduce((e,t)=>e+Gn(t),0)}]];class nr{constructor(e,t){this.rect=void 0,this.width=void 0,this.height=void 0,this.top=void 0,this.bottom=void 0,this.right=void 0,this.left=void 0;const n=Hn(t),r=Kn(n);this.rect={...e},this.width=e.width,this.height=e.height;for(const[e,t,o]of tr)for(const i of t)Object.defineProperty(this,i,{get:()=>{const t=o(n),l=r[e]-t;return this.rect[i]+l},enumerable:!0});Object.defineProperty(this,"rect",{enumerable:!1})}}class rr{constructor(e){this.target=void 0,this.listeners=[],this.removeAll=()=>{this.listeners.forEach(e=>{var t;return null==(t=this.target)?void 0:t.removeEventListener(...e)})},this.target=e}add(e,t,n){var r;null==(r=this.target)||r.addEventListener(e,t,n),this.listeners.push([e,t,n])}}function or(e,t){const n=Math.abs(e.x),r=Math.abs(e.y);return"number"==typeof t?Math.sqrt(n**2+r**2)>t:"x"in t&&"y"in t?n>t.x&&r>t.y:"x"in t?n>t.x:"y"in t&&r>t.y}var ir,lr;function ar(e){e.preventDefault()}function ur(e){e.stopPropagation()}!function(e){e.Click="click",e.DragStart="dragstart",e.Keydown="keydown",e.ContextMenu="contextmenu",e.Resize="resize",e.SelectionChange="selectionchange",e.VisibilityChange="visibilitychange"}(ir||(ir={})),function(e){e.Space="Space",e.Down="ArrowDown",e.Right="ArrowRight",e.Left="ArrowLeft",e.Up="ArrowUp",e.Esc="Escape",e.Enter="Enter",e.Tab="Tab"}(lr||(lr={}));const sr={start:[lr.Space,lr.Enter],cancel:[lr.Esc],end:[lr.Space,lr.Enter,lr.Tab]},cr=(e,t)=>{let{currentCoordinates:n}=t;switch(e.code){case lr.Right:return{...n,x:n.x+25};case lr.Left:return{...n,x:n.x-25};case lr.Down:return{...n,y:n.y+25};case lr.Up:return{...n,y:n.y-25}}};class pr{constructor(e){this.props=void 0,this.autoScrollEnabled=!1,this.referenceCoordinates=void 0,this.listeners=void 0,this.windowListeners=void 0,this.props=e;const{event:{target:t}}=e;this.props=e,this.listeners=new rr($t(t)),this.windowListeners=new rr(Ut(t)),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleCancel=this.handleCancel.bind(this),this.attach()}attach(){this.handleStart(),this.windowListeners.add(ir.Resize,this.handleCancel),this.windowListeners.add(ir.VisibilityChange,this.handleCancel),setTimeout(()=>this.listeners.add(ir.Keydown,this.handleKeyDown))}handleStart(){const{activeNode:e,onStart:t}=this.props,n=e.node.current;n&&er(n),t(Sn)}handleKeyDown(e){if(ln(e)){const{active:t,context:n,options:r}=this.props,{keyboardCodes:o=sr,coordinateGetter:i=cr,scrollBehavior:l="smooth"}=r,{code:a}=e;if(o.end.includes(a))return void this.handleEnd(e);if(o.cancel.includes(a))return void this.handleCancel(e);const{collisionRect:u}=n.current,s=u?{x:u.left,y:u.top}:Sn;this.referenceCoordinates||(this.referenceCoordinates=s);const c=i(e,{active:t,context:n.current,currentCoordinates:s});if(c){const t=on(c,s),r={x:0,y:0},{scrollableAncestors:o}=n.current;for(const n of o){const o=e.code,{isTop:i,isRight:a,isLeft:u,isBottom:s,maxScroll:p,minScroll:f}=Zn(n),m=Yn(n),d={x:Math.min(o===lr.Right?m.right-m.width/2:m.right,Math.max(o===lr.Right?m.left:m.left+m.width/2,c.x)),y:Math.min(o===lr.Down?m.bottom-m.height/2:m.bottom,Math.max(o===lr.Down?m.top:m.top+m.height/2,c.y))},v=o===lr.Right&&!a||o===lr.Left&&!u,h=o===lr.Down&&!s||o===lr.Up&&!i;if(v&&d.x!==c.x){const e=n.scrollLeft+t.x,i=o===lr.Right&&e<=p.x||o===lr.Left&&e>=f.x;if(i&&!t.y)return void n.scrollTo({left:e,behavior:l});r.x=i?n.scrollLeft-e:o===lr.Right?n.scrollLeft-p.x:n.scrollLeft-f.x,r.x&&n.scrollBy({left:-r.x,behavior:l});break}if(h&&d.y!==c.y){const e=n.scrollTop+t.y,i=o===lr.Down&&e<=p.y||o===lr.Up&&e>=f.y;if(i&&!t.x)return void n.scrollTo({top:e,behavior:l});r.y=i?n.scrollTop-e:o===lr.Down?n.scrollTop-p.y:n.scrollTop-f.y,r.y&&n.scrollBy({top:-r.y,behavior:l});break}}this.handleMove(e,rn(on(c,this.referenceCoordinates),r))}}}handleMove(e,t){const{onMove:n}=this.props;e.preventDefault(),n(t)}handleEnd(e){const{onEnd:t}=this.props;e.preventDefault(),this.detach(),t()}handleCancel(e){const{onCancel:t}=this.props;e.preventDefault(),this.detach(),t()}detach(){this.listeners.removeAll(),this.windowListeners.removeAll()}}function fr(e){return Boolean(e&&"distance"in e)}function mr(e){return Boolean(e&&"delay"in e)}pr.activators=[{eventName:"onKeyDown",handler:(e,t,n)=>{let{keyboardCodes:r=sr,onActivation:o}=t,{active:i}=n;const{code:l}=e.nativeEvent;if(r.start.includes(l)){const t=i.activatorNode.current;return!(t&&e.target!==t||(e.preventDefault(),null==o||o({event:e.nativeEvent}),0))}return!1}}];class dr{constructor(e,t,n){var r;void 0===n&&(n=function(e){const{EventTarget:t}=Ut(e);return e instanceof t?e:$t(e)}(e.event.target)),this.props=void 0,this.events=void 0,this.autoScrollEnabled=!0,this.document=void 0,this.activated=!1,this.initialCoordinates=void 0,this.timeoutId=null,this.listeners=void 0,this.documentListeners=void 0,this.windowListeners=void 0,this.props=e,this.events=t;const{event:o}=e,{target:i}=o;this.props=e,this.events=t,this.document=$t(i),this.documentListeners=new rr(this.document),this.listeners=new rr(n),this.windowListeners=new rr(Ut(i)),this.initialCoordinates=null!=(r=an(o))?r:Sn,this.handleStart=this.handleStart.bind(this),this.handleMove=this.handleMove.bind(this),this.handleEnd=this.handleEnd.bind(this),this.handleCancel=this.handleCancel.bind(this),this.handleKeydown=this.handleKeydown.bind(this),this.removeTextSelection=this.removeTextSelection.bind(this),this.attach()}attach(){const{events:e,props:{options:{activationConstraint:t,bypassActivationConstraint:n}}}=this;if(this.listeners.add(e.move.name,this.handleMove,{passive:!1}),this.listeners.add(e.end.name,this.handleEnd),e.cancel&&this.listeners.add(e.cancel.name,this.handleCancel),this.windowListeners.add(ir.Resize,this.handleCancel),this.windowListeners.add(ir.DragStart,ar),this.windowListeners.add(ir.VisibilityChange,this.handleCancel),this.windowListeners.add(ir.ContextMenu,ar),this.documentListeners.add(ir.Keydown,this.handleKeydown),t){if(null!=n&&n({event:this.props.event,activeNode:this.props.activeNode,options:this.props.options}))return this.handleStart();if(mr(t))return this.timeoutId=setTimeout(this.handleStart,t.delay),void this.handlePending(t);if(fr(t))return void this.handlePending(t)}this.handleStart()}detach(){this.listeners.removeAll(),this.windowListeners.removeAll(),setTimeout(this.documentListeners.removeAll,50),null!==this.timeoutId&&(clearTimeout(this.timeoutId),this.timeoutId=null)}handlePending(e,t){const{active:n,onPending:r}=this.props;r(n,e,this.initialCoordinates,t)}handleStart(){const{initialCoordinates:e}=this,{onStart:t}=this.props;e&&(this.activated=!0,this.documentListeners.add(ir.Click,ur,{capture:!0}),this.removeTextSelection(),this.documentListeners.add(ir.SelectionChange,this.removeTextSelection),t(e))}handleMove(e){var t;const{activated:n,initialCoordinates:r,props:o}=this,{onMove:i,options:{activationConstraint:l}}=o;if(!r)return;const a=null!=(t=an(e))?t:Sn,u=on(r,a);if(!n&&l){if(fr(l)){if(null!=l.tolerance&&or(u,l.tolerance))return this.handleCancel();if(or(u,l.distance))return this.handleStart()}return mr(l)&&or(u,l.tolerance)?this.handleCancel():void this.handlePending(l,u)}e.cancelable&&e.preventDefault(),i(a)}handleEnd(){const{onAbort:e,onEnd:t}=this.props;this.detach(),this.activated||e(this.props.active),t()}handleCancel(){const{onAbort:e,onCancel:t}=this.props;this.detach(),this.activated||e(this.props.active),t()}handleKeydown(e){e.code===lr.Esc&&this.handleCancel()}removeTextSelection(){var e;null==(e=this.document.getSelection())||e.removeAllRanges()}}const vr={cancel:{name:"pointercancel"},move:{name:"pointermove"},end:{name:"pointerup"}};class hr extends dr{constructor(e){const{event:t}=e,n=$t(t.target);super(e,vr,n)}}hr.activators=[{eventName:"onPointerDown",handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:r}=t;return!(!n.isPrimary||0!==n.button||(null==r||r({event:n}),0))}}];const yr={move:{name:"mousemove"},end:{name:"mouseup"}};var gr;!function(e){e[e.RightClick=2]="RightClick"}(gr||(gr={})),class extends dr{constructor(e){super(e,yr,$t(e.event.target))}}.activators=[{eventName:"onMouseDown",handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:r}=t;return n.button!==gr.RightClick&&(null==r||r({event:n}),!0)}}];const br={cancel:{name:"touchcancel"},move:{name:"touchmove"},end:{name:"touchend"}};var wr,_r;(class extends dr{constructor(e){super(e,br)}static setup(){return window.addEventListener(br.move.name,e,{capture:!1,passive:!1}),function(){window.removeEventListener(br.move.name,e)};function e(){}}}).activators=[{eventName:"onTouchStart",handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:r}=t;const{touches:o}=n;return!(o.length>1||(null==r||r({event:n}),0))}}],function(e){e[e.Pointer=0]="Pointer",e[e.DraggableRect=1]="DraggableRect"}(wr||(wr={})),function(e){e[e.TreeOrder=0]="TreeOrder",e[e.ReversedTreeOrder=1]="ReversedTreeOrder"}(_r||(_r={}));const Or={x:{[$n.Backward]:!1,[$n.Forward]:!1},y:{[$n.Backward]:!1,[$n.Forward]:!1}};var Sr,Er;!function(e){e[e.Always=0]="Always",e[e.BeforeDragging=1]="BeforeDragging",e[e.WhileDragging=2]="WhileDragging"}(Sr||(Sr={})),function(e){e.Optimized="optimized"}(Er||(Er={}));const xr=new Map;function Cr(e,t){return Xt(n=>e?n||("function"==typeof t?t(e):e):null,[t,e])}function Pr(e){let{callback:t,disabled:n}=e;const r=Zt(t),o=(0,h.useMemo)(()=>{if(n||"undefined"==typeof window||void 0===window.ResizeObserver)return;const{ResizeObserver:e}=window;return new e(r)},[n]);return(0,h.useEffect)(()=>()=>null==o?void 0:o.disconnect(),[o]),o}function jr(e){return new nr(Vn(e),e)}function kr(e,t,n){void 0===t&&(t=jr);const[r,o]=(0,h.useState)(null);function i(){o(r=>{if(!e)return null;var o;if(!1===e.isConnected)return null!=(o=null!=r?r:n)?o:null;const i=t(e);return JSON.stringify(r)===JSON.stringify(i)?r:i})}const l=function(e){let{callback:t,disabled:n}=e;const r=Zt(t),o=(0,h.useMemo)(()=>{if(n||"undefined"==typeof window||void 0===window.MutationObserver)return;const{MutationObserver:e}=window;return new e(r)},[r,n]);return(0,h.useEffect)(()=>()=>null==o?void 0:o.disconnect(),[o]),o}({callback(t){if(e)for(const n of t){const{type:t,target:r}=n;if("childList"===t&&r instanceof HTMLElement&&r.contains(e)){i();break}}}}),a=Pr({callback:i});return qt(()=>{i(),e?(null==a||a.observe(e),null==l||l.observe(document.body,{childList:!0,subtree:!0})):(null==a||a.disconnect(),null==l||l.disconnect())},[e]),r}const Tr=[];function Dr(e,t){void 0===t&&(t=[]);const n=(0,h.useRef)(null);return(0,h.useEffect)(()=>{n.current=null},t),(0,h.useEffect)(()=>{const t=e!==Sn;t&&!n.current&&(n.current=e),!t&&n.current&&(n.current=null)},[e]),n.current?on(e,n.current):Sn}function Ir(e){return(0,h.useMemo)(()=>e?function(e){const t=e.innerWidth,n=e.innerHeight;return{top:0,left:0,right:t,bottom:n,width:t,height:n}}(e):null,[e])}const Ar=[];function Mr(e){if(!e)return null;if(e.children.length>1)return e;const t=e.children[0];return Gt(t)?t:e}const Lr=[{sensor:hr,options:{}},{sensor:pr,options:{}}],Rr={current:{}},Nr={draggable:{measure:Fn},droppable:{measure:Fn,strategy:Sr.WhileDragging,frequency:Er.Optimized},dragOverlay:{measure:Vn}};class Br extends Map{get(e){var t;return null!=e&&null!=(t=super.get(e))?t:void 0}toArray(){return Array.from(this.values())}getEnabled(){return this.toArray().filter(e=>{let{disabled:t}=e;return!t})}getNodeFor(e){var t,n;return null!=(t=null==(n=this.get(e))?void 0:n.node.current)?t:void 0}}const Vr={activatorEvent:null,active:null,activeNode:null,activeNodeRect:null,collisions:null,containerNodeRect:null,draggableNodes:new Map,droppableRects:new Map,droppableContainers:new Br,over:null,dragOverlay:{nodeRef:{current:null},rect:null,setRef:bn},scrollableAncestors:[],scrollableAncestorRects:[],measuringConfiguration:Nr,measureDroppableContainers:bn,windowRect:null,measuringScheduled:!1},Fr={activatorEvent:null,activators:[],active:null,activeNodeRect:null,ariaDescribedById:{draggable:""},dispatch:bn,draggableNodes:new Map,over:null,measureDroppableContainers:bn},Hr=(0,h.createContext)(Fr),zr=(0,h.createContext)(Vr);function Ur(){return{draggable:{active:null,initialCoordinates:{x:0,y:0},nodes:new Map,translate:{x:0,y:0}},droppable:{containers:new Br}}}function Wr(e,t){switch(t.type){case gn.DragStart:return{...e,draggable:{...e.draggable,initialCoordinates:t.initialCoordinates,active:t.active}};case gn.DragMove:return null==e.draggable.active?e:{...e,draggable:{...e.draggable,translate:{x:t.coordinates.x-e.draggable.initialCoordinates.x,y:t.coordinates.y-e.draggable.initialCoordinates.y}}};case gn.DragEnd:case gn.DragCancel:return{...e,draggable:{...e.draggable,active:null,initialCoordinates:{x:0,y:0},translate:{x:0,y:0}}};case gn.RegisterDroppable:{const{element:n}=t,{id:r}=n,o=new Br(e.droppable.containers);return o.set(r,n),{...e,droppable:{...e.droppable,containers:o}}}case gn.SetDroppableDisabled:{const{id:n,key:r,disabled:o}=t,i=e.droppable.containers.get(n);if(!i||r!==i.key)return e;const l=new Br(e.droppable.containers);return l.set(n,{...i,disabled:o}),{...e,droppable:{...e.droppable,containers:l}}}case gn.UnregisterDroppable:{const{id:n,key:r}=t,o=e.droppable.containers.get(n);if(!o||r!==o.key)return e;const i=new Br(e.droppable.containers);return i.delete(n),{...e,droppable:{...e.droppable,containers:i}}}default:return e}}function Gr(e){let{disabled:t}=e;const{active:n,activatorEvent:r,draggableNodes:o}=(0,h.useContext)(Hr),i=Kt(r),l=Kt(null==n?void 0:n.id);return(0,h.useEffect)(()=>{if(!t&&!r&&i&&null!=l){if(!ln(i))return;if(document.activeElement===i.target)return;const e=o.get(l);if(!e)return;const{activatorNode:t,node:n}=e;if(!t.current&&!n.current)return;requestAnimationFrame(()=>{for(const e of[t.current,n.current]){if(!e)continue;const t=cn(e);if(t){t.focus();break}}})}},[r,t,o,l,i]),null}function Qr(e,t){let{transform:n,...r}=t;return null!=e&&e.length?e.reduce((e,t)=>t({transform:e,...r}),n):n}const $r=(0,h.createContext)({...Sn,scaleX:1,scaleY:1});var qr;!function(e){e[e.Uninitialized=0]="Uninitialized",e[e.Initializing=1]="Initializing",e[e.Initialized=2]="Initialized"}(qr||(qr={}));const Zr=(0,h.memo)(function(e){var t,n,r,o;let{id:i,accessibility:l,autoScroll:a=!0,children:u,sensors:s=Lr,collisionDetection:c=An,measuring:p,modifiers:f,...m}=e;const d=(0,h.useReducer)(Wr,void 0,Ur),[v,g]=d,[b,w]=function(){const[e]=(0,h.useState)(()=>new Set),t=(0,h.useCallback)(t=>(e.add(t),()=>e.delete(t)),[e]),n=(0,h.useCallback)(t=>{let{type:n,event:r}=t;e.forEach(e=>{var t;return null==(t=e[n])?void 0:t.call(e,r)})},[e]);return[n,t]}(),[_,O]=(0,h.useState)(qr.Uninitialized),S=_===qr.Initialized,{draggable:{active:E,nodes:x,translate:C},droppable:{containers:P}}=v,j=null!=E?x.get(E):null,k=(0,h.useRef)({initial:null,translated:null}),T=(0,h.useMemo)(()=>{var e;return null!=E?{id:E,data:null!=(e=null==j?void 0:j.data)?e:Rr,rect:k}:null},[E,j]),D=(0,h.useRef)(null),[I,A]=(0,h.useState)(null),[M,L]=(0,h.useState)(null),R=Jt(m,Object.values(m)),N=tn("DndDescribedBy",i),B=(0,h.useMemo)(()=>P.getEnabled(),[P]),V=(F=p,(0,h.useMemo)(()=>({draggable:{...Nr.draggable,...null==F?void 0:F.draggable},droppable:{...Nr.droppable,...null==F?void 0:F.droppable},dragOverlay:{...Nr.dragOverlay,...null==F?void 0:F.dragOverlay}}),[null==F?void 0:F.draggable,null==F?void 0:F.droppable,null==F?void 0:F.dragOverlay]));var F;const{droppableRects:H,measureDroppableContainers:z,measuringScheduled:U}=function(e,t){let{dragging:n,dependencies:r,config:o}=t;const[i,l]=(0,h.useState)(null),{frequency:a,measure:u,strategy:s}=o,c=(0,h.useRef)(e),p=function(){switch(s){case Sr.Always:return!1;case Sr.BeforeDragging:return n;default:return!n}}(),f=Jt(p),m=(0,h.useCallback)(function(e){void 0===e&&(e=[]),f.current||l(t=>null===t?e:t.concat(e.filter(e=>!t.includes(e))))},[f]),d=(0,h.useRef)(null),v=Xt(t=>{if(p&&!n)return xr;if(!t||t===xr||c.current!==e||null!=i){const t=new Map;for(let n of e){if(!n)continue;if(i&&i.length>0&&!i.includes(n.id)&&n.rect.current){t.set(n.id,n.rect.current);continue}const e=n.node.current,r=e?new nr(u(e),e):null;n.rect.current=r,r&&t.set(n.id,r)}return t}return t},[e,i,n,p,u]);return(0,h.useEffect)(()=>{c.current=e},[e]),(0,h.useEffect)(()=>{p||m()},[n,p]),(0,h.useEffect)(()=>{i&&i.length>0&&l(null)},[JSON.stringify(i)]),(0,h.useEffect)(()=>{p||"number"!=typeof a||null!==d.current||(d.current=setTimeout(()=>{m(),d.current=null},a))},[a,p,m,...r]),{droppableRects:v,measureDroppableContainers:m,measuringScheduled:null!=i}}(B,{dragging:S,dependencies:[C.x,C.y],config:V.droppable}),W=function(e,t){const n=null!=t?e.get(t):void 0,r=n?n.node.current:null;return Xt(e=>{var n;return null==t?null:null!=(n=null!=r?r:e)?n:null},[r,t])}(x,E),G=(0,h.useMemo)(()=>M?an(M):null,[M]),Q=function(){const e=!1===(null==I?void 0:I.autoScrollEnabled),t="object"==typeof a?!1===a.enabled:!1===a,n=S&&!e&&!t;return"object"==typeof a?{...a,enabled:n}:{enabled:n}}(),$=function(e,t){return Cr(e,t)}(W,V.draggable.measure);!function(e){let{activeNode:t,measure:n,initialRect:r,config:o=!0}=e;const i=(0,h.useRef)(!1),{x:l,y:a}="boolean"==typeof o?{x:o,y:o}:o;qt(()=>{if(!l&&!a||!t)return void(i.current=!1);if(i.current||!r)return;const e=null==t?void 0:t.node.current;if(!e||!1===e.isConnected)return;const o=Mn(n(e),r);if(l||(o.x=0),a||(o.y=0),i.current=!0,Math.abs(o.x)>0||Math.abs(o.y)>0){const t=zn(e);t&&t.scrollBy({top:o.y,left:o.x})}},[t,l,a,r,n])}({activeNode:null!=E?x.get(E):null,config:Q.layoutShiftCompensation,initialRect:$,measure:V.draggable.measure});const q=kr(W,V.draggable.measure,$),Z=kr(W?W.parentElement:null),J=(0,h.useRef)({activatorEvent:null,active:null,activeNode:W,collisionRect:null,collisions:null,droppableRects:H,draggableNodes:x,draggingNode:null,draggingNodeRect:null,droppableContainers:P,over:null,scrollableAncestors:[],scrollAdjustedTranslate:null}),X=P.getNodeFor(null==(t=J.current.over)?void 0:t.id),Y=function(e){let{measure:t}=e;const[n,r]=(0,h.useState)(null),o=Pr({callback:(0,h.useCallback)(e=>{for(const{target:n}of e)if(Gt(n)){r(e=>{const r=t(n);return e?{...e,width:r.width,height:r.height}:r});break}},[t])}),i=(0,h.useCallback)(e=>{const n=Mr(e);null==o||o.disconnect(),n&&(null==o||o.observe(n)),r(n?t(n):null)},[t,o]),[l,a]=Yt(i);return(0,h.useMemo)(()=>({nodeRef:l,rect:n,setRef:a}),[n,l,a])}({measure:V.dragOverlay.measure}),K=null!=(n=Y.nodeRef.current)?n:W,ee=S?null!=(r=Y.rect)?r:q:null,te=Boolean(Y.nodeRef.current&&Y.rect),ne=Mn(re=te?null:q,Cr(re));var re;const oe=Ir(K?Ut(K):null),ie=function(e){const t=(0,h.useRef)(e),n=Xt(n=>e?n&&n!==Tr&&e&&t.current&&e.parentNode===t.current.parentNode?n:Hn(e):Tr,[e]);return(0,h.useEffect)(()=>{t.current=e},[e]),n}(S?null!=X?X:W:null),le=function(e,t){void 0===t&&(t=Vn);const[n]=e,r=Ir(n?Ut(n):null),[o,i]=(0,h.useState)(Ar);function l(){i(()=>e.length?e.map(e=>qn(e)?r:new nr(t(e),e)):Ar)}const a=Pr({callback:l});return qt(()=>{null==a||a.disconnect(),l(),e.forEach(e=>null==a?void 0:a.observe(e))},[e]),o}(ie),ae=Qr(f,{transform:{x:C.x-ne.x,y:C.y-ne.y,scaleX:1,scaleY:1},activatorEvent:M,active:T,activeNodeRect:q,containerNodeRect:Z,draggingNodeRect:ee,over:J.current.over,overlayNodeRect:Y.rect,scrollableAncestors:ie,scrollableAncestorRects:le,windowRect:oe}),ue=G?rn(G,C):null,se=function(e){const[t,n]=(0,h.useState)(null),r=(0,h.useRef)(e),o=(0,h.useCallback)(e=>{const t=Un(e.target);t&&n(e=>e?(e.set(t,Qn(t)),new Map(e)):null)},[]);return(0,h.useEffect)(()=>{const t=r.current;if(e!==t){i(t);const l=e.map(e=>{const t=Un(e);return t?(t.addEventListener("scroll",o,{passive:!0}),[t,Qn(t)]):null}).filter(e=>null!=e);n(l.length?new Map(l):null),r.current=e}return()=>{i(e),i(t)};function i(e){e.forEach(e=>{const t=Un(e);null==t||t.removeEventListener("scroll",o)})}},[o,e]),(0,h.useMemo)(()=>e.length?t?Array.from(t.values()).reduce((e,t)=>rn(e,t),Sn):Kn(e):Sn,[e,t])}(ie),ce=Dr(se),pe=Dr(se,[q]),fe=rn(ae,ce),me=ee?Rn(ee,ae):null,de=T&&me?c({active:T,collisionRect:me,droppableRects:H,droppableContainers:B,pointerCoordinates:ue}):null,ve=kn(de,"id"),[he,ye]=(0,h.useState)(null),ge=function(e,t,n){return{...e,scaleX:t&&n?t.width/n.width:1,scaleY:t&&n?t.height/n.height:1}}(te?ae:rn(ae,pe),null!=(o=null==he?void 0:he.rect)?o:null,q),be=(0,h.useRef)(null),we=(0,h.useCallback)((e,t)=>{let{sensor:n,options:r}=t;if(null==D.current)return;const o=x.get(D.current);if(!o)return;const i=e.nativeEvent,l=new n({active:D.current,activeNode:o,event:i,options:r,context:J,onAbort(e){if(!x.get(e))return;const{onDragAbort:t}=R.current,n={id:e};null==t||t(n),b({type:"onDragAbort",event:n})},onPending(e,t,n,r){if(!x.get(e))return;const{onDragPending:o}=R.current,i={id:e,constraint:t,initialCoordinates:n,offset:r};null==o||o(i),b({type:"onDragPending",event:i})},onStart(e){const t=D.current;if(null==t)return;const n=x.get(t);if(!n)return;const{onDragStart:r}=R.current,o={activatorEvent:i,active:{id:t,data:n.data,rect:k}};(0,Vt.unstable_batchedUpdates)(()=>{null==r||r(o),O(qr.Initializing),g({type:gn.DragStart,initialCoordinates:e,active:t}),b({type:"onDragStart",event:o}),A(be.current),L(i)})},onMove(e){g({type:gn.DragMove,coordinates:e})},onEnd:a(gn.DragEnd),onCancel:a(gn.DragCancel)});function a(e){return async function(){const{active:t,collisions:n,over:r,scrollAdjustedTranslate:o}=J.current;let l=null;if(t&&o){const{cancelDrop:a}=R.current;l={activatorEvent:i,active:t,collisions:n,delta:o,over:r},e===gn.DragEnd&&"function"==typeof a&&await Promise.resolve(a(l))&&(e=gn.DragCancel)}D.current=null,(0,Vt.unstable_batchedUpdates)(()=>{g({type:e}),O(qr.Uninitialized),ye(null),A(null),L(null),be.current=null;const t=e===gn.DragEnd?"onDragEnd":"onDragCancel";if(l){const e=R.current[t];null==e||e(l),b({type:t,event:l})}})}}be.current=l},[x]),_e=(0,h.useCallback)((e,t)=>(n,r)=>{const o=n.nativeEvent,i=x.get(r);if(null!==D.current||!i||o.dndKit||o.defaultPrevented)return;const l={active:i};!0===e(n,t.options,l)&&(o.dndKit={capturedBy:t.sensor},D.current=r,we(n,t))},[x,we]),Oe=function(e,t){return(0,h.useMemo)(()=>e.reduce((e,n)=>{const{sensor:r}=n;return[...e,...r.activators.map(e=>({eventName:e.eventName,handler:t(e.handler,n)}))]},[]),[e,t])}(s,_e);!function(e){(0,h.useEffect)(()=>{if(!Ft)return;const t=e.map(e=>{let{sensor:t}=e;return null==t.setup?void 0:t.setup()});return()=>{for(const e of t)null==e||e()}},e.map(e=>{let{sensor:t}=e;return t}))}(s),qt(()=>{q&&_===qr.Initializing&&O(qr.Initialized)},[q,_]),(0,h.useEffect)(()=>{const{onDragMove:e}=R.current,{active:t,activatorEvent:n,collisions:r,over:o}=J.current;if(!t||!n)return;const i={active:t,activatorEvent:n,collisions:r,delta:{x:fe.x,y:fe.y},over:o};(0,Vt.unstable_batchedUpdates)(()=>{null==e||e(i),b({type:"onDragMove",event:i})})},[fe.x,fe.y]),(0,h.useEffect)(()=>{const{active:e,activatorEvent:t,collisions:n,droppableContainers:r,scrollAdjustedTranslate:o}=J.current;if(!e||null==D.current||!t||!o)return;const{onDragOver:i}=R.current,l=r.get(ve),a=l&&l.rect.current?{id:l.id,rect:l.rect.current,data:l.data,disabled:l.disabled}:null,u={active:e,activatorEvent:t,collisions:n,delta:{x:o.x,y:o.y},over:a};(0,Vt.unstable_batchedUpdates)(()=>{ye(a),null==i||i(u),b({type:"onDragOver",event:u})})},[ve]),qt(()=>{J.current={activatorEvent:M,active:T,activeNode:W,collisionRect:me,collisions:de,droppableRects:H,draggableNodes:x,draggingNode:K,draggingNodeRect:ee,droppableContainers:P,over:he,scrollableAncestors:ie,scrollAdjustedTranslate:fe},k.current={initial:ee,translated:me}},[T,W,de,me,x,K,ee,H,P,he,ie,fe]),function(e){let{acceleration:t,activator:n=wr.Pointer,canScroll:r,draggingRect:o,enabled:i,interval:l=5,order:a=_r.TreeOrder,pointerCoordinates:u,scrollableAncestors:s,scrollableAncestorRects:c,delta:p,threshold:f}=e;const m=function(e){let{delta:t,disabled:n}=e;const r=Kt(t);return Xt(e=>{if(n||!r||!e)return Or;const o=Math.sign(t.x-r.x),i=Math.sign(t.y-r.y);return{x:{[$n.Backward]:e.x[$n.Backward]||-1===o,[$n.Forward]:e.x[$n.Forward]||1===o},y:{[$n.Backward]:e.y[$n.Backward]||-1===i,[$n.Forward]:e.y[$n.Forward]||1===i}}},[n,t,r])}({delta:p,disabled:!i}),[d,v]=function(){const e=(0,h.useRef)(null);return[(0,h.useCallback)((t,n)=>{e.current=setInterval(t,n)},[]),(0,h.useCallback)(()=>{null!==e.current&&(clearInterval(e.current),e.current=null)},[])]}(),y=(0,h.useRef)({x:0,y:0}),g=(0,h.useRef)({x:0,y:0}),b=(0,h.useMemo)(()=>{switch(n){case wr.Pointer:return u?{top:u.y,bottom:u.y,left:u.x,right:u.x}:null;case wr.DraggableRect:return o}},[n,o,u]),w=(0,h.useRef)(null),_=(0,h.useCallback)(()=>{const e=w.current;if(!e)return;const t=y.current.x*g.current.x,n=y.current.y*g.current.y;e.scrollBy(t,n)},[]),O=(0,h.useMemo)(()=>a===_r.TreeOrder?[...s].reverse():s,[a,s]);(0,h.useEffect)(()=>{if(i&&s.length&&b){for(const e of O){if(!1===(null==r?void 0:r(e)))continue;const n=s.indexOf(e),o=c[n];if(!o)continue;const{direction:i,speed:a}=Xn(e,o,b,t,f);for(const e of["x","y"])m[e][i[e]]||(a[e]=0,i[e]=0);if(a.x>0||a.y>0)return v(),w.current=e,d(_,l),y.current=a,void(g.current=i)}y.current={x:0,y:0},g.current={x:0,y:0},v()}else v()},[t,_,r,v,i,l,JSON.stringify(b),JSON.stringify(m),d,s,O,c,JSON.stringify(f)])}({...Q,delta:C,draggingRect:me,pointerCoordinates:ue,scrollableAncestors:ie,scrollableAncestorRects:le});const Se=(0,h.useMemo)(()=>({active:T,activeNode:W,activeNodeRect:q,activatorEvent:M,collisions:de,containerNodeRect:Z,dragOverlay:Y,draggableNodes:x,droppableContainers:P,droppableRects:H,over:he,measureDroppableContainers:z,scrollableAncestors:ie,scrollableAncestorRects:le,measuringConfiguration:V,measuringScheduled:U,windowRect:oe}),[T,W,q,M,de,Z,Y,x,P,H,he,z,ie,le,V,U,oe]),Ee=(0,h.useMemo)(()=>({activatorEvent:M,activators:Oe,active:T,activeNodeRect:q,ariaDescribedById:{draggable:N},dispatch:g,draggableNodes:x,over:he,measureDroppableContainers:z}),[M,Oe,T,q,g,N,x,he,z]);return y().createElement(dn.Provider,{value:w},y().createElement(Hr.Provider,{value:Ee},y().createElement(zr.Provider,{value:Se},y().createElement($r.Provider,{value:ge},u)),y().createElement(Gr,{disabled:!1===(null==l?void 0:l.restoreFocus)})),y().createElement(yn,{...l,hiddenTextDescribedById:N}))}),Jr=(0,h.createContext)(null),Xr="button";function Yr(){return(0,h.useContext)(zr)}const Kr={timeout:25};function eo(e){let{animation:t,children:n}=e;const[r,o]=(0,h.useState)(null),[i,l]=(0,h.useState)(null),a=Kt(n);return n||r||!a||o(a),qt(()=>{if(!i)return;const e=null==r?void 0:r.key,n=null==r?void 0:r.props.id;null!=e&&null!=n?Promise.resolve(t(n,i)).then(()=>{o(null)}):o(null)},[t,r,i]),y().createElement(y().Fragment,null,n,r?(0,h.cloneElement)(r,{ref:l}):null)}const to={x:0,y:0,scaleX:1,scaleY:1};function no(e){let{children:t}=e;return y().createElement(Hr.Provider,{value:Fr},y().createElement($r.Provider,{value:to},t))}const ro={position:"fixed",touchAction:"none"},oo=e=>ln(e)?"transform 250ms ease":void 0,io=(0,h.forwardRef)((e,t)=>{let{as:n,activatorEvent:r,adjustScale:o,children:i,className:l,rect:a,style:u,transform:s,transition:c=oo}=e;if(!a)return null;const p=o?s:{...s,scaleX:1,scaleY:1},f={...ro,width:a.width,height:a.height,top:a.top,left:a.left,transform:un.Transform.toString(p),transformOrigin:o&&r?xn(r,a):void 0,transition:"function"==typeof c?c(r):c,...u};return y().createElement(n,{className:l,style:f,ref:t},i)}),lo=e=>t=>{let{active:n,dragOverlay:r}=t;const o={},{styles:i,className:l}=e;if(null!=i&&i.active)for(const[e,t]of Object.entries(i.active))void 0!==t&&(o[e]=n.node.style.getPropertyValue(e),n.node.style.setProperty(e,t));if(null!=i&&i.dragOverlay)for(const[e,t]of Object.entries(i.dragOverlay))void 0!==t&&r.node.style.setProperty(e,t);return null!=l&&l.active&&n.node.classList.add(l.active),null!=l&&l.dragOverlay&&r.node.classList.add(l.dragOverlay),function(){for(const[e,t]of Object.entries(o))n.node.style.setProperty(e,t);null!=l&&l.active&&n.node.classList.remove(l.active)}},ao={duration:250,easing:"ease",keyframes:e=>{let{transform:{initial:t,final:n}}=e;return[{transform:un.Transform.toString(t)},{transform:un.Transform.toString(n)}]},sideEffects:lo({styles:{active:{opacity:"0"}}})};let uo=0;function so(e){return(0,h.useMemo)(()=>{if(null!=e)return uo++,uo},[e])}const co=y().memo(e=>{let{adjustScale:t=!1,children:n,dropAnimation:r,style:o,transition:i,modifiers:l,wrapperElement:a="div",className:u,zIndex:s=999}=e;const{activatorEvent:c,active:p,activeNodeRect:f,containerNodeRect:m,draggableNodes:d,droppableContainers:v,dragOverlay:g,over:b,measuringConfiguration:w,scrollableAncestors:_,scrollableAncestorRects:O,windowRect:S}=Yr(),E=(0,h.useContext)($r),x=so(null==p?void 0:p.id),C=Qr(l,{activatorEvent:c,active:p,activeNodeRect:f,containerNodeRect:m,draggingNodeRect:g.rect,over:b,overlayNodeRect:g.rect,scrollableAncestors:_,scrollableAncestorRects:O,transform:E,windowRect:S}),P=Cr(f),j=function(e){let{config:t,draggableNodes:n,droppableContainers:r,measuringConfiguration:o}=e;return Zt((e,i)=>{if(null===t)return;const l=n.get(e);if(!l)return;const a=l.node.current;if(!a)return;const u=Mr(i);if(!u)return;const{transform:s}=Ut(i).getComputedStyle(i),c=Nn(s);if(!c)return;const p="function"==typeof t?t:function(e){const{duration:t,easing:n,sideEffects:r,keyframes:o}={...ao,...e};return e=>{let{active:i,dragOverlay:l,transform:a,...u}=e;if(!t)return;const s=l.rect.left-i.rect.left,c=l.rect.top-i.rect.top,p={scaleX:1!==a.scaleX?i.rect.width*a.scaleX/l.rect.width:1,scaleY:1!==a.scaleY?i.rect.height*a.scaleY/l.rect.height:1},f={x:a.x-s,y:a.y-c,...p},m=o({...u,active:i,dragOverlay:l,transform:{initial:a,final:f}}),[d]=m,v=m[m.length-1];if(JSON.stringify(d)===JSON.stringify(v))return;const h=null==r?void 0:r({active:i,dragOverlay:l,...u}),y=l.node.animate(m,{duration:t,easing:n,fill:"forwards"});return new Promise(e=>{y.onfinish=()=>{null==h||h(),e()}})}}(t);return er(a,o.draggable.measure),p({active:{id:e,data:l.data,node:a,rect:o.draggable.measure(a)},draggableNodes:n,dragOverlay:{node:i,rect:o.dragOverlay.measure(u)},droppableContainers:r,measuringConfiguration:o,transform:c})})}({config:r,draggableNodes:d,droppableContainers:v,measuringConfiguration:w}),k=P?g.setRef:void 0;return y().createElement(no,null,y().createElement(eo,{animation:j},p&&x?y().createElement(io,{key:x,id:p.id,ref:k,as:a,activatorEvent:c,adjustScale:t,className:u,transition:i,rect:P,style:{zIndex:s,...o},transform:C},n):null))});function po(e,t,n){const r=e.slice();return r.splice(n<0?r.length+n:n,0,r.splice(t,1)[0]),r}function fo(e,t){return e.reduce((e,n,r)=>{const o=t.get(n);return o&&(e[r]=o),e},Array(e.length))}function mo(e){return null!==e&&e>=0}const vo=e=>{let{rects:t,activeIndex:n,overIndex:r,index:o}=e;const i=po(t,r,n),l=t[o],a=i[o];return a&&l?{x:a.left-l.left,y:a.top-l.top,scaleX:a.width/l.width,scaleY:a.height/l.height}:null},ho={scaleX:1,scaleY:1},yo=e=>{var t;let{activeIndex:n,activeNodeRect:r,index:o,rects:i,overIndex:l}=e;const a=null!=(t=i[n])?t:r;if(!a)return null;if(o===n){const e=i[l];return e?{x:0,y:nn&&o<=l?{x:0,y:-a.height-u,...ho}:o=l?{x:0,y:a.height+u,...ho}:{x:0,y:0,...ho}},go="Sortable",bo=y().createContext({activeIndex:-1,containerId:go,disableTransforms:!1,items:[],overIndex:-1,useDragOverlay:!1,sortedRects:[],strategy:vo,disabled:{draggable:!1,droppable:!1}});function wo(e){let{children:t,id:n,items:r,strategy:o=vo,disabled:i=!1}=e;const{active:l,dragOverlay:a,droppableRects:u,over:s,measureDroppableContainers:c}=Yr(),p=tn(go,n),f=Boolean(null!==a.rect),m=(0,h.useMemo)(()=>r.map(e=>"object"==typeof e&&"id"in e?e.id:e),[r]),d=null!=l,v=l?m.indexOf(l.id):-1,g=s?m.indexOf(s.id):-1,b=(0,h.useRef)(m),w=!function(e,t){if(e===t)return!0;if(e.length!==t.length)return!1;for(let n=0;n{w&&d&&c(m)},[w,m,d,c]),(0,h.useEffect)(()=>{b.current=m},[m]);const S=(0,h.useMemo)(()=>({activeIndex:v,containerId:p,disabled:O,disableTransforms:_,items:m,overIndex:g,useDragOverlay:f,sortedRects:fo(m,u),strategy:o}),[v,p,O.draggable,O.droppable,_,m,g,u,f,o]);return y().createElement(bo.Provider,{value:S},t)}const _o=e=>{let{id:t,items:n,activeIndex:r,overIndex:o}=e;return po(n,r,o).indexOf(t)},Oo=e=>{let{containerId:t,isSorting:n,wasDragging:r,index:o,items:i,newIndex:l,previousItems:a,previousContainerId:u,transition:s}=e;return!(!s||!r||a!==i&&o===l||!n&&(l===o||t!==u))},So={duration:200,easing:"ease"},Eo="transform",xo=un.Transition.toString({property:Eo,duration:0,easing:"linear"}),Co={roleDescription:"sortable"};function Po(e){let{animateLayoutChanges:t=Oo,attributes:n,disabled:r,data:o,getNewIndex:i=_o,id:l,strategy:a,resizeObserverConfig:u,transition:s=So}=e;const{items:c,containerId:p,activeIndex:f,disabled:m,disableTransforms:d,sortedRects:v,overIndex:y,useDragOverlay:g,strategy:b}=(0,h.useContext)(bo),w=function(e,t){var n,r;return"boolean"==typeof e?{draggable:e,droppable:!1}:{draggable:null!=(n=null==e?void 0:e.draggable)?n:t.draggable,droppable:null!=(r=null==e?void 0:e.droppable)?r:t.droppable}}(r,m),_=c.indexOf(l),O=(0,h.useMemo)(()=>({sortable:{containerId:p,index:_,items:c},...o}),[p,o,_,c]),S=(0,h.useMemo)(()=>c.slice(c.indexOf(l)),[c,l]),{rect:E,node:x,isOver:C,setNodeRef:P}=function(e){let{data:t,disabled:n=!1,id:r,resizeObserverConfig:o}=e;const i=tn("Droppable"),{active:l,dispatch:a,over:u,measureDroppableContainers:s}=(0,h.useContext)(Hr),c=(0,h.useRef)({disabled:n}),p=(0,h.useRef)(!1),f=(0,h.useRef)(null),m=(0,h.useRef)(null),{disabled:d,updateMeasurementsFor:v,timeout:y}={...Kr,...o},g=Jt(null!=v?v:r),b=Pr({callback:(0,h.useCallback)(()=>{p.current?(null!=m.current&&clearTimeout(m.current),m.current=setTimeout(()=>{s(Array.isArray(g.current)?g.current:[g.current]),m.current=null},y)):p.current=!0},[y]),disabled:d||!l}),w=(0,h.useCallback)((e,t)=>{b&&(t&&(b.unobserve(t),p.current=!1),e&&b.observe(e))},[b]),[_,O]=Yt(w),S=Jt(t);return(0,h.useEffect)(()=>{b&&_.current&&(b.disconnect(),p.current=!1,b.observe(_.current))},[_,b]),(0,h.useEffect)(()=>(a({type:gn.RegisterDroppable,element:{id:r,key:i,disabled:n,node:_,rect:f,data:S}}),()=>a({type:gn.UnregisterDroppable,key:i,id:r})),[r]),(0,h.useEffect)(()=>{n!==c.current.disabled&&(a({type:gn.SetDroppableDisabled,id:r,key:i,disabled:n}),c.current.disabled=n)},[r,i,n,a]),{active:l,rect:f,isOver:(null==u?void 0:u.id)===r,node:_,over:u,setNodeRef:O}}({id:l,data:O,disabled:w.droppable,resizeObserverConfig:{updateMeasurementsFor:S,...u}}),{active:j,activatorEvent:k,activeNodeRect:T,attributes:D,setNodeRef:I,listeners:A,isDragging:M,over:L,setActivatorNodeRef:R,transform:N}=function(e){let{id:t,data:n,disabled:r=!1,attributes:o}=e;const i=tn("Draggable"),{activators:l,activatorEvent:a,active:u,activeNodeRect:s,ariaDescribedById:c,draggableNodes:p,over:f}=(0,h.useContext)(Hr),{role:m=Xr,roleDescription:d="draggable",tabIndex:v=0}=null!=o?o:{},y=(null==u?void 0:u.id)===t,g=(0,h.useContext)(y?$r:Jr),[b,w]=Yt(),[_,O]=Yt(),S=function(e,t){return(0,h.useMemo)(()=>e.reduce((e,n)=>{let{eventName:r,handler:o}=n;return e[r]=e=>{o(e,t)},e},{}),[e,t])}(l,t),E=Jt(n);return qt(()=>(p.set(t,{id:t,key:i,node:b,activatorNode:_,data:E}),()=>{const e=p.get(t);e&&e.key===i&&p.delete(t)}),[p,t]),{active:u,activatorEvent:a,activeNodeRect:s,attributes:(0,h.useMemo)(()=>({role:m,tabIndex:v,"aria-disabled":r,"aria-pressed":!(!y||m!==Xr)||void 0,"aria-roledescription":d,"aria-describedby":c.draggable}),[r,m,v,y,d,c.draggable]),isDragging:y,listeners:r?void 0:S,node:b,over:f,setNodeRef:w,setActivatorNodeRef:O,transform:g}}({id:l,data:O,attributes:{...Co,...n},disabled:w.draggable}),B=function(){for(var e=arguments.length,t=new Array(e),n=0;ne=>{t.forEach(t=>t(e))},t)}(P,I),V=Boolean(j),F=V&&!d&&mo(f)&&mo(y),H=!g&&M,z=H&&F?N:null,U=F?null!=z?z:(null!=a?a:b)({rects:v,activeNodeRect:T,activeIndex:f,overIndex:y,index:_}):null,W=mo(f)&&mo(y)?i({id:l,items:c,activeIndex:f,overIndex:y}):_,G=null==j?void 0:j.id,Q=(0,h.useRef)({activeId:G,items:c,newIndex:W,containerId:p}),$=c!==Q.current.items,q=t({active:j,containerId:p,isDragging:M,isSorting:V,id:l,index:_,items:c,newIndex:Q.current.newIndex,previousItems:Q.current.items,previousContainerId:Q.current.containerId,transition:s,wasDragging:null!=Q.current.activeId}),Z=function(e){let{disabled:t,index:n,node:r,rect:o}=e;const[i,l]=(0,h.useState)(null),a=(0,h.useRef)(n);return qt(()=>{if(!t&&n!==a.current&&r.current){const e=o.current;if(e){const t=Vn(r.current,{ignoreTransform:!0}),n={x:e.left-t.left,y:e.top-t.top,scaleX:e.width/t.width,scaleY:e.height/t.height};(n.x||n.y)&&l(n)}}n!==a.current&&(a.current=n)},[t,n,r,o]),(0,h.useEffect)(()=>{i&&l(null)},[i]),i}({disabled:!q,index:_,node:x,rect:E});return(0,h.useEffect)(()=>{V&&Q.current.newIndex!==W&&(Q.current.newIndex=W),p!==Q.current.containerId&&(Q.current.containerId=p),c!==Q.current.items&&(Q.current.items=c)},[V,W,p,c]),(0,h.useEffect)(()=>{if(G===Q.current.activeId)return;if(G&&!Q.current.activeId)return void(Q.current.activeId=G);const e=setTimeout(()=>{Q.current.activeId=G},50);return()=>clearTimeout(e)},[G]),{active:j,activeIndex:f,attributes:D,data:O,rect:E,index:_,newIndex:W,items:c,isOver:C,isSorting:V,isDragging:M,listeners:A,node:x,overIndex:y,over:L,setNodeRef:B,setActivatorNodeRef:R,setDroppableNodeRef:P,setDraggableNodeRef:I,transform:null!=Z?Z:U,transition:Z||$&&Q.current.newIndex===_?xo:H&&!ln(k)||!s?void 0:V||q?un.Transition.toString({...s,property:Eo}):void 0}}function jo(e){if(!e)return!1;const t=e.data.current;return!!(t&&"sortable"in t&&"object"==typeof t.sortable&&"containerId"in t.sortable&&"items"in t.sortable&&"index"in t.sortable)}const ko=[lr.Down,lr.Right,lr.Up,lr.Left],To=(e,t)=>{let{context:{active:n,collisionRect:r,droppableRects:o,droppableContainers:i,over:l,scrollableAncestors:a}}=t;if(ko.includes(e.code)){if(e.preventDefault(),!n||!r)return;const t=[];i.getEnabled().forEach(n=>{if(!n||null!=n&&n.disabled)return;const i=o.get(n.id);if(i)switch(e.code){case lr.Down:r.topi.top&&t.push(n);break;case lr.Left:r.left>i.left&&t.push(n);break;case lr.Right:r.left{let{collisionRect:t,droppableRects:n,droppableContainers:r}=e;const o=jn(t),i=[];for(const e of r){const{id:t}=e,r=n.get(t);if(r){const n=jn(r),l=o.reduce((e,t,r)=>e+En(n[r],t),0),a=Number((l/4).toFixed(4));i.push({id:t,data:{droppableContainer:e,value:a}})}}return i.sort(Cn)})({active:n,collisionRect:r,droppableRects:o,droppableContainers:t,pointerCoordinates:null});let p=kn(c,"id");if(p===(null==l?void 0:l.id)&&c.length>1&&(p=c[1].id),null!=p){const e=i.get(n.id),t=i.get(p),l=t?o.get(t.id):null,c=null==t?void 0:t.node.current;if(c&&l&&e&&t){const n=Hn(c).some((e,t)=>a[t]!==e),o=Do(e,t),i=(s=t,!(!jo(u=e)||!jo(s))&&!!Do(u,s)&&u.data.current.sortable.indexe.length)&&(t=e.length);for(var n=0,r=Array(t);ne.length)&&(t=e.length);for(var n=0,r=Array(t);ne.length)&&(t=e.length);for(var n=0,r=Array(t);ne.length)&&(t=e.length);for(var n=0,r=Array(t);n0&&void 0!==arguments[0]&&arguments[0]?["image","video"]:["image"]}function wi(e,t){return t.modal_width?t.modal_width:"textarea"===t.type||"pro_note"===t.type||"section_heading"===t.type||"html"===t.type||"sortable"===t.type||"gallery"===t.type||t.multiple?"full":"compact"}function _i(e,t){return t.modal_position?t.modal_position:"right"}function Oi(e){var t=e.open,n=e.items,r=e.isSetupWizard,o=(0,I.useRef)(!1);return(0,I.useEffect)(function(){o.current||!r||n&&n.length||(t(),o.current=!0)},[r,n,t]),wp.element.createElement(A.Button,{className:"vpf-component-gallery-control-item-fullwidth vpf-component-gallery-control-item-add",onClick:function(e){e.stopPropagation(),t()}},wp.element.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",height:"20",width:"20",role:"img","aria-hidden":"true",focusable:"false"},n&&n.length?wp.element.createElement("path",{d:"m19 7-3-3-8.5 8.5-1 4 4-1L19 7Zm-7 11.5H5V20h7v-1.5Z"}):wp.element.createElement("path",{d:"M18 11.2h-5.2V6h-1.6v5.2H6v1.6h5.2V18h1.6v-5.2H18z"})),wp.element.createElement("span",null,n&&n.length?(0,L.__)("Edit Gallery","visual-portfolio"):(0,L.__)("Add Media","visual-portfolio")))}function Si(e){var t={id:e.id,imgUrl:e.url,imgThumbnailUrl:e.url};return e.mime&&"image/gif"===e.mime||(e.sizes&&e.sizes.large&&e.sizes.large.url?t.imgThumbnailUrl=e.sizes.large.url:e.sizes&&e.sizes.medium&&e.sizes.medium.url?t.imgThumbnailUrl=e.sizes.medium.url:e.sizes&&e.sizes.thumbnail&&e.sizes.thumbnail.url&&(t.imgThumbnailUrl=e.sizes.thumbnail.url)),e.title&&(t.title=e.title),e.description&&(t.description=e.description),t}function Ei(e,t){var n=[],r=t&&Object.keys(t).length?t.map(function(e){return e.id}):[];return e&&e.length&&e.forEach(function(e){if(e.url){var o=!1;if(r.length){var i=r.indexOf(e.id);i>-1&&t[i]&&(o=t[i])}var l=o||Si(e);n.push(l)}}),n}function xi(e,t){return e.findIndex(function(e){return e.id===t})}function Ci(e,t,n){var r=null;if(t&&t.length){var o=e.filter(function(e){return t.includes(e.id)});o.length&&(r=o[0][n],o.forEach(function(e){r&&!(0,Io.isEqual)(r,e[n])&&(r=null)}))}return r}function Pi(e){var t=e.activeMediaState,n=e.setActiveMediaState,r=e.isPro;return wp.element.createElement("div",{className:"vpf-component-gallery-control-item-modal-state-tabs"},wp.element.createElement(ri,{label:(0,L.__)("Media","visual-portfolio"),value:t,onChange:function(e){e&&n(e)},options:[{value:"normal",label:(0,L.__)("Normal","visual-portfolio")},{value:"hover",label:(0,L.__)("Hover","visual-portfolio"),disabled:!r}]}))}var ji=function(e){var t,n,r=e.showFocalPoint,o=e.focalPoint,i=e.imgId,l=e.imgUrl,a=e.leftControls,u=e.activeMediaState,s=e.setActiveMediaState,c=e.isPro,p=e.modalProps,f=e.onChangeFocalPoint,m=e.onChangeImage,d=e.img,v=bi(c),h=(0,H.useSelect)(function(e){if(!i)return{};var t=(0,e("core").getEntityRecord)("postType","attachment",i);return t?{imageData:t}:{}},[i]).imageData,y=Fo(o),g=(null==h?void 0:h.source_url)||"",b=g?g.split("/").pop():"",w=null!=h&&h.id?"".concat(hi.admin_url,"post.php?post=").concat(h.id,"&action=edit"):"",_=di(di({},p),{},{activeMediaState:u,img:d,imgId:i,imgUrl:l,imageData:h,leftControls:a}),O="hover"===u?(0,M.applyFilters)("vpf.editor.gallery-hover-controls-render",null,_):wp.element.createElement(wp.element.Fragment,null,wp.element.createElement(Wo,{className:"vpf-component-gallery-control-item-modal-image-preview",onSelect:function(e){var t=Si(e);m(t)},allowedTypes:v,onRemove:function(){m(!1)}},function(e,t,n){var r=wp.element.createElement("img",{src:(null==e?void 0:e.source_url)||t,alt:Rt(null==n?void 0:n.img,e)});return(0,M.applyFilters)("vpf.editor.gallery-modal-media-render",r,n)}(h,l,_)),(0,M.applyFilters)("vpf.editor.gallery-after-media-controls-render",null,_),wp.element.createElement("div",{className:"vpf-component-gallery-control-item-modal-fields vpf-component-gallery-control-item-modal-fields-left"},r?wp.element.createElement("div",{className:"vpf-component-gallery-control-item-modal-field vpf-component-gallery-control-item-modal-field-full"},wp.element.createElement(Uo,{label:(0,L.__)("Image focal point","visual-portfolio"),className:"vpf-component-gallery-control-item-modal-image-additional-info-focal-point",value:y,defaultExpanded:Ho(o),onChange:f})):null,null!=a&&a.length?a.map(function(e){return e.control}):null),wp.element.createElement(li,{label:(0,L.__)("Additional media info","visual-portfolio"),className:"vpf-component-gallery-control-item-modal-image-additional-info"},wp.element.createElement("div",null,wp.element.createElement("p",null,wp.element.createElement("strong",null,b||"-")),wp.element.createElement("div",null,null!=h&&h.mime_type?wp.element.createElement("div",null,null==h?void 0:h.mime_type):null,null!=h&&null!==(t=h.media_details)&&void 0!==t&&t.filesize?wp.element.createElement("div",null,function(e){var t=Math.floor(Math.log(e)/Math.log(1024));return"".concat(1*(e/Math.pow(1024,t)).toFixed(2)," ").concat(["B","KB","MB","GB","TB"][t])}(h.media_details.filesize)):null,null!=h&&null!==(n=h.media_details)&&void 0!==n&&n.width?wp.element.createElement("div",null,h.media_details.width," by"," ",h.media_details.height," pixels"):null)),wp.element.createElement("ul",null,g?wp.element.createElement("li",null,wp.element.createElement("a",{href:g,target:"_blank",rel:"noreferrer"},(0,L.__)("File URL","visual-portfolio"))):null,null!=h&&h.link?wp.element.createElement("li",null,wp.element.createElement("a",{href:null==h?void 0:h.link,target:"_blank",rel:"noreferrer"},(0,L.__)("Attachment page","visual-portfolio"))):null,w?wp.element.createElement("li",null,wp.element.createElement("a",{href:w,target:"_blank",rel:"noreferrer"},(0,L.__)("Edit details","visual-portfolio"))):null)));return wp.element.createElement(D.MediaUploadCheck,null,wp.element.createElement("div",{className:"vpf-component-gallery-control-item-modal-image-info editor-post-featured-image"},wp.element.createElement(Pi,{activeMediaState:u,setActiveMediaState:s,isPro:c}),O))},ki=function(e){var t,n=e.idx,r=e.title,o=e.img,i=e.onChange,l=e.onRemove,a=e.imageControls,u=e.controlName,s=e.focalPoint,c=e.clientId,p=e.isSetupWizard,f=e.isBulkEdit,m=e.bulkItems,d=e.canGoPrevious,v=e.canGoNext,h=e.onPrevious,y=e.onNext,g=e.close,b=e.attributes,w=function(e,t){return"".concat((null==o?void 0:o.id)||(null==o?void 0:o.imgThumbnailUrl)||(null==o?void 0:o.imgUrl)||"bulk","-").concat(t,"-").concat(e)},_=Fo(null==o?void 0:o.focalPoint),O=n;-1===n&&null!=m&&m.length&&null!=b&&b[u]&&Ci(b[u],m,"focalPoint")&&(O=xi(b[u],m[0]))>=0&&(_=Fo(null===(t=b[u])||void 0===t||null===(t=t[O])||void 0===t?void 0:t.focalPoint));var S=Object.keys(a).map(function(t){if(f&&!a[t].allow_bulk_edit)return null;var r=[],l=n;-1===n&&null!=m&&m.length&&null!=b&&b[u]&&Ci(b[u],m,t)&&(l=xi(b[u],m[0]));var s="".concat(u,"[").concat(l,"].").concat(t);a[t].condition.length&&a[t].condition.forEach(function(e){var t=di({},e);t.control&&/SELF/g.test(t.control)&&(t.control=t.control.replace(/SELF/g,"".concat(u,"[").concat(l,"]"))),r.push(t)});var d,v=di(di({},a[t]),{},{attributes:b,condition:r});return wf.AllowRender(v,p)?(d="section_heading"===a[t].type?wp.element.createElement("div",{key:w(t,l),className:"vpf-component-gallery-control-item-modal-heading vpf-component-gallery-control-item-modal-field-full"},wp.element.createElement("h3",{className:"vpf-component-gallery-control-item-modal-heading-title"},a[t].label),a[t].description?wp.element.createElement("p",{className:"vpf-component-gallery-control-item-modal-heading-description"},a[t].description):null):(0,M.applyFilters)("vpf.editor.gallery-controls-render",wp.element.createElement(wf.Control,fi({key:w(t,l),attributes:b,onChange:function(e){i(vi({},t,e))}},a[t],{name:s,value:null==o?void 0:o[t],className:N()("vpf-component-gallery-control-item-modal-field","vpf-component-gallery-control-item-modal-field-".concat(wi(0,a[t]))),condition:r,clientId:c,isSetupWizard:p})),a[t],e,{name:t,fullName:s,index:l,condition:r}),{name:t,control:d,layout:wi(0,a[t]),position:_i(0,a[t])}):null}).filter(Boolean),E=S.filter(function(e){return"left"===e.position}),x=S.filter(function(e){return"left"!==e.position}),C=si((0,I.useState)("normal"),2),P=C[0],j=C[1],k=di(di({},e),{},{img:o,leftControls:E,rightControls:x});return wp.element.createElement(A.Modal,{title:wp.element.createElement("div",{className:"vpf-component-gallery-control-modal-title"},wp.element.createElement("span",null,r),f?null:wp.element.createElement("div",{className:"vpf-component-gallery-control-modal-title-nav"},wp.element.createElement(A.Button,{className:"vpf-component-gallery-control-modal-title-nav-button",onClick:h,disabled:!d,label:(0,L.__)("Previous image","visual-portfolio")},wp.element.createElement("svg",{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24","aria-hidden":"true",focusable:"false"},wp.element.createElement("path",{d:"M6.5 12.4L12 8l5.5 4.4-.9 1.2L12 10l-4.5 3.6-1-1.2z"}))),wp.element.createElement(A.Button,{className:"vpf-component-gallery-control-modal-title-nav-button",onClick:y,disabled:!v,label:(0,L.__)("Next image","visual-portfolio")},wp.element.createElement("svg",{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24","aria-hidden":"true",focusable:"false"},wp.element.createElement("path",{d:"M6.5 12.4L12 8l5.5 4.4-.9 1.2L12 10l-4.5 3.6-1-1.2z"}))))),className:"vpf-component-gallery-control-modal",onRequestClose:function(e){var t;null!=e&&null!==(t=e.relatedTarget)&&void 0!==t&&null!==(t=t.classList)&&void 0!==t&&t.contains("media-modal")||g(e)}},wp.element.createElement("div",{className:"vpf-component-gallery-control-item-modal-wrap"},wp.element.createElement("div",{className:"vpf-component-gallery-control-item-modal"},s&&null!=o&&o.id?wp.element.createElement(ji,{showFocalPoint:s,focalPoint:_,imgId:null==o?void 0:o.id,imgUrl:o.imgThumbnailUrl||o.imgUrl,leftControls:E,activeMediaState:P,setActiveMediaState:j,isPro:gi,modalProps:k,img:o,onChangeFocalPoint:function(e){i({focalPoint:e})},onChangeImage:function(e){!1===e?l():i(e)}}):null,!s||null!=o&&o.id?null:wp.element.createElement("div",{className:"vpf-component-gallery-control-item-modal-image-info"},wp.element.createElement(Uo,{value:_,collapsible:!1,onChange:function(e){i({focalPoint:e})}}),E.length?wp.element.createElement("div",{className:"vpf-component-gallery-control-item-modal-fields vpf-component-gallery-control-item-modal-fields-left"},E.map(function(e){return(0,I.isValidElement)(e.control)?(0,I.cloneElement)(e.control,{key:e.name}):e.control})):null),wp.element.createElement("div",{className:"vpf-component-gallery-control-item-modal-fields"},x.map(function(e){return(0,I.isValidElement)(e.control)?(0,I.cloneElement)(e.control,{key:e.name}):e.control})))))},Ti=function(e){var t=e.img,n=e.items,r=e.index,o=e.onChange,i=e.imageControls,l=e.controlName,a=e.focalPoint,u=e.clientId,s=e.isSetupWizard,c=e.isMuffled,p=e.isChecked,f=e.onCheck,m=e.attributes,d=r-1,v=Po({id:e.id}),h=v.attributes,y=v.listeners,g=v.setNodeRef,b=v.transform,w=v.transition,_=v.isDragging,O=v.isSorting,S={transform:un.Translate.toString(b),transition:O?w:""},E=si((0,I.useState)(!1),2),x=E[0],C=E[1],P=si((0,I.useState)(d),2),j=P[0],k=P[1],T=function(){k(d),C(!0)},D=function(){return C(!1)},R=x?j:d,B=(null==n?void 0:n[R])||t;return wp.element.createElement(wp.element.Fragment,null,wp.element.createElement("div",fi({className:N()("vpf-component-gallery-control-item",_&&"vpf-component-gallery-control-item-dragging",c&&"vpf-component-gallery-control-item-muffled",p&&"vpf-component-gallery-control-item-checked"),ref:g,style:S},h,y),wp.element.createElement("div",{className:"vpf-component-gallery-control-item-toolbar"},s?null:wp.element.createElement(A.CheckboxControl,{className:"vpf-component-gallery-control-item-checkbox",title:(0,L.__)("Select","visual-portfolio"),checked:p,onChange:function(e){f(e)}}),wp.element.createElement(A.Button,{className:"vpf-component-gallery-control-item-edit",onClick:T,"aria-expanded":x},wp.element.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.11459 1.9405C8.15924 1.67781 8.29774 1.43913 8.50542 1.26692C8.71311 1.0947 8.97653 1.00012 9.24883 1H10.7512C11.0237 0.999856 11.2874 1.09432 11.4953 1.26655C11.7032 1.43879 11.8419 1.67762 11.8866 1.9405L12.1672 3.58975C13.0726 3.88225 13.8962 4.35363 14.5922 4.96L16.1946 4.37275C16.4495 4.27963 16.73 4.27793 16.9861 4.36794C17.2422 4.45796 17.4574 4.63385 17.5934 4.86438L18.3446 6.13562C18.4811 6.3663 18.5294 6.63688 18.481 6.89916C18.4325 7.16144 18.2904 7.39837 18.08 7.56775L16.7594 8.62975C16.9501 9.53336 16.9501 10.4655 16.7594 11.3691L18.0812 12.4334C18.2913 12.6027 18.4332 12.8394 18.4816 13.1014C18.5301 13.3635 18.4819 13.6338 18.3457 13.8644L17.5946 15.1356C17.4585 15.3661 17.2434 15.542 16.9872 15.6321C16.7311 15.7221 16.4507 15.7204 16.1957 15.6273L14.5922 15.04C13.8962 15.6475 13.0737 16.1177 12.1672 16.4102L11.8866 18.0595C11.8419 18.3224 11.7032 18.5612 11.4953 18.7334C11.2874 18.9057 11.0237 19.0001 10.7512 19H9.24883C8.97653 18.9999 8.71311 18.9053 8.50542 18.7331C8.29774 18.5609 8.15924 18.3222 8.11459 18.0595L7.83391 16.4102C6.93828 16.1205 6.11295 15.6541 5.40898 15.04L3.80541 15.6273C3.55045 15.7208 3.26983 15.7228 3.01348 15.633C2.75714 15.5432 2.54168 15.3673 2.40544 15.1367L1.65427 13.8644C1.51807 13.6338 1.46991 13.3635 1.51836 13.1014C1.5668 12.8394 1.70871 12.6027 1.91885 12.4334L3.24059 11.3691C3.04998 10.4655 3.04998 9.53336 3.24059 8.62975L1.92 7.56775C1.70986 7.39843 1.56795 7.1617 1.51951 6.89968C1.47106 6.63765 1.51922 6.36732 1.65542 6.13675L2.40659 4.86438C2.54265 4.6336 2.75803 4.45752 3.01439 4.3675C3.27076 4.27747 3.55147 4.27933 3.80656 4.37275L5.40898 4.96C6.11293 4.34583 6.93826 3.87946 7.83391 3.58975L8.11459 1.9405ZM13.4522 10C13.4522 10.4432 13.3629 10.8821 13.1895 11.2916C13.0161 11.701 12.7619 12.0731 12.4414 12.3865C12.1209 12.6999 11.7405 12.9485 11.3218 13.1181C10.9031 13.2877 10.4543 13.375 10.0011 13.375C9.54795 13.375 9.0992 13.2877 8.6805 13.1181C8.2618 12.9485 7.88136 12.6999 7.56091 12.3865C7.24045 12.0731 6.98625 11.701 6.81282 11.2916C6.63939 10.8821 6.55012 10.4432 6.55012 10C6.55012 9.10489 6.91371 8.24645 7.56091 7.61351C8.2081 6.98058 9.08588 6.625 10.0011 6.625C10.9164 6.625 11.7942 6.98058 12.4414 7.61351C13.0886 8.24645 13.4522 9.10489 13.4522 10Z"}))),wp.element.createElement(A.Button,{className:"vpf-component-gallery-control-item-remove",onClick:function(){var e=ui(n);e[d]&&(e.splice(d,1),o(e))}},wp.element.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10 2.68771C9.46811 2.68755 8.94926 2.84978 8.51493 3.15204C8.08059 3.4543 7.75215 3.88173 7.57486 4.37542H12.4251C12.2477 3.88182 11.9192 3.45449 11.4849 3.15225C11.0506 2.85001 10.5319 2.68772 10 2.68771ZM10 1C9.01207 1.00001 8.05446 1.33596 7.28915 1.95102C6.52384 2.56608 5.9978 3.4225 5.8 4.37542H2V6.06313H3.45143L4.38629 16.186C4.4573 16.955 4.81782 17.6701 5.39702 18.1908C5.97622 18.7114 6.73224 19.0001 7.51657 19H12.4846C13.2685 18.9998 14.0241 18.7112 14.603 18.1908C15.182 17.6704 15.5424 16.9558 15.6137 16.1871L16.5486 6.06313H18V4.37542H14.2C14.0022 3.4225 13.4762 2.56608 12.7108 1.95102C11.9455 1.33596 10.9879 1.00001 10 1ZM14.8274 6.06313H5.17257L6.09371 16.033C6.12595 16.3826 6.2898 16.7077 6.55307 16.9444C6.81635 17.1811 7.16002 17.3123 7.51657 17.3123H12.4846C12.8411 17.3123 13.1848 17.1811 13.4481 16.9444C13.7113 16.7077 13.8752 16.3826 13.9074 16.033L14.8274 6.06313Z"})))),wp.element.createElement(A.Button,{className:"vpf-component-gallery-control-item-button",onClick:T,"aria-expanded":x},function(e,t){var n=wp.element.createElement("img",{src:e.imgThumbnailUrl||e.imgUrl,alt:Mt(e)||e.imgThumbnailUrl||e.imgUrl,loading:"lazy"});return(0,M.applyFilters)("vpf.editor.gallery-item-preview",n,e,t)}(t,e))),x?wp.element.createElement(ki,{title:(0,L.__)("Media Settings","visual-portfolio"),img:B,idx:R,onChange:function(e){var t=ui(n);t[R]&&(t[R]=di(di({},t[R]),e),o(t))},onRemove:function(){var e=ui(n);e[R]&&(e.splice(R,1),o(e),e.length?k(Math.min(R,e.length-1)):D())},imageControls:i,controlName:l,attributes:m,focalPoint:a,clientId:u,isSetupWizard:s,canGoPrevious:R>0,canGoNext:R0&&k(R-1)},onNext:function(){R9?R:null,null!=t&&t.length&&!u?wp.element.createElement("div",{className:"vpf-component-gallery-control-item-fullwidth"},wp.element.createElement("div",{className:"vpf-component-gallery-control-item-bulk-actions"},wp.element.createElement(A.CheckboxControl,{title:(0,L.__)("Select All","visual-portfolio"),checked:t.length===b.length,indeterminate:b.length>0&&t.length!==b.length,onChange:function(){t.length===b.length?w([]):w(t.map(function(e){return e.id})),S(!1)}}),wp.element.createElement(A.SelectControl,{title:(0,L.__)("Bulk Actions","visual-portfolio"),value:h,disabled:!b.length,options:[{label:(0,L.__)("Bulk actions","visual-portfolio"),value:""},{label:(0,L.__)("Edit","visual-portfolio"),value:"edit"},{label:(0,L.__)("Delete","visual-portfolio"),value:"delete"}],onChange:function(e){"delete"===e&&window.confirm((0,L.__)("Are you sure you want to remove selected items?","visual-portfolio"))?(n(t.filter(function(e){return!b.includes(e.id)})),w([]),S(!1)):"edit"===e&&C(!0)}})),null!=T&&T.length?wp.element.createElement("div",{className:"vpf-component-gallery-control-item-filter"},wp.element.createElement(A.SelectControl,{title:(0,L.__)("Filter by Category","visual-portfolio"),value:h,options:[{label:(0,L.__)("All","visual-portfolio"),value:""},{label:(0,L.__)("Uncategorized","visual-portfolio"),value:yi}].concat(ui(T.map(function(e){return{label:e,value:e}}))),onChange:function(e){y(e)}}),wp.element.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{d:"M8 16H12V14.5652H8V16ZM4 5V6.43478H16V5H4ZM6 11.2174H14V9.78261H6V11.2174Z",fill:"currentColor"}))):null):null,x&&!u?wp.element.createElement(ki,{title:(0,L.__)("Bulk Image Settings","visual-portfolio"),img:{imgThumbnailUrl:"".concat(hi.plugin_url,"assets/images/placeholder.png")},idx:-1,onChange:function(e){var r=ui(t);r.forEach(function(t,n){b.includes(t.id)&&(r[n]=di(di({},t),e))}),n(r)},imageControls:o,controlName:i,attributes:l,focalPoint:a,clientId:s,isSetupWizard:u,isBulkEdit:!0,bulkItems:b,close:function(){C(!1)}}):null,wp.element.createElement(Zr,{sensors:p,collisionDetection:Dn,onDragEnd:function(e){var t=e.active,n=e.over;t.id!==n.id&&r(t.id-1,n.id-1)}},wp.element.createElement(wo,{items:M,strategy:vo},M.map(function(e){var r,c=e.data,p=e.id,f=!1;if(h===yi)f=null==c||null===(r=c.categories)||void 0===r?void 0:r.length;else if(h){var m;f=null==c||null===(m=c.categories)||void 0===m||!m.length||!c.categories.includes(h)}return wp.element.createElement(Ti,{key:"vpf-component-gallery-control-items-sortable-".concat(p),index:p,id:p,img:c,items:t,onChange:n,imageControls:o,controlName:i,attributes:l,focalPoint:a,isSetupWizard:u,isMuffled:f,clientId:s,isChecked:b.includes(c.id),onCheck:function(){if(j&&O){for(var e=t.findIndex(function(e){return e.id===O}),n=t.findIndex(function(e){return e.id===c.id}),r=ui(b),o=b.includes(c.id),i=e{var e,t={139(e,t){function n(e){var t=0;if(0==e.length)return t;for(var n=0;n=t;)n=e%t,e=Math.floor(e/t),r.push(l(n));e>0&&r.push(l(e));for(var a=r.length-1;a>=0;a--)o+=r[a];return i+o}t.bitwise=n,t.binaryTransfer=r,t.unique=function(e){return r(n(e),61).replace("-","Z")},t.random=function(e){for(var t="",n=e||8,r=0;rr.length?e:r,u=e.length>r.length?r:e,s=a.indexOf(u);if(-1!=s)return l=[new t.Diff(1,a.substring(0,s)),new t.Diff(0,u),new t.Diff(1,a.substring(s+u.length))],e.length>r.length&&(l[0][0]=l[2][0]=n),l;if(1==u.length)return[new t.Diff(n,e),new t.Diff(1,r)];var c=this.diff_halfMatch_(e,r);if(c){var p=c[0],f=c[1],m=c[2],d=c[3],v=c[4],h=this.diff_main(p,m,o,i),y=this.diff_main(f,d,o,i);return h.concat([new t.Diff(0,v)],y)}return o&&e.length>100&&r.length>100?this.diff_lineMode_(e,r,i):this.diff_bisect_(e,r,i)},t.prototype.diff_lineMode_=function(e,r,o){var i=this.diff_linesToChars_(e,r);e=i.chars1,r=i.chars2;var l=i.lineArray,a=this.diff_main(e,r,!1,o);this.diff_charsToLines_(a,l),this.diff_cleanupSemantic(a),a.push(new t.Diff(0,""));for(var u=0,s=0,c=0,p="",f="";u=1&&c>=1){a.splice(u-s-c,s+c),u=u-s-c;for(var m=this.diff_main(p,f,!1,o),d=m.length-1;d>=0;d--)a.splice(u,0,m[d]);u+=m.length}c=0,s=0,p="",f=""}u++}return a.pop(),a},t.prototype.diff_bisect_=function(e,r,o){for(var i=e.length,l=r.length,a=Math.ceil((i+l)/2),u=a,s=2*a,c=new Array(s),p=new Array(s),f=0;fo);b++){for(var w=-b+v;w<=b-h;w+=2){for(var _=u+w,O=(P=w==-b||w!=b&&c[_-1]i)h+=2;else if(O>l)v+=2;else if(d&&(x=u+m-w)>=0&&x=(E=i-p[x]))return this.diff_bisectSplit_(e,r,P,O,o)}for(var S=-b+y;S<=b-g;S+=2){for(var E,x=u+S,C=(E=S==-b||S!=b&&p[x-1]i)g+=2;else if(C>l)y+=2;else if(!d){var P;if((_=u+m-S)>=0&&_=(E=i-E))return this.diff_bisectSplit_(e,r,P,O,o)}}}return[new t.Diff(n,e),new t.Diff(1,r)]},t.prototype.diff_bisectSplit_=function(e,t,n,r,o){var i=e.substring(0,n),l=t.substring(0,r),a=e.substring(n),u=t.substring(r),s=this.diff_main(i,l,!1,o),c=this.diff_main(a,u,!1,o);return s.concat(c)},t.prototype.diff_linesToChars_=function(e,t){var n=[],r={};function o(e){for(var t="",o=0,l=-1,a=n.length;lr?e=e.substring(n-r):nt.length?e:t,r=e.length>t.length?t:e;if(n.length<4||2*r.length=e.length?[r,i,l,a,c]:null}var l,a,u,s,c,p=i(n,r,Math.ceil(n.length/4)),f=i(n,r,Math.ceil(n.length/2));return p||f?(l=f?p&&p[4].length>f[4].length?p:f:p,e.length>t.length?(a=l[0],u=l[1],s=l[2],c=l[3]):(s=l[0],c=l[1],a=l[2],u=l[3]),[a,u,s,c,l[4]]):null},t.prototype.diff_cleanupSemantic=function(e){for(var r=!1,o=[],i=0,l=null,a=0,u=0,s=0,c=0,p=0;a0?o[i-1]:-1,u=0,s=0,c=0,p=0,l=null,r=!0)),a++;for(r&&this.diff_cleanupMerge(e),this.diff_cleanupSemanticLossless(e),a=1;a=v?(d>=f.length/2||d>=m.length/2)&&(e.splice(a,0,new t.Diff(0,m.substring(0,d))),e[a-1][1]=f.substring(0,f.length-d),e[a+1][1]=m.substring(d),a++):(v>=f.length/2||v>=m.length/2)&&(e.splice(a,0,new t.Diff(0,f.substring(0,v))),e[a-1][0]=1,e[a-1][1]=m.substring(0,m.length-v),e[a+1][0]=n,e[a+1][1]=f.substring(v),a++),a++}a++}},t.prototype.diff_cleanupSemanticLossless=function(e){function n(e,n){if(!e||!n)return 6;var r=e.charAt(e.length-1),o=n.charAt(0),i=r.match(t.nonAlphaNumericRegex_),l=o.match(t.nonAlphaNumericRegex_),a=i&&r.match(t.whitespaceRegex_),u=l&&o.match(t.whitespaceRegex_),s=a&&r.match(t.linebreakRegex_),c=u&&o.match(t.linebreakRegex_),p=s&&e.match(t.blanklineEndRegex_),f=c&&n.match(t.blanklineStartRegex_);return p||f?5:s||c?4:i&&!a&&u?3:a||u?2:i||l?1:0}for(var r=1;r=f&&(f=m,s=o,c=i,p=l)}e[r-1][1]!=s&&(s?e[r-1][1]=s:(e.splice(r-1,1),r--),e[r][1]=c,p?e[r+1][1]=p:(e.splice(r+1,1),r--))}r++}},t.nonAlphaNumericRegex_=/[^a-zA-Z0-9]/,t.whitespaceRegex_=/\s/,t.linebreakRegex_=/[\r\n]/,t.blanklineEndRegex_=/\n\r?\n$/,t.blanklineStartRegex_=/^\r?\n\r?\n/,t.prototype.diff_cleanupEfficiency=function(e){for(var r=!1,o=[],i=0,l=null,a=0,u=!1,s=!1,c=!1,p=!1;a0?o[i-1]:-1,c=p=!1),r=!0)),a++;r&&this.diff_cleanupMerge(e)},t.prototype.diff_cleanupMerge=function(e){e.push(new t.Diff(0,""));for(var r,o=0,i=0,l=0,a="",u="";o1?(0!==i&&0!==l&&(0!==(r=this.diff_commonPrefix(u,a))&&(o-i-l>0&&0==e[o-i-l-1][0]?e[o-i-l-1][1]+=u.substring(0,r):(e.splice(0,0,new t.Diff(0,u.substring(0,r))),o++),u=u.substring(r),a=a.substring(r)),0!==(r=this.diff_commonSuffix(u,a))&&(e[o][1]=u.substring(u.length-r)+e[o][1],u=u.substring(0,u.length-r),a=a.substring(0,a.length-r))),o-=i+l,e.splice(o,i+l),a.length&&(e.splice(o,0,new t.Diff(n,a)),o++),u.length&&(e.splice(o,0,new t.Diff(1,u)),o++),o++):0!==o&&0==e[o-1][0]?(e[o-1][1]+=e[o][1],e.splice(o,1)):o++,l=0,i=0,a="",u=""}""===e[e.length-1][1]&&e.pop();var s=!1;for(o=1;ot));r++)l=o,a=i;return e.length!=r&&e[r][0]===n?a:a+(t-l)},t.prototype.diff_prettyHtml=function(e){for(var t=[],r=/&/g,o=//g,l=/\n/g,a=0;a");switch(u){case 1:t[a]=''+s+"";break;case n:t[a]=''+s+"";break;case 0:t[a]=""+s+""}}return t.join("")},t.prototype.diff_text1=function(e){for(var t=[],n=0;nthis.Match_MaxBits)throw new Error("Pattern too long for this browser.");var r=this.match_alphabet_(t),o=this;function i(e,r){var i=e/t.length,l=Math.abs(n-r);return o.Match_Distance?i+l/o.Match_Distance:l?1:i}var l=this.Match_Threshold,a=e.indexOf(t,n);-1!=a&&(l=Math.min(i(0,a),l),-1!=(a=e.lastIndexOf(t,n+t.length))&&(l=Math.min(i(0,a),l)));var u,s,c=1<=d;y--){var g=r[e.charAt(y-1)];if(h[y]=0===m?(h[y+1]<<1|1)&g:(h[y+1]<<1|1)&g|(p[y+1]|p[y])<<1|1|p[y+1],h[y]&c){var b=i(m,y-1);if(b<=l){if(l=b,!((a=y-1)>n))break;d=Math.max(1,2*n-a)}}}if(i(m+1,n)>l)break;p=h}return a},t.prototype.match_alphabet_=function(e){for(var t={},n=0;n2&&(this.diff_cleanupSemantic(l),this.diff_cleanupEfficiency(l));else if(e&&"object"==typeof e&&void 0===r&&void 0===o)l=e,i=this.diff_text1(l);else if("string"==typeof e&&r&&"object"==typeof r&&void 0===o)i=e,l=r;else{if("string"!=typeof e||"string"!=typeof r||!o||"object"!=typeof o)throw new Error("Unknown call format to patch_make.");i=e,l=o}if(0===l.length)return[];for(var a=[],u=new t.patch_obj,s=0,c=0,p=0,f=i,m=i,d=0;d=2*this.Patch_Margin&&s&&(this.patch_addContext_(u,f),a.push(u),u=new t.patch_obj,s=0,f=m,c=p)}1!==v&&(c+=h.length),v!==n&&(p+=h.length)}return s&&(this.patch_addContext_(u,f),a.push(u)),a},t.prototype.patch_deepCopy=function(e){for(var n=[],r=0;rthis.Match_MaxBits?-1!=(a=this.match_main(t,c.substring(0,this.Match_MaxBits),s))&&(-1==(p=this.match_main(t,c.substring(c.length-this.Match_MaxBits),s+c.length-this.Match_MaxBits))||a>=p)&&(a=-1):a=this.match_main(t,c,s),-1==a)i[l]=!1,o-=e[l].length2-e[l].length1;else if(i[l]=!0,o=a-s,c==(u=-1==p?t.substring(a,a+c.length):t.substring(a,p+this.Match_MaxBits)))t=t.substring(0,a)+this.diff_text2(e[l].diffs)+t.substring(a+c.length);else{var f=this.diff_main(c,u,!1);if(c.length>this.Match_MaxBits&&this.diff_levenshtein(f)/c.length>this.Patch_DeleteThreshold)i[l]=!1;else{this.diff_cleanupSemanticLossless(f);for(var m,d=0,v=0;vl[0][1].length){var a=n-l[0][1].length;l[0][1]=r.substring(l[0][1].length)+l[0][1],i.start1-=a,i.start2-=a,i.length1+=a,i.length2+=a}return 0==(l=(i=e[e.length-1]).diffs).length||0!=l[l.length-1][0]?(l.push(new t.Diff(0,r)),i.length1+=n,i.length2+=n):n>l[l.length-1][1].length&&(a=n-l[l.length-1][1].length,l[l.length-1][1]+=r.substring(0,a),i.length1+=a,i.length2+=a),r},t.prototype.patch_splitMax=function(e){for(var r=this.Match_MaxBits,o=0;o2*r?(s.length1+=f.length,l+=f.length,c=!1,s.diffs.push(new t.Diff(p,f)),i.diffs.shift()):(f=f.substring(0,r-s.length1-this.Patch_Margin),s.length1+=f.length,l+=f.length,0===p?(s.length2+=f.length,a+=f.length):c=!1,s.diffs.push(new t.Diff(p,f)),f==i.diffs[0][1]?i.diffs.shift():i.diffs[0][1]=i.diffs[0][1].substring(f.length))}u=(u=this.diff_text2(s.diffs)).substring(u.length-this.Patch_Margin);var m=this.diff_text1(i.diffs).substring(0,this.Patch_Margin);""!==m&&(s.length1+=m.length,s.length2+=m.length,0!==s.diffs.length&&0===s.diffs[s.diffs.length-1][0]?s.diffs[s.diffs.length-1][1]+=m:s.diffs.push(new t.Diff(0,m))),c||e.splice(++o,0,s)}}},t.prototype.patch_toText=function(e){for(var t=[],n=0;nz});var o={};n.r(o),n.d(o,{getSource:()=>J,getSources:()=>Z});var i={};n.r(i),n.d(i,{apiFetch:()=>aj,setPortfolioLayouts:()=>uj});var l={};n.r(l),n.d(l,{API_FETCH:()=>sj});var a={};n.r(a),n.d(a,{getPortfolioLayouts:()=>mj});var u={};n.r(u),n.d(u,{getPortfolioLayouts:()=>dj});var s={};n.r(s),n.d(s,{get:()=>Ej});var c={};n.r(c),n.d(c,{get:()=>Cj});const p=window.wp.blocks;var f,m,d,v,h=n(1609),y=n.n(h);function g(){return g=Object.assign?Object.assign.bind():function(e){for(var t=1;t=":r=e>=n;break;case"<=":r=e<=n;break;case">":r=e>n;break;case"<":r=e2&&void 0!==arguments[2]?arguments[2]:"AND",r="AND"===n,o=r?"OR":"AND";return e.forEach(function(e){if(Array.isArray(e)&&!e.control)r=V(r,n,F(e,t,o));else if(e.control){var i=B(e.control,t),l=e.operator||"==",a=void 0!==e.value?e.value:"true";"true"===i?i=!0:"false"===i&&(i=!1),"true"===a?a=!0:"false"===a&&(a=!1),r=V(r,n,V(i,l,a))}}),r}const H=window.wp.data;function z(e){return{type:"REGISTER_LOOP_SOURCE",source:e}}function U(e){return U="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},U(e)}function W(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function G(e){for(var t=1;te.length)&&(t=e.length);for(var n=0,r=Array(t);n0&&void 0!==arguments[0]?arguments[0]:q,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if("REGISTER_LOOP_SOURCE"===n.type){var r=t.sources.findIndex(function(e){return e.name===n.source.name}),o=-1===r?[].concat(function(e){if(Array.isArray(e))return $(e)}(e=t.sources)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return $(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?$(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}(),[n.source]):t.sources.map(function(e,t){return t===r?G(G({},e),n.source):e});return G(G({},t),{},{sources:o})}return t},actions:r,selectors:o});function K(e){return K="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},K(e)}function ee(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function te(e){for(var t=1;te.length)&&(t=e.length);for(var n=0,r=Array(t);ne.length)&&(t=e.length);for(var n=0,r=Array(t);ne.length)&&(t=e.length);for(var n=0,r=Array(t);n1&&void 0!==arguments[1])||arguments[1],n=this.props,r=n.value,o=n.onChange,i=this.parseParts(r);e&&i[0]&&i[1]&&(t?i[0]=e:i[1]=e,o("".concat(i[0],":").concat(i[1])))}},{key:"render",value:function(){var e=this,t=this.props,n=t.value,r=t.onChange,o=this.state.isCustom,i=this.parseParts(n);return wp.element.createElement("div",{className:"vpf-component-aspect-ratio"},wp.element.createElement(A.SelectControl,{value:o?"custom":n,onChange:function(t){"custom"===t?(e.setState({isCustom:!0}),n||r("3:4")):(e.setState({isCustom:!1}),r(t))},options:Object.keys(xe).map(function(e){return{label:xe[e],value:e}})}),o?wp.element.createElement("div",{className:"vpf-component-aspect-ratio-custom"},wp.element.createElement(A.TextControl,{label:(0,R.__)("Width","visual-portfolio"),type:"number",value:i[0],onChange:function(t){return e.updatePart(t,!0)}}),wp.element.createElement(A.TextControl,{label:(0,R.__)("Height","visual-portfolio"),type:"number",value:i[1],onChange:function(t){return e.updatePart(t,!1)}})):"")}}],r&&be(n.prototype,r),Object.defineProperty(n,"prototype",{writable:!1}),n;var n,r}(I.Component);function Pe(e){return Pe="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Pe(e)}function je(){return je=Object.assign?Object.assign.bind():function(e){for(var t=1;t")),n.children.length&&this.isCollapsed()?n.children.map(function(t){return t?wp.element.createElement("li",{className:"vpf-component-classes-tree-child"},wp.element.createElement(Fe.TreeItem,je({},e.props,{node:t}))):null}):"")}}])}(I.Component);var He=n(247),ze=n.n(He),Ue=n(6957),We=n.n(Ue),Ge=n(952),Qe=n.n(Ge),$e=n(470);function qe(e){return qe="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},qe(e)}function Ze(e,t){for(var n=0;ne.length)&&(t=e.length);for(var n=0,r=Array(t);ne.length)&&(t=e.length);for(var n=0,r=Array(t);n0&&a.elements.filter(function(e){return"items"===e}).map(function(n){return wp.element.createElement(Tt,{key:n+e,location:e,locationData:a,value:r,onChange:o,options:i,optionName:n,parentProps:t.props})}):wp.element.createElement("div",{key:e,className:"vpf-component-elements-selector-control-location"},a.title?wp.element.createElement("div",{className:"vpf-component-elements-selector-control-location-title"},a.title):null,a.availableAlign.length&&a.elements.length?wp.element.createElement("div",{className:"vpf-component-elements-selector-control-location-align"},this.renderAlignSettings(e)):null,wp.element.createElement("div",{className:N()("vpf-component-elements-selector-control-location-options",a.align?"vpf-component-elements-selector-control-location-options-".concat(a.align):"")},a.elements.length?a.elements.map(function(n){return wp.element.createElement(Tt,{key:n,location:e,locationData:a,value:r,onChange:o,options:i,optionName:n,parentProps:t.props})}):null,Object.keys(u).length?wp.element.createElement(A.DropdownMenu,{className:"vpf-component-elements-selector-control-location-options-add-button",popoverProps:{position:"bottom center"},icon:wp.element.createElement("svg",{width:"20",height:"20",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",role:"img","aria-hidden":"true",focusable:"false"},wp.element.createElement("path",{d:"M18 11.2h-5.2V6h-1.6v5.2H6v1.6h5.2V18h1.6v-5.2H18z"})),controls:Object.keys(u).map(function(t){return{title:wp.element.createElement(wp.element.Fragment,null,u[t].title,u[t].is_pro?wp.element.createElement("span",{className:"vpf-component-elements-selector-control-location-options-title-pro"},(0,R.__)("PRO","visual-portfolio")):""),onClick:function(){if(!u[t].is_pro){var n=function(e){return function(e){if(Array.isArray(e))return jt(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||Pt(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}(a.elements);-1===n.indexOf(t)&&(n.push(t),o(St(St({},r),{},Et({},e,St(St({},r[e]),{},{elements:n})))))}}}})}):""))}},{key:"render",value:function(){var e=this,t=this.props.locations;return wp.element.createElement("div",{className:"vpf-component-elements-selector-control"},Object.keys(t).map(function(t){return e.renderLocation(t)}))}}],r&&yt(n.prototype,r),Object.defineProperty(n,"prototype",{writable:!1}),n;var n,r}(I.Component);function It(e){var t=[];return null!=e&&e.length&&e.forEach(function(e){e.categories&&e.categories.length&&e.categories.forEach(function(e){-1===t.indexOf(e)&&t.push(e)})}),t}function At(e){return Object.hasOwn(e||{},"alt")&&""!==String(e.alt||"").trim()}function Mt(e){return At(e)?String(e.alt).trim():""}function Rt(e){return(null==e?void 0:e.alt_text)||""}function Lt(e,t){return Mt(e)||Rt(t)}function Nt(e){var t=e.data,n=e.img,r=e.onChange,o=e.index,i=e.fullName,l=e.className,a=(0,H.useSelect)(function(e){var t=e("core").getEntityRecord;return{imgData:n.id?t("postType","attachment",n.id):null}},[n.id]).imgData,u=At(n)?Mt(n):"",s=function(e){return Rt(e)||"-"}(a);return wp.element.createElement(A.BaseControl,{id:"vpf-control-group-".concat(i),label:t.label,help:t.description||null,className:N()("vpf-control-wrap","vpf-control-wrap-text",de(i),l)},wp.element.createElement(A.TextControl,{key:"".concat(n.id||n.imgThumbnailUrl||n.imgUrl,"-").concat(o,"-alt"),value:u,placeholder:s,onChange:function(e){r({alt:e})}}))}function Bt(e){var t,n,r,o=e.data,i=e.textSource,l=e.img,a=e.name,u=e.index,s=e.fullName,c=(0,H.useSelect)(function(e){var t=e("core").getEntityRecord;return{imgData:l.id?t("postType","attachment",l.id):null}},[l]).imgData,p="",f="";switch(i){case"title":p=(null==c||null===(t=c.title)||void 0===t?void 0:t.raw)||"",f=(0,R.__)("Loaded automatically from the image Title","visual-portfolio");break;case"caption":p=(null==c||null===(n=c.caption)||void 0===n?void 0:n.raw)||"",f=(0,R.__)("Loaded automatically from the image Caption","visual-portfolio");break;case"alt":p=Lt(l,c),f=(0,R.__)("Loaded automatically from the image Alt","visual-portfolio");break;case"description":p=(null==c||null===(r=c.description)||void 0===r?void 0:r.raw)||"",f=(0,R.__)("Loaded automatically from the image Description","visual-portfolio")}var m="title"===a?A.TextControl:A.TextareaControl;return wp.element.createElement(m,{className:"vpf-control-wrap vpf-control-wrap-".concat("title"===a?"text":"textarea"," ").concat(de(s)),key:"".concat(l.id||l.imgThumbnailUrl||l.imgUrl,"-").concat(u,"-").concat(a),label:o.label,value:p,help:f,disabled:!0})}(0,M.addFilter)("vpf.editor.controls-render-data","vpf/editor/controls-render-data/images-categories-suggestions",function(e){if("images"===e.name){var t=It(e.attributes.images);t.length&&e.image_controls&&e.image_controls.categories&&e.image_controls.categories.options&&(e.image_controls.categories.options=t.map(function(e){return{label:e,value:e}}))}return e}),(0,M.addFilter)("vpf.editor.gallery-controls-render","vpf/editor/gallery-controls-render/image-alt",function(e,t,n,r){var o,i=n.img,l=n.onChange,a=r.name,u=r.index,s=r.fullName;return"alt"===a&&(e=wp.element.createElement(Nt,{data:t,img:i,onChange:l,index:u,fullName:s,className:null===(o=e)||void 0===o||null===(o=o.props)||void 0===o?void 0:o.className})),e}),(0,M.addFilter)("vpf.editor.gallery-controls-render","vpf/editor/gallery-controls-render/title-and-description-render-by-source",function(e,t,n,r){var o=n.attributes,i=n.img,l=r.name,a=r.index,u=r.fullName;return("title"===l&&o.images_titles_source&&"custom"!==o.images_titles_source||"description"===l&&o.images_descriptions_source&&"custom"!==o.images_descriptions_source)&&(e=wp.element.createElement(Bt,{data:t,textSource:o["images_".concat(l,"s_source")],img:i,name:l,index:a,fullName:u})),e});const Vt=window.ReactDOM,Ft="undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement;function Ht(e){const t=Object.prototype.toString.call(e);return"[object Window]"===t||"[object global]"===t}function zt(e){return"nodeType"in e}function Ut(e){var t,n;return e?Ht(e)?e:zt(e)&&null!=(t=null==(n=e.ownerDocument)?void 0:n.defaultView)?t:window:window}function Wt(e){const{Document:t}=Ut(e);return e instanceof t}function Gt(e){return!Ht(e)&&e instanceof Ut(e).HTMLElement}function Qt(e){return e instanceof Ut(e).SVGElement}function $t(e){return e?Ht(e)?e.document:zt(e)?Wt(e)?e:Gt(e)||Qt(e)?e.ownerDocument:document:document:document}const qt=Ft?h.useLayoutEffect:h.useEffect;function Zt(e){const t=(0,h.useRef)(e);return qt(()=>{t.current=e}),(0,h.useCallback)(function(){for(var e=arguments.length,n=new Array(e),r=0;r{n.current!==e&&(n.current=e)},t),n}function Xt(e,t){const n=(0,h.useRef)();return(0,h.useMemo)(()=>{const t=e(n.current);return n.current=t,t},[...t])}function Yt(e){const t=Zt(e),n=(0,h.useRef)(null),r=(0,h.useCallback)(e=>{e!==n.current&&(null==t||t(e,n.current)),n.current=e},[]);return[n,r]}function Kt(e){const t=(0,h.useRef)();return(0,h.useEffect)(()=>{t.current=e},[e]),t.current}let en={};function tn(e,t){return(0,h.useMemo)(()=>{if(t)return t;const n=null==en[e]?0:en[e]+1;return en[e]=n,e+"-"+n},[e,t])}function nn(e){return function(t){for(var n=arguments.length,r=new Array(n>1?n-1:0),o=1;o{const r=Object.entries(n);for(const[n,o]of r){const r=t[n];null!=r&&(t[n]=r+e*o)}return t},{...t})}}const rn=nn(1),on=nn(-1);function ln(e){if(!e)return!1;const{KeyboardEvent:t}=Ut(e.target);return t&&e instanceof t}function an(e){if(function(e){if(!e)return!1;const{TouchEvent:t}=Ut(e.target);return t&&e instanceof t}(e)){if(e.touches&&e.touches.length){const{clientX:t,clientY:n}=e.touches[0];return{x:t,y:n}}if(e.changedTouches&&e.changedTouches.length){const{clientX:t,clientY:n}=e.changedTouches[0];return{x:t,y:n}}}return function(e){return"clientX"in e&&"clientY"in e}(e)?{x:e.clientX,y:e.clientY}:null}const un=Object.freeze({Translate:{toString(e){if(!e)return;const{x:t,y:n}=e;return"translate3d("+(t?Math.round(t):0)+"px, "+(n?Math.round(n):0)+"px, 0)"}},Scale:{toString(e){if(!e)return;const{scaleX:t,scaleY:n}=e;return"scaleX("+t+") scaleY("+n+")"}},Transform:{toString(e){if(e)return[un.Translate.toString(e),un.Scale.toString(e)].join(" ")}},Transition:{toString(e){let{property:t,duration:n,easing:r}=e;return t+" "+n+"ms "+r}}}),sn="a,frame,iframe,input:not([type=hidden]):not(:disabled),select:not(:disabled),textarea:not(:disabled),button:not(:disabled),*[tabindex]";function cn(e){return e.matches(sn)?e:e.querySelector(sn)}const pn={display:"none"};function fn(e){let{id:t,value:n}=e;return y().createElement("div",{id:t,style:pn},n)}function mn(e){let{id:t,announcement:n,ariaLiveType:r="assertive"}=e;return y().createElement("div",{id:t,style:{position:"fixed",top:0,left:0,width:1,height:1,margin:-1,border:0,padding:0,overflow:"hidden",clip:"rect(0 0 0 0)",clipPath:"inset(100%)",whiteSpace:"nowrap"},role:"status","aria-live":r,"aria-atomic":!0},n)}const dn=(0,h.createContext)(null),vn={draggable:"\n To pick up a draggable item, press the space bar.\n While dragging, use the arrow keys to move the item.\n Press space again to drop the item in its new position, or press escape to cancel.\n "},hn={onDragStart(e){let{active:t}=e;return"Picked up draggable item "+t.id+"."},onDragOver(e){let{active:t,over:n}=e;return n?"Draggable item "+t.id+" was moved over droppable area "+n.id+".":"Draggable item "+t.id+" is no longer over a droppable area."},onDragEnd(e){let{active:t,over:n}=e;return n?"Draggable item "+t.id+" was dropped over droppable area "+n.id:"Draggable item "+t.id+" was dropped."},onDragCancel(e){let{active:t}=e;return"Dragging was cancelled. Draggable item "+t.id+" was dropped."}};function yn(e){let{announcements:t=hn,container:n,hiddenTextDescribedById:r,screenReaderInstructions:o=vn}=e;const{announce:i,announcement:l}=function(){const[e,t]=(0,h.useState)("");return{announce:(0,h.useCallback)(e=>{null!=e&&t(e)},[]),announcement:e}}(),a=tn("DndLiveRegion"),[u,s]=(0,h.useState)(!1);if((0,h.useEffect)(()=>{s(!0)},[]),function(e){const t=(0,h.useContext)(dn);(0,h.useEffect)(()=>{if(!t)throw new Error("useDndMonitor must be used within a children of ");return t(e)},[e,t])}((0,h.useMemo)(()=>({onDragStart(e){let{active:n}=e;i(t.onDragStart({active:n}))},onDragMove(e){let{active:n,over:r}=e;t.onDragMove&&i(t.onDragMove({active:n,over:r}))},onDragOver(e){let{active:n,over:r}=e;i(t.onDragOver({active:n,over:r}))},onDragEnd(e){let{active:n,over:r}=e;i(t.onDragEnd({active:n,over:r}))},onDragCancel(e){let{active:n,over:r}=e;i(t.onDragCancel({active:n,over:r}))}}),[i,t])),!u)return null;const c=y().createElement(y().Fragment,null,y().createElement(fn,{id:r,value:o.draggable}),y().createElement(mn,{id:a,announcement:l}));return n?(0,Vt.createPortal)(c,n):c}var gn;function bn(){}function wn(e,t){return(0,h.useMemo)(()=>({sensor:e,options:null!=t?t:{}}),[e,t])}function On(){for(var e=arguments.length,t=new Array(e),n=0;n[...t].filter(e=>null!=e),[...t])}!function(e){e.DragStart="dragStart",e.DragMove="dragMove",e.DragEnd="dragEnd",e.DragCancel="dragCancel",e.DragOver="dragOver",e.RegisterDroppable="registerDroppable",e.SetDroppableDisabled="setDroppableDisabled",e.UnregisterDroppable="unregisterDroppable"}(gn||(gn={}));const Sn=Object.freeze({x:0,y:0});function En(e,t){return Math.sqrt(Math.pow(e.x-t.x,2)+Math.pow(e.y-t.y,2))}function xn(e,t){const n=an(e);return n?(n.x-t.left)/t.width*100+"% "+(n.y-t.top)/t.height*100+"%":"0 0"}function Cn(e,t){let{data:{value:n}}=e,{data:{value:r}}=t;return n-r}function Pn(e,t){let{data:{value:n}}=e,{data:{value:r}}=t;return r-n}function jn(e){let{left:t,top:n,height:r,width:o}=e;return[{x:t,y:n},{x:t+o,y:n},{x:t,y:n+r},{x:t+o,y:n+r}]}function kn(e,t){if(!e||0===e.length)return null;const[n]=e;return t?n[t]:n}function Tn(e,t,n){return void 0===t&&(t=e.left),void 0===n&&(n=e.top),{x:t+.5*e.width,y:n+.5*e.height}}const Dn=e=>{let{collisionRect:t,droppableRects:n,droppableContainers:r}=e;const o=Tn(t,t.left,t.top),i=[];for(const e of r){const{id:t}=e,r=n.get(t);if(r){const n=En(Tn(r),o);i.push({id:t,data:{droppableContainer:e,value:n}})}}return i.sort(Cn)};function In(e,t){const n=Math.max(t.top,e.top),r=Math.max(t.left,e.left),o=Math.min(t.left+t.width,e.left+e.width),i=Math.min(t.top+t.height,e.top+e.height),l=o-r,a=i-n;if(r{let{collisionRect:t,droppableRects:n,droppableContainers:r}=e;const o=[];for(const e of r){const{id:r}=e,i=n.get(r);if(i){const n=In(i,t);n>0&&o.push({id:r,data:{droppableContainer:e,value:n}})}}return o.sort(Pn)};function Mn(e,t){return e&&t?{x:e.left-t.left,y:e.top-t.top}:Sn}function Rn(e){return function(t){for(var n=arguments.length,r=new Array(n>1?n-1:0),o=1;o({...t,top:t.top+e*n.y,bottom:t.bottom+e*n.y,left:t.left+e*n.x,right:t.right+e*n.x}),{...t})}}const Ln=Rn(1);function Nn(e){if(e.startsWith("matrix3d(")){const t=e.slice(9,-1).split(/, /);return{x:+t[12],y:+t[13],scaleX:+t[0],scaleY:+t[5]}}if(e.startsWith("matrix(")){const t=e.slice(7,-1).split(/, /);return{x:+t[4],y:+t[5],scaleX:+t[0],scaleY:+t[3]}}return null}const Bn={ignoreTransform:!1};function Vn(e,t){void 0===t&&(t=Bn);let n=e.getBoundingClientRect();if(t.ignoreTransform){const{transform:t,transformOrigin:r}=Ut(e).getComputedStyle(e);t&&(n=function(e,t,n){const r=Nn(t);if(!r)return e;const{scaleX:o,scaleY:i,x:l,y:a}=r,u=e.left-l-(1-o)*parseFloat(n),s=e.top-a-(1-i)*parseFloat(n.slice(n.indexOf(" ")+1)),c=o?e.width/o:e.width,p=i?e.height/i:e.height;return{width:c,height:p,top:s,right:u+c,bottom:s+p,left:u}}(n,t,r))}const{top:r,left:o,width:i,height:l,bottom:a,right:u}=n;return{top:r,left:o,width:i,height:l,bottom:a,right:u}}function Fn(e){return Vn(e,{ignoreTransform:!0})}function Hn(e,t){const n=[];return e?function r(o){if(null!=t&&n.length>=t)return n;if(!o)return n;if(Wt(o)&&null!=o.scrollingElement&&!n.includes(o.scrollingElement))return n.push(o.scrollingElement),n;if(!Gt(o)||Qt(o))return n;if(n.includes(o))return n;const i=Ut(e).getComputedStyle(o);return o!==e&&function(e,t){void 0===t&&(t=Ut(e).getComputedStyle(e));const n=/(auto|scroll|overlay)/;return["overflow","overflowX","overflowY"].some(e=>{const r=t[e];return"string"==typeof r&&n.test(r)})}(o,i)&&n.push(o),function(e,t){return void 0===t&&(t=Ut(e).getComputedStyle(e)),"fixed"===t.position}(o,i)?n:r(o.parentNode)}(e):n}function zn(e){const[t]=Hn(e,1);return null!=t?t:null}function Un(e){return Ft&&e?Ht(e)?e:zt(e)?Wt(e)||e===$t(e).scrollingElement?window:Gt(e)?e:null:null:null}function Wn(e){return Ht(e)?e.scrollX:e.scrollLeft}function Gn(e){return Ht(e)?e.scrollY:e.scrollTop}function Qn(e){return{x:Wn(e),y:Gn(e)}}var $n;function qn(e){return!(!Ft||!e)&&e===document.scrollingElement}function Zn(e){const t={x:0,y:0},n=qn(e)?{height:window.innerHeight,width:window.innerWidth}:{height:e.clientHeight,width:e.clientWidth},r={x:e.scrollWidth-n.width,y:e.scrollHeight-n.height};return{isTop:e.scrollTop<=t.y,isLeft:e.scrollLeft<=t.x,isBottom:e.scrollTop>=r.y,isRight:e.scrollLeft>=r.x,maxScroll:r,minScroll:t}}!function(e){e[e.Forward=1]="Forward",e[e.Backward=-1]="Backward"}($n||($n={}));const Jn={x:.2,y:.2};function Xn(e,t,n,r,o){let{top:i,left:l,right:a,bottom:u}=n;void 0===r&&(r=10),void 0===o&&(o=Jn);const{isTop:s,isBottom:c,isLeft:p,isRight:f}=Zn(e),m={x:0,y:0},d={x:0,y:0},v=t.height*o.y,h=t.width*o.x;return!s&&i<=t.top+v?(m.y=$n.Backward,d.y=r*Math.abs((t.top+v-i)/v)):!c&&u>=t.bottom-v&&(m.y=$n.Forward,d.y=r*Math.abs((t.bottom-v-u)/v)),!f&&a>=t.right-h?(m.x=$n.Forward,d.x=r*Math.abs((t.right-h-a)/h)):!p&&l<=t.left+h&&(m.x=$n.Backward,d.x=r*Math.abs((t.left+h-l)/h)),{direction:m,speed:d}}function Yn(e){if(e===document.scrollingElement){const{innerWidth:e,innerHeight:t}=window;return{top:0,left:0,right:e,bottom:t,width:e,height:t}}const{top:t,left:n,right:r,bottom:o}=e.getBoundingClientRect();return{top:t,left:n,right:r,bottom:o,width:e.clientWidth,height:e.clientHeight}}function Kn(e){return e.reduce((e,t)=>rn(e,Qn(t)),Sn)}function er(e,t){if(void 0===t&&(t=Vn),!e)return;const{top:n,left:r,bottom:o,right:i}=t(e);zn(e)&&(o<=0||i<=0||n>=window.innerHeight||r>=window.innerWidth)&&e.scrollIntoView({block:"center",inline:"center"})}const tr=[["x",["left","right"],function(e){return e.reduce((e,t)=>e+Wn(t),0)}],["y",["top","bottom"],function(e){return e.reduce((e,t)=>e+Gn(t),0)}]];class nr{constructor(e,t){this.rect=void 0,this.width=void 0,this.height=void 0,this.top=void 0,this.bottom=void 0,this.right=void 0,this.left=void 0;const n=Hn(t),r=Kn(n);this.rect={...e},this.width=e.width,this.height=e.height;for(const[e,t,o]of tr)for(const i of t)Object.defineProperty(this,i,{get:()=>{const t=o(n),l=r[e]-t;return this.rect[i]+l},enumerable:!0});Object.defineProperty(this,"rect",{enumerable:!1})}}class rr{constructor(e){this.target=void 0,this.listeners=[],this.removeAll=()=>{this.listeners.forEach(e=>{var t;return null==(t=this.target)?void 0:t.removeEventListener(...e)})},this.target=e}add(e,t,n){var r;null==(r=this.target)||r.addEventListener(e,t,n),this.listeners.push([e,t,n])}}function or(e,t){const n=Math.abs(e.x),r=Math.abs(e.y);return"number"==typeof t?Math.sqrt(n**2+r**2)>t:"x"in t&&"y"in t?n>t.x&&r>t.y:"x"in t?n>t.x:"y"in t&&r>t.y}var ir,lr;function ar(e){e.preventDefault()}function ur(e){e.stopPropagation()}!function(e){e.Click="click",e.DragStart="dragstart",e.Keydown="keydown",e.ContextMenu="contextmenu",e.Resize="resize",e.SelectionChange="selectionchange",e.VisibilityChange="visibilitychange"}(ir||(ir={})),function(e){e.Space="Space",e.Down="ArrowDown",e.Right="ArrowRight",e.Left="ArrowLeft",e.Up="ArrowUp",e.Esc="Escape",e.Enter="Enter",e.Tab="Tab"}(lr||(lr={}));const sr={start:[lr.Space,lr.Enter],cancel:[lr.Esc],end:[lr.Space,lr.Enter,lr.Tab]},cr=(e,t)=>{let{currentCoordinates:n}=t;switch(e.code){case lr.Right:return{...n,x:n.x+25};case lr.Left:return{...n,x:n.x-25};case lr.Down:return{...n,y:n.y+25};case lr.Up:return{...n,y:n.y-25}}};class pr{constructor(e){this.props=void 0,this.autoScrollEnabled=!1,this.referenceCoordinates=void 0,this.listeners=void 0,this.windowListeners=void 0,this.props=e;const{event:{target:t}}=e;this.props=e,this.listeners=new rr($t(t)),this.windowListeners=new rr(Ut(t)),this.handleKeyDown=this.handleKeyDown.bind(this),this.handleCancel=this.handleCancel.bind(this),this.attach()}attach(){this.handleStart(),this.windowListeners.add(ir.Resize,this.handleCancel),this.windowListeners.add(ir.VisibilityChange,this.handleCancel),setTimeout(()=>this.listeners.add(ir.Keydown,this.handleKeyDown))}handleStart(){const{activeNode:e,onStart:t}=this.props,n=e.node.current;n&&er(n),t(Sn)}handleKeyDown(e){if(ln(e)){const{active:t,context:n,options:r}=this.props,{keyboardCodes:o=sr,coordinateGetter:i=cr,scrollBehavior:l="smooth"}=r,{code:a}=e;if(o.end.includes(a))return void this.handleEnd(e);if(o.cancel.includes(a))return void this.handleCancel(e);const{collisionRect:u}=n.current,s=u?{x:u.left,y:u.top}:Sn;this.referenceCoordinates||(this.referenceCoordinates=s);const c=i(e,{active:t,context:n.current,currentCoordinates:s});if(c){const t=on(c,s),r={x:0,y:0},{scrollableAncestors:o}=n.current;for(const n of o){const o=e.code,{isTop:i,isRight:a,isLeft:u,isBottom:s,maxScroll:p,minScroll:f}=Zn(n),m=Yn(n),d={x:Math.min(o===lr.Right?m.right-m.width/2:m.right,Math.max(o===lr.Right?m.left:m.left+m.width/2,c.x)),y:Math.min(o===lr.Down?m.bottom-m.height/2:m.bottom,Math.max(o===lr.Down?m.top:m.top+m.height/2,c.y))},v=o===lr.Right&&!a||o===lr.Left&&!u,h=o===lr.Down&&!s||o===lr.Up&&!i;if(v&&d.x!==c.x){const e=n.scrollLeft+t.x,i=o===lr.Right&&e<=p.x||o===lr.Left&&e>=f.x;if(i&&!t.y)return void n.scrollTo({left:e,behavior:l});r.x=i?n.scrollLeft-e:o===lr.Right?n.scrollLeft-p.x:n.scrollLeft-f.x,r.x&&n.scrollBy({left:-r.x,behavior:l});break}if(h&&d.y!==c.y){const e=n.scrollTop+t.y,i=o===lr.Down&&e<=p.y||o===lr.Up&&e>=f.y;if(i&&!t.x)return void n.scrollTo({top:e,behavior:l});r.y=i?n.scrollTop-e:o===lr.Down?n.scrollTop-p.y:n.scrollTop-f.y,r.y&&n.scrollBy({top:-r.y,behavior:l});break}}this.handleMove(e,rn(on(c,this.referenceCoordinates),r))}}}handleMove(e,t){const{onMove:n}=this.props;e.preventDefault(),n(t)}handleEnd(e){const{onEnd:t}=this.props;e.preventDefault(),this.detach(),t()}handleCancel(e){const{onCancel:t}=this.props;e.preventDefault(),this.detach(),t()}detach(){this.listeners.removeAll(),this.windowListeners.removeAll()}}function fr(e){return Boolean(e&&"distance"in e)}function mr(e){return Boolean(e&&"delay"in e)}pr.activators=[{eventName:"onKeyDown",handler:(e,t,n)=>{let{keyboardCodes:r=sr,onActivation:o}=t,{active:i}=n;const{code:l}=e.nativeEvent;if(r.start.includes(l)){const t=i.activatorNode.current;return!(t&&e.target!==t||(e.preventDefault(),null==o||o({event:e.nativeEvent}),0))}return!1}}];class dr{constructor(e,t,n){var r;void 0===n&&(n=function(e){const{EventTarget:t}=Ut(e);return e instanceof t?e:$t(e)}(e.event.target)),this.props=void 0,this.events=void 0,this.autoScrollEnabled=!0,this.document=void 0,this.activated=!1,this.initialCoordinates=void 0,this.timeoutId=null,this.listeners=void 0,this.documentListeners=void 0,this.windowListeners=void 0,this.props=e,this.events=t;const{event:o}=e,{target:i}=o;this.props=e,this.events=t,this.document=$t(i),this.documentListeners=new rr(this.document),this.listeners=new rr(n),this.windowListeners=new rr(Ut(i)),this.initialCoordinates=null!=(r=an(o))?r:Sn,this.handleStart=this.handleStart.bind(this),this.handleMove=this.handleMove.bind(this),this.handleEnd=this.handleEnd.bind(this),this.handleCancel=this.handleCancel.bind(this),this.handleKeydown=this.handleKeydown.bind(this),this.removeTextSelection=this.removeTextSelection.bind(this),this.attach()}attach(){const{events:e,props:{options:{activationConstraint:t,bypassActivationConstraint:n}}}=this;if(this.listeners.add(e.move.name,this.handleMove,{passive:!1}),this.listeners.add(e.end.name,this.handleEnd),e.cancel&&this.listeners.add(e.cancel.name,this.handleCancel),this.windowListeners.add(ir.Resize,this.handleCancel),this.windowListeners.add(ir.DragStart,ar),this.windowListeners.add(ir.VisibilityChange,this.handleCancel),this.windowListeners.add(ir.ContextMenu,ar),this.documentListeners.add(ir.Keydown,this.handleKeydown),t){if(null!=n&&n({event:this.props.event,activeNode:this.props.activeNode,options:this.props.options}))return this.handleStart();if(mr(t))return this.timeoutId=setTimeout(this.handleStart,t.delay),void this.handlePending(t);if(fr(t))return void this.handlePending(t)}this.handleStart()}detach(){this.listeners.removeAll(),this.windowListeners.removeAll(),setTimeout(this.documentListeners.removeAll,50),null!==this.timeoutId&&(clearTimeout(this.timeoutId),this.timeoutId=null)}handlePending(e,t){const{active:n,onPending:r}=this.props;r(n,e,this.initialCoordinates,t)}handleStart(){const{initialCoordinates:e}=this,{onStart:t}=this.props;e&&(this.activated=!0,this.documentListeners.add(ir.Click,ur,{capture:!0}),this.removeTextSelection(),this.documentListeners.add(ir.SelectionChange,this.removeTextSelection),t(e))}handleMove(e){var t;const{activated:n,initialCoordinates:r,props:o}=this,{onMove:i,options:{activationConstraint:l}}=o;if(!r)return;const a=null!=(t=an(e))?t:Sn,u=on(r,a);if(!n&&l){if(fr(l)){if(null!=l.tolerance&&or(u,l.tolerance))return this.handleCancel();if(or(u,l.distance))return this.handleStart()}return mr(l)&&or(u,l.tolerance)?this.handleCancel():void this.handlePending(l,u)}e.cancelable&&e.preventDefault(),i(a)}handleEnd(){const{onAbort:e,onEnd:t}=this.props;this.detach(),this.activated||e(this.props.active),t()}handleCancel(){const{onAbort:e,onCancel:t}=this.props;this.detach(),this.activated||e(this.props.active),t()}handleKeydown(e){e.code===lr.Esc&&this.handleCancel()}removeTextSelection(){var e;null==(e=this.document.getSelection())||e.removeAllRanges()}}const vr={cancel:{name:"pointercancel"},move:{name:"pointermove"},end:{name:"pointerup"}};class hr extends dr{constructor(e){const{event:t}=e,n=$t(t.target);super(e,vr,n)}}hr.activators=[{eventName:"onPointerDown",handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:r}=t;return!(!n.isPrimary||0!==n.button||(null==r||r({event:n}),0))}}];const yr={move:{name:"mousemove"},end:{name:"mouseup"}};var gr;!function(e){e[e.RightClick=2]="RightClick"}(gr||(gr={})),class extends dr{constructor(e){super(e,yr,$t(e.event.target))}}.activators=[{eventName:"onMouseDown",handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:r}=t;return n.button!==gr.RightClick&&(null==r||r({event:n}),!0)}}];const br={cancel:{name:"touchcancel"},move:{name:"touchmove"},end:{name:"touchend"}};var wr,_r;(class extends dr{constructor(e){super(e,br)}static setup(){return window.addEventListener(br.move.name,e,{capture:!1,passive:!1}),function(){window.removeEventListener(br.move.name,e)};function e(){}}}).activators=[{eventName:"onTouchStart",handler:(e,t)=>{let{nativeEvent:n}=e,{onActivation:r}=t;const{touches:o}=n;return!(o.length>1||(null==r||r({event:n}),0))}}],function(e){e[e.Pointer=0]="Pointer",e[e.DraggableRect=1]="DraggableRect"}(wr||(wr={})),function(e){e[e.TreeOrder=0]="TreeOrder",e[e.ReversedTreeOrder=1]="ReversedTreeOrder"}(_r||(_r={}));const Or={x:{[$n.Backward]:!1,[$n.Forward]:!1},y:{[$n.Backward]:!1,[$n.Forward]:!1}};var Sr,Er;!function(e){e[e.Always=0]="Always",e[e.BeforeDragging=1]="BeforeDragging",e[e.WhileDragging=2]="WhileDragging"}(Sr||(Sr={})),function(e){e.Optimized="optimized"}(Er||(Er={}));const xr=new Map;function Cr(e,t){return Xt(n=>e?n||("function"==typeof t?t(e):e):null,[t,e])}function Pr(e){let{callback:t,disabled:n}=e;const r=Zt(t),o=(0,h.useMemo)(()=>{if(n||"undefined"==typeof window||void 0===window.ResizeObserver)return;const{ResizeObserver:e}=window;return new e(r)},[n]);return(0,h.useEffect)(()=>()=>null==o?void 0:o.disconnect(),[o]),o}function jr(e){return new nr(Vn(e),e)}function kr(e,t,n){void 0===t&&(t=jr);const[r,o]=(0,h.useState)(null);function i(){o(r=>{if(!e)return null;var o;if(!1===e.isConnected)return null!=(o=null!=r?r:n)?o:null;const i=t(e);return JSON.stringify(r)===JSON.stringify(i)?r:i})}const l=function(e){let{callback:t,disabled:n}=e;const r=Zt(t),o=(0,h.useMemo)(()=>{if(n||"undefined"==typeof window||void 0===window.MutationObserver)return;const{MutationObserver:e}=window;return new e(r)},[r,n]);return(0,h.useEffect)(()=>()=>null==o?void 0:o.disconnect(),[o]),o}({callback(t){if(e)for(const n of t){const{type:t,target:r}=n;if("childList"===t&&r instanceof HTMLElement&&r.contains(e)){i();break}}}}),a=Pr({callback:i});return qt(()=>{i(),e?(null==a||a.observe(e),null==l||l.observe(document.body,{childList:!0,subtree:!0})):(null==a||a.disconnect(),null==l||l.disconnect())},[e]),r}const Tr=[];function Dr(e,t){void 0===t&&(t=[]);const n=(0,h.useRef)(null);return(0,h.useEffect)(()=>{n.current=null},t),(0,h.useEffect)(()=>{const t=e!==Sn;t&&!n.current&&(n.current=e),!t&&n.current&&(n.current=null)},[e]),n.current?on(e,n.current):Sn}function Ir(e){return(0,h.useMemo)(()=>e?function(e){const t=e.innerWidth,n=e.innerHeight;return{top:0,left:0,right:t,bottom:n,width:t,height:n}}(e):null,[e])}const Ar=[];function Mr(e){if(!e)return null;if(e.children.length>1)return e;const t=e.children[0];return Gt(t)?t:e}const Rr=[{sensor:hr,options:{}},{sensor:pr,options:{}}],Lr={current:{}},Nr={draggable:{measure:Fn},droppable:{measure:Fn,strategy:Sr.WhileDragging,frequency:Er.Optimized},dragOverlay:{measure:Vn}};class Br extends Map{get(e){var t;return null!=e&&null!=(t=super.get(e))?t:void 0}toArray(){return Array.from(this.values())}getEnabled(){return this.toArray().filter(e=>{let{disabled:t}=e;return!t})}getNodeFor(e){var t,n;return null!=(t=null==(n=this.get(e))?void 0:n.node.current)?t:void 0}}const Vr={activatorEvent:null,active:null,activeNode:null,activeNodeRect:null,collisions:null,containerNodeRect:null,draggableNodes:new Map,droppableRects:new Map,droppableContainers:new Br,over:null,dragOverlay:{nodeRef:{current:null},rect:null,setRef:bn},scrollableAncestors:[],scrollableAncestorRects:[],measuringConfiguration:Nr,measureDroppableContainers:bn,windowRect:null,measuringScheduled:!1},Fr={activatorEvent:null,activators:[],active:null,activeNodeRect:null,ariaDescribedById:{draggable:""},dispatch:bn,draggableNodes:new Map,over:null,measureDroppableContainers:bn},Hr=(0,h.createContext)(Fr),zr=(0,h.createContext)(Vr);function Ur(){return{draggable:{active:null,initialCoordinates:{x:0,y:0},nodes:new Map,translate:{x:0,y:0}},droppable:{containers:new Br}}}function Wr(e,t){switch(t.type){case gn.DragStart:return{...e,draggable:{...e.draggable,initialCoordinates:t.initialCoordinates,active:t.active}};case gn.DragMove:return null==e.draggable.active?e:{...e,draggable:{...e.draggable,translate:{x:t.coordinates.x-e.draggable.initialCoordinates.x,y:t.coordinates.y-e.draggable.initialCoordinates.y}}};case gn.DragEnd:case gn.DragCancel:return{...e,draggable:{...e.draggable,active:null,initialCoordinates:{x:0,y:0},translate:{x:0,y:0}}};case gn.RegisterDroppable:{const{element:n}=t,{id:r}=n,o=new Br(e.droppable.containers);return o.set(r,n),{...e,droppable:{...e.droppable,containers:o}}}case gn.SetDroppableDisabled:{const{id:n,key:r,disabled:o}=t,i=e.droppable.containers.get(n);if(!i||r!==i.key)return e;const l=new Br(e.droppable.containers);return l.set(n,{...i,disabled:o}),{...e,droppable:{...e.droppable,containers:l}}}case gn.UnregisterDroppable:{const{id:n,key:r}=t,o=e.droppable.containers.get(n);if(!o||r!==o.key)return e;const i=new Br(e.droppable.containers);return i.delete(n),{...e,droppable:{...e.droppable,containers:i}}}default:return e}}function Gr(e){let{disabled:t}=e;const{active:n,activatorEvent:r,draggableNodes:o}=(0,h.useContext)(Hr),i=Kt(r),l=Kt(null==n?void 0:n.id);return(0,h.useEffect)(()=>{if(!t&&!r&&i&&null!=l){if(!ln(i))return;if(document.activeElement===i.target)return;const e=o.get(l);if(!e)return;const{activatorNode:t,node:n}=e;if(!t.current&&!n.current)return;requestAnimationFrame(()=>{for(const e of[t.current,n.current]){if(!e)continue;const t=cn(e);if(t){t.focus();break}}})}},[r,t,o,l,i]),null}function Qr(e,t){let{transform:n,...r}=t;return null!=e&&e.length?e.reduce((e,t)=>t({transform:e,...r}),n):n}const $r=(0,h.createContext)({...Sn,scaleX:1,scaleY:1});var qr;!function(e){e[e.Uninitialized=0]="Uninitialized",e[e.Initializing=1]="Initializing",e[e.Initialized=2]="Initialized"}(qr||(qr={}));const Zr=(0,h.memo)(function(e){var t,n,r,o;let{id:i,accessibility:l,autoScroll:a=!0,children:u,sensors:s=Rr,collisionDetection:c=An,measuring:p,modifiers:f,...m}=e;const d=(0,h.useReducer)(Wr,void 0,Ur),[v,g]=d,[b,w]=function(){const[e]=(0,h.useState)(()=>new Set),t=(0,h.useCallback)(t=>(e.add(t),()=>e.delete(t)),[e]),n=(0,h.useCallback)(t=>{let{type:n,event:r}=t;e.forEach(e=>{var t;return null==(t=e[n])?void 0:t.call(e,r)})},[e]);return[n,t]}(),[_,O]=(0,h.useState)(qr.Uninitialized),S=_===qr.Initialized,{draggable:{active:E,nodes:x,translate:C},droppable:{containers:P}}=v,j=null!=E?x.get(E):null,k=(0,h.useRef)({initial:null,translated:null}),T=(0,h.useMemo)(()=>{var e;return null!=E?{id:E,data:null!=(e=null==j?void 0:j.data)?e:Lr,rect:k}:null},[E,j]),D=(0,h.useRef)(null),[I,A]=(0,h.useState)(null),[M,R]=(0,h.useState)(null),L=Jt(m,Object.values(m)),N=tn("DndDescribedBy",i),B=(0,h.useMemo)(()=>P.getEnabled(),[P]),V=(F=p,(0,h.useMemo)(()=>({draggable:{...Nr.draggable,...null==F?void 0:F.draggable},droppable:{...Nr.droppable,...null==F?void 0:F.droppable},dragOverlay:{...Nr.dragOverlay,...null==F?void 0:F.dragOverlay}}),[null==F?void 0:F.draggable,null==F?void 0:F.droppable,null==F?void 0:F.dragOverlay]));var F;const{droppableRects:H,measureDroppableContainers:z,measuringScheduled:U}=function(e,t){let{dragging:n,dependencies:r,config:o}=t;const[i,l]=(0,h.useState)(null),{frequency:a,measure:u,strategy:s}=o,c=(0,h.useRef)(e),p=function(){switch(s){case Sr.Always:return!1;case Sr.BeforeDragging:return n;default:return!n}}(),f=Jt(p),m=(0,h.useCallback)(function(e){void 0===e&&(e=[]),f.current||l(t=>null===t?e:t.concat(e.filter(e=>!t.includes(e))))},[f]),d=(0,h.useRef)(null),v=Xt(t=>{if(p&&!n)return xr;if(!t||t===xr||c.current!==e||null!=i){const t=new Map;for(let n of e){if(!n)continue;if(i&&i.length>0&&!i.includes(n.id)&&n.rect.current){t.set(n.id,n.rect.current);continue}const e=n.node.current,r=e?new nr(u(e),e):null;n.rect.current=r,r&&t.set(n.id,r)}return t}return t},[e,i,n,p,u]);return(0,h.useEffect)(()=>{c.current=e},[e]),(0,h.useEffect)(()=>{p||m()},[n,p]),(0,h.useEffect)(()=>{i&&i.length>0&&l(null)},[JSON.stringify(i)]),(0,h.useEffect)(()=>{p||"number"!=typeof a||null!==d.current||(d.current=setTimeout(()=>{m(),d.current=null},a))},[a,p,m,...r]),{droppableRects:v,measureDroppableContainers:m,measuringScheduled:null!=i}}(B,{dragging:S,dependencies:[C.x,C.y],config:V.droppable}),W=function(e,t){const n=null!=t?e.get(t):void 0,r=n?n.node.current:null;return Xt(e=>{var n;return null==t?null:null!=(n=null!=r?r:e)?n:null},[r,t])}(x,E),G=(0,h.useMemo)(()=>M?an(M):null,[M]),Q=function(){const e=!1===(null==I?void 0:I.autoScrollEnabled),t="object"==typeof a?!1===a.enabled:!1===a,n=S&&!e&&!t;return"object"==typeof a?{...a,enabled:n}:{enabled:n}}(),$=function(e,t){return Cr(e,t)}(W,V.draggable.measure);!function(e){let{activeNode:t,measure:n,initialRect:r,config:o=!0}=e;const i=(0,h.useRef)(!1),{x:l,y:a}="boolean"==typeof o?{x:o,y:o}:o;qt(()=>{if(!l&&!a||!t)return void(i.current=!1);if(i.current||!r)return;const e=null==t?void 0:t.node.current;if(!e||!1===e.isConnected)return;const o=Mn(n(e),r);if(l||(o.x=0),a||(o.y=0),i.current=!0,Math.abs(o.x)>0||Math.abs(o.y)>0){const t=zn(e);t&&t.scrollBy({top:o.y,left:o.x})}},[t,l,a,r,n])}({activeNode:null!=E?x.get(E):null,config:Q.layoutShiftCompensation,initialRect:$,measure:V.draggable.measure});const q=kr(W,V.draggable.measure,$),Z=kr(W?W.parentElement:null),J=(0,h.useRef)({activatorEvent:null,active:null,activeNode:W,collisionRect:null,collisions:null,droppableRects:H,draggableNodes:x,draggingNode:null,draggingNodeRect:null,droppableContainers:P,over:null,scrollableAncestors:[],scrollAdjustedTranslate:null}),X=P.getNodeFor(null==(t=J.current.over)?void 0:t.id),Y=function(e){let{measure:t}=e;const[n,r]=(0,h.useState)(null),o=Pr({callback:(0,h.useCallback)(e=>{for(const{target:n}of e)if(Gt(n)){r(e=>{const r=t(n);return e?{...e,width:r.width,height:r.height}:r});break}},[t])}),i=(0,h.useCallback)(e=>{const n=Mr(e);null==o||o.disconnect(),n&&(null==o||o.observe(n)),r(n?t(n):null)},[t,o]),[l,a]=Yt(i);return(0,h.useMemo)(()=>({nodeRef:l,rect:n,setRef:a}),[n,l,a])}({measure:V.dragOverlay.measure}),K=null!=(n=Y.nodeRef.current)?n:W,ee=S?null!=(r=Y.rect)?r:q:null,te=Boolean(Y.nodeRef.current&&Y.rect),ne=Mn(re=te?null:q,Cr(re));var re;const oe=Ir(K?Ut(K):null),ie=function(e){const t=(0,h.useRef)(e),n=Xt(n=>e?n&&n!==Tr&&e&&t.current&&e.parentNode===t.current.parentNode?n:Hn(e):Tr,[e]);return(0,h.useEffect)(()=>{t.current=e},[e]),n}(S?null!=X?X:W:null),le=function(e,t){void 0===t&&(t=Vn);const[n]=e,r=Ir(n?Ut(n):null),[o,i]=(0,h.useState)(Ar);function l(){i(()=>e.length?e.map(e=>qn(e)?r:new nr(t(e),e)):Ar)}const a=Pr({callback:l});return qt(()=>{null==a||a.disconnect(),l(),e.forEach(e=>null==a?void 0:a.observe(e))},[e]),o}(ie),ae=Qr(f,{transform:{x:C.x-ne.x,y:C.y-ne.y,scaleX:1,scaleY:1},activatorEvent:M,active:T,activeNodeRect:q,containerNodeRect:Z,draggingNodeRect:ee,over:J.current.over,overlayNodeRect:Y.rect,scrollableAncestors:ie,scrollableAncestorRects:le,windowRect:oe}),ue=G?rn(G,C):null,se=function(e){const[t,n]=(0,h.useState)(null),r=(0,h.useRef)(e),o=(0,h.useCallback)(e=>{const t=Un(e.target);t&&n(e=>e?(e.set(t,Qn(t)),new Map(e)):null)},[]);return(0,h.useEffect)(()=>{const t=r.current;if(e!==t){i(t);const l=e.map(e=>{const t=Un(e);return t?(t.addEventListener("scroll",o,{passive:!0}),[t,Qn(t)]):null}).filter(e=>null!=e);n(l.length?new Map(l):null),r.current=e}return()=>{i(e),i(t)};function i(e){e.forEach(e=>{const t=Un(e);null==t||t.removeEventListener("scroll",o)})}},[o,e]),(0,h.useMemo)(()=>e.length?t?Array.from(t.values()).reduce((e,t)=>rn(e,t),Sn):Kn(e):Sn,[e,t])}(ie),ce=Dr(se),pe=Dr(se,[q]),fe=rn(ae,ce),me=ee?Ln(ee,ae):null,de=T&&me?c({active:T,collisionRect:me,droppableRects:H,droppableContainers:B,pointerCoordinates:ue}):null,ve=kn(de,"id"),[he,ye]=(0,h.useState)(null),ge=function(e,t,n){return{...e,scaleX:t&&n?t.width/n.width:1,scaleY:t&&n?t.height/n.height:1}}(te?ae:rn(ae,pe),null!=(o=null==he?void 0:he.rect)?o:null,q),be=(0,h.useRef)(null),we=(0,h.useCallback)((e,t)=>{let{sensor:n,options:r}=t;if(null==D.current)return;const o=x.get(D.current);if(!o)return;const i=e.nativeEvent,l=new n({active:D.current,activeNode:o,event:i,options:r,context:J,onAbort(e){if(!x.get(e))return;const{onDragAbort:t}=L.current,n={id:e};null==t||t(n),b({type:"onDragAbort",event:n})},onPending(e,t,n,r){if(!x.get(e))return;const{onDragPending:o}=L.current,i={id:e,constraint:t,initialCoordinates:n,offset:r};null==o||o(i),b({type:"onDragPending",event:i})},onStart(e){const t=D.current;if(null==t)return;const n=x.get(t);if(!n)return;const{onDragStart:r}=L.current,o={activatorEvent:i,active:{id:t,data:n.data,rect:k}};(0,Vt.unstable_batchedUpdates)(()=>{null==r||r(o),O(qr.Initializing),g({type:gn.DragStart,initialCoordinates:e,active:t}),b({type:"onDragStart",event:o}),A(be.current),R(i)})},onMove(e){g({type:gn.DragMove,coordinates:e})},onEnd:a(gn.DragEnd),onCancel:a(gn.DragCancel)});function a(e){return async function(){const{active:t,collisions:n,over:r,scrollAdjustedTranslate:o}=J.current;let l=null;if(t&&o){const{cancelDrop:a}=L.current;l={activatorEvent:i,active:t,collisions:n,delta:o,over:r},e===gn.DragEnd&&"function"==typeof a&&await Promise.resolve(a(l))&&(e=gn.DragCancel)}D.current=null,(0,Vt.unstable_batchedUpdates)(()=>{g({type:e}),O(qr.Uninitialized),ye(null),A(null),R(null),be.current=null;const t=e===gn.DragEnd?"onDragEnd":"onDragCancel";if(l){const e=L.current[t];null==e||e(l),b({type:t,event:l})}})}}be.current=l},[x]),_e=(0,h.useCallback)((e,t)=>(n,r)=>{const o=n.nativeEvent,i=x.get(r);if(null!==D.current||!i||o.dndKit||o.defaultPrevented)return;const l={active:i};!0===e(n,t.options,l)&&(o.dndKit={capturedBy:t.sensor},D.current=r,we(n,t))},[x,we]),Oe=function(e,t){return(0,h.useMemo)(()=>e.reduce((e,n)=>{const{sensor:r}=n;return[...e,...r.activators.map(e=>({eventName:e.eventName,handler:t(e.handler,n)}))]},[]),[e,t])}(s,_e);!function(e){(0,h.useEffect)(()=>{if(!Ft)return;const t=e.map(e=>{let{sensor:t}=e;return null==t.setup?void 0:t.setup()});return()=>{for(const e of t)null==e||e()}},e.map(e=>{let{sensor:t}=e;return t}))}(s),qt(()=>{q&&_===qr.Initializing&&O(qr.Initialized)},[q,_]),(0,h.useEffect)(()=>{const{onDragMove:e}=L.current,{active:t,activatorEvent:n,collisions:r,over:o}=J.current;if(!t||!n)return;const i={active:t,activatorEvent:n,collisions:r,delta:{x:fe.x,y:fe.y},over:o};(0,Vt.unstable_batchedUpdates)(()=>{null==e||e(i),b({type:"onDragMove",event:i})})},[fe.x,fe.y]),(0,h.useEffect)(()=>{const{active:e,activatorEvent:t,collisions:n,droppableContainers:r,scrollAdjustedTranslate:o}=J.current;if(!e||null==D.current||!t||!o)return;const{onDragOver:i}=L.current,l=r.get(ve),a=l&&l.rect.current?{id:l.id,rect:l.rect.current,data:l.data,disabled:l.disabled}:null,u={active:e,activatorEvent:t,collisions:n,delta:{x:o.x,y:o.y},over:a};(0,Vt.unstable_batchedUpdates)(()=>{ye(a),null==i||i(u),b({type:"onDragOver",event:u})})},[ve]),qt(()=>{J.current={activatorEvent:M,active:T,activeNode:W,collisionRect:me,collisions:de,droppableRects:H,draggableNodes:x,draggingNode:K,draggingNodeRect:ee,droppableContainers:P,over:he,scrollableAncestors:ie,scrollAdjustedTranslate:fe},k.current={initial:ee,translated:me}},[T,W,de,me,x,K,ee,H,P,he,ie,fe]),function(e){let{acceleration:t,activator:n=wr.Pointer,canScroll:r,draggingRect:o,enabled:i,interval:l=5,order:a=_r.TreeOrder,pointerCoordinates:u,scrollableAncestors:s,scrollableAncestorRects:c,delta:p,threshold:f}=e;const m=function(e){let{delta:t,disabled:n}=e;const r=Kt(t);return Xt(e=>{if(n||!r||!e)return Or;const o=Math.sign(t.x-r.x),i=Math.sign(t.y-r.y);return{x:{[$n.Backward]:e.x[$n.Backward]||-1===o,[$n.Forward]:e.x[$n.Forward]||1===o},y:{[$n.Backward]:e.y[$n.Backward]||-1===i,[$n.Forward]:e.y[$n.Forward]||1===i}}},[n,t,r])}({delta:p,disabled:!i}),[d,v]=function(){const e=(0,h.useRef)(null);return[(0,h.useCallback)((t,n)=>{e.current=setInterval(t,n)},[]),(0,h.useCallback)(()=>{null!==e.current&&(clearInterval(e.current),e.current=null)},[])]}(),y=(0,h.useRef)({x:0,y:0}),g=(0,h.useRef)({x:0,y:0}),b=(0,h.useMemo)(()=>{switch(n){case wr.Pointer:return u?{top:u.y,bottom:u.y,left:u.x,right:u.x}:null;case wr.DraggableRect:return o}},[n,o,u]),w=(0,h.useRef)(null),_=(0,h.useCallback)(()=>{const e=w.current;if(!e)return;const t=y.current.x*g.current.x,n=y.current.y*g.current.y;e.scrollBy(t,n)},[]),O=(0,h.useMemo)(()=>a===_r.TreeOrder?[...s].reverse():s,[a,s]);(0,h.useEffect)(()=>{if(i&&s.length&&b){for(const e of O){if(!1===(null==r?void 0:r(e)))continue;const n=s.indexOf(e),o=c[n];if(!o)continue;const{direction:i,speed:a}=Xn(e,o,b,t,f);for(const e of["x","y"])m[e][i[e]]||(a[e]=0,i[e]=0);if(a.x>0||a.y>0)return v(),w.current=e,d(_,l),y.current=a,void(g.current=i)}y.current={x:0,y:0},g.current={x:0,y:0},v()}else v()},[t,_,r,v,i,l,JSON.stringify(b),JSON.stringify(m),d,s,O,c,JSON.stringify(f)])}({...Q,delta:C,draggingRect:me,pointerCoordinates:ue,scrollableAncestors:ie,scrollableAncestorRects:le});const Se=(0,h.useMemo)(()=>({active:T,activeNode:W,activeNodeRect:q,activatorEvent:M,collisions:de,containerNodeRect:Z,dragOverlay:Y,draggableNodes:x,droppableContainers:P,droppableRects:H,over:he,measureDroppableContainers:z,scrollableAncestors:ie,scrollableAncestorRects:le,measuringConfiguration:V,measuringScheduled:U,windowRect:oe}),[T,W,q,M,de,Z,Y,x,P,H,he,z,ie,le,V,U,oe]),Ee=(0,h.useMemo)(()=>({activatorEvent:M,activators:Oe,active:T,activeNodeRect:q,ariaDescribedById:{draggable:N},dispatch:g,draggableNodes:x,over:he,measureDroppableContainers:z}),[M,Oe,T,q,g,N,x,he,z]);return y().createElement(dn.Provider,{value:w},y().createElement(Hr.Provider,{value:Ee},y().createElement(zr.Provider,{value:Se},y().createElement($r.Provider,{value:ge},u)),y().createElement(Gr,{disabled:!1===(null==l?void 0:l.restoreFocus)})),y().createElement(yn,{...l,hiddenTextDescribedById:N}))}),Jr=(0,h.createContext)(null),Xr="button";function Yr(){return(0,h.useContext)(zr)}const Kr={timeout:25};function eo(e){let{animation:t,children:n}=e;const[r,o]=(0,h.useState)(null),[i,l]=(0,h.useState)(null),a=Kt(n);return n||r||!a||o(a),qt(()=>{if(!i)return;const e=null==r?void 0:r.key,n=null==r?void 0:r.props.id;null!=e&&null!=n?Promise.resolve(t(n,i)).then(()=>{o(null)}):o(null)},[t,r,i]),y().createElement(y().Fragment,null,n,r?(0,h.cloneElement)(r,{ref:l}):null)}const to={x:0,y:0,scaleX:1,scaleY:1};function no(e){let{children:t}=e;return y().createElement(Hr.Provider,{value:Fr},y().createElement($r.Provider,{value:to},t))}const ro={position:"fixed",touchAction:"none"},oo=e=>ln(e)?"transform 250ms ease":void 0,io=(0,h.forwardRef)((e,t)=>{let{as:n,activatorEvent:r,adjustScale:o,children:i,className:l,rect:a,style:u,transform:s,transition:c=oo}=e;if(!a)return null;const p=o?s:{...s,scaleX:1,scaleY:1},f={...ro,width:a.width,height:a.height,top:a.top,left:a.left,transform:un.Transform.toString(p),transformOrigin:o&&r?xn(r,a):void 0,transition:"function"==typeof c?c(r):c,...u};return y().createElement(n,{className:l,style:f,ref:t},i)}),lo=e=>t=>{let{active:n,dragOverlay:r}=t;const o={},{styles:i,className:l}=e;if(null!=i&&i.active)for(const[e,t]of Object.entries(i.active))void 0!==t&&(o[e]=n.node.style.getPropertyValue(e),n.node.style.setProperty(e,t));if(null!=i&&i.dragOverlay)for(const[e,t]of Object.entries(i.dragOverlay))void 0!==t&&r.node.style.setProperty(e,t);return null!=l&&l.active&&n.node.classList.add(l.active),null!=l&&l.dragOverlay&&r.node.classList.add(l.dragOverlay),function(){for(const[e,t]of Object.entries(o))n.node.style.setProperty(e,t);null!=l&&l.active&&n.node.classList.remove(l.active)}},ao={duration:250,easing:"ease",keyframes:e=>{let{transform:{initial:t,final:n}}=e;return[{transform:un.Transform.toString(t)},{transform:un.Transform.toString(n)}]},sideEffects:lo({styles:{active:{opacity:"0"}}})};let uo=0;function so(e){return(0,h.useMemo)(()=>{if(null!=e)return uo++,uo},[e])}const co=y().memo(e=>{let{adjustScale:t=!1,children:n,dropAnimation:r,style:o,transition:i,modifiers:l,wrapperElement:a="div",className:u,zIndex:s=999}=e;const{activatorEvent:c,active:p,activeNodeRect:f,containerNodeRect:m,draggableNodes:d,droppableContainers:v,dragOverlay:g,over:b,measuringConfiguration:w,scrollableAncestors:_,scrollableAncestorRects:O,windowRect:S}=Yr(),E=(0,h.useContext)($r),x=so(null==p?void 0:p.id),C=Qr(l,{activatorEvent:c,active:p,activeNodeRect:f,containerNodeRect:m,draggingNodeRect:g.rect,over:b,overlayNodeRect:g.rect,scrollableAncestors:_,scrollableAncestorRects:O,transform:E,windowRect:S}),P=Cr(f),j=function(e){let{config:t,draggableNodes:n,droppableContainers:r,measuringConfiguration:o}=e;return Zt((e,i)=>{if(null===t)return;const l=n.get(e);if(!l)return;const a=l.node.current;if(!a)return;const u=Mr(i);if(!u)return;const{transform:s}=Ut(i).getComputedStyle(i),c=Nn(s);if(!c)return;const p="function"==typeof t?t:function(e){const{duration:t,easing:n,sideEffects:r,keyframes:o}={...ao,...e};return e=>{let{active:i,dragOverlay:l,transform:a,...u}=e;if(!t)return;const s=l.rect.left-i.rect.left,c=l.rect.top-i.rect.top,p={scaleX:1!==a.scaleX?i.rect.width*a.scaleX/l.rect.width:1,scaleY:1!==a.scaleY?i.rect.height*a.scaleY/l.rect.height:1},f={x:a.x-s,y:a.y-c,...p},m=o({...u,active:i,dragOverlay:l,transform:{initial:a,final:f}}),[d]=m,v=m[m.length-1];if(JSON.stringify(d)===JSON.stringify(v))return;const h=null==r?void 0:r({active:i,dragOverlay:l,...u}),y=l.node.animate(m,{duration:t,easing:n,fill:"forwards"});return new Promise(e=>{y.onfinish=()=>{null==h||h(),e()}})}}(t);return er(a,o.draggable.measure),p({active:{id:e,data:l.data,node:a,rect:o.draggable.measure(a)},draggableNodes:n,dragOverlay:{node:i,rect:o.dragOverlay.measure(u)},droppableContainers:r,measuringConfiguration:o,transform:c})})}({config:r,draggableNodes:d,droppableContainers:v,measuringConfiguration:w}),k=P?g.setRef:void 0;return y().createElement(no,null,y().createElement(eo,{animation:j},p&&x?y().createElement(io,{key:x,id:p.id,ref:k,as:a,activatorEvent:c,adjustScale:t,className:u,transition:i,rect:P,style:{zIndex:s,...o},transform:C},n):null))});function po(e,t,n){const r=e.slice();return r.splice(n<0?r.length+n:n,0,r.splice(t,1)[0]),r}function fo(e,t){return e.reduce((e,n,r)=>{const o=t.get(n);return o&&(e[r]=o),e},Array(e.length))}function mo(e){return null!==e&&e>=0}const vo=e=>{let{rects:t,activeIndex:n,overIndex:r,index:o}=e;const i=po(t,r,n),l=t[o],a=i[o];return a&&l?{x:a.left-l.left,y:a.top-l.top,scaleX:a.width/l.width,scaleY:a.height/l.height}:null},ho={scaleX:1,scaleY:1},yo=e=>{var t;let{activeIndex:n,activeNodeRect:r,index:o,rects:i,overIndex:l}=e;const a=null!=(t=i[n])?t:r;if(!a)return null;if(o===n){const e=i[l];return e?{x:0,y:nn&&o<=l?{x:0,y:-a.height-u,...ho}:o=l?{x:0,y:a.height+u,...ho}:{x:0,y:0,...ho}},go="Sortable",bo=y().createContext({activeIndex:-1,containerId:go,disableTransforms:!1,items:[],overIndex:-1,useDragOverlay:!1,sortedRects:[],strategy:vo,disabled:{draggable:!1,droppable:!1}});function wo(e){let{children:t,id:n,items:r,strategy:o=vo,disabled:i=!1}=e;const{active:l,dragOverlay:a,droppableRects:u,over:s,measureDroppableContainers:c}=Yr(),p=tn(go,n),f=Boolean(null!==a.rect),m=(0,h.useMemo)(()=>r.map(e=>"object"==typeof e&&"id"in e?e.id:e),[r]),d=null!=l,v=l?m.indexOf(l.id):-1,g=s?m.indexOf(s.id):-1,b=(0,h.useRef)(m),w=!function(e,t){if(e===t)return!0;if(e.length!==t.length)return!1;for(let n=0;n{w&&d&&c(m)},[w,m,d,c]),(0,h.useEffect)(()=>{b.current=m},[m]);const S=(0,h.useMemo)(()=>({activeIndex:v,containerId:p,disabled:O,disableTransforms:_,items:m,overIndex:g,useDragOverlay:f,sortedRects:fo(m,u),strategy:o}),[v,p,O.draggable,O.droppable,_,m,g,u,f,o]);return y().createElement(bo.Provider,{value:S},t)}const _o=e=>{let{id:t,items:n,activeIndex:r,overIndex:o}=e;return po(n,r,o).indexOf(t)},Oo=e=>{let{containerId:t,isSorting:n,wasDragging:r,index:o,items:i,newIndex:l,previousItems:a,previousContainerId:u,transition:s}=e;return!(!s||!r||a!==i&&o===l||!n&&(l===o||t!==u))},So={duration:200,easing:"ease"},Eo="transform",xo=un.Transition.toString({property:Eo,duration:0,easing:"linear"}),Co={roleDescription:"sortable"};function Po(e){let{animateLayoutChanges:t=Oo,attributes:n,disabled:r,data:o,getNewIndex:i=_o,id:l,strategy:a,resizeObserverConfig:u,transition:s=So}=e;const{items:c,containerId:p,activeIndex:f,disabled:m,disableTransforms:d,sortedRects:v,overIndex:y,useDragOverlay:g,strategy:b}=(0,h.useContext)(bo),w=function(e,t){var n,r;return"boolean"==typeof e?{draggable:e,droppable:!1}:{draggable:null!=(n=null==e?void 0:e.draggable)?n:t.draggable,droppable:null!=(r=null==e?void 0:e.droppable)?r:t.droppable}}(r,m),_=c.indexOf(l),O=(0,h.useMemo)(()=>({sortable:{containerId:p,index:_,items:c},...o}),[p,o,_,c]),S=(0,h.useMemo)(()=>c.slice(c.indexOf(l)),[c,l]),{rect:E,node:x,isOver:C,setNodeRef:P}=function(e){let{data:t,disabled:n=!1,id:r,resizeObserverConfig:o}=e;const i=tn("Droppable"),{active:l,dispatch:a,over:u,measureDroppableContainers:s}=(0,h.useContext)(Hr),c=(0,h.useRef)({disabled:n}),p=(0,h.useRef)(!1),f=(0,h.useRef)(null),m=(0,h.useRef)(null),{disabled:d,updateMeasurementsFor:v,timeout:y}={...Kr,...o},g=Jt(null!=v?v:r),b=Pr({callback:(0,h.useCallback)(()=>{p.current?(null!=m.current&&clearTimeout(m.current),m.current=setTimeout(()=>{s(Array.isArray(g.current)?g.current:[g.current]),m.current=null},y)):p.current=!0},[y]),disabled:d||!l}),w=(0,h.useCallback)((e,t)=>{b&&(t&&(b.unobserve(t),p.current=!1),e&&b.observe(e))},[b]),[_,O]=Yt(w),S=Jt(t);return(0,h.useEffect)(()=>{b&&_.current&&(b.disconnect(),p.current=!1,b.observe(_.current))},[_,b]),(0,h.useEffect)(()=>(a({type:gn.RegisterDroppable,element:{id:r,key:i,disabled:n,node:_,rect:f,data:S}}),()=>a({type:gn.UnregisterDroppable,key:i,id:r})),[r]),(0,h.useEffect)(()=>{n!==c.current.disabled&&(a({type:gn.SetDroppableDisabled,id:r,key:i,disabled:n}),c.current.disabled=n)},[r,i,n,a]),{active:l,rect:f,isOver:(null==u?void 0:u.id)===r,node:_,over:u,setNodeRef:O}}({id:l,data:O,disabled:w.droppable,resizeObserverConfig:{updateMeasurementsFor:S,...u}}),{active:j,activatorEvent:k,activeNodeRect:T,attributes:D,setNodeRef:I,listeners:A,isDragging:M,over:R,setActivatorNodeRef:L,transform:N}=function(e){let{id:t,data:n,disabled:r=!1,attributes:o}=e;const i=tn("Draggable"),{activators:l,activatorEvent:a,active:u,activeNodeRect:s,ariaDescribedById:c,draggableNodes:p,over:f}=(0,h.useContext)(Hr),{role:m=Xr,roleDescription:d="draggable",tabIndex:v=0}=null!=o?o:{},y=(null==u?void 0:u.id)===t,g=(0,h.useContext)(y?$r:Jr),[b,w]=Yt(),[_,O]=Yt(),S=function(e,t){return(0,h.useMemo)(()=>e.reduce((e,n)=>{let{eventName:r,handler:o}=n;return e[r]=e=>{o(e,t)},e},{}),[e,t])}(l,t),E=Jt(n);return qt(()=>(p.set(t,{id:t,key:i,node:b,activatorNode:_,data:E}),()=>{const e=p.get(t);e&&e.key===i&&p.delete(t)}),[p,t]),{active:u,activatorEvent:a,activeNodeRect:s,attributes:(0,h.useMemo)(()=>({role:m,tabIndex:v,"aria-disabled":r,"aria-pressed":!(!y||m!==Xr)||void 0,"aria-roledescription":d,"aria-describedby":c.draggable}),[r,m,v,y,d,c.draggable]),isDragging:y,listeners:r?void 0:S,node:b,over:f,setNodeRef:w,setActivatorNodeRef:O,transform:g}}({id:l,data:O,attributes:{...Co,...n},disabled:w.draggable}),B=function(){for(var e=arguments.length,t=new Array(e),n=0;ne=>{t.forEach(t=>t(e))},t)}(P,I),V=Boolean(j),F=V&&!d&&mo(f)&&mo(y),H=!g&&M,z=H&&F?N:null,U=F?null!=z?z:(null!=a?a:b)({rects:v,activeNodeRect:T,activeIndex:f,overIndex:y,index:_}):null,W=mo(f)&&mo(y)?i({id:l,items:c,activeIndex:f,overIndex:y}):_,G=null==j?void 0:j.id,Q=(0,h.useRef)({activeId:G,items:c,newIndex:W,containerId:p}),$=c!==Q.current.items,q=t({active:j,containerId:p,isDragging:M,isSorting:V,id:l,index:_,items:c,newIndex:Q.current.newIndex,previousItems:Q.current.items,previousContainerId:Q.current.containerId,transition:s,wasDragging:null!=Q.current.activeId}),Z=function(e){let{disabled:t,index:n,node:r,rect:o}=e;const[i,l]=(0,h.useState)(null),a=(0,h.useRef)(n);return qt(()=>{if(!t&&n!==a.current&&r.current){const e=o.current;if(e){const t=Vn(r.current,{ignoreTransform:!0}),n={x:e.left-t.left,y:e.top-t.top,scaleX:e.width/t.width,scaleY:e.height/t.height};(n.x||n.y)&&l(n)}}n!==a.current&&(a.current=n)},[t,n,r,o]),(0,h.useEffect)(()=>{i&&l(null)},[i]),i}({disabled:!q,index:_,node:x,rect:E});return(0,h.useEffect)(()=>{V&&Q.current.newIndex!==W&&(Q.current.newIndex=W),p!==Q.current.containerId&&(Q.current.containerId=p),c!==Q.current.items&&(Q.current.items=c)},[V,W,p,c]),(0,h.useEffect)(()=>{if(G===Q.current.activeId)return;if(G&&!Q.current.activeId)return void(Q.current.activeId=G);const e=setTimeout(()=>{Q.current.activeId=G},50);return()=>clearTimeout(e)},[G]),{active:j,activeIndex:f,attributes:D,data:O,rect:E,index:_,newIndex:W,items:c,isOver:C,isSorting:V,isDragging:M,listeners:A,node:x,overIndex:y,over:R,setNodeRef:B,setActivatorNodeRef:L,setDroppableNodeRef:P,setDraggableNodeRef:I,transform:null!=Z?Z:U,transition:Z||$&&Q.current.newIndex===_?xo:H&&!ln(k)||!s?void 0:V||q?un.Transition.toString({...s,property:Eo}):void 0}}function jo(e){if(!e)return!1;const t=e.data.current;return!!(t&&"sortable"in t&&"object"==typeof t.sortable&&"containerId"in t.sortable&&"items"in t.sortable&&"index"in t.sortable)}const ko=[lr.Down,lr.Right,lr.Up,lr.Left],To=(e,t)=>{let{context:{active:n,collisionRect:r,droppableRects:o,droppableContainers:i,over:l,scrollableAncestors:a}}=t;if(ko.includes(e.code)){if(e.preventDefault(),!n||!r)return;const t=[];i.getEnabled().forEach(n=>{if(!n||null!=n&&n.disabled)return;const i=o.get(n.id);if(i)switch(e.code){case lr.Down:r.topi.top&&t.push(n);break;case lr.Left:r.left>i.left&&t.push(n);break;case lr.Right:r.left{let{collisionRect:t,droppableRects:n,droppableContainers:r}=e;const o=jn(t),i=[];for(const e of r){const{id:t}=e,r=n.get(t);if(r){const n=jn(r),l=o.reduce((e,t,r)=>e+En(n[r],t),0),a=Number((l/4).toFixed(4));i.push({id:t,data:{droppableContainer:e,value:a}})}}return i.sort(Cn)})({active:n,collisionRect:r,droppableRects:o,droppableContainers:t,pointerCoordinates:null});let p=kn(c,"id");if(p===(null==l?void 0:l.id)&&c.length>1&&(p=c[1].id),null!=p){const e=i.get(n.id),t=i.get(p),l=t?o.get(t.id):null,c=null==t?void 0:t.node.current;if(c&&l&&e&&t){const n=Hn(c).some((e,t)=>a[t]!==e),o=Do(e,t),i=(s=t,!(!jo(u=e)||!jo(s))&&!!Do(u,s)&&u.data.current.sortable.indexe.length)&&(t=e.length);for(var n=0,r=Array(t);ne.length)&&(t=e.length);for(var n=0,r=Array(t);ne.length)&&(t=e.length);for(var n=0,r=Array(t);ne.length)&&(t=e.length);for(var n=0,r=Array(t);n0&&void 0!==arguments[0]&&arguments[0]?["image","video"]:["image"]}function wi(e,t){return t.modal_width?t.modal_width:"textarea"===t.type||"pro_note"===t.type||"section_heading"===t.type||"html"===t.type||"sortable"===t.type||"gallery"===t.type||t.multiple?"full":"compact"}function _i(e,t){return t.modal_position?t.modal_position:"right"}function Oi(e){var t=e.open,n=e.items,r=e.isSetupWizard,o=(0,I.useRef)(!1);return(0,I.useEffect)(function(){o.current||!r||n&&n.length||(t(),o.current=!0)},[r,n,t]),wp.element.createElement(A.Button,{className:"vpf-component-gallery-control-item-fullwidth vpf-component-gallery-control-item-add",onClick:function(e){e.stopPropagation(),t()}},wp.element.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",height:"20",width:"20",role:"img","aria-hidden":"true",focusable:"false"},n&&n.length?wp.element.createElement("path",{d:"m19 7-3-3-8.5 8.5-1 4 4-1L19 7Zm-7 11.5H5V20h7v-1.5Z"}):wp.element.createElement("path",{d:"M18 11.2h-5.2V6h-1.6v5.2H6v1.6h5.2V18h1.6v-5.2H18z"})),wp.element.createElement("span",null,n&&n.length?(0,R.__)("Edit Gallery","visual-portfolio"):(0,R.__)("Add Media","visual-portfolio")))}function Si(e){var t={id:e.id,imgUrl:e.url,imgThumbnailUrl:e.url};return e.mime&&"image/gif"===e.mime||(e.sizes&&e.sizes.large&&e.sizes.large.url?t.imgThumbnailUrl=e.sizes.large.url:e.sizes&&e.sizes.medium&&e.sizes.medium.url?t.imgThumbnailUrl=e.sizes.medium.url:e.sizes&&e.sizes.thumbnail&&e.sizes.thumbnail.url&&(t.imgThumbnailUrl=e.sizes.thumbnail.url)),e.title&&(t.title=e.title),e.description&&(t.description=e.description),t}function Ei(e,t){var n=[],r=t&&Object.keys(t).length?t.map(function(e){return e.id}):[];return e&&e.length&&e.forEach(function(e){if(e.url){var o=!1;if(r.length){var i=r.indexOf(e.id);i>-1&&t[i]&&(o=t[i])}var l=o||Si(e);n.push(l)}}),n}function xi(e,t){return e.findIndex(function(e){return e.id===t})}function Ci(e,t,n){var r=null;if(t&&t.length){var o=e.filter(function(e){return t.includes(e.id)});o.length&&(r=o[0][n],o.forEach(function(e){r&&!(0,Io.isEqual)(r,e[n])&&(r=null)}))}return r}function Pi(e){var t=e.activeMediaState,n=e.setActiveMediaState,r=e.isPro;return wp.element.createElement("div",{className:"vpf-component-gallery-control-item-modal-state-tabs"},wp.element.createElement(ri,{label:(0,R.__)("Media","visual-portfolio"),value:t,onChange:function(e){e&&n(e)},options:[{value:"normal",label:(0,R.__)("Normal","visual-portfolio")},{value:"hover",label:(0,R.__)("Hover","visual-portfolio"),disabled:!r}]}))}var ji=function(e){var t,n,r=e.showFocalPoint,o=e.focalPoint,i=e.imgId,l=e.imgUrl,a=e.leftControls,u=e.activeMediaState,s=e.setActiveMediaState,c=e.isPro,p=e.modalProps,f=e.onChangeFocalPoint,m=e.onChangeImage,d=e.img,v=bi(c),h=(0,H.useSelect)(function(e){if(!i)return{};var t=(0,e("core").getEntityRecord)("postType","attachment",i);return t?{imageData:t}:{}},[i]).imageData,y=Fo(o),g=(null==h?void 0:h.source_url)||"",b=g?g.split("/").pop():"",w=null!=h&&h.id?"".concat(hi.admin_url,"post.php?post=").concat(h.id,"&action=edit"):"",_=di(di({},p),{},{activeMediaState:u,img:d,imgId:i,imgUrl:l,imageData:h,leftControls:a}),O="hover"===u?(0,M.applyFilters)("vpf.editor.gallery-hover-controls-render",null,_):wp.element.createElement(wp.element.Fragment,null,wp.element.createElement(Wo,{className:"vpf-component-gallery-control-item-modal-image-preview",onSelect:function(e){var t=Si(e);m(t)},allowedTypes:v,onRemove:function(){m(!1)}},function(e,t,n){var r=wp.element.createElement("img",{src:(null==e?void 0:e.source_url)||t,alt:Lt(null==n?void 0:n.img,e)});return(0,M.applyFilters)("vpf.editor.gallery-modal-media-render",r,n)}(h,l,_)),(0,M.applyFilters)("vpf.editor.gallery-after-media-controls-render",null,_),wp.element.createElement("div",{className:"vpf-component-gallery-control-item-modal-fields vpf-component-gallery-control-item-modal-fields-left"},r?wp.element.createElement("div",{className:"vpf-component-gallery-control-item-modal-field vpf-component-gallery-control-item-modal-field-full"},wp.element.createElement(Uo,{label:(0,R.__)("Image focal point","visual-portfolio"),className:"vpf-component-gallery-control-item-modal-image-additional-info-focal-point",value:y,defaultExpanded:Ho(o),onChange:f})):null,null!=a&&a.length?a.map(function(e){return e.control}):null),wp.element.createElement(li,{label:(0,R.__)("Additional media info","visual-portfolio"),className:"vpf-component-gallery-control-item-modal-image-additional-info"},wp.element.createElement("div",null,wp.element.createElement("p",null,wp.element.createElement("strong",null,b||"-")),wp.element.createElement("div",null,null!=h&&h.mime_type?wp.element.createElement("div",null,null==h?void 0:h.mime_type):null,null!=h&&null!==(t=h.media_details)&&void 0!==t&&t.filesize?wp.element.createElement("div",null,function(e){var t=Math.floor(Math.log(e)/Math.log(1024));return"".concat(1*(e/Math.pow(1024,t)).toFixed(2)," ").concat(["B","KB","MB","GB","TB"][t])}(h.media_details.filesize)):null,null!=h&&null!==(n=h.media_details)&&void 0!==n&&n.width?wp.element.createElement("div",null,h.media_details.width," by"," ",h.media_details.height," pixels"):null)),wp.element.createElement("ul",null,g?wp.element.createElement("li",null,wp.element.createElement("a",{href:g,target:"_blank",rel:"noreferrer"},(0,R.__)("File URL","visual-portfolio"))):null,null!=h&&h.link?wp.element.createElement("li",null,wp.element.createElement("a",{href:null==h?void 0:h.link,target:"_blank",rel:"noreferrer"},(0,R.__)("Attachment page","visual-portfolio"))):null,w?wp.element.createElement("li",null,wp.element.createElement("a",{href:w,target:"_blank",rel:"noreferrer"},(0,R.__)("Edit details","visual-portfolio"))):null)));return wp.element.createElement(D.MediaUploadCheck,null,wp.element.createElement("div",{className:"vpf-component-gallery-control-item-modal-image-info editor-post-featured-image"},wp.element.createElement(Pi,{activeMediaState:u,setActiveMediaState:s,isPro:c}),O))},ki=function(e){var t,n=e.idx,r=e.title,o=e.img,i=e.onChange,l=e.onRemove,a=e.imageControls,u=e.controlName,s=e.focalPoint,c=e.clientId,p=e.isSetupWizard,f=e.isBulkEdit,m=e.bulkItems,d=e.canGoPrevious,v=e.canGoNext,h=e.onPrevious,y=e.onNext,g=e.close,b=e.attributes,w=function(e,t){return"".concat((null==o?void 0:o.id)||(null==o?void 0:o.imgThumbnailUrl)||(null==o?void 0:o.imgUrl)||"bulk","-").concat(t,"-").concat(e)},_=Fo(null==o?void 0:o.focalPoint),O=n;-1===n&&null!=m&&m.length&&null!=b&&b[u]&&Ci(b[u],m,"focalPoint")&&(O=xi(b[u],m[0]))>=0&&(_=Fo(null===(t=b[u])||void 0===t||null===(t=t[O])||void 0===t?void 0:t.focalPoint));var S=Object.keys(a).map(function(t){if(f&&!a[t].allow_bulk_edit)return null;var r=[],l=n;-1===n&&null!=m&&m.length&&null!=b&&b[u]&&Ci(b[u],m,t)&&(l=xi(b[u],m[0]));var s="".concat(u,"[").concat(l,"].").concat(t);a[t].condition.length&&a[t].condition.forEach(function(e){var t=di({},e);t.control&&/SELF/g.test(t.control)&&(t.control=t.control.replace(/SELF/g,"".concat(u,"[").concat(l,"]"))),r.push(t)});var d,v=di(di({},a[t]),{},{attributes:b,condition:r});return wf.AllowRender(v,p)?(d="section_heading"===a[t].type?wp.element.createElement("div",{key:w(t,l),className:"vpf-component-gallery-control-item-modal-heading vpf-component-gallery-control-item-modal-field-full"},wp.element.createElement("h3",{className:"vpf-component-gallery-control-item-modal-heading-title"},a[t].label),a[t].description?wp.element.createElement("p",{className:"vpf-component-gallery-control-item-modal-heading-description"},a[t].description):null):(0,M.applyFilters)("vpf.editor.gallery-controls-render",wp.element.createElement(wf.Control,fi({key:w(t,l),attributes:b,onChange:function(e){i(vi({},t,e))}},a[t],{name:s,value:null==o?void 0:o[t],className:N()("vpf-component-gallery-control-item-modal-field","vpf-component-gallery-control-item-modal-field-".concat(wi(0,a[t]))),condition:r,clientId:c,isSetupWizard:p})),a[t],e,{name:t,fullName:s,index:l,condition:r}),{name:t,control:d,layout:wi(0,a[t]),position:_i(0,a[t])}):null}).filter(Boolean),E=S.filter(function(e){return"left"===e.position}),x=S.filter(function(e){return"left"!==e.position}),C=si((0,I.useState)("normal"),2),P=C[0],j=C[1],k=di(di({},e),{},{img:o,leftControls:E,rightControls:x});return wp.element.createElement(A.Modal,{title:wp.element.createElement("div",{className:"vpf-component-gallery-control-modal-title"},wp.element.createElement("span",null,r),f?null:wp.element.createElement("div",{className:"vpf-component-gallery-control-modal-title-nav"},wp.element.createElement(A.Button,{className:"vpf-component-gallery-control-modal-title-nav-button",onClick:h,disabled:!d,label:(0,R.__)("Previous image","visual-portfolio")},wp.element.createElement("svg",{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24","aria-hidden":"true",focusable:"false"},wp.element.createElement("path",{d:"M6.5 12.4L12 8l5.5 4.4-.9 1.2L12 10l-4.5 3.6-1-1.2z"}))),wp.element.createElement(A.Button,{className:"vpf-component-gallery-control-modal-title-nav-button",onClick:y,disabled:!v,label:(0,R.__)("Next image","visual-portfolio")},wp.element.createElement("svg",{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24","aria-hidden":"true",focusable:"false"},wp.element.createElement("path",{d:"M6.5 12.4L12 8l5.5 4.4-.9 1.2L12 10l-4.5 3.6-1-1.2z"}))))),className:"vpf-component-gallery-control-modal",onRequestClose:function(e){var t;null!=e&&null!==(t=e.relatedTarget)&&void 0!==t&&null!==(t=t.classList)&&void 0!==t&&t.contains("media-modal")||g(e)}},wp.element.createElement("div",{className:"vpf-component-gallery-control-item-modal-wrap"},wp.element.createElement("div",{className:"vpf-component-gallery-control-item-modal"},s&&null!=o&&o.id?wp.element.createElement(ji,{showFocalPoint:s,focalPoint:_,imgId:null==o?void 0:o.id,imgUrl:o.imgThumbnailUrl||o.imgUrl,leftControls:E,activeMediaState:P,setActiveMediaState:j,isPro:gi,modalProps:k,img:o,onChangeFocalPoint:function(e){i({focalPoint:e})},onChangeImage:function(e){!1===e?l():i(e)}}):null,!s||null!=o&&o.id?null:wp.element.createElement("div",{className:"vpf-component-gallery-control-item-modal-image-info"},wp.element.createElement(Uo,{value:_,collapsible:!1,onChange:function(e){i({focalPoint:e})}}),E.length?wp.element.createElement("div",{className:"vpf-component-gallery-control-item-modal-fields vpf-component-gallery-control-item-modal-fields-left"},E.map(function(e){return(0,I.isValidElement)(e.control)?(0,I.cloneElement)(e.control,{key:e.name}):e.control})):null),wp.element.createElement("div",{className:"vpf-component-gallery-control-item-modal-fields"},x.map(function(e){return(0,I.isValidElement)(e.control)?(0,I.cloneElement)(e.control,{key:e.name}):e.control})))))},Ti=function(e){var t=e.img,n=e.items,r=e.index,o=e.onChange,i=e.imageControls,l=e.controlName,a=e.focalPoint,u=e.clientId,s=e.isSetupWizard,c=e.isMuffled,p=e.isChecked,f=e.onCheck,m=e.attributes,d=r-1,v=Po({id:e.id}),h=v.attributes,y=v.listeners,g=v.setNodeRef,b=v.transform,w=v.transition,_=v.isDragging,O=v.isSorting,S={transform:un.Translate.toString(b),transition:O?w:""},E=si((0,I.useState)(!1),2),x=E[0],C=E[1],P=si((0,I.useState)(d),2),j=P[0],k=P[1],T=function(){k(d),C(!0)},D=function(){return C(!1)},L=x?j:d,B=(null==n?void 0:n[L])||t;return wp.element.createElement(wp.element.Fragment,null,wp.element.createElement("div",fi({className:N()("vpf-component-gallery-control-item",_&&"vpf-component-gallery-control-item-dragging",c&&"vpf-component-gallery-control-item-muffled",p&&"vpf-component-gallery-control-item-checked"),ref:g,style:S},h,y),wp.element.createElement("div",{className:"vpf-component-gallery-control-item-toolbar"},s?null:wp.element.createElement(A.CheckboxControl,{className:"vpf-component-gallery-control-item-checkbox",title:(0,R.__)("Select","visual-portfolio"),checked:p,onChange:function(e){f(e)}}),wp.element.createElement(A.Button,{className:"vpf-component-gallery-control-item-edit",onClick:T,"aria-expanded":x},wp.element.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.11459 1.9405C8.15924 1.67781 8.29774 1.43913 8.50542 1.26692C8.71311 1.0947 8.97653 1.00012 9.24883 1H10.7512C11.0237 0.999856 11.2874 1.09432 11.4953 1.26655C11.7032 1.43879 11.8419 1.67762 11.8866 1.9405L12.1672 3.58975C13.0726 3.88225 13.8962 4.35363 14.5922 4.96L16.1946 4.37275C16.4495 4.27963 16.73 4.27793 16.9861 4.36794C17.2422 4.45796 17.4574 4.63385 17.5934 4.86438L18.3446 6.13562C18.4811 6.3663 18.5294 6.63688 18.481 6.89916C18.4325 7.16144 18.2904 7.39837 18.08 7.56775L16.7594 8.62975C16.9501 9.53336 16.9501 10.4655 16.7594 11.3691L18.0812 12.4334C18.2913 12.6027 18.4332 12.8394 18.4816 13.1014C18.5301 13.3635 18.4819 13.6338 18.3457 13.8644L17.5946 15.1356C17.4585 15.3661 17.2434 15.542 16.9872 15.6321C16.7311 15.7221 16.4507 15.7204 16.1957 15.6273L14.5922 15.04C13.8962 15.6475 13.0737 16.1177 12.1672 16.4102L11.8866 18.0595C11.8419 18.3224 11.7032 18.5612 11.4953 18.7334C11.2874 18.9057 11.0237 19.0001 10.7512 19H9.24883C8.97653 18.9999 8.71311 18.9053 8.50542 18.7331C8.29774 18.5609 8.15924 18.3222 8.11459 18.0595L7.83391 16.4102C6.93828 16.1205 6.11295 15.6541 5.40898 15.04L3.80541 15.6273C3.55045 15.7208 3.26983 15.7228 3.01348 15.633C2.75714 15.5432 2.54168 15.3673 2.40544 15.1367L1.65427 13.8644C1.51807 13.6338 1.46991 13.3635 1.51836 13.1014C1.5668 12.8394 1.70871 12.6027 1.91885 12.4334L3.24059 11.3691C3.04998 10.4655 3.04998 9.53336 3.24059 8.62975L1.92 7.56775C1.70986 7.39843 1.56795 7.1617 1.51951 6.89968C1.47106 6.63765 1.51922 6.36732 1.65542 6.13675L2.40659 4.86438C2.54265 4.6336 2.75803 4.45752 3.01439 4.3675C3.27076 4.27747 3.55147 4.27933 3.80656 4.37275L5.40898 4.96C6.11293 4.34583 6.93826 3.87946 7.83391 3.58975L8.11459 1.9405ZM13.4522 10C13.4522 10.4432 13.3629 10.8821 13.1895 11.2916C13.0161 11.701 12.7619 12.0731 12.4414 12.3865C12.1209 12.6999 11.7405 12.9485 11.3218 13.1181C10.9031 13.2877 10.4543 13.375 10.0011 13.375C9.54795 13.375 9.0992 13.2877 8.6805 13.1181C8.2618 12.9485 7.88136 12.6999 7.56091 12.3865C7.24045 12.0731 6.98625 11.701 6.81282 11.2916C6.63939 10.8821 6.55012 10.4432 6.55012 10C6.55012 9.10489 6.91371 8.24645 7.56091 7.61351C8.2081 6.98058 9.08588 6.625 10.0011 6.625C10.9164 6.625 11.7942 6.98058 12.4414 7.61351C13.0886 8.24645 13.4522 9.10489 13.4522 10Z"}))),wp.element.createElement(A.Button,{className:"vpf-component-gallery-control-item-remove",onClick:function(){var e=ui(n);e[d]&&(e.splice(d,1),o(e))}},wp.element.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10 2.68771C9.46811 2.68755 8.94926 2.84978 8.51493 3.15204C8.08059 3.4543 7.75215 3.88173 7.57486 4.37542H12.4251C12.2477 3.88182 11.9192 3.45449 11.4849 3.15225C11.0506 2.85001 10.5319 2.68772 10 2.68771ZM10 1C9.01207 1.00001 8.05446 1.33596 7.28915 1.95102C6.52384 2.56608 5.9978 3.4225 5.8 4.37542H2V6.06313H3.45143L4.38629 16.186C4.4573 16.955 4.81782 17.6701 5.39702 18.1908C5.97622 18.7114 6.73224 19.0001 7.51657 19H12.4846C13.2685 18.9998 14.0241 18.7112 14.603 18.1908C15.182 17.6704 15.5424 16.9558 15.6137 16.1871L16.5486 6.06313H18V4.37542H14.2C14.0022 3.4225 13.4762 2.56608 12.7108 1.95102C11.9455 1.33596 10.9879 1.00001 10 1ZM14.8274 6.06313H5.17257L6.09371 16.033C6.12595 16.3826 6.2898 16.7077 6.55307 16.9444C6.81635 17.1811 7.16002 17.3123 7.51657 17.3123H12.4846C12.8411 17.3123 13.1848 17.1811 13.4481 16.9444C13.7113 16.7077 13.8752 16.3826 13.9074 16.033L14.8274 6.06313Z"})))),wp.element.createElement(A.Button,{className:"vpf-component-gallery-control-item-button",onClick:T,"aria-expanded":x},function(e,t){var n=wp.element.createElement("img",{src:e.imgThumbnailUrl||e.imgUrl,alt:Mt(e)||e.imgThumbnailUrl||e.imgUrl,loading:"lazy"});return(0,M.applyFilters)("vpf.editor.gallery-item-preview",n,e,t)}(t,e))),x?wp.element.createElement(ki,{title:(0,R.__)("Media Settings","visual-portfolio"),img:B,idx:L,onChange:function(e){var t=ui(n);t[L]&&(t[L]=di(di({},t[L]),e),o(t))},onRemove:function(){var e=ui(n);e[L]&&(e.splice(L,1),o(e),e.length?k(Math.min(L,e.length-1)):D())},imageControls:i,controlName:l,attributes:m,focalPoint:a,clientId:u,isSetupWizard:s,canGoPrevious:L>0,canGoNext:L0&&k(L-1)},onNext:function(){L9?L:null,null!=t&&t.length&&!u?wp.element.createElement("div",{className:"vpf-component-gallery-control-item-fullwidth"},wp.element.createElement("div",{className:"vpf-component-gallery-control-item-bulk-actions"},wp.element.createElement(A.CheckboxControl,{title:(0,R.__)("Select All","visual-portfolio"),checked:t.length===b.length,indeterminate:b.length>0&&t.length!==b.length,onChange:function(){t.length===b.length?w([]):w(t.map(function(e){return e.id})),S(!1)}}),wp.element.createElement(A.SelectControl,{title:(0,R.__)("Bulk Actions","visual-portfolio"),value:h,disabled:!b.length,options:[{label:(0,R.__)("Bulk actions","visual-portfolio"),value:""},{label:(0,R.__)("Edit","visual-portfolio"),value:"edit"},{label:(0,R.__)("Delete","visual-portfolio"),value:"delete"}],onChange:function(e){"delete"===e&&window.confirm((0,R.__)("Are you sure you want to remove selected items?","visual-portfolio"))?(n(t.filter(function(e){return!b.includes(e.id)})),w([]),S(!1)):"edit"===e&&C(!0)}})),null!=T&&T.length?wp.element.createElement("div",{className:"vpf-component-gallery-control-item-filter"},wp.element.createElement(A.SelectControl,{title:(0,R.__)("Filter by Category","visual-portfolio"),value:h,options:[{label:(0,R.__)("All","visual-portfolio"),value:""},{label:(0,R.__)("Uncategorized","visual-portfolio"),value:yi}].concat(ui(T.map(function(e){return{label:e,value:e}}))),onChange:function(e){y(e)}}),wp.element.createElement("svg",{width:"20",height:"20",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{d:"M8 16H12V14.5652H8V16ZM4 5V6.43478H16V5H4ZM6 11.2174H14V9.78261H6V11.2174Z",fill:"currentColor"}))):null):null,x&&!u?wp.element.createElement(ki,{title:(0,R.__)("Bulk Image Settings","visual-portfolio"),img:{imgThumbnailUrl:"".concat(hi.plugin_url,"assets/images/placeholder.png")},idx:-1,onChange:function(e){var r=ui(t);r.forEach(function(t,n){b.includes(t.id)&&(r[n]=di(di({},t),e))}),n(r)},imageControls:o,controlName:i,attributes:l,focalPoint:a,clientId:s,isSetupWizard:u,isBulkEdit:!0,bulkItems:b,close:function(){C(!1)}}):null,wp.element.createElement(Zr,{sensors:p,collisionDetection:Dn,onDragEnd:function(e){var t=e.active,n=e.over;t.id!==n.id&&r(t.id-1,n.id-1)}},wp.element.createElement(wo,{items:M,strategy:vo},M.map(function(e){var r,c=e.data,p=e.id,f=!1;if(h===yi)f=null==c||null===(r=c.categories)||void 0===r?void 0:r.length;else if(h){var m;f=null==c||null===(m=c.categories)||void 0===m||!m.length||!c.categories.includes(h)}return wp.element.createElement(Ti,{key:"vpf-component-gallery-control-items-sortable-".concat(p),index:p,id:p,img:c,items:t,onChange:n,imageControls:o,controlName:i,attributes:l,focalPoint:a,isSetupWizard:u,isMuffled:f,clientId:s,isChecked:b.includes(c.id),onCheck:function(){if(j&&O){for(var e=t.findIndex(function(e){return e.id===O}),n=t.findIndex(function(e){return e.id===c.id}),r=ui(b),o=b.includes(c.id),i=et.length?t.length:m,t.length)),t.length>m?wp.element.createElement("div",{className:"vpf-component-gallery-control-item-pagination-buttons"},wp.element.createElement(A.Button,{variant:"secondary",onClick:function(){d(m+18)}},(0,L.__)("Show More","visual-portfolio")),wp.element.createElement(A.Button,{variant:"link",onClick:function(){d(t.length)}},(0,L.__)("Show All","visual-portfolio"))):null):null,R)};function Ii(e){var t=e.imageControls,n=e.attributes,r=e.name,o=e.value,i=e.onChange,l=e.focalPoint,a=e.isSetupWizard,u=e.clientId,s=o.filter(function(e){return e.id});return wp.element.createElement("div",{className:"vpf-component-gallery-control"},wp.element.createElement(D.MediaUpload,{onSelect:function(e){i(Ei(e))},allowedTypes:bi(gi),multiple:"add",value:s&&Object.keys(s).length?s.map(function(e){return e.id}):[],render:function(){return wp.element.createElement(Di,{items:s,onChange:i,imageControls:t,controlName:r,attributes:n,focalPoint:l,clientId:u,isSetupWizard:a,onSortEnd:function(e,t){var n=po(s,e,t);i(n)}})}}))}const Ai=window.jQuery;var Mi=n.n(Ai);function Li(e){return Li="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Li(e)}function Ri(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function Ni(e){for(var t=1;t0&&void 0!==arguments[0]?arguments[0]:{},n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:function(){},r=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],o=this.props,i=o.controlName,l=o.attributes;if(!this.isAJAXinProgress){this.isAJAXinProgress=!0,r&&this.setState({ajaxStatus:"progress"});var a=Ni({action:"vp_dynamic_control_callback",nonce:$i.nonce,vp_control_name:i,vp_attributes:l},t);Mi().ajax({url:Qi,method:"POST",dataType:"json",data:a,complete:function(t){var o=t.responseJSON;n&&o.response&&(o.response.options&&(qi[i]=Ni(Ni({},qi[i]),o.response.options)),n(o.response)),r&&e.setState({ajaxStatus:!0}),e.isAJAXinProgress=!1}})}}},{key:"render",value:function(){var e=this,t=this.props,n=t.controlName,r=t.value,o=t.onChange,i=t.collapseRows,l=t.isSetupWizard,a=t.columns,u=void 0===a?3:a,s=this.state,c=s.options,p=s.ajaxStatus,f=s.collapsed;if(p&&"progress"===p)return wp.element.createElement("div",{className:"vpf-component-icon-selector"},wp.element.createElement(A.Spinner,null));var m=Object.keys(c),d=m.indexOf(r),v=i*(l?5:u),h=!1!==i&&m.length>v,y=v-1;if(h&&f&&d>=y){var g=y-1,b=m[d];m.splice(d,1),m.splice(g,0,b)}return wp.element.createElement("div",{className:N()("vpf-component-icon-selector",h?"vpf-component-icon-selector-allow-collapsing":""),"data-control-name":n,style:l?void 0:{gridTemplateColumns:"repeat(".concat(u,", minmax(0, 1fr))")}},m.filter(function(e,t){return!h||!f||t'):t.icon_wizard&&(n=t.icon_wizard)),wp.element.createElement(A.Button,{key:"icon-selector-".concat(t.title,"-").concat(t.value),onClick:function(){return o(t.value)},className:N()("vpf-component-icon-selector-item",r===t.value?"vpf-component-icon-selector-item-active":"",t.className)},n?wp.element.createElement(I.RawHTML,null,n):"",t.title?wp.element.createElement("span",null,t.title):"")}),h?wp.element.createElement(A.Button,{onClick:function(){e.setState({collapsed:!f})},className:N()("vpf-component-icon-selector-item","vpf-component-icon-selector-item-collapse",f?"":"vpf-component-icon-selector-item-expanded")},wp.element.createElement("div",{className:"vpf-component-icon-selector-item-collapse"},wp.element.createElement("svg",{width:"11",height:"6",viewBox:"0 0 11 6",fill:"none",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{d:"M10 1.25L5.5 4.75L1 1.25",stroke:"currentColor",strokeWidth:"1"}))),wp.element.createElement("span",null,f?(0,L.__)("More","visual-portfolio"):(0,L.__)("Less","visual-portfolio"))):null)}}],r&&Vi(n.prototype,r),Object.defineProperty(n,"prototype",{writable:!1}),n;var n,r}(I.Component),Ji=A.NavigatorProvider||A.__experimentalNavigatorProvider,Xi=A.NavigatorScreen||A.__experimentalNavigatorScreen,Yi=A.NavigatorButton||A.__experimentalNavigatorButton,Ki=A.NavigatorBackButton||A.__experimentalNavigatorBackButton;function el(e){var t=e.children,n=e.options;return wp.element.createElement(Ji,{initialPath:"/",className:"vpf-component-navigator-control"},wp.element.createElement(Xi,{path:"/",className:"vpf-component-navigator-control-toggles"},n.map(function(e){return wp.element.createElement(Yi,{key:e.category,path:"/".concat(e.category)},wp.element.createElement("span",null,e.title),wp.element.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:"24",height:"24","aria-hidden":"true",focusable:"false"},wp.element.createElement("path",{d:"M10.6 6L9.4 7l4.6 5-4.6 5 1.2 1 5.4-6z"})))})),n.map(function(e){return wp.element.createElement(Xi,{key:e.category,path:"/".concat(e.category)},wp.element.createElement("div",{className:"vpf-component-navigator-control-screen-title"},wp.element.createElement(Ki,null,wp.element.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:"24",height:"24","aria-hidden":"true",focusable:"false"},wp.element.createElement("path",{d:"M14.6 7l-1.2-1L8 12l5.4 6 1.2-1-4.6-5z"}))),wp.element.createElement("span",null,e.title)),t(e))}))}function tl(e){return tl="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},tl(e)}function nl(){return nl=Object.assign?Object.assign.bind():function(e){for(var t=1;t0?wl(Tl,--jl):0,Cl--,10===kl&&(Cl=1,xl--),kl}function Ml(){return kl=jl2||Bl(kl)>3?"":" "}function Ul(e,t){for(;--t&&Ml()&&!(kl<48||kl>102||kl>57&&kl<65||kl>70&&kl<97););return Nl(e,Rl()+(t<6&&32==Ll()&&32==Ml()))}function Wl(e){for(;Ml();)switch(kl){case e:return jl;case 34:case 39:34!==e&&39!==e&&Wl(kl);break;case 40:41===e&&Wl(e);break;case 92:Ml()}return jl}function Gl(e,t){for(;Ml()&&e+kl!==57&&(e+kl!==84||47!==Ll()););return"/*"+Nl(t,jl-1)+"*"+vl(47===e?e:Ml())}function Ql(e){for(;!Bl(Ll());)Ml();return Nl(e,jl)}var $l="-ms-",ql="-moz-",Zl="-webkit-",Jl="comm",Xl="rule",Yl="decl",Kl="@keyframes";function ea(e,t){for(var n="",r=Sl(e),o=0;o0&&Ol(S)-p&&El(m>32?la(S+";",r,n,p-1):la(gl(S," ","")+";",r,n,p-2),u);break;case 59:S+=";";default:if(El(O=oa(S,t,n,s,c,o,a,b,w=[],_=[],p),i),123===g)if(0===c)ra(S,t,O,O,w,i,p,a,_);else switch(99===f&&110===wl(S,3)?100:f){case 100:case 108:case 109:case 115:ra(e,O,O,r&&El(oa(e,O,O,0,0,o,a,b,o,w=[],p),_),o,_,p,a,r?w:_);break;default:ra(S,O,O,O,[""],_,0,a,_)}}s=c=m=0,v=y=1,b=S="",p=l;break;case 58:p=1+Ol(S),m=d;default:if(v<1)if(123==g)--v;else if(125==g&&0==v++&&125==Al())continue;switch(S+=vl(g),g*v){case 38:y=c>0?1:(S+="\f",-1);break;case 44:a[s++]=(Ol(S)-1)*y,y=1;break;case 64:45===Ll()&&(S+=Hl(Ml())),f=Ll(),c=p=Ol(b=S+=Ql(Rl())),g++;break;case 45:45===d&&2==Ol(S)&&(v=0)}}return i}function oa(e,t,n,r,o,i,l,a,u,s,c){for(var p=o-1,f=0===o?i:[""],m=Sl(f),d=0,v=0,h=0;d0?f[y]+" "+g:gl(g,/&\f/g,f[y])))&&(u[h++]=b);return Dl(e,t,n,0===o?Xl:a,u,s,c)}function ia(e,t,n){return Dl(e,t,n,Jl,vl(kl),_l(e,2,-2),0)}function la(e,t,n,r){return Dl(e,t,n,Yl,_l(e,0,r),_l(e,r+1,-1),r)}var aa=function(e,t,n){for(var r=0,o=0;r=o,o=Ll(),38===r&&12===o&&(t[n]=1),!Bl(o);)Ml();return Nl(e,jl)},ua=new WeakMap,sa=function(e){if("rule"===e.type&&e.parent&&!(e.length<1)){for(var t=e.value,n=e.parent,r=e.column===n.column&&e.line===n.line;"rule"!==n.type;)if(!(n=n.parent))return;if((1!==e.props.length||58===t.charCodeAt(0)||ua.get(n))&&!r){ua.set(e,!0);for(var o=[],i=function(e,t){return Fl(function(e,t){var n=-1,r=44;do{switch(Bl(r)){case 0:38===r&&12===Ll()&&(t[n]=1),e[n]+=aa(jl-1,t,n);break;case 2:e[n]+=Hl(r);break;case 4:if(44===r){e[++n]=58===Ll()?"&\f":"",t[n]=e[n].length;break}default:e[n]+=vl(r)}}while(r=Ml());return e}(Vl(e),t))}(t,o),l=n.props,a=0,u=0;a6)switch(wl(e,t+1)){case 109:if(45!==wl(e,t+4))break;case 102:return gl(e,/(.+:)(.+)-([^]+)/,"$1"+Zl+"$2-$3$1"+ql+(108==wl(e,t+3)?"$3":"$2-$3"))+e;case 115:return~bl(e,"stretch")?pa(gl(e,"stretch","fill-available"),t)+e:e}break;case 4949:if(115!==wl(e,t+1))break;case 6444:switch(wl(e,Ol(e)-3-(~bl(e,"!important")&&10))){case 107:return gl(e,":",":"+Zl)+e;case 101:return gl(e,/(.+:)([^;!]+)(;|!.+)?/,"$1"+Zl+(45===wl(e,14)?"inline-":"")+"box$3$1"+Zl+"$2$3$1"+$l+"$2box$3")+e}break;case 5936:switch(wl(e,t+11)){case 114:return Zl+e+$l+gl(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return Zl+e+$l+gl(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return Zl+e+$l+gl(e,/[svh]\w+-[tblr]{2}/,"lr")+e}return Zl+e+$l+e+e}return e}var fa=[function(e,t,n,r){if(e.length>-1&&!e.return)switch(e.type){case Yl:e.return=pa(e.value,e.length);break;case Kl:return ea([Il(e,{value:gl(e.value,"@","@"+Zl)})],r);case Xl:if(e.length)return function(e,t){return e.map(t).join("")}(e.props,function(t){switch(function(e){return(e=/(::plac\w+|:read-\w+)/.exec(e))?e[0]:e}(t)){case":read-only":case":read-write":return ea([Il(e,{props:[gl(t,/:(read-\w+)/,":-moz-$1")]})],r);case"::placeholder":return ea([Il(e,{props:[gl(t,/:(plac\w+)/,":"+Zl+"input-$1")]}),Il(e,{props:[gl(t,/:(plac\w+)/,":-moz-$1")]}),Il(e,{props:[gl(t,/:(plac\w+)/,$l+"input-$1")]})],r)}return""})}}],ma=function(e){var t=e.key;if("css"===t){var n=document.querySelectorAll("style[data-emotion]:not([data-s])");Array.prototype.forEach.call(n,function(e){-1!==e.getAttribute("data-emotion").indexOf(" ")&&(document.head.appendChild(e),e.setAttribute("data-s",""))})}var r,o,i=e.stylisPlugins||fa,l={},a=[];r=e.container||document.head,Array.prototype.forEach.call(document.querySelectorAll('style[data-emotion^="'+t+' "]'),function(e){for(var t=e.getAttribute("data-emotion").split(" "),n=1;n=4;++r,o-=4)t=1540483477*(65535&(t=255&e.charCodeAt(r)|(255&e.charCodeAt(++r))<<8|(255&e.charCodeAt(++r))<<16|(255&e.charCodeAt(++r))<<24))+(59797*(t>>>16)<<16),n=1540483477*(65535&(t^=t>>>24))+(59797*(t>>>16)<<16)^1540483477*(65535&n)+(59797*(n>>>16)<<16);switch(o){case 3:n^=(255&e.charCodeAt(r+2))<<16;case 2:n^=(255&e.charCodeAt(r+1))<<8;case 1:n=1540483477*(65535&(n^=255&e.charCodeAt(r)))+(59797*(n>>>16)<<16)}return(((n=1540483477*(65535&(n^=n>>>13))+(59797*(n>>>16)<<16))^n>>>15)>>>0).toString(36)}(o)+u;return{name:s,styles:o,next:Ea}}var Pa=!!h.useInsertionEffect&&h.useInsertionEffect,ja=Pa||function(e){return e()},ka=(Pa||h.useLayoutEffect,h.createContext("undefined"!=typeof HTMLElement?ma({key:"css"}):null)),Ta=ka.Provider,Da=function(e){return(0,h.forwardRef)(function(t,n){var r=(0,h.useContext)(ka);return e(t,r,n)})},Ia=h.createContext({}),Aa={}.hasOwnProperty,Ma="__EMOTION_TYPE_PLEASE_DO_NOT_USE__",La=function(e){var t=e.cache,n=e.serialized,r=e.isStringTag;return da(t,n,r),ja(function(){return function(e,t,n){da(e,t,n);var r=e.key+"-"+t.name;if(void 0===e.inserted[t.name]){var o=t;do{e.insert(t===o?"."+r:"",o,e.sheet,!0),o=o.next}while(void 0!==o)}}(t,n,r)}),null},Ra=Da(function(e,t,n){var r=e.css;"string"==typeof r&&void 0!==t.registered[r]&&(r=t.registered[r]);var o=e[Ma],i=[r],l="";"string"==typeof e.className?l=function(e,t,n){var r="";return n.split(" ").forEach(function(n){void 0!==e[n]?t.push(e[n]+";"):n&&(r+=n+" ")}),r}(t.registered,i,e.className):null!=e.className&&(l=e.className+" ");var a=Ca(i,void 0,h.useContext(Ia));l+=t.key+"-"+a.name;var u={};for(var s in e)Aa.call(e,s)&&"css"!==s&&s!==Ma&&(u[s]=e[s]);return u.className=l,n&&(u.ref=n),h.createElement(h.Fragment,null,h.createElement(La,{cache:t,serialized:a,isStringTag:"string"==typeof o}),h.createElement(o,u))}),Na=Ra,Ba=n(28),Va=n.n(Ba);function Fa(e){return Fa="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Fa(e)}function Ha(e){var t=function(e){if("object"!=Fa(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=Fa(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==Fa(t)?t:t+""}function za(e,t,n){return(t=Ha(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Ua(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function Wa(e){for(var t=1;te.length)&&(t=e.length);for(var n=0,r=Array(t);n({x:e,y:e});function iu(){return"undefined"!=typeof window}function lu(e){return su(e)?(e.nodeName||"").toLowerCase():"#document"}function au(e){var t;return(null==e||null==(t=e.ownerDocument)?void 0:t.defaultView)||window}function uu(e){var t;return null==(t=(su(e)?e.ownerDocument:e.document)||window.document)?void 0:t.documentElement}function su(e){return!!iu()&&(e instanceof Node||e instanceof au(e).Node)}function cu(e){return!!iu()&&(e instanceof Element||e instanceof au(e).Element)}function pu(e){return!!iu()&&(e instanceof HTMLElement||e instanceof au(e).HTMLElement)}function fu(e){return!(!iu()||"undefined"==typeof ShadowRoot)&&(e instanceof ShadowRoot||e instanceof au(e).ShadowRoot)}const mu=new Set(["inline","contents"]);function du(e){const{overflow:t,overflowX:n,overflowY:r,display:o}=hu(e);return/auto|scroll|overlay|hidden|clip/.test(t+r+n)&&!mu.has(o)}const vu=new Set(["html","body","#document"]);function hu(e){return au(e).getComputedStyle(e)}function yu(e){const t=function(e){if("html"===lu(e))return e;const t=e.assignedSlot||e.parentNode||fu(e)&&e.host||uu(e);return fu(t)?t.host:t}(e);return function(e){return vu.has(lu(e))}(t)?e.ownerDocument?e.ownerDocument.body:e.body:pu(t)&&du(t)?t:yu(t)}function gu(e,t,n){var r;void 0===t&&(t=[]),void 0===n&&(n=!0);const o=yu(e),i=o===(null==(r=e.ownerDocument)?void 0:r.body),l=au(o);if(i){const e=bu(l);return t.concat(l,l.visualViewport||[],du(o)?o:[],e&&n?gu(e):[])}return t.concat(o,gu(o,[],n))}function bu(e){return e.parent&&Object.getPrototypeOf(e.parent)?e.frameElement:null}function wu(e){return cu(e)?e:e.contextElement}function _u(e){const t=wu(e);if(!pu(t))return ou(1);const n=t.getBoundingClientRect(),{width:r,height:o,$:i}=function(e){const t=hu(e);let n=parseFloat(t.width)||0,r=parseFloat(t.height)||0;const o=pu(e),i=o?e.offsetWidth:n,l=o?e.offsetHeight:r,a=nu(n)!==i||nu(r)!==l;return a&&(n=i,r=l),{width:n,height:r,$:a}}(t);let l=(i?nu(n.width):n.width)/r,a=(i?nu(n.height):n.height)/o;return l&&Number.isFinite(l)||(l=1),a&&Number.isFinite(a)||(a=1),{x:l,y:a}}const Ou=ou(0);function Su(e){const t=au(e);return"undefined"!=typeof CSS&&CSS.supports&&CSS.supports("-webkit-backdrop-filter","none")&&t.visualViewport?{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}:Ou}function Eu(e,t,n,r){void 0===t&&(t=!1),void 0===n&&(n=!1);const o=e.getBoundingClientRect(),i=wu(e);let l=ou(1);t&&(r?cu(r)&&(l=_u(r)):l=_u(e));const a=function(e,t,n){return void 0===t&&(t=!1),!(!n||t&&n!==au(e))&&t}(i,n,r)?Su(i):ou(0);let u=(o.left+a.x)/l.x,s=(o.top+a.y)/l.y,c=o.width/l.x,p=o.height/l.y;if(i){const e=au(i),t=r&&cu(r)?au(r):r;let n=e,o=bu(n);for(;o&&r&&t!==n;){const e=_u(o),t=o.getBoundingClientRect(),r=hu(o),i=t.left+(o.clientLeft+parseFloat(r.paddingLeft))*e.x,l=t.top+(o.clientTop+parseFloat(r.paddingTop))*e.y;u*=e.x,s*=e.y,c*=e.x,p*=e.y,u+=i,s+=l,n=au(o),o=bu(n)}}return function(e){const{x:t,y:n,width:r,height:o}=e;return{width:r,height:o,top:n,left:t,right:t+r,bottom:n+o,x:t,y:n}}({width:c,height:p,x:u,y:s})}function xu(e,t){return e.x===t.x&&e.y===t.y&&e.width===t.width&&e.height===t.height}var Cu=h.useLayoutEffect,Pu=["className","clearValue","cx","getStyles","getClassNames","getValue","hasValue","isMulti","isRtl","options","selectOption","selectProps","setValue","theme"],ju=function(){};function ku(e,t){return t?"-"===t[0]?e+t:e+"__"+t:e}function Tu(e,t){for(var n=arguments.length,r=new Array(n>2?n-2:0),o=2;o-1}function Lu(e){return Mu(e)?window.pageYOffset:e.scrollTop}function Ru(e,t){Mu(e)?window.scrollTo(0,t):e.scrollTop=t}function Nu(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:200,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:ju,o=Lu(e),i=t-o,l=0;!function t(){var a,u=i*((a=(a=l+=10)/n-1)*a*a+1)+o;Ru(e,u),ln.bottom?Ru(e,Math.min(t.offsetTop+t.clientHeight-e.offsetHeight+o,e.scrollHeight)):r.top-o=d)return{placement:"bottom",maxHeight:t};if(E>=d&&!l)return i&&Nu(u,x,P),{placement:"bottom",maxHeight:t};if(!l&&E>=r||l&&O>=r)return i&&Nu(u,x,P),{placement:"bottom",maxHeight:l?O-b:E-b};if("auto"===o||l){var j=t,k=l?_:S;return k>=r&&(j=Math.min(k-b-a,t)),{placement:"top",maxHeight:j}}if("bottom"===o)return i&&Ru(u,x),{placement:"bottom",maxHeight:t};break;case"top":if(_>=d)return{placement:"top",maxHeight:t};if(S>=d&&!l)return i&&Nu(u,C,P),{placement:"top",maxHeight:t};if(!l&&S>=r||l&&_>=r){var T=t;return(!l&&S>=r||l&&_>=r)&&(T=l?_-w:S-w),i&&Nu(u,C,P),{placement:"top",maxHeight:T}}return{placement:"bottom",maxHeight:t};default:throw new Error('Invalid placement provided "'.concat(o,'".'))}return s}({maxHeight:r,menuEl:e,minHeight:n,placement:o,shouldScroll:l&&!t,isFixedPosition:t,controlHeight:y});f(a.maxHeight),v(a.placement),null==u||u(a.placement)}},[r,o,i,l,n,u,y]),t({ref:s,placerProps:Wa(Wa({},e),{},{placement:d||Xu(o),maxHeight:p})})},es=function(e,t){var n=e.theme,r=n.spacing.baseUnit,o=n.colors;return Wa({textAlign:"center"},t?{}:{color:o.neutral40,padding:"".concat(2*r,"px ").concat(3*r,"px")})},ts=es,ns=es,rs=["size"],os=["innerProps","isRtl","size"],is={name:"8mmkcg",styles:"display:inline-block;fill:currentColor;line-height:1;stroke:currentColor;stroke-width:0"},ls=function(e){var t=e.size,n=Ka(e,rs);return qa("svg",Ga({height:t,width:t,viewBox:"0 0 20 20","aria-hidden":"true",focusable:"false",css:is},n))},as=function(e){return qa(ls,Ga({size:20},e),qa("path",{d:"M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z"}))},us=function(e){return qa(ls,Ga({size:20},e),qa("path",{d:"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"}))},ss=function(e,t){var n=e.isFocused,r=e.theme,o=r.spacing.baseUnit,i=r.colors;return Wa({label:"indicatorContainer",display:"flex",transition:"color 150ms"},t?{}:{color:n?i.neutral60:i.neutral20,padding:2*o,":hover":{color:n?i.neutral80:i.neutral40}})},cs=ss,ps=ss,fs=function(){var e=Za.apply(void 0,arguments),t="animation-"+e.name;return{name:t,styles:"@keyframes "+t+"{"+e.styles+"}",anim:1,toString:function(){return"_EMO_"+this.name+"_"+this.styles+"_EMO_"}}}(qu||(Zu=["\n 0%, 80%, 100% { opacity: 0; }\n 40% { opacity: 1; }\n"],Ju||(Ju=Zu.slice(0)),qu=Object.freeze(Object.defineProperties(Zu,{raw:{value:Object.freeze(Ju)}})))),ms=function(e){var t=e.delay,n=e.offset;return qa("span",{css:Za({animation:"".concat(fs," 1s ease-in-out ").concat(t,"ms infinite;"),backgroundColor:"currentColor",borderRadius:"1em",display:"inline-block",marginLeft:n?"1em":void 0,height:"1em",verticalAlign:"top",width:"1em"},"","")})},ds=["data"],vs=["innerRef","isDisabled","isHidden","inputClassName"],hs={gridArea:"1 / 2",font:"inherit",minWidth:"2px",border:0,margin:0,outline:0,padding:0},ys={flex:"1 1 auto",display:"inline-grid",gridArea:"1 / 1 / 2 / 3",gridTemplateColumns:"0 min-content","&:after":Wa({content:'attr(data-value) " "',visibility:"hidden",whiteSpace:"pre"},hs)},gs=function(e){return Wa({label:"input",color:"inherit",background:0,opacity:e?0:1,width:"100%"},hs)},bs=function(e){var t=e.children,n=e.innerProps;return qa("div",n,t)},ws={ClearIndicator:function(e){var t=e.children,n=e.innerProps;return qa("div",Ga({},Au(e,"clearIndicator",{indicator:!0,"clear-indicator":!0}),n),t||qa(as,null))},Control:function(e){var t=e.children,n=e.isDisabled,r=e.isFocused,o=e.innerRef,i=e.innerProps,l=e.menuIsOpen;return qa("div",Ga({ref:o},Au(e,"control",{control:!0,"control--is-disabled":n,"control--is-focused":r,"control--menu-is-open":l}),i,{"aria-disabled":n||void 0}),t)},DropdownIndicator:function(e){var t=e.children,n=e.innerProps;return qa("div",Ga({},Au(e,"dropdownIndicator",{indicator:!0,"dropdown-indicator":!0}),n),t||qa(us,null))},DownChevron:us,CrossIcon:as,Group:function(e){var t=e.children,n=e.cx,r=e.getStyles,o=e.getClassNames,i=e.Heading,l=e.headingProps,a=e.innerProps,u=e.label,s=e.theme,c=e.selectProps;return qa("div",Ga({},Au(e,"group",{group:!0}),a),qa(i,Ga({},l,{selectProps:c,theme:s,getStyles:r,getClassNames:o,cx:n}),u),qa("div",null,t))},GroupHeading:function(e){var t=Iu(e);t.data;var n=Ka(t,ds);return qa("div",Ga({},Au(e,"groupHeading",{"group-heading":!0}),n))},IndicatorsContainer:function(e){var t=e.children,n=e.innerProps;return qa("div",Ga({},Au(e,"indicatorsContainer",{indicators:!0}),n),t)},IndicatorSeparator:function(e){var t=e.innerProps;return qa("span",Ga({},t,Au(e,"indicatorSeparator",{"indicator-separator":!0})))},Input:function(e){var t=e.cx,n=e.value,r=Iu(e),o=r.innerRef,i=r.isDisabled,l=r.isHidden,a=r.inputClassName,u=Ka(r,vs);return qa("div",Ga({},Au(e,"input",{"input-container":!0}),{"data-value":n||""}),qa("input",Ga({className:t({input:!0},a),ref:o,style:gs(l),disabled:i},u)))},LoadingIndicator:function(e){var t=e.innerProps,n=e.isRtl,r=e.size,o=void 0===r?4:r,i=Ka(e,os);return qa("div",Ga({},Au(Wa(Wa({},i),{},{innerProps:t,isRtl:n,size:o}),"loadingIndicator",{indicator:!0,"loading-indicator":!0}),t),qa(ms,{delay:0,offset:n}),qa(ms,{delay:160,offset:!0}),qa(ms,{delay:320,offset:!n}))},Menu:function(e){var t=e.children,n=e.innerRef,r=e.innerProps;return qa("div",Ga({},Au(e,"menu",{menu:!0}),{ref:n},r),t)},MenuList:function(e){var t=e.children,n=e.innerProps,r=e.innerRef,o=e.isMulti;return qa("div",Ga({},Au(e,"menuList",{"menu-list":!0,"menu-list--is-multi":o}),{ref:r},n),t)},MenuPortal:function(e){var t=e.appendTo,n=e.children,r=e.controlElement,o=e.innerProps,i=e.menuPlacement,l=e.menuPosition,a=(0,h.useRef)(null),u=(0,h.useRef)(null),s=Ya((0,h.useState)(Xu(i)),2),c=s[0],p=s[1],f=(0,h.useMemo)(function(){return{setPortalPlacement:p}},[]),m=Ya((0,h.useState)(null),2),d=m[0],v=m[1],y=(0,h.useCallback)(function(){if(r){var e=function(e){var t=e.getBoundingClientRect();return{bottom:t.bottom,height:t.height,left:t.left,right:t.right,top:t.top,width:t.width}}(r),t="fixed"===l?0:window.pageYOffset,n=e[c]+t;n===(null==d?void 0:d.offset)&&e.left===(null==d?void 0:d.rect.left)&&e.width===(null==d?void 0:d.rect.width)||v({offset:n,rect:e})}},[r,l,c,null==d?void 0:d.offset,null==d?void 0:d.rect.left,null==d?void 0:d.rect.width]);Cu(function(){y()},[y]);var g=(0,h.useCallback)(function(){"function"==typeof u.current&&(u.current(),u.current=null),r&&a.current&&(u.current=function(e,t,n,r){void 0===r&&(r={});const{ancestorScroll:o=!0,ancestorResize:i=!0,elementResize:l="function"==typeof ResizeObserver,layoutShift:a="function"==typeof IntersectionObserver,animationFrame:u=!1}=r,s=wu(e),c=o||i?[...s?gu(s):[],...gu(t)]:[];c.forEach(e=>{o&&e.addEventListener("scroll",n,{passive:!0}),i&&e.addEventListener("resize",n)});const p=s&&a?function(e,t){let n,r=null;const o=uu(e);function i(){var e;clearTimeout(n),null==(e=r)||e.disconnect(),r=null}return function l(a,u){void 0===a&&(a=!1),void 0===u&&(u=1),i();const s=e.getBoundingClientRect(),{left:c,top:p,width:f,height:m}=s;if(a||t(),!f||!m)return;const d={rootMargin:-ru(p)+"px "+-ru(o.clientWidth-(c+f))+"px "+-ru(o.clientHeight-(p+m))+"px "+-ru(c)+"px",threshold:tu(0,eu(1,u))||1};let v=!0;function h(t){const r=t[0].intersectionRatio;if(r!==u){if(!v)return l();r?l(!1,r):n=setTimeout(()=>{l(!1,1e-7)},1e3)}1!==r||xu(s,e.getBoundingClientRect())||l(),v=!1}try{r=new IntersectionObserver(h,{...d,root:o.ownerDocument})}catch(e){r=new IntersectionObserver(h,d)}r.observe(e)}(!0),i}(s,n):null;let f,m=-1,d=null;l&&(d=new ResizeObserver(e=>{let[r]=e;r&&r.target===s&&d&&(d.unobserve(t),cancelAnimationFrame(m),m=requestAnimationFrame(()=>{var e;null==(e=d)||e.observe(t)})),n()}),s&&!u&&d.observe(s),d.observe(t));let v=u?Eu(e):null;return u&&function t(){const r=Eu(e);v&&!xu(v,r)&&n(),v=r,f=requestAnimationFrame(t)}(),n(),()=>{var e;c.forEach(e=>{o&&e.removeEventListener("scroll",n),i&&e.removeEventListener("resize",n)}),null==p||p(),null==(e=d)||e.disconnect(),d=null,u&&cancelAnimationFrame(f)}}(r,a.current,y,{elementResize:"ResizeObserver"in window}))},[r,y]);Cu(function(){g()},[g]);var b=(0,h.useCallback)(function(e){a.current=e,g()},[g]);if(!t&&"fixed"!==l||!d)return null;var w=qa("div",Ga({ref:b},Au(Wa(Wa({},e),{},{offset:d.offset,position:l,rect:d.rect}),"menuPortal",{"menu-portal":!0}),o),n);return qa(Yu.Provider,{value:f},t?(0,Vt.createPortal)(w,t):w)},LoadingMessage:function(e){var t=e.children,n=void 0===t?"Loading...":t,r=e.innerProps,o=Ka(e,$u);return qa("div",Ga({},Au(Wa(Wa({},o),{},{children:n,innerProps:r}),"loadingMessage",{"menu-notice":!0,"menu-notice--loading":!0}),r),n)},NoOptionsMessage:function(e){var t=e.children,n=void 0===t?"No options":t,r=e.innerProps,o=Ka(e,Qu);return qa("div",Ga({},Au(Wa(Wa({},o),{},{children:n,innerProps:r}),"noOptionsMessage",{"menu-notice":!0,"menu-notice--no-options":!0}),r),n)},MultiValue:function(e){var t=e.children,n=e.components,r=e.data,o=e.innerProps,i=e.isDisabled,l=e.removeProps,a=e.selectProps,u=n.Container,s=n.Label,c=n.Remove;return qa(u,{data:r,innerProps:Wa(Wa({},Au(e,"multiValue",{"multi-value":!0,"multi-value--is-disabled":i})),o),selectProps:a},qa(s,{data:r,innerProps:Wa({},Au(e,"multiValueLabel",{"multi-value__label":!0})),selectProps:a},t),qa(c,{data:r,innerProps:Wa(Wa({},Au(e,"multiValueRemove",{"multi-value__remove":!0})),{},{"aria-label":"Remove ".concat(t||"option")},l),selectProps:a}))},MultiValueContainer:bs,MultiValueLabel:bs,MultiValueRemove:function(e){var t=e.children,n=e.innerProps;return qa("div",Ga({role:"button"},n),t||qa(as,{size:14}))},Option:function(e){var t=e.children,n=e.isDisabled,r=e.isFocused,o=e.isSelected,i=e.innerRef,l=e.innerProps;return qa("div",Ga({},Au(e,"option",{option:!0,"option--is-disabled":n,"option--is-focused":r,"option--is-selected":o}),{ref:i,"aria-disabled":n},l),t)},Placeholder:function(e){var t=e.children,n=e.innerProps;return qa("div",Ga({},Au(e,"placeholder",{placeholder:!0}),n),t)},SelectContainer:function(e){var t=e.children,n=e.innerProps,r=e.isDisabled,o=e.isRtl;return qa("div",Ga({},Au(e,"container",{"--is-disabled":r,"--is-rtl":o}),n),t)},SingleValue:function(e){var t=e.children,n=e.isDisabled,r=e.innerProps;return qa("div",Ga({},Au(e,"singleValue",{"single-value":!0,"single-value--is-disabled":n}),r),t)},ValueContainer:function(e){var t=e.children,n=e.innerProps,r=e.isMulti,o=e.hasValue;return qa("div",Ga({},Au(e,"valueContainer",{"value-container":!0,"value-container--is-multi":r,"value-container--has-value":o}),n),t)}},_s=["defaultInputValue","defaultMenuIsOpen","defaultValue","inputValue","menuIsOpen","onChange","onInputChange","onMenuClose","onMenuOpen","value"];function Os(e){var t=e.defaultInputValue,n=void 0===t?"":t,r=e.defaultMenuIsOpen,o=void 0!==r&&r,i=e.defaultValue,l=void 0===i?null:i,a=e.inputValue,u=e.menuIsOpen,s=e.onChange,c=e.onInputChange,p=e.onMenuClose,f=e.onMenuOpen,m=e.value,d=Ka(e,_s),v=Ya((0,h.useState)(void 0!==a?a:n),2),y=v[0],g=v[1],b=Ya((0,h.useState)(void 0!==u?u:o),2),w=b[0],_=b[1],O=Ya((0,h.useState)(void 0!==m?m:l),2),S=O[0],E=O[1],x=(0,h.useCallback)(function(e,t){"function"==typeof s&&s(e,t),E(e)},[s]),C=(0,h.useCallback)(function(e,t){var n;"function"==typeof c&&(n=c(e,t)),g(void 0!==n?n:e)},[c]),P=(0,h.useCallback)(function(){"function"==typeof f&&f(),_(!0)},[f]),j=(0,h.useCallback)(function(){"function"==typeof p&&p(),_(!1)},[p]),k=void 0!==a?a:y,T=void 0!==u?u:w,D=void 0!==m?m:S;return Wa(Wa({},d),{},{inputValue:k,menuIsOpen:T,onChange:x,onInputChange:C,onMenuClose:j,onMenuOpen:P,value:D})}function Ss(e,t){for(var n=0;n1?"s":""," ").concat(o.join(","),", selected.");case"select-option":return"option ".concat(r,i?" is disabled. Select another option.":", selected.");default:return""}},onFocus:function(e){var t=e.context,n=e.focused,r=e.options,o=e.label,i=void 0===o?"":o,l=e.selectValue,a=e.isDisabled,u=e.isSelected,s=e.isAppleDevice,c=function(e,t){return e&&e.length?"".concat(e.indexOf(t)+1," of ").concat(e.length):""};if("value"===t&&l)return"value ".concat(i," focused, ").concat(c(l,n),".");if("menu"===t&&s){var p=a?" disabled":"",f="".concat(u?" selected":"").concat(p);return"".concat(i).concat(f,", ").concat(c(r,n),".")}return""},onFilter:function(e){var t=e.inputValue,n=e.resultsMessage;return"".concat(n).concat(t?" for search term "+t:"",".")}},Ms=function(e){var t=e.ariaSelection,n=e.focusedOption,r=e.focusedValue,o=e.focusableOptions,i=e.isFocused,l=e.selectValue,a=e.selectProps,u=e.id,s=e.isAppleDevice,c=a.ariaLiveMessages,p=a.getOptionLabel,f=a.inputValue,m=a.isMulti,d=a.isOptionDisabled,v=a.isSearchable,y=a.menuIsOpen,g=a.options,b=a.screenReaderStatus,w=a.tabSelectsValue,_=a.isLoading,O=a["aria-label"],S=a["aria-live"],E=(0,h.useMemo)(function(){return Wa(Wa({},As),c||{})},[c]),x=(0,h.useMemo)(function(){var e,n="";if(t&&E.onChange){var r=t.option,o=t.options,i=t.removedValue,a=t.removedValues,u=t.value,s=i||r||(e=u,Array.isArray(e)?null:e),c=s?p(s):"",f=o||a||void 0,m=f?f.map(p):[],v=Wa({isDisabled:s&&d(s,l),label:c,labels:m},t);n=E.onChange(v)}return n},[t,E,d,l,p]),C=(0,h.useMemo)(function(){var e="",t=n||r,i=!!(n&&l&&l.includes(n));if(t&&E.onFocus){var a={focused:t,label:p(t),isDisabled:d(t,l),isSelected:i,options:o,context:t===n?"menu":"value",selectValue:l,isAppleDevice:s};e=E.onFocus(a)}return e},[n,r,p,d,E,o,l,s]),P=(0,h.useMemo)(function(){var e="";if(y&&g.length&&!_&&E.onFilter){var t=b({count:o.length});e=E.onFilter({inputValue:f,resultsMessage:t})}return e},[o,f,y,E,g,b,_]),j="initial-input-focus"===(null==t?void 0:t.action),k=(0,h.useMemo)(function(){var e="";if(E.guidance){var t=r?"value":y?"menu":"input";e=E.guidance({"aria-label":O,context:t,isDisabled:n&&d(n,l),isMulti:m,isSearchable:v,tabSelectsValue:w,isInitialFocus:j})}return e},[O,n,r,m,d,v,y,E,l,w,j]),T=qa(h.Fragment,null,qa("span",{id:"aria-selection"},x),qa("span",{id:"aria-focused"},C),qa("span",{id:"aria-results"},P),qa("span",{id:"aria-guidance"},k));return qa(h.Fragment,null,qa(Is,{id:u},j&&T),qa(Is,{"aria-live":S,"aria-atomic":"false","aria-relevant":"additions text",role:"log"},i&&!j&&T))},Ls=[{base:"A",letters:"AⒶＡÀÁÂẦẤẪẨÃĀĂẰẮẴẲȦǠÄǞẢÅǺǍȀȂẠẬẶḀĄȺⱯ"},{base:"AA",letters:"Ꜳ"},{base:"AE",letters:"ÆǼǢ"},{base:"AO",letters:"Ꜵ"},{base:"AU",letters:"Ꜷ"},{base:"AV",letters:"ꜸꜺ"},{base:"AY",letters:"Ꜽ"},{base:"B",letters:"BⒷＢḂḄḆɃƂƁ"},{base:"C",letters:"CⒸＣĆĈĊČÇḈƇȻꜾ"},{base:"D",letters:"DⒹＤḊĎḌḐḒḎĐƋƊƉꝹ"},{base:"DZ",letters:"DZDŽ"},{base:"Dz",letters:"DzDž"},{base:"E",letters:"EⒺＥÈÉÊỀẾỄỂẼĒḔḖĔĖËẺĚȄȆẸỆȨḜĘḘḚƐƎ"},{base:"F",letters:"FⒻＦḞƑꝻ"},{base:"G",letters:"GⒼＧǴĜḠĞĠǦĢǤƓꞠꝽꝾ"},{base:"H",letters:"HⒽＨĤḢḦȞḤḨḪĦⱧⱵꞍ"},{base:"I",letters:"IⒾＩÌÍÎĨĪĬİÏḮỈǏȈȊỊĮḬƗ"},{base:"J",letters:"JⒿＪĴɈ"},{base:"K",letters:"KⓀＫḰǨḲĶḴƘⱩꝀꝂꝄꞢ"},{base:"L",letters:"LⓁＬĿĹĽḶḸĻḼḺŁȽⱢⱠꝈꝆꞀ"},{base:"LJ",letters:"LJ"},{base:"Lj",letters:"Lj"},{base:"M",letters:"MⓂＭḾṀṂⱮƜ"},{base:"N",letters:"NⓃＮǸŃÑṄŇṆŅṊṈȠƝꞐꞤ"},{base:"NJ",letters:"NJ"},{base:"Nj",letters:"Nj"},{base:"O",letters:"OⓄＯÒÓÔỒỐỖỔÕṌȬṎŌṐṒŎȮȰÖȪỎŐǑȌȎƠỜỚỠỞỢỌỘǪǬØǾƆƟꝊꝌ"},{base:"OI",letters:"Ƣ"},{base:"OO",letters:"Ꝏ"},{base:"OU",letters:"Ȣ"},{base:"P",letters:"PⓅＰṔṖƤⱣꝐꝒꝔ"},{base:"Q",letters:"QⓆＱꝖꝘɊ"},{base:"R",letters:"RⓇＲŔṘŘȐȒṚṜŖṞɌⱤꝚꞦꞂ"},{base:"S",letters:"SⓈＳẞŚṤŜṠŠṦṢṨȘŞⱾꞨꞄ"},{base:"T",letters:"TⓉＴṪŤṬȚŢṰṮŦƬƮȾꞆ"},{base:"TZ",letters:"Ꜩ"},{base:"U",letters:"UⓊＵÙÚÛŨṸŪṺŬÜǛǗǕǙỦŮŰǓȔȖƯỪỨỮỬỰỤṲŲṶṴɄ"},{base:"V",letters:"VⓋＶṼṾƲꝞɅ"},{base:"VY",letters:"Ꝡ"},{base:"W",letters:"WⓌＷẀẂŴẆẄẈⱲ"},{base:"X",letters:"XⓍＸẊẌ"},{base:"Y",letters:"YⓎＹỲÝŶỸȲẎŸỶỴƳɎỾ"},{base:"Z",letters:"ZⓏＺŹẐŻŽẒẔƵȤⱿⱫꝢ"},{base:"a",letters:"aⓐａẚàáâầấẫẩãāăằắẵẳȧǡäǟảåǻǎȁȃạậặḁąⱥɐ"},{base:"aa",letters:"ꜳ"},{base:"ae",letters:"æǽǣ"},{base:"ao",letters:"ꜵ"},{base:"au",letters:"ꜷ"},{base:"av",letters:"ꜹꜻ"},{base:"ay",letters:"ꜽ"},{base:"b",letters:"bⓑｂḃḅḇƀƃɓ"},{base:"c",letters:"cⓒｃćĉċčçḉƈȼꜿↄ"},{base:"d",letters:"dⓓｄḋďḍḑḓḏđƌɖɗꝺ"},{base:"dz",letters:"dzdž"},{base:"e",letters:"eⓔｅèéêềếễểẽēḕḗĕėëẻěȅȇẹệȩḝęḙḛɇɛǝ"},{base:"f",letters:"fⓕｆḟƒꝼ"},{base:"g",letters:"gⓖｇǵĝḡğġǧģǥɠꞡᵹꝿ"},{base:"h",letters:"hⓗｈĥḣḧȟḥḩḫẖħⱨⱶɥ"},{base:"hv",letters:"ƕ"},{base:"i",letters:"iⓘｉìíîĩīĭïḯỉǐȉȋịįḭɨı"},{base:"j",letters:"jⓙｊĵǰɉ"},{base:"k",letters:"kⓚｋḱǩḳķḵƙⱪꝁꝃꝅꞣ"},{base:"l",letters:"lⓛｌŀĺľḷḹļḽḻſłƚɫⱡꝉꞁꝇ"},{base:"lj",letters:"lj"},{base:"m",letters:"mⓜｍḿṁṃɱɯ"},{base:"n",letters:"nⓝｎǹńñṅňṇņṋṉƞɲʼnꞑꞥ"},{base:"nj",letters:"nj"},{base:"o",letters:"oⓞｏòóôồốỗổõṍȭṏōṑṓŏȯȱöȫỏőǒȍȏơờớỡởợọộǫǭøǿɔꝋꝍɵ"},{base:"oi",letters:"ƣ"},{base:"ou",letters:"ȣ"},{base:"oo",letters:"ꝏ"},{base:"p",letters:"pⓟｐṕṗƥᵽꝑꝓꝕ"},{base:"q",letters:"qⓠｑɋꝗꝙ"},{base:"r",letters:"rⓡｒŕṙřȑȓṛṝŗṟɍɽꝛꞧꞃ"},{base:"s",letters:"sⓢｓßśṥŝṡšṧṣṩșşȿꞩꞅẛ"},{base:"t",letters:"tⓣｔṫẗťṭțţṱṯŧƭʈⱦꞇ"},{base:"tz",letters:"ꜩ"},{base:"u",letters:"uⓤｕùúûũṹūṻŭüǜǘǖǚủůűǔȕȗưừứữửựụṳųṷṵʉ"},{base:"v",letters:"vⓥｖṽṿʋꝟʌ"},{base:"vy",letters:"ꝡ"},{base:"w",letters:"wⓦｗẁẃŵẇẅẘẉⱳ"},{base:"x",letters:"xⓧｘẋẍ"},{base:"y",letters:"yⓨｙỳýŷỹȳẏÿỷẙỵƴɏỿ"},{base:"z",letters:"zⓩｚźẑżžẓẕƶȥɀⱬꝣ"}],Rs=new RegExp("["+Ls.map(function(e){return e.letters}).join("")+"]","g"),Ns={},Bs=0;Bs1?t-1:0),r=1;r0,v=p-f-c,h=!1;v>t&&l.current&&(r&&r(e),l.current=!1),d&&a.current&&(i&&i(e),a.current=!1),d&&t>v?(n&&!l.current&&n(e),m.scrollTop=p,h=!0,l.current=!0):!d&&-t>c&&(o&&!a.current&&o(e),m.scrollTop=0,h=!0,a.current=!0),h&&function(e){e.cancelable&&e.preventDefault(),e.stopPropagation()}(e)}},[n,r,o,i]),p=(0,h.useCallback)(function(e){c(e,e.deltaY)},[c]),f=(0,h.useCallback)(function(e){u.current=e.changedTouches[0].clientY},[]),m=(0,h.useCallback)(function(e){var t=u.current-e.changedTouches[0].clientY;c(e,t)},[c]),d=(0,h.useCallback)(function(e){if(e){var t=!!Uu&&{passive:!1};e.addEventListener("wheel",p,t),e.addEventListener("touchstart",f,t),e.addEventListener("touchmove",m,t)}},[m,f,p]),v=(0,h.useCallback)(function(e){e&&(e.removeEventListener("wheel",p,!1),e.removeEventListener("touchstart",f,!1),e.removeEventListener("touchmove",m,!1))},[m,f,p]);return(0,h.useEffect)(function(){if(t){var e=s.current;return d(e),function(){v(e)}}},[t,d,v]),function(e){s.current=e}}({isEnabled:void 0===r||r,onBottomArrive:e.onBottomArrive,onBottomLeave:e.onBottomLeave,onTopArrive:e.onTopArrive,onTopLeave:e.onTopLeave}),i=function(e){var t=e.isEnabled,n=e.accountForScrollbars,r=void 0===n||n,o=(0,h.useRef)({}),i=(0,h.useRef)(null),l=(0,h.useCallback)(function(e){if(Ks){var t=document.body,n=t&&t.style;if(r&&$s.forEach(function(e){var t=n&&n[e];o.current[e]=t}),r&&ec<1){var i=parseInt(o.current.paddingRight,10)||0,l=document.body?document.body.clientWidth:0,a=window.innerWidth-l+i||0;Object.keys(qs).forEach(function(e){var t=qs[e];n&&(n[e]=t)}),n&&(n.paddingRight="".concat(a,"px"))}t&&Ys()&&(t.addEventListener("touchmove",Zs,tc),e&&(e.addEventListener("touchstart",Xs,tc),e.addEventListener("touchmove",Js,tc))),ec+=1}},[r]),a=(0,h.useCallback)(function(e){if(Ks){var t=document.body,n=t&&t.style;ec=Math.max(ec-1,0),r&&ec<1&&$s.forEach(function(e){var t=o.current[e];n&&(n[e]=t)}),t&&Ys()&&(t.removeEventListener("touchmove",Zs,tc),e&&(e.removeEventListener("touchstart",Xs,tc),e.removeEventListener("touchmove",Js,tc)))}},[r]);return(0,h.useEffect)(function(){if(t){var e=i.current;return l(e),function(){a(e)}}},[t,l,a]),function(e){i.current=e}}({isEnabled:n});return qa(h.Fragment,null,n&&qa("div",{onClick:nc,css:rc}),t(function(e){o(e),i(e)}))}var ic={name:"1a0ro4n-requiredInput",styles:"label:requiredInput;opacity:0;pointer-events:none;position:absolute;bottom:0;left:0;right:0;width:100%"},lc=function(e){var t=e.name,n=e.onFocus;return qa("input",{required:!0,name:t,tabIndex:-1,"aria-hidden":"true",onFocus:n,css:ic,value:"",onChange:function(){}})};function ac(e){var t;return"undefined"!=typeof window&&null!=window.navigator&&e.test((null===(t=window.navigator.userAgentData)||void 0===t?void 0:t.platform)||window.navigator.platform)}function uc(){return ac(/^Mac/i)}var sc=function(e){return e.label},cc=function(e){return e.value},pc={clearIndicator:ps,container:function(e){var t=e.isDisabled;return{label:"container",direction:e.isRtl?"rtl":void 0,pointerEvents:t?"none":void 0,position:"relative"}},control:function(e,t){var n=e.isDisabled,r=e.isFocused,o=e.theme,i=o.colors,l=o.borderRadius;return Wa({label:"control",alignItems:"center",cursor:"default",display:"flex",flexWrap:"wrap",justifyContent:"space-between",minHeight:o.spacing.controlHeight,outline:"0 !important",position:"relative",transition:"all 100ms"},t?{}:{backgroundColor:n?i.neutral5:i.neutral0,borderColor:n?i.neutral10:r?i.primary:i.neutral20,borderRadius:l,borderStyle:"solid",borderWidth:1,boxShadow:r?"0 0 0 1px ".concat(i.primary):void 0,"&:hover":{borderColor:r?i.primary:i.neutral30}})},dropdownIndicator:cs,group:function(e,t){var n=e.theme.spacing;return t?{}:{paddingBottom:2*n.baseUnit,paddingTop:2*n.baseUnit}},groupHeading:function(e,t){var n=e.theme,r=n.colors,o=n.spacing;return Wa({label:"group",cursor:"default",display:"block"},t?{}:{color:r.neutral40,fontSize:"75%",fontWeight:500,marginBottom:"0.25em",paddingLeft:3*o.baseUnit,paddingRight:3*o.baseUnit,textTransform:"uppercase"})},indicatorsContainer:function(){return{alignItems:"center",alignSelf:"stretch",display:"flex",flexShrink:0}},indicatorSeparator:function(e,t){var n=e.isDisabled,r=e.theme,o=r.spacing.baseUnit,i=r.colors;return Wa({label:"indicatorSeparator",alignSelf:"stretch",width:1},t?{}:{backgroundColor:n?i.neutral10:i.neutral20,marginBottom:2*o,marginTop:2*o})},input:function(e,t){var n=e.isDisabled,r=e.value,o=e.theme,i=o.spacing,l=o.colors;return Wa(Wa({visibility:n?"hidden":"visible",transform:r?"translateZ(0)":""},ys),t?{}:{margin:i.baseUnit/2,paddingBottom:i.baseUnit/2,paddingTop:i.baseUnit/2,color:l.neutral80})},loadingIndicator:function(e,t){var n=e.isFocused,r=e.size,o=e.theme,i=o.colors,l=o.spacing.baseUnit;return Wa({label:"loadingIndicator",display:"flex",transition:"color 150ms",alignSelf:"center",fontSize:r,lineHeight:1,marginRight:r,textAlign:"center",verticalAlign:"middle"},t?{}:{color:n?i.neutral60:i.neutral20,padding:2*l})},loadingMessage:ns,menu:function(e,t){var n,r=e.placement,o=e.theme,i=o.borderRadius,l=o.spacing,a=o.colors;return Wa((za(n={label:"menu"},function(e){return e?{bottom:"top",top:"bottom"}[e]:"bottom"}(r),"100%"),za(n,"position","absolute"),za(n,"width","100%"),za(n,"zIndex",1),n),t?{}:{backgroundColor:a.neutral0,borderRadius:i,boxShadow:"0 0 0 1px hsla(0, 0%, 0%, 0.1), 0 4px 11px hsla(0, 0%, 0%, 0.1)",marginBottom:l.menuGutter,marginTop:l.menuGutter})},menuList:function(e,t){var n=e.maxHeight,r=e.theme.spacing.baseUnit;return Wa({maxHeight:n,overflowY:"auto",position:"relative",WebkitOverflowScrolling:"touch"},t?{}:{paddingBottom:r,paddingTop:r})},menuPortal:function(e){var t=e.rect,n=e.offset,r=e.position;return{left:t.left,position:r,top:n,width:t.width,zIndex:1}},multiValue:function(e,t){var n=e.theme,r=n.spacing,o=n.borderRadius,i=n.colors;return Wa({label:"multiValue",display:"flex",minWidth:0},t?{}:{backgroundColor:i.neutral10,borderRadius:o/2,margin:r.baseUnit/2})},multiValueLabel:function(e,t){var n=e.theme,r=n.borderRadius,o=n.colors,i=e.cropWithEllipsis;return Wa({overflow:"hidden",textOverflow:i||void 0===i?"ellipsis":void 0,whiteSpace:"nowrap"},t?{}:{borderRadius:r/2,color:o.neutral80,fontSize:"85%",padding:3,paddingLeft:6})},multiValueRemove:function(e,t){var n=e.theme,r=n.spacing,o=n.borderRadius,i=n.colors,l=e.isFocused;return Wa({alignItems:"center",display:"flex"},t?{}:{borderRadius:o/2,backgroundColor:l?i.dangerLight:void 0,paddingLeft:r.baseUnit,paddingRight:r.baseUnit,":hover":{backgroundColor:i.dangerLight,color:i.danger}})},noOptionsMessage:ts,option:function(e,t){var n=e.isDisabled,r=e.isFocused,o=e.isSelected,i=e.theme,l=i.spacing,a=i.colors;return Wa({label:"option",cursor:"default",display:"block",fontSize:"inherit",width:"100%",userSelect:"none",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)"},t?{}:{backgroundColor:o?a.primary:r?a.primary25:"transparent",color:n?a.neutral20:o?a.neutral0:"inherit",padding:"".concat(2*l.baseUnit,"px ").concat(3*l.baseUnit,"px"),":active":{backgroundColor:n?void 0:o?a.primary:a.primary50}})},placeholder:function(e,t){var n=e.theme,r=n.spacing,o=n.colors;return Wa({label:"placeholder",gridArea:"1 / 1 / 2 / 3"},t?{}:{color:o.neutral50,marginLeft:r.baseUnit/2,marginRight:r.baseUnit/2})},singleValue:function(e,t){var n=e.isDisabled,r=e.theme,o=r.spacing,i=r.colors;return Wa({label:"singleValue",gridArea:"1 / 1 / 2 / 3",maxWidth:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},t?{}:{color:n?i.neutral40:i.neutral80,marginLeft:o.baseUnit/2,marginRight:o.baseUnit/2})},valueContainer:function(e,t){var n=e.theme.spacing,r=e.isMulti,o=e.hasValue,i=e.selectProps.controlShouldRenderValue;return Wa({alignItems:"center",display:r&&o&&i?"flex":"grid",flex:1,flexWrap:"wrap",WebkitOverflowScrolling:"touch",position:"relative",overflow:"hidden"},t?{}:{padding:"".concat(n.baseUnit/2,"px ").concat(2*n.baseUnit,"px")})}},fc={borderRadius:4,colors:{primary:"#2684FF",primary75:"#4C9AFF",primary50:"#B2D4FF",primary25:"#DEEBFF",danger:"#DE350B",dangerLight:"#FFBDAD",neutral0:"hsl(0, 0%, 100%)",neutral5:"hsl(0, 0%, 95%)",neutral10:"hsl(0, 0%, 90%)",neutral20:"hsl(0, 0%, 80%)",neutral30:"hsl(0, 0%, 70%)",neutral40:"hsl(0, 0%, 60%)",neutral50:"hsl(0, 0%, 50%)",neutral60:"hsl(0, 0%, 40%)",neutral70:"hsl(0, 0%, 30%)",neutral80:"hsl(0, 0%, 20%)",neutral90:"hsl(0, 0%, 10%)"},spacing:{baseUnit:4,controlHeight:38,menuGutter:8}},mc={"aria-live":"polite",backspaceRemovesValue:!0,blurInputOnSelect:Vu(),captureMenuScroll:!Vu(),classNames:{},closeMenuOnSelect:!0,closeMenuOnScroll:!1,components:{},controlShouldRenderValue:!0,escapeClearsValue:!1,filterOption:function(e,t){if(e.data.__isNew__)return!0;var n=Wa({ignoreCase:!0,ignoreAccents:!0,stringify:Ws,trim:!0,matchFrom:"any"},undefined),r=n.ignoreCase,o=n.ignoreAccents,i=n.stringify,l=n.trim,a=n.matchFrom,u=l?Us(t):t,s=l?Us(i(e)):i(e);return r&&(u=u.toLowerCase(),s=s.toLowerCase()),o&&(u=zs(u),s=Hs(s)),"start"===a?s.substr(0,u.length)===u:s.indexOf(u)>-1},formatGroupLabel:function(e){return e.label},getOptionLabel:sc,getOptionValue:cc,isDisabled:!1,isLoading:!1,isMulti:!1,isRtl:!1,isSearchable:!0,isOptionDisabled:function(e){return!!e.isDisabled},loadingMessage:function(){return"Loading..."},maxMenuHeight:300,minMenuHeight:140,menuIsOpen:!1,menuPlacement:"bottom",menuPosition:"absolute",menuShouldBlockScroll:!1,menuShouldScrollIntoView:!function(){try{return/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)}catch(e){return!1}}(),noOptionsMessage:function(){return"No options"},openMenuOnFocus:!1,openMenuOnClick:!0,options:[],pageSize:5,placeholder:"Select...",screenReaderStatus:function(e){var t=e.count;return"".concat(t," result").concat(1!==t?"s":""," available")},styles:{},tabIndex:0,tabSelectsValue:!0,unstyled:!1};function dc(e,t,n,r){return{type:"option",data:t,isDisabled:Oc(e,t,n),isSelected:Sc(e,t,n),label:wc(e,t),value:_c(e,t),index:r}}function vc(e,t){return e.options.map(function(n,r){if("options"in n){var o=n.options.map(function(n,r){return dc(e,n,t,r)}).filter(function(t){return gc(e,t)});return o.length>0?{type:"group",data:n,options:o,index:r}:void 0}var i=dc(e,n,t,r);return gc(e,i)?i:void 0}).filter(Wu)}function hc(e){return e.reduce(function(e,t){return"group"===t.type?e.push.apply(e,Ps(t.options.map(function(e){return e.data}))):e.push(t.data),e},[])}function yc(e,t){return e.reduce(function(e,n){return"group"===n.type?e.push.apply(e,Ps(n.options.map(function(e){return{data:e.data,id:"".concat(t,"-").concat(n.index,"-").concat(e.index)}}))):e.push({data:n.data,id:"".concat(t,"-").concat(n.index)}),e},[])}function gc(e,t){var n=e.inputValue,r=void 0===n?"":n,o=t.data,i=t.isSelected,l=t.label,a=t.value;return(!xc(e)||!i)&&Ec(e,{label:l,value:a,data:o},r)}var bc=function(e,t){var n;return(null===(n=e.find(function(e){return e.data===t}))||void 0===n?void 0:n.id)||null},wc=function(e,t){return e.getOptionLabel(t)},_c=function(e,t){return e.getOptionValue(t)};function Oc(e,t,n){return"function"==typeof e.isOptionDisabled&&e.isOptionDisabled(t,n)}function Sc(e,t,n){if(n.indexOf(t)>-1)return!0;if("function"==typeof e.isOptionSelected)return e.isOptionSelected(t,n);var r=_c(e,t);return n.some(function(t){return _c(e,t)===r})}function Ec(e,t,n){return!e.filterOption||e.filterOption(t,n)}var xc=function(e){var t=e.hideSelectedOptions,n=e.isMulti;return void 0===t?n:t},Cc=1,Pc=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&Es(e,t)}(n,e);var t=function(e){var t=Cs();return function(){var n,r=xs(e);if(t){var o=xs(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return function(e,t){if(t&&("object"==Fa(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,n)}}(n);function n(e){var r;if(function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,n),(r=t.call(this,e)).state={ariaSelection:null,focusedOption:null,focusedOptionId:null,focusableOptionsWithIds:[],focusedValue:null,inputIsHidden:!1,isFocused:!1,selectValue:[],clearFocusValueOnUpdate:!1,prevWasFocused:!1,inputIsHiddenAfterUpdate:void 0,prevProps:void 0,instancePrefix:"",isAppleDevice:!1},r.blockOptionHover=!1,r.isComposing=!1,r.commonProps=void 0,r.initialTouchX=0,r.initialTouchY=0,r.openAfterFocus=!1,r.scrollToFocusedOptionOnUpdate=!1,r.userIsDragging=void 0,r.controlRef=null,r.getControlRef=function(e){r.controlRef=e},r.focusedOptionRef=null,r.getFocusedOptionRef=function(e){r.focusedOptionRef=e},r.menuListRef=null,r.getMenuListRef=function(e){r.menuListRef=e},r.inputRef=null,r.getInputRef=function(e){r.inputRef=e},r.focus=r.focusInput,r.blur=r.blurInput,r.onChange=function(e,t){var n=r.props,o=n.onChange,i=n.name;t.name=i,r.ariaOnChange(e,t),o(e,t)},r.setValue=function(e,t,n){var o=r.props,i=o.closeMenuOnSelect,l=o.isMulti,a=o.inputValue;r.onInputChange("",{action:"set-value",prevInputValue:a}),i&&(r.setState({inputIsHiddenAfterUpdate:!l}),r.onMenuClose()),r.setState({clearFocusValueOnUpdate:!0}),r.onChange(e,{action:t,option:n})},r.selectOption=function(e){var t=r.props,n=t.blurInputOnSelect,o=t.isMulti,i=t.name,l=r.state.selectValue,a=o&&r.isOptionSelected(e,l),u=r.isOptionDisabled(e,l);if(a){var s=r.getOptionValue(e);r.setValue(l.filter(function(e){return r.getOptionValue(e)!==s}),"deselect-option",e)}else{if(u)return void r.ariaOnChange(e,{action:"select-option",option:e,name:i});o?r.setValue([].concat(Ps(l),[e]),"select-option",e):r.setValue(e,"select-option")}n&&r.blurInput()},r.removeValue=function(e){var t=r.props.isMulti,n=r.state.selectValue,o=r.getOptionValue(e),i=n.filter(function(e){return r.getOptionValue(e)!==o}),l=Gu(t,i,i[0]||null);r.onChange(l,{action:"remove-value",removedValue:e}),r.focusInput()},r.clearValue=function(){var e=r.state.selectValue;r.onChange(Gu(r.props.isMulti,[],null),{action:"clear",removedValues:e})},r.popValue=function(){var e=r.props.isMulti,t=r.state.selectValue,n=t[t.length-1],o=t.slice(0,t.length-1),i=Gu(e,o,o[0]||null);n&&r.onChange(i,{action:"pop-value",removedValue:n})},r.getFocusedOptionId=function(e){return bc(r.state.focusableOptionsWithIds,e)},r.getFocusableOptionsWithIds=function(){return yc(vc(r.props,r.state.selectValue),r.getElementId("option"))},r.getValue=function(){return r.state.selectValue},r.cx=function(){for(var e=arguments.length,t=new Array(e),n=0;n5||i>5}},r.onTouchEnd=function(e){r.userIsDragging||(r.controlRef&&!r.controlRef.contains(e.target)&&r.menuListRef&&!r.menuListRef.contains(e.target)&&r.blurInput(),r.initialTouchX=0,r.initialTouchY=0)},r.onControlTouchEnd=function(e){r.userIsDragging||r.onControlMouseDown(e)},r.onClearIndicatorTouchEnd=function(e){r.userIsDragging||r.onClearIndicatorMouseDown(e)},r.onDropdownIndicatorTouchEnd=function(e){r.userIsDragging||r.onDropdownIndicatorMouseDown(e)},r.handleInputChange=function(e){var t=r.props.inputValue,n=e.currentTarget.value;r.setState({inputIsHiddenAfterUpdate:!1}),r.onInputChange(n,{action:"input-change",prevInputValue:t}),r.props.menuIsOpen||r.onMenuOpen()},r.onInputFocus=function(e){r.props.onFocus&&r.props.onFocus(e),r.setState({inputIsHiddenAfterUpdate:!1,isFocused:!0}),(r.openAfterFocus||r.props.openMenuOnFocus)&&r.openMenu("first"),r.openAfterFocus=!1},r.onInputBlur=function(e){var t=r.props.inputValue;r.menuListRef&&r.menuListRef.contains(document.activeElement)?r.inputRef.focus():(r.props.onBlur&&r.props.onBlur(e),r.onInputChange("",{action:"input-blur",prevInputValue:t}),r.onMenuClose(),r.setState({focusedValue:null,isFocused:!1}))},r.onOptionHover=function(e){if(!r.blockOptionHover&&r.state.focusedOption!==e){var t=r.getFocusableOptions().indexOf(e);r.setState({focusedOption:e,focusedOptionId:t>-1?r.getFocusedOptionId(e):null})}},r.shouldHideSelectedOptions=function(){return xc(r.props)},r.onValueInputFocus=function(e){e.preventDefault(),e.stopPropagation(),r.focus()},r.onKeyDown=function(e){var t=r.props,n=t.isMulti,o=t.backspaceRemovesValue,i=t.escapeClearsValue,l=t.inputValue,a=t.isClearable,u=t.isDisabled,s=t.menuIsOpen,c=t.onKeyDown,p=t.tabSelectsValue,f=t.openMenuOnFocus,m=r.state,d=m.focusedOption,v=m.focusedValue,h=m.selectValue;if(!(u||"function"==typeof c&&(c(e),e.defaultPrevented))){switch(r.blockOptionHover=!0,e.key){case"ArrowLeft":if(!n||l)return;r.focusValue("previous");break;case"ArrowRight":if(!n||l)return;r.focusValue("next");break;case"Delete":case"Backspace":if(l)return;if(v)r.removeValue(v);else{if(!o)return;n?r.popValue():a&&r.clearValue()}break;case"Tab":if(r.isComposing)return;if(e.shiftKey||!s||!p||!d||f&&r.isOptionSelected(d,h))return;r.selectOption(d);break;case"Enter":if(229===e.keyCode)break;if(s){if(!d)return;if(r.isComposing)return;r.selectOption(d);break}return;case"Escape":s?(r.setState({inputIsHiddenAfterUpdate:!1}),r.onInputChange("",{action:"menu-close",prevInputValue:l}),r.onMenuClose()):a&&i&&r.clearValue();break;case" ":if(l)return;if(!s){r.openMenu("first");break}if(!d)return;r.selectOption(d);break;case"ArrowUp":s?r.focusOption("up"):r.openMenu("last");break;case"ArrowDown":s?r.focusOption("down"):r.openMenu("first");break;case"PageUp":if(!s)return;r.focusOption("pageup");break;case"PageDown":if(!s)return;r.focusOption("pagedown");break;case"Home":if(!s)return;r.focusOption("first");break;case"End":if(!s)return;r.focusOption("last");break;default:return}e.preventDefault()}},r.state.instancePrefix="react-select-"+(r.props.instanceId||++Cc),r.state.selectValue=Du(e.value),e.menuIsOpen&&r.state.selectValue.length){var o=r.getFocusableOptionsWithIds(),i=r.buildFocusableOptions(),l=i.indexOf(r.state.selectValue[0]);r.state.focusableOptionsWithIds=o,r.state.focusedOption=i[l],r.state.focusedOptionId=bc(o,i[l])}return r}return function(e,t,n){t&&Ss(e.prototype,t),n&&Ss(e,n),Object.defineProperty(e,"prototype",{writable:!1})}(n,[{key:"componentDidMount",value:function(){this.startListeningComposition(),this.startListeningToTouch(),this.props.closeMenuOnScroll&&document&&document.addEventListener&&document.addEventListener("scroll",this.onScroll,!0),this.props.autoFocus&&this.focusInput(),this.props.menuIsOpen&&this.state.focusedOption&&this.menuListRef&&this.focusedOptionRef&&Bu(this.menuListRef,this.focusedOptionRef),(uc()||ac(/^iPhone/i)||ac(/^iPad/i)||uc()&&navigator.maxTouchPoints>1)&&this.setState({isAppleDevice:!0})}},{key:"componentDidUpdate",value:function(e){var t=this.props,n=t.isDisabled,r=t.menuIsOpen,o=this.state.isFocused;(o&&!n&&e.isDisabled||o&&r&&!e.menuIsOpen)&&this.focusInput(),o&&n&&!e.isDisabled?this.setState({isFocused:!1},this.onMenuClose):o||n||!e.isDisabled||this.inputRef!==document.activeElement||this.setState({isFocused:!0}),this.menuListRef&&this.focusedOptionRef&&this.scrollToFocusedOptionOnUpdate&&(Bu(this.menuListRef,this.focusedOptionRef),this.scrollToFocusedOptionOnUpdate=!1)}},{key:"componentWillUnmount",value:function(){this.stopListeningComposition(),this.stopListeningToTouch(),document.removeEventListener("scroll",this.onScroll,!0)}},{key:"onMenuOpen",value:function(){this.props.onMenuOpen()}},{key:"onMenuClose",value:function(){this.onInputChange("",{action:"menu-close",prevInputValue:this.props.inputValue}),this.props.onMenuClose()}},{key:"onInputChange",value:function(e,t){this.props.onInputChange(e,t)}},{key:"focusInput",value:function(){this.inputRef&&this.inputRef.focus()}},{key:"blurInput",value:function(){this.inputRef&&this.inputRef.blur()}},{key:"openMenu",value:function(e){var t=this,n=this.state,r=n.selectValue,o=n.isFocused,i=this.buildFocusableOptions(),l="first"===e?0:i.length-1;if(!this.props.isMulti){var a=i.indexOf(r[0]);a>-1&&(l=a)}this.scrollToFocusedOptionOnUpdate=!(o&&this.menuListRef),this.setState({inputIsHiddenAfterUpdate:!1,focusedValue:null,focusedOption:i[l],focusedOptionId:this.getFocusedOptionId(i[l])},function(){return t.onMenuOpen()})}},{key:"focusValue",value:function(e){var t=this.state,n=t.selectValue,r=t.focusedValue;if(this.props.isMulti){this.setState({focusedOption:null});var o=n.indexOf(r);r||(o=-1);var i=n.length-1,l=-1;if(n.length){switch(e){case"previous":l=0===o?0:-1===o?i:o-1;break;case"next":o>-1&&o0&&void 0!==arguments[0]?arguments[0]:"first",t=this.props.pageSize,n=this.state.focusedOption,r=this.getFocusableOptions();if(r.length){var o=0,i=r.indexOf(n);n||(i=-1),"up"===e?o=i>0?i-1:r.length-1:"down"===e?o=(i+1)%r.length:"pageup"===e?(o=i-t)<0&&(o=0):"pagedown"===e?(o=i+t)>r.length-1&&(o=r.length-1):"last"===e&&(o=r.length-1),this.scrollToFocusedOptionOnUpdate=!0,this.setState({focusedOption:r[o],focusedValue:null,focusedOptionId:this.getFocusedOptionId(r[o])})}}},{key:"getTheme",value:function(){return this.props.theme?"function"==typeof this.props.theme?this.props.theme(fc):Wa(Wa({},fc),this.props.theme):fc}},{key:"getCommonProps",value:function(){var e=this.clearValue,t=this.cx,n=this.getStyles,r=this.getClassNames,o=this.getValue,i=this.selectOption,l=this.setValue,a=this.props,u=a.isMulti,s=a.isRtl,c=a.options;return{clearValue:e,cx:t,getStyles:n,getClassNames:r,getValue:o,hasValue:this.hasValue(),isMulti:u,isRtl:s,options:c,selectOption:i,selectProps:a,setValue:l,theme:this.getTheme()}}},{key:"hasValue",value:function(){return this.state.selectValue.length>0}},{key:"hasOptions",value:function(){return!!this.getFocusableOptions().length}},{key:"isClearable",value:function(){var e=this.props,t=e.isClearable,n=e.isMulti;return void 0===t?n:t}},{key:"isOptionDisabled",value:function(e,t){return Oc(this.props,e,t)}},{key:"isOptionSelected",value:function(e,t){return Sc(this.props,e,t)}},{key:"filterOption",value:function(e,t){return Ec(this.props,e,t)}},{key:"formatOptionLabel",value:function(e,t){if("function"==typeof this.props.formatOptionLabel){var n=this.props.inputValue,r=this.state.selectValue;return this.props.formatOptionLabel(e,{context:t,inputValue:n,selectValue:r})}return this.getOptionLabel(e)}},{key:"formatGroupLabel",value:function(e){return this.props.formatGroupLabel(e)}},{key:"startListeningComposition",value:function(){document&&document.addEventListener&&(document.addEventListener("compositionstart",this.onCompositionStart,!1),document.addEventListener("compositionend",this.onCompositionEnd,!1))}},{key:"stopListeningComposition",value:function(){document&&document.removeEventListener&&(document.removeEventListener("compositionstart",this.onCompositionStart),document.removeEventListener("compositionend",this.onCompositionEnd))}},{key:"startListeningToTouch",value:function(){document&&document.addEventListener&&(document.addEventListener("touchstart",this.onTouchStart,!1),document.addEventListener("touchmove",this.onTouchMove,!1),document.addEventListener("touchend",this.onTouchEnd,!1))}},{key:"stopListeningToTouch",value:function(){document&&document.removeEventListener&&(document.removeEventListener("touchstart",this.onTouchStart),document.removeEventListener("touchmove",this.onTouchMove),document.removeEventListener("touchend",this.onTouchEnd))}},{key:"renderInput",value:function(){var e=this.props,t=e.isDisabled,n=e.isSearchable,r=e.inputId,o=e.inputValue,i=e.tabIndex,l=e.form,a=e.menuIsOpen,u=e.required,s=this.getComponents().Input,c=this.state,p=c.inputIsHidden,f=c.ariaSelection,m=this.commonProps,d=r||this.getElementId("input"),v=Wa(Wa(Wa({"aria-autocomplete":"list","aria-expanded":a,"aria-haspopup":!0,"aria-errormessage":this.props["aria-errormessage"],"aria-invalid":this.props["aria-invalid"],"aria-label":this.props["aria-label"],"aria-labelledby":this.props["aria-labelledby"],"aria-required":u,role:"combobox","aria-activedescendant":this.state.isAppleDevice?void 0:this.state.focusedOptionId||""},a&&{"aria-controls":this.getElementId("listbox")}),!n&&{"aria-readonly":!0}),this.hasValue()?"initial-input-focus"===(null==f?void 0:f.action)&&{"aria-describedby":this.getElementId("live-region")}:{"aria-describedby":this.getElementId("placeholder")});return n?h.createElement(s,Ga({},m,{autoCapitalize:"none",autoComplete:"off",autoCorrect:"off",id:d,innerRef:this.getInputRef,isDisabled:t,isHidden:p,onBlur:this.onInputBlur,onChange:this.handleInputChange,onFocus:this.onInputFocus,spellCheck:"false",tabIndex:i,form:l,type:"text",value:o},v)):h.createElement(Qs,Ga({id:d,innerRef:this.getInputRef,onBlur:this.onInputBlur,onChange:ju,onFocus:this.onInputFocus,disabled:t,tabIndex:i,inputMode:"none",form:l,value:""},v))}},{key:"renderPlaceholderOrValue",value:function(){var e=this,t=this.getComponents(),n=t.MultiValue,r=t.MultiValueContainer,o=t.MultiValueLabel,i=t.MultiValueRemove,l=t.SingleValue,a=t.Placeholder,u=this.commonProps,s=this.props,c=s.controlShouldRenderValue,p=s.isDisabled,f=s.isMulti,m=s.inputValue,d=s.placeholder,v=this.state,y=v.selectValue,g=v.focusedValue,b=v.isFocused;if(!this.hasValue()||!c)return m?null:h.createElement(a,Ga({},u,{key:"placeholder",isDisabled:p,isFocused:b,innerProps:{id:this.getElementId("placeholder")}}),d);if(f)return y.map(function(t,l){var a=t===g,s="".concat(e.getOptionLabel(t),"-").concat(e.getOptionValue(t));return h.createElement(n,Ga({},u,{components:{Container:r,Label:o,Remove:i},isFocused:a,isDisabled:p,key:s,index:l,removeProps:{onClick:function(){return e.removeValue(t)},onTouchEnd:function(){return e.removeValue(t)},onMouseDown:function(e){e.preventDefault()}},data:t}),e.formatOptionLabel(t,"value"))});if(m)return null;var w=y[0];return h.createElement(l,Ga({},u,{data:w,isDisabled:p}),this.formatOptionLabel(w,"value"))}},{key:"renderClearIndicator",value:function(){var e=this.getComponents().ClearIndicator,t=this.commonProps,n=this.props,r=n.isDisabled,o=n.isLoading,i=this.state.isFocused;if(!this.isClearable()||!e||r||!this.hasValue()||o)return null;var l={onMouseDown:this.onClearIndicatorMouseDown,onTouchEnd:this.onClearIndicatorTouchEnd,"aria-hidden":"true"};return h.createElement(e,Ga({},t,{innerProps:l,isFocused:i}))}},{key:"renderLoadingIndicator",value:function(){var e=this.getComponents().LoadingIndicator,t=this.commonProps,n=this.props,r=n.isDisabled,o=n.isLoading,i=this.state.isFocused;return e&&o?h.createElement(e,Ga({},t,{innerProps:{"aria-hidden":"true"},isDisabled:r,isFocused:i})):null}},{key:"renderIndicatorSeparator",value:function(){var e=this.getComponents(),t=e.DropdownIndicator,n=e.IndicatorSeparator;if(!t||!n)return null;var r=this.commonProps,o=this.props.isDisabled,i=this.state.isFocused;return h.createElement(n,Ga({},r,{isDisabled:o,isFocused:i}))}},{key:"renderDropdownIndicator",value:function(){var e=this.getComponents().DropdownIndicator;if(!e)return null;var t=this.commonProps,n=this.props.isDisabled,r=this.state.isFocused,o={onMouseDown:this.onDropdownIndicatorMouseDown,onTouchEnd:this.onDropdownIndicatorTouchEnd,"aria-hidden":"true"};return h.createElement(e,Ga({},t,{innerProps:o,isDisabled:n,isFocused:r}))}},{key:"renderMenu",value:function(){var e=this,t=this.getComponents(),n=t.Group,r=t.GroupHeading,o=t.Menu,i=t.MenuList,l=t.MenuPortal,a=t.LoadingMessage,u=t.NoOptionsMessage,s=t.Option,c=this.commonProps,p=this.state.focusedOption,f=this.props,m=f.captureMenuScroll,d=f.inputValue,v=f.isLoading,y=f.loadingMessage,g=f.minMenuHeight,b=f.maxMenuHeight,w=f.menuIsOpen,_=f.menuPlacement,O=f.menuPosition,S=f.menuPortalTarget,E=f.menuShouldBlockScroll,x=f.menuShouldScrollIntoView,C=f.noOptionsMessage,P=f.onMenuScrollToTop,j=f.onMenuScrollToBottom;if(!w)return null;var k,T=function(t,n){var r=t.type,o=t.data,i=t.isDisabled,l=t.isSelected,a=t.label,u=t.value,f=p===o,m=i?void 0:function(){return e.onOptionHover(o)},d=i?void 0:function(){return e.selectOption(o)},v="".concat(e.getElementId("option"),"-").concat(n),y={id:v,onClick:d,onMouseMove:m,onMouseOver:m,tabIndex:-1,role:"option","aria-selected":e.state.isAppleDevice?void 0:l};return h.createElement(s,Ga({},c,{innerProps:y,data:o,isDisabled:i,isSelected:l,key:v,label:a,type:r,value:u,isFocused:f,innerRef:f?e.getFocusedOptionRef:void 0}),e.formatOptionLabel(t.data,"menu"))};if(this.hasOptions())k=this.getCategorizedOptions().map(function(t){if("group"===t.type){var o=t.data,i=t.options,l=t.index,a="".concat(e.getElementId("group"),"-").concat(l),u="".concat(a,"-heading");return h.createElement(n,Ga({},c,{key:a,data:o,options:i,Heading:r,headingProps:{id:u,data:t.data},label:e.formatGroupLabel(t.data)}),t.options.map(function(e){return T(e,"".concat(l,"-").concat(e.index))}))}if("option"===t.type)return T(t,"".concat(t.index))});else if(v){var D=y({inputValue:d});if(null===D)return null;k=h.createElement(a,c,D)}else{var I=C({inputValue:d});if(null===I)return null;k=h.createElement(u,c,I)}var A={minMenuHeight:g,maxMenuHeight:b,menuPlacement:_,menuPosition:O,menuShouldScrollIntoView:x},M=h.createElement(Ku,Ga({},c,A),function(t){var n=t.ref,r=t.placerProps,l=r.placement,a=r.maxHeight;return h.createElement(o,Ga({},c,A,{innerRef:n,innerProps:{onMouseDown:e.onMenuMouseDown,onMouseMove:e.onMenuMouseMove},isLoading:v,placement:l}),h.createElement(oc,{captureEnabled:m,onTopArrive:P,onBottomArrive:j,lockEnabled:E},function(t){return h.createElement(i,Ga({},c,{innerRef:function(n){e.getMenuListRef(n),t(n)},innerProps:{role:"listbox","aria-multiselectable":c.isMulti,id:e.getElementId("listbox")},isLoading:v,maxHeight:a,focusedOption:p}),k)}))});return S||"fixed"===O?h.createElement(l,Ga({},c,{appendTo:S,controlElement:this.controlRef,menuPlacement:_,menuPosition:O}),M):M}},{key:"renderFormField",value:function(){var e=this,t=this.props,n=t.delimiter,r=t.isDisabled,o=t.isMulti,i=t.name,l=t.required,a=this.state.selectValue;if(l&&!this.hasValue()&&!r)return h.createElement(lc,{name:i,onFocus:this.onValueInputFocus});if(i&&!r){if(o){if(n){var u=a.map(function(t){return e.getOptionValue(t)}).join(n);return h.createElement("input",{name:i,type:"hidden",value:u})}var s=a.length>0?a.map(function(t,n){return h.createElement("input",{key:"i-".concat(n),name:i,type:"hidden",value:e.getOptionValue(t)})}):h.createElement("input",{name:i,type:"hidden",value:""});return h.createElement("div",null,s)}var c=a[0]?this.getOptionValue(a[0]):"";return h.createElement("input",{name:i,type:"hidden",value:c})}}},{key:"renderLiveRegion",value:function(){var e=this.commonProps,t=this.state,n=t.ariaSelection,r=t.focusedOption,o=t.focusedValue,i=t.isFocused,l=t.selectValue,a=this.getFocusableOptions();return h.createElement(Ms,Ga({},e,{id:this.getElementId("live-region"),ariaSelection:n,focusedOption:r,focusedValue:o,isFocused:i,selectValue:l,focusableOptions:a,isAppleDevice:this.state.isAppleDevice}))}},{key:"render",value:function(){var e=this.getComponents(),t=e.Control,n=e.IndicatorsContainer,r=e.SelectContainer,o=e.ValueContainer,i=this.props,l=i.className,a=i.id,u=i.isDisabled,s=i.menuIsOpen,c=this.state.isFocused,p=this.commonProps=this.getCommonProps();return h.createElement(r,Ga({},p,{className:l,innerProps:{id:a,onKeyDown:this.onKeyDown},isDisabled:u,isFocused:c}),this.renderLiveRegion(),h.createElement(t,Ga({},p,{innerRef:this.getControlRef,innerProps:{onMouseDown:this.onControlMouseDown,onTouchEnd:this.onControlTouchEnd},isDisabled:u,isFocused:c,menuIsOpen:s}),h.createElement(o,Ga({},p,{isDisabled:u}),this.renderPlaceholderOrValue(),this.renderInput()),h.createElement(n,Ga({},p,{isDisabled:u}),this.renderClearIndicator(),this.renderLoadingIndicator(),this.renderIndicatorSeparator(),this.renderDropdownIndicator())),this.renderMenu(),this.renderFormField())}}],[{key:"getDerivedStateFromProps",value:function(e,t){var n=t.prevProps,r=t.clearFocusValueOnUpdate,o=t.inputIsHiddenAfterUpdate,i=t.ariaSelection,l=t.isFocused,a=t.prevWasFocused,u=t.instancePrefix,s=e.options,c=e.value,p=e.menuIsOpen,f=e.inputValue,m=e.isMulti,d=Du(c),v={};if(n&&(c!==n.value||s!==n.options||p!==n.menuIsOpen||f!==n.inputValue)){var h=p?function(e,t){return hc(vc(e,t))}(e,d):[],y=p?yc(vc(e,d),"".concat(u,"-option")):[],g=r?function(e,t){var n=e.focusedValue,r=e.selectValue.indexOf(n);if(r>-1){if(t.indexOf(n)>-1)return n;if(r-1?n:t[0]}(t,h);v={selectValue:d,focusedOption:b,focusedOptionId:bc(y,b),focusableOptionsWithIds:y,focusedValue:g,clearFocusValueOnUpdate:!1}}var w=null!=o&&e!==n?{inputIsHidden:o,inputIsHiddenAfterUpdate:void 0}:{},_=i,O=l&&a;return l&&!O&&(_={value:Gu(m,d,d[0]||null),options:d,action:"initial-input-focus"},O=!a),"initial-input-focus"===(null==i?void 0:i.action)&&(_=null),Wa(Wa(Wa({},v),w),{},{prevProps:e,ariaSelection:_,prevWasFocused:O})}}]),n}(h.Component);Pc.defaultProps=mc;var jc=(0,h.forwardRef)(function(e,t){var n=Os(e);return h.createElement(Pc,Ga({ref:t},n))}),kc=["defaultOptions","cacheOptions","loadOptions","options","isLoading","onInputChange","filterOption"],Tc=(0,h.forwardRef)(function(e,t){var n=function(e){var t=e.defaultOptions,n=void 0!==t&&t,r=e.cacheOptions,o=void 0!==r&&r,i=e.loadOptions;e.options;var l=e.isLoading,a=void 0!==l&&l,u=e.onInputChange,s=e.filterOption,c=void 0===s?null:s,p=Ka(e,kc),f=p.inputValue,m=(0,h.useRef)(void 0),d=(0,h.useRef)(!1),v=Ya((0,h.useState)(Array.isArray(n)?n:void 0),2),y=v[0],g=v[1],b=Ya((0,h.useState)(void 0!==f?f:""),2),w=b[0],_=b[1],O=Ya((0,h.useState)(!0===n),2),S=O[0],E=O[1],x=Ya((0,h.useState)(void 0),2),C=x[0],P=x[1],j=Ya((0,h.useState)([]),2),k=j[0],T=j[1],D=Ya((0,h.useState)(!1),2),I=D[0],A=D[1],M=Ya((0,h.useState)({}),2),L=M[0],R=M[1],N=Ya((0,h.useState)(void 0),2),B=N[0],V=N[1],F=Ya((0,h.useState)(void 0),2),H=F[0],z=F[1];o!==H&&(R({}),z(o)),n!==B&&(g(Array.isArray(n)?n:void 0),V(n)),(0,h.useEffect)(function(){return d.current=!0,function(){d.current=!1}},[]);var U=(0,h.useCallback)(function(e,t){if(!i)return t();var n=i(e,t);n&&"function"==typeof n.then&&n.then(t,function(){return t()})},[i]);(0,h.useEffect)(function(){!0===n&&U(w,function(e){d.current&&(g(e||[]),E(!!m.current))})},[]);var W=(0,h.useCallback)(function(e,t){var n=function(e,t,n){if(n){var r=n(e,t);if("string"==typeof r)return r}return e}(e,t,u);if(!n)return m.current=void 0,_(""),P(""),T([]),E(!1),void A(!1);if(o&&L[n])_(n),P(n),T(L[n]),E(!1),A(!1);else{var r=m.current={};_(n),E(!0),A(!C),U(n,function(e){d&&r===m.current&&(m.current=void 0,E(!1),P(n),T(e||[]),A(!1),R(e?Wa(Wa({},L),{},za({},n,e)):L))})}},[o,U,C,L,u]),G=I?[]:w&&C?k:y||[];return Wa(Wa({},p),{},{options:G,isLoading:S||a,onInputChange:W,filterOption:c})}(e),r=Os(n);return h.createElement(Pc,Ga({ref:t},r))}),Dc=Tc,Ic=["allowCreateWhileLoading","createOptionPosition","formatCreateLabel","isValidNewOption","getNewOptionData","onCreateOption","options","onChange"],Ac=function(){var e=arguments.length>1?arguments[1]:void 0,t=arguments.length>2?arguments[2]:void 0,n=String(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"").toLowerCase(),r=String(t.getOptionValue(e)).toLowerCase(),o=String(t.getOptionLabel(e)).toLowerCase();return r===n||o===n},Mc={formatCreateLabel:function(e){return'Create "'.concat(e,'"')},isValidNewOption:function(e,t,n,r){return!(!e||t.some(function(t){return Ac(e,t,r)})||n.some(function(t){return Ac(e,t,r)}))},getNewOptionData:function(e,t){return{label:t,value:e,__isNew__:!0}}},Lc=(0,h.forwardRef)(function(e,t){var n=function(e){var t=e.allowCreateWhileLoading,n=void 0!==t&&t,r=e.createOptionPosition,o=void 0===r?"last":r,i=e.formatCreateLabel,l=void 0===i?Mc.formatCreateLabel:i,a=e.isValidNewOption,u=void 0===a?Mc.isValidNewOption:a,s=e.getNewOptionData,c=void 0===s?Mc.getNewOptionData:s,p=e.onCreateOption,f=e.options,m=void 0===f?[]:f,d=e.onChange,v=Ka(e,Ic),y=v.getOptionValue,g=void 0===y?cc:y,b=v.getOptionLabel,w=void 0===b?sc:b,_=v.inputValue,O=v.isLoading,S=v.isMulti,E=v.value,x=v.name,C=(0,h.useMemo)(function(){return u(_,Du(E),m,{getOptionValue:g,getOptionLabel:w})?c(_,l(_)):void 0},[l,c,w,g,_,u,m,E]),P=(0,h.useMemo)(function(){return!n&&O||!C?m:"first"===o?[C].concat(Ps(m)):[].concat(Ps(m),[C])},[n,o,O,C,m]),j=(0,h.useCallback)(function(e,t){if("select-option"!==t.action)return d(e,t);var n=Array.isArray(e)?e:[e];if(n[n.length-1]!==C)d(e,t);else if(p)p(_);else{var r=c(_,_),o={action:"create-option",name:x,option:r};d(Gu(S,[].concat(Ps(Du(E)),[r]),r),o)}},[c,_,S,x,C,p,d,E]);return Wa(Wa({},v),{},{options:P,onChange:j})}(Os(e));return h.createElement(Pc,Ga({ref:t},n))}),Rc=Lc;function Nc(e,t,n){var r=(n||{}).atBegin;return function(e,t,n){var r,o=n||{},i=o.noTrailing,l=void 0!==i&&i,a=o.noLeading,u=void 0!==a&&a,s=o.debounceMode,c=void 0===s?void 0:s,p=!1,f=0;function m(){r&&clearTimeout(r)}function d(){for(var n=arguments.length,o=new Array(n),i=0;ie?u?(f=Date.now(),l||(r=setTimeout(c?v:d,e))):d():!0!==l&&(r=setTimeout(c?v:d,void 0===c?e-s:e)))}return d.cancel=function(e){var t=(e||{}).upcomingOnly,n=void 0!==t&&t;m(),p=!n},d}(e,t,{debounceMode:!1!==(void 0!==r&&r)})}function Bc(e){return Bc="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Bc(e)}function Vc(e,t){for(var n=0;ne.length)&&(t=e.length);for(var n=0,r=Array(t);n0&&void 0!==arguments[0]?arguments[0]:{},n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:function(){},r=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],o=this.props,i=o.controlName,l=o.attributes;if(!this.isAJAXinProgress){this.isAJAXinProgress=!0,r&&this.setState({ajaxStatus:"progress"});var a=qc({action:"vp_dynamic_control_callback",nonce:ep.nonce,vp_control_name:i,vp_attributes:l},t);Mi().ajax({url:Kc,method:"POST",dataType:"json",data:a,complete:function(t){var o=t.responseJSON;n&&o.response&&(o.response.options&&(tp[i]=qc(qc({},tp[i]),o.response.options)),n(o.response)),r&&e.setState({ajaxStatus:!0}),e.isAJAXinProgress=!1}})}}},{key:"prepareOptions",value:function(e){return Object.keys(e||{}).map(function(t){var n=e[t],r={value:t,label:e[t]};return"object"===Bc(n)&&(r=qc({},n)),r})}},{key:"wrapSelect",value:function(e){return this.emotionCache?wp.element.createElement(Ta,{value:this.emotionCache},e):e}},{key:"render",value:function(){var e=this,t=this.props,n=t.onChange,r=t.isMultiple,o=t.isSearchable,i=t.isCreatable,l=t.callback,a=this.state,u=a.ajaxStatus;if(!a.emotionReady)return wp.element.createElement("span",{ref:this.probeRef,style:{display:"none"}});var s=!!l&&o,c=u&&"progress"===u,p=this.ownerDocument||document,f=p!==document,m=(null==p?void 0:p.body)||document.body,d={className:"vpf-component-select",styles:qc(qc({},Va()),{},{menuPortal:function(e){return qc(qc({},e),{},{zIndex:1e6})}}),menuPortalTarget:f?null:p.body,components:{Option:function(e){var t=e.data;return wp.element.createElement(Xc,e,void 0!==t.img?wp.element.createElement("div",{className:"vpf-component-select-option-img"},t.img?wp.element.createElement("img",{src:t.img,alt:t.label}):""):"",wp.element.createElement("span",{className:"vpf-component-select-option-label"},t.label),t.category?wp.element.createElement("div",{className:"vpf-component-select-option-category"},t.category):"")}},value:this.getDefaultValue(),options:this.prepareOptions(this.getOptions()),onChange:function(e){if(r)if(Array.isArray(e)){var t=[];e.forEach(function(e){t.push(e?e.value:"")}),n(t)}else n([]);else n(e?e.value:"")},isMulti:r,isSearchable:o,isLoading:c,isClearable:!1,placeholder:o?(0,L.__)("Type to search…","visual-portfolio"):(0,L.__)("Select…","visual-portfolio")};return r&&(d.onSortEnd=function(t){var n=t.oldIndex,r=t.newIndex,o=po(e.getDefaultValue(),n,r);d.onChange(o)},d.components.MultiValue=ap,d.components.MultiValueLabel=lp,d.closeMenuOnSelect=!1),i?(d.placeholder=(0,L.__)("Type and press Enter…","visual-portfolio"),d.isSearchable=!0,r?this.wrapSelect(wp.element.createElement(up,{ComponentTag:Rc,overlayContainer:m,selectProps:d,onSortEnd:d.onSortEnd})):this.wrapSelect(wp.element.createElement(Rc,d))):s?(d.loadOptions=function(t,n){e.requestAjaxDebounce({q:t},function(e){var t=[];e&&e.options&&Object.keys(e.options).forEach(function(n){t.push(e.options[n])}),n(t.length?t:null)},!1)},d.cacheOptions=!0,d.defaultOptions=d.options,delete d.options,delete d.isLoading,r?this.wrapSelect(wp.element.createElement(up,{ComponentTag:Dc,overlayContainer:m,selectProps:d,onSortEnd:d.onSortEnd})):this.wrapSelect(wp.element.createElement(Dc,d))):r?this.wrapSelect(wp.element.createElement(up,{ComponentTag:jc,overlayContainer:m,selectProps:d,onSortEnd:d.onSortEnd})):this.wrapSelect(wp.element.createElement(jc,d))}}])}(I.Component);function cp(e){return cp="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},cp(e)}function pp(e,t){for(var n=0;ne.length)&&(t=e.length);for(var n=0,r=Array(t);n0?"vpf-dragging-has-disabled-options":"");return wp.element.createElement("div",null,wp.element.createElement(Op,{items:i,sourceOptions:t,classes:a,props:this.props,onSortEnd:function(e,t){var n=po(i,e,t);o(n)}}),l.length>0?wp.element.createElement("ul",{className:"vpf-component-sortable-disabled"},l.map(function(e){return wp.element.createElement("li",{key:"disabled-item-".concat(e)},r?wp.element.createElement(A.Button,{className:"vpf-component-sortable-add",onClick:function(){var t=yp(i);t.push(e),o(t)}},wp.element.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:"2"},wp.element.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M12 4v16m8-8H4"}))):null,t[e])})):null)}}])}(I.Component);function Ep(e){return Ep="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Ep(e)}function xp(e,t){for(var n=0;ne.length)&&(t=e.length);for(var n=0,r=Array(t);n1&&(c+=":nth-of-type(".concat(t.length,"n+").concat(l+1,")")),u&&1!==u&&(r+="".concat(n," ").concat(c," { width: ").concat(100*u/i,"%; }")),r+="".concat(n," ").concat(c," .vpf-tiles-preview-item::after { padding-top: ").concat(100*s,"%; }")}return wp.element.createElement(wp.element.Fragment,null,wp.element.createElement(Rp,null,r),wp.element.createElement(Lp,{"data-tiles-preview":e,options:{transitionDuration:0}},(o=Array(4*i),function(e){if(Array.isArray(e))return Qp(e)}(o)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(o)||function(e,t){if(e){if("string"==typeof e)return Qp(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Qp(e,t):void 0}}(o)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()).map(function(e){return wp.element.createElement("div",{key:e,className:"vpf-tiles-preview-item-wrap"},wp.element.createElement("div",{className:"vpf-tiles-preview-item"}))})))}},{key:"render",value:function(){var e=this,t=this.props,n=t.value,r=t.options,o=t.onChange;return wp.element.createElement("div",{className:"vpf-component-tiles-selector"},wp.element.createElement(Wp,{modalTitle:(0,L.__)("Tiles","visual-portfolio"),buttonLabel:(0,L.__)("Edit Tiles","visual-portfolio")},wp.element.createElement("div",{className:"vpf-component-tiles-selector-items"},r.map(function(t){return wp.element.createElement(A.Button,{key:t.value,onClick:function(){return o(t.value)},className:N()("vpf-tiles-preview-button",n===t.value?"vpf-tiles-preview-button-active":"")},e.renderPreview(t.value))}))),wp.element.createElement("div",{className:"vpf-tiles-preview-button"},this.renderPreview(n)))}}])}(I.Component);function ef(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n1&&void 0!==arguments[1]&&arguments[1]&&(n={},Object.entries(ue).forEach(function(t){var r=re(t,2),o=r[0],i=r[1];n[o]=te(te({},i),e[o])}),Object.keys(e).forEach(function(t){ue[t]||(n[t]=e[t])})),Object.entries(ie).forEach(function(e){var r=re(e,2),o=r[0],i=r[1];if(void 0!==n[o]){var l=n[o];ae.modernToLegacy[o]&&(l=ae.modernToLegacy[o][l]||l),t[i]=l}}),Object.entries(le).forEach(function(e){var r,o=re(e,2),i=o[0],l=o[1],a=(r=n,i.split(".").reduce(function(e,t){return null==e?void 0:e[t]},r));void 0!==a&&(t[l]=a)});var r=(0,H.select)(X).getSource(n.queryType);return null!=r&&r.mapToLegacy&&Object.assign(t,r.mapToLegacy(n.sourceQuery||{})),t}(this.props.attributes):this.props.attributes,h=function(t){f&&(t=function(e){var t={};return arguments.length>1&&void 0!==arguments[1]&&arguments[1]&&Object.entries(ue).forEach(function(e){var n=re(e,2),r=n[0],o=n[1];t[r]=te({},o)}),Object.entries(ie).forEach(function(n){var r=re(n,2),o=r[0],i=r[1];if(void 0!==e[i]){var l=e[i];ae.legacyToModern[i]&&(l=ae.legacyToModern[i][l]||l),t[o]=l}}),Object.entries(le).forEach(function(n){var r,o,i,l,a,u,s=re(n,2),c=s[0],p=s[1];void 0!==e[p]&&(r=t,o=c,i=e[p],a=(l=o.split(".")).pop(),u=l.reduce(function(e,t){return e[t]||(e[t]={}),e[t]},r),u[a]=i)}),t}(t),Object.keys(t).forEach(function(n){"object"===lf(t[n])&&(t[n]=rf(rf({},e.props.attributes[n]),t[n]))})),e.props.setAttributes(t)};if(/^content-source-/g.test(r)&&"content-source-general"!==r&&"content-source-".concat(v.content_source)!==r)return null;var y=u||vf,g=[];Object.keys(y).forEach(function(n){var o=y[n];if(!r||o.category&&r===o.category){var i=(0,M.applyFilters)("vpf.editor.controls-render-data",rf({attributes:v,setAttributes:h,onChange:function(e){var t=(0,M.applyFilters)("vpf.editor.controls-on-change",of({},o.name,e),o,e,v);h(t)}},o));t.AllowRender(i,c)&&g.push((0,M.applyFilters)("vpf.editor.controls-render",wp.element.createElement(t.Control,tf({key:"control-".concat(o.name,"-").concat(o.label)},i,{clientId:s,isSetupWizard:c,renderProps:e.props})),i,e.props))}});var b=!!i&&r,w=!1,_=!1,O=a||!i;return i&&void 0!==hf[r]&&(b=hf[r].title,w=hf[r].icon||!1,_=!!hf[r].is_pro,void 0===gf[r]&&(gf[r]=hf[r].is_opened||!1),O=O||gf[r]),c?g.length?wp.element.createElement("div",{className:"vpf-setup-wizard-panel"},g):"":d?g.length?wp.element.createElement(A.PanelBody,{title:!!b&&wp.element.createElement(wp.element.Fragment,null,w?wp.element.createElement("span",{className:"vpf-control-category-title-icon"},wp.element.createElement(I.RawHTML,null,w)):null,wp.element.createElement("span",null,b),_?wp.element.createElement("span",{className:"vpf-control-category-title-pro"},(0,L.__)("PRO","visual-portfolio")):""),onToggle:function(){gf[r]=!O},initialOpen:O,scrollAfterOpen:!0},g):"":g.length?g:""}}])}(I.Component);bf.Control=function(e){var t=e.attributes,n=e.onChange,r=e.isSetupWizard,o=(0,I.useRef)(),i=function(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,l,a=[],u=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=i.call(n)).done)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){s=!0,o=e}finally{try{if(!u&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw o}}return a}}(e,t)||function(e,t){if(e){if("string"==typeof e)return ef(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?ef(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}((0,I.useState)(""),2),l=i[0],a=i[1],u=B(e.name,t);if((0,I.useEffect)(function(){if(e.group&&o.current){for(var t=o.current.parentElement.parentElement,n=t.previousElementSibling,r=t.nextElementSibling;n&&n.classList.contains("vpf-control-group-separator");)n=n.previousElementSibling;for(;r&&r.classList.contains("vpf-control-group-separator");)r=r.nextElementSibling;var i=n&&n.classList.contains("vpf-control-group-".concat(e.group))||r&&r.classList.contains("vpf-control-group-".concat(e.group)),u=n&&!n.classList.contains("vpf-control-group-".concat(e.group))&&n.classList.contains("vpf-control-wrap"),s=r&&!r.classList.contains("vpf-control-group-".concat(e.group))&&r.classList.contains("vpf-control-wrap"),c="";i&&(u?c="start":s&&(c="end")),l!==c&&a(c)}},[o,e.group,u,l]),!bf.AllowRender(e,r))return null;var s="",c=e.label,p="",f=e.description?wp.element.createElement(I.RawHTML,{className:"components-base-control__help"},e.description):null,m=N()("vpf-control-wrap","vpf-control-wrap-".concat(e.type),de(e.name),e.className);e.group&&(m=N()(m,"vpf-control-with-group","vpf-control-group-".concat(e.group),!!l&&"vpf-control-group-position-".concat(l)));var d=[];switch(("category_tabs"===e.type||"category_toggle_group"===e.type||"category_collapse"===e.type||"category_navigator"===e.type)&&e.options&&e.options.length&&e.options.forEach(function(t){bf.isCategoryEmpty(rf(rf({},e.renderProps),{},{category:t.category,categoryToggle:!1}))||d.push(t)}),e.type){case"category_tabs":s=d.length?wp.element.createElement(Dp,{controlName:e.name,options:d,key:d},function(t){return wp.element.createElement(bf,tf({},e.renderProps,{category:t.name,categoryToggle:!1}))}):null;break;case"category_toggle_group":s=d.length?wp.element.createElement(oi,{controlName:e.name,options:d,key:d},function(t){return wp.element.createElement(bf,tf({},e.renderProps,{category:t.category,categoryToggle:!1}))}):null;break;case"category_collapse":s=d.length?wp.element.createElement(ot,{controlName:e.name,initialOpen:e.initialOpen,options:d,key:d},function(t){return wp.element.createElement(bf,tf({},e.renderProps,{category:t.category,categoryToggle:!1}))}):null;break;case"category_navigator":s=d.length?wp.element.createElement(el,{controlName:e.name,options:d,key:d},function(t){return wp.element.createElement(bf,tf({},e.renderProps,{category:t.category,categoryToggle:!1}))}):null;break;case"html":s=wp.element.createElement(I.RawHTML,null,e.default);break;case"select":case"select2":s=wp.element.createElement(sp,{controlName:e.name,callback:e.value_callback,attributes:t,value:u,options:e.options||{},onChange:function(e){return n(e)},isSearchable:e.searchable,isMultiple:e.multiple,isCreatable:e.creatable||e.tags});break;case"buttons":s=wp.element.createElement(ri,{label:e.label||e.name,hideLabelFromVision:!0,value:u,options:e.options||{},onChange:function(t){var r=Object.keys(e.options||{}).find(function(e){return String(e)===String(t)});n(void 0!==r?r:t)}});break;case"icons_selector":s=wp.element.createElement(Zi,{controlName:e.name,callback:e.value_callback,attributes:t,value:u,options:e.options,onChange:function(e){return n(e)},columns:e.columns,collapseRows:e.collapse_rows||!1,isSetupWizard:r});break;case"tiles_selector":s=wp.element.createElement(Kp,{value:u,options:e.options,onChange:function(e){return n(e)}});break;case"elements_selector":s=wp.element.createElement(Dt,{value:u,locations:e.locations,options:e.options,onChange:function(e){return n(e)},props:e});break;case"align":s=wp.element.createElement(he,{value:u,options:e.options||"horizontal",onChange:function(e){return n(e)}});break;case"aspect_ratio":s=wp.element.createElement(Ce,{value:u,onChange:function(e){return n(e)}});break;case"gallery":s=wp.element.createElement(Ii,{imageControls:e.image_controls,focalPoint:e.focal_point,attributes:t,name:e.name,value:u,onChange:function(e){return n(e)},isSetupWizard:r});break;case"code_editor":s=wp.element.createElement(nt,{value:e.encode?me(u):u,mode:e.mode,maxLines:e.max_lines,minLines:e.min_lines,codePlaceholder:e.code_placeholder,onChange:function(t){return n(e.encode?fe(t):t)}}),e.allow_modal&&(p=wp.element.createElement(Wp,{modalTitle:(0,L.__)("Custom CSS","visual-portfolio"),buttonLabel:(0,L.__)("Open in Modal","visual-portfolio"),size:"md"},wp.element.createElement(A.BaseControl,{id:"vpf-custom-css-".concat(e.label||e.name),label:e.label,help:!!e.description&&wp.element.createElement(I.RawHTML,null,e.description),className:N()("vpf-control-wrap","vpf-control-wrap-".concat(e.type))},wp.element.createElement("div",null,s)),e.classes_tree?wp.element.createElement(wp.element.Fragment,null,wp.element.createElement("p",null,(0,L.__)("Classes Tree:","visual-portfolio")),wp.element.createElement(Fe,e)):""));break;case"range":s=wp.element.createElement(A.RangeControl,{min:e.min,max:e.max,step:e.step,value:parseFloat(u),onChange:function(e){return n(parseFloat(e))}});break;case"toggle":s=wp.element.createElement(A.ToggleControl,{checked:u,label:e.alongside,onChange:function(e){return n(e)}});break;case"checkbox":s=wp.element.createElement(A.CheckboxControl,{checked:u,label:e.alongside,onChange:function(e){return n(e)}});break;case"radio":s=wp.element.createElement(A.RadioControl,{label:c,selected:u,options:Object.keys(e.options||{}).map(function(t){return{label:e.options[t],value:t}}),onChange:function(e){return n(e)}}),c=!1;break;case"color":s=wp.element.createElement(it,{label:c,value:u,alpha:e.alpha,gradient:e.gradient,onChange:function(e){return n(e)}}),c=!1;break;case"date":s=wp.element.createElement(dt,{value:u,onChange:function(e){return n(e)}});break;case"textarea":s=wp.element.createElement(A.TextareaControl,{label:c,value:u,onChange:function(e){return n(e)}}),c=!1;break;case"url":s=wp.element.createElement(A.TextControl,{label:c,type:"url",value:u,onChange:function(e){return n(e)}}),c=!1;break;case"number":s=wp.element.createElement(A.TextControl,{label:c,type:"number",min:e.min,max:e.max,step:e.step,value:parseFloat(u),onChange:function(e){return n(parseFloat(e))}}),c=!1;break;case"unit":s=wp.element.createElement(mf,{label:c,value:u,onChange:function(e){return n(e)},labelPosition:"edge",__unstableInputWidth:"70px"}),c=!1;break;case"hidden":s=wp.element.createElement(A.TextControl,{type:"hidden",value:u,onChange:function(e){return n(e)}});break;case"notice":s=f?wp.element.createElement(A.Notice,{status:e.status,isDismissible:!1},f):"",f=!1;break;case"pro_note":s=wp.element.createElement(fl,{title:c},f||"",wp.element.createElement(fl.Button,{target:"_blank",rel:"noopener noreferrer",href:"https://www.visualportfolio.com/pricing/?utm_source=plugin&utm_medium=block_settings&utm_campaign=".concat(e.name,"&utm_content=").concat(yf)},(0,L.__)("Go Pro","visual-portfolio"))),c=!1,f=!1;break;case"sortable":s=wp.element.createElement(Sp,{label:c,controlName:e.name,attributes:t,value:u,options:e.options||{},defaultVal:e.default||{},allowDisablingOptions:e.allow_disabling_options||!1,onChange:function(e){return n(e)}});break;default:s=wp.element.createElement(A.TextControl,{label:c,value:u,onChange:function(e){return n(e)}}),c=!1}e.hint&&(s=wp.element.createElement(A.Tooltip,{text:e.hint,position:e.hint_place},wp.element.createElement("div",null,s)));var v=(0,M.applyFilters)("vpf.editor.controls-render-inner-data",{renderControl:s,renderControlLabel:c,renderControlHelp:f,renderControlAfter:p,renderControlClassName:m},{props:e,controlVal:u});return null===v.renderControl?null:wp.element.createElement(wp.element.Fragment,null,"start"===l?wp.element.createElement("div",{className:"vpf-control-group-separator"}):null,wp.element.createElement(A.BaseControl,{id:"vpf-control-group-".concat(e.name),label:v.renderControlLabel,className:v.renderControlClassName},wp.element.createElement("div",{ref:o},v.renderControl),v.renderControlHelp),v.renderControlAfter,"end"===l?wp.element.createElement("div",{className:"vpf-control-group-separator"}):null)},bf.AllowRender=function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return!(e.skip||e.condition&&e.condition.length&&!F(e.condition,e.attributes)||t&&!e.setup_wizard)},bf.isCategoryEmpty=function(e){var t=e.category,n=e.attributes,r=e.setAttributes,o=e.controls,i=e.isSetupWizard,l=o||vf,a=!0;return Object.keys(l).forEach(function(e){if(a){var o=l[e];if(!t||o.category&&t===o.category){var u=(0,M.applyFilters)("vpf.editor.controls-render-data",rf({attributes:n,setAttributes:r,onChange:function(e){var t=(0,M.applyFilters)("vpf.editor.controls-on-change",of({},o.name,e),o,e,n);r(t)}},o));bf.AllowRender(u,i)&&(a=!1)}}}),a};const wf=bf;function _f(e){return _f="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_f(e)}function Of(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function Sf(e){for(var t=1;te.length)&&(t=e.length);for(var n=0,r=Array(t);n1&&void 0!==arguments[1]?arguments[1]:{},n=t.targetOrigin,r=void 0===n?window.location.origin:n,o=t.sizeHeight,i=void 0===o||o,l=t.applyInterval,a=void 0===l?0:l,u=t.onResized,s=t.onMessage,c=t.onInit,p=!1,f=!1;e.style.overflow="hidden";var m=e.ownerDocument.defaultView||window,d=function(e,t){if(!e){var n=function(){return t.apply(void 0,arguments)};return n.cancel=function(){},n.reset=function(){},n}var r=0,o=null,i=null;function l(e){var n;r=Date.now(),i=null,t.apply(void 0,function(e){if(Array.isArray(e))return xf(e)}(n=e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(n)||function(e,t){if(e){if("string"==typeof e)return xf(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?xf(e,t):void 0}}(n)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}())}function a(){for(var t=e-(Date.now()-r),n=arguments.length,a=new Array(n),u=0;ue.length)&&(t=e.length);for(var n=0,r=Array(t);ne.length)&&(t=e.length);for(var n=0,r=Array(t);nt?"left":"right")),style:u?{height:u}:{}},n[i]):null}em.Step=function(e){return e.children};const tm=em;function nm(e){return nm="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},nm(e)}function rm(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function om(e){for(var t=1;te.length)&&(t=e.length);for(var n=0,r=Array(t);ncm&&(e=om(om({},e),{},{items_count:cm,layout_elements:{top:{elements:[],align:"center"},items:{elements:["items"]},bottom:{elements:["pagination"],align:"center"}},pagination:"infinite",pagination_hide_on_end:!0})));break;case"post-based":case"social-stream":e=om(om({},e),{},{layout_elements:{top:{elements:[],align:"center"},items:{elements:["items"]},bottom:{elements:["pagination"],align:"center"}}})}e=om(om({},e),{},{items_click_action_popup_title_source:"post-based"===o?"title":"item_title",items_click_action_popup_description_source:"post-based"===o?"description":"item_description",items_click_action_popup_deep_link_pid:"filename"}),n(e),m(!0)},[o,a,l,n]);return(0,I.useEffect)(function(){o&&d()},[o]),wp.element.createElement("div",{className:"vpf-setup-wizard vpf-setup-wizard-step-".concat(s)},wp.element.createElement(tm,{step:s},wp.element.createElement(tm.Step,null,wp.element.createElement("div",{className:"vpf-setup-wizard-title"},sm),wp.element.createElement("div",{className:"vpf-setup-wizard-description",dangerouslySetInnerHTML:{__html:(0,L.__)("Set the common settings in the setup wizard,
more options will be available in the block settings.
Select the Content Source first:","visual-portfolio")}}),pm(e,"content-source"),pm(e,"content-source-images"),pm(e,"content-source-taxonomies"),pm(e,"content-source-social-stream")),wp.element.createElement(tm.Step,null,wp.element.createElement("div",{className:"vpf-setup-wizard-title"},(0,L.__)("Items Style","visual-portfolio")),wp.element.createElement("div",{className:"vpf-setup-wizard-description",dangerouslySetInnerHTML:{__html:(0,L.__)("Select one of the featured styles to get started.
More style settings will be available in the block settings.","visual-portfolio")}}),pm(e,"items-style")),wp.element.createElement(tm.Step,null,wp.element.createElement("div",{className:"vpf-setup-wizard-title"},(0,L.__)("Additional Settings","visual-portfolio")),wp.element.createElement("div",{className:"vpf-setup-wizard-layout-elements"},wp.element.createElement("div",null,wp.element.createElement(A.ToggleControl,{label:(0,L.__)("Filter","visual-portfolio"),checked:fm("filter",t),onChange:function(){n({layout_elements:mm("filter",t)})}})),wp.element.createElement("div",null,wp.element.createElement(A.ToggleControl,{label:(0,L.__)("Pagination","visual-portfolio"),checked:fm("pagination",t),onChange:function(){n({layout_elements:mm("pagination",t)})}})),wp.element.createElement("div",null,wp.element.createElement(A.ToggleControl,{label:(0,L.__)("Popup Gallery","visual-portfolio"),checked:"popup_gallery"===i,onChange:function(){n({items_click_action:"popup_gallery"===i?"url":"popup_gallery"})}}))))),wp.element.createElement("div",{className:"vpf-setup-wizard-pagination"},o?wp.element.createElement(wp.element.Fragment,null,wp.element.createElement("div",{className:"vpf-setup-wizard-pagination-button"},wp.element.createElement(A.Button,{variant:"link",onClick:function(){0===s?n({setup_wizard:"",content_source:t.contentSource||"images"}):c(s-1)}},0===s?(0,L.__)("Skip Setup","visual-portfolio"):(0,L.__)("Previous Step","visual-portfolio"))),wp.element.createElement("div",{className:"vpf-setup-wizard-pagination-progress"},wp.element.createElement("div",{style:{width:"".concat(Math.max(15,Math.min(100,100*s/2.5)),"%")}})),wp.element.createElement("div",{className:"vpf-setup-wizard-pagination-button vpf-setup-wizard-pagination-button-end"},wp.element.createElement(A.Button,{variant:"primary",disabled:!f,onClick:function(){2===s?n({setup_wizard:""}):c(s+1)}},(0,L.__)("Continue","visual-portfolio"),wp.element.createElement("svg",{width:"14",height:"14",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{marginLeft:"5px"}},wp.element.createElement("path",{d:"M3 10H17",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",fill:"none"}),wp.element.createElement("path",{d:"M11 4L17 10L11 16",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",fill:"none"}))))):null))}function vm(){return vm=Object.assign?Object.assign.bind():function(e){for(var t=1;tt.length?t.length:m,t.length)),t.length>m?wp.element.createElement("div",{className:"vpf-component-gallery-control-item-pagination-buttons"},wp.element.createElement(A.Button,{variant:"secondary",onClick:function(){d(m+18)}},(0,R.__)("Show More","visual-portfolio")),wp.element.createElement(A.Button,{variant:"link",onClick:function(){d(t.length)}},(0,R.__)("Show All","visual-portfolio"))):null):null,L)};function Ii(e){var t=e.imageControls,n=e.attributes,r=e.name,o=e.value,i=e.onChange,l=e.focalPoint,a=e.isSetupWizard,u=e.clientId,s=o.filter(function(e){return e.id});return wp.element.createElement("div",{className:"vpf-component-gallery-control"},wp.element.createElement(D.MediaUpload,{onSelect:function(e){i(Ei(e))},allowedTypes:bi(gi),multiple:"add",value:s&&Object.keys(s).length?s.map(function(e){return e.id}):[],render:function(){return wp.element.createElement(Di,{items:s,onChange:i,imageControls:t,controlName:r,attributes:n,focalPoint:l,clientId:u,isSetupWizard:a,onSortEnd:function(e,t){var n=po(s,e,t);i(n)}})}}))}const Ai=window.jQuery;var Mi=n.n(Ai);function Ri(e){return Ri="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Ri(e)}function Li(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function Ni(e){for(var t=1;t0&&void 0!==arguments[0]?arguments[0]:{},n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:function(){},r=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],o=this.props,i=o.controlName,l=o.attributes;if(!this.isAJAXinProgress){this.isAJAXinProgress=!0,r&&this.setState({ajaxStatus:"progress"});var a=Ni({action:"vp_dynamic_control_callback",nonce:$i.nonce,vp_control_name:i,vp_attributes:l},t);Mi().ajax({url:Qi,method:"POST",dataType:"json",data:a,complete:function(t){var o=t.responseJSON;n&&o.response&&(o.response.options&&(qi[i]=Ni(Ni({},qi[i]),o.response.options)),n(o.response)),r&&e.setState({ajaxStatus:!0}),e.isAJAXinProgress=!1}})}}},{key:"render",value:function(){var e=this,t=this.props,n=t.controlName,r=t.value,o=t.onChange,i=t.collapseRows,l=t.isSetupWizard,a=t.columns,u=void 0===a?3:a,s=this.state,c=s.options,p=s.ajaxStatus,f=s.collapsed;if(p&&"progress"===p)return wp.element.createElement("div",{className:"vpf-component-icon-selector"},wp.element.createElement(A.Spinner,null));var m=Object.keys(c),d=m.indexOf(r),v=i*(l?5:u),h=!1!==i&&m.length>v,y=v-1;if(h&&f&&d>=y){var g=y-1,b=m[d];m.splice(d,1),m.splice(g,0,b)}return wp.element.createElement("div",{className:N()("vpf-component-icon-selector",h?"vpf-component-icon-selector-allow-collapsing":""),"data-control-name":n,style:l?void 0:{gridTemplateColumns:"repeat(".concat(u,", minmax(0, 1fr))")}},m.filter(function(e,t){return!h||!f||t'):t.icon_wizard&&(n=t.icon_wizard)),wp.element.createElement(A.Button,{key:"icon-selector-".concat(t.title,"-").concat(t.value),onClick:function(){return o(t.value)},className:N()("vpf-component-icon-selector-item",r===t.value?"vpf-component-icon-selector-item-active":"",t.className)},n?wp.element.createElement(I.RawHTML,null,n):"",t.title?wp.element.createElement("span",null,t.title):"")}),h?wp.element.createElement(A.Button,{onClick:function(){e.setState({collapsed:!f})},className:N()("vpf-component-icon-selector-item","vpf-component-icon-selector-item-collapse",f?"":"vpf-component-icon-selector-item-expanded")},wp.element.createElement("div",{className:"vpf-component-icon-selector-item-collapse"},wp.element.createElement("svg",{width:"11",height:"6",viewBox:"0 0 11 6",fill:"none",xmlns:"http://www.w3.org/2000/svg"},wp.element.createElement("path",{d:"M10 1.25L5.5 4.75L1 1.25",stroke:"currentColor",strokeWidth:"1"}))),wp.element.createElement("span",null,f?(0,R.__)("More","visual-portfolio"):(0,R.__)("Less","visual-portfolio"))):null)}}],r&&Vi(n.prototype,r),Object.defineProperty(n,"prototype",{writable:!1}),n;var n,r}(I.Component),Ji=A.NavigatorProvider||A.__experimentalNavigatorProvider,Xi=A.NavigatorScreen||A.__experimentalNavigatorScreen,Yi=A.NavigatorButton||A.__experimentalNavigatorButton,Ki=A.NavigatorBackButton||A.__experimentalNavigatorBackButton;function el(e){var t=e.children,n=e.options;return wp.element.createElement(Ji,{initialPath:"/",className:"vpf-component-navigator-control"},wp.element.createElement(Xi,{path:"/",className:"vpf-component-navigator-control-toggles"},n.map(function(e){return wp.element.createElement(Yi,{key:e.category,path:"/".concat(e.category)},wp.element.createElement("span",null,e.title),wp.element.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:"24",height:"24","aria-hidden":"true",focusable:"false"},wp.element.createElement("path",{d:"M10.6 6L9.4 7l4.6 5-4.6 5 1.2 1 5.4-6z"})))})),n.map(function(e){return wp.element.createElement(Xi,{key:e.category,path:"/".concat(e.category)},wp.element.createElement("div",{className:"vpf-component-navigator-control-screen-title"},wp.element.createElement(Ki,null,wp.element.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:"24",height:"24","aria-hidden":"true",focusable:"false"},wp.element.createElement("path",{d:"M14.6 7l-1.2-1L8 12l5.4 6 1.2-1-4.6-5z"}))),wp.element.createElement("span",null,e.title)),t(e))}))}function tl(e){return tl="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},tl(e)}function nl(){return nl=Object.assign?Object.assign.bind():function(e){for(var t=1;t0?wl(Tl,--jl):0,Cl--,10===kl&&(Cl=1,xl--),kl}function Ml(){return kl=jl2||Bl(kl)>3?"":" "}function Ul(e,t){for(;--t&&Ml()&&!(kl<48||kl>102||kl>57&&kl<65||kl>70&&kl<97););return Nl(e,Ll()+(t<6&&32==Rl()&&32==Ml()))}function Wl(e){for(;Ml();)switch(kl){case e:return jl;case 34:case 39:34!==e&&39!==e&&Wl(kl);break;case 40:41===e&&Wl(e);break;case 92:Ml()}return jl}function Gl(e,t){for(;Ml()&&e+kl!==57&&(e+kl!==84||47!==Rl()););return"/*"+Nl(t,jl-1)+"*"+vl(47===e?e:Ml())}function Ql(e){for(;!Bl(Rl());)Ml();return Nl(e,jl)}var $l="-ms-",ql="-moz-",Zl="-webkit-",Jl="comm",Xl="rule",Yl="decl",Kl="@keyframes";function ea(e,t){for(var n="",r=Sl(e),o=0;o0&&Ol(S)-p&&El(m>32?la(S+";",r,n,p-1):la(gl(S," ","")+";",r,n,p-2),u);break;case 59:S+=";";default:if(El(O=oa(S,t,n,s,c,o,a,b,w=[],_=[],p),i),123===g)if(0===c)ra(S,t,O,O,w,i,p,a,_);else switch(99===f&&110===wl(S,3)?100:f){case 100:case 108:case 109:case 115:ra(e,O,O,r&&El(oa(e,O,O,0,0,o,a,b,o,w=[],p),_),o,_,p,a,r?w:_);break;default:ra(S,O,O,O,[""],_,0,a,_)}}s=c=m=0,v=y=1,b=S="",p=l;break;case 58:p=1+Ol(S),m=d;default:if(v<1)if(123==g)--v;else if(125==g&&0==v++&&125==Al())continue;switch(S+=vl(g),g*v){case 38:y=c>0?1:(S+="\f",-1);break;case 44:a[s++]=(Ol(S)-1)*y,y=1;break;case 64:45===Rl()&&(S+=Hl(Ml())),f=Rl(),c=p=Ol(b=S+=Ql(Ll())),g++;break;case 45:45===d&&2==Ol(S)&&(v=0)}}return i}function oa(e,t,n,r,o,i,l,a,u,s,c){for(var p=o-1,f=0===o?i:[""],m=Sl(f),d=0,v=0,h=0;d0?f[y]+" "+g:gl(g,/&\f/g,f[y])))&&(u[h++]=b);return Dl(e,t,n,0===o?Xl:a,u,s,c)}function ia(e,t,n){return Dl(e,t,n,Jl,vl(kl),_l(e,2,-2),0)}function la(e,t,n,r){return Dl(e,t,n,Yl,_l(e,0,r),_l(e,r+1,-1),r)}var aa=function(e,t,n){for(var r=0,o=0;r=o,o=Rl(),38===r&&12===o&&(t[n]=1),!Bl(o);)Ml();return Nl(e,jl)},ua=new WeakMap,sa=function(e){if("rule"===e.type&&e.parent&&!(e.length<1)){for(var t=e.value,n=e.parent,r=e.column===n.column&&e.line===n.line;"rule"!==n.type;)if(!(n=n.parent))return;if((1!==e.props.length||58===t.charCodeAt(0)||ua.get(n))&&!r){ua.set(e,!0);for(var o=[],i=function(e,t){return Fl(function(e,t){var n=-1,r=44;do{switch(Bl(r)){case 0:38===r&&12===Rl()&&(t[n]=1),e[n]+=aa(jl-1,t,n);break;case 2:e[n]+=Hl(r);break;case 4:if(44===r){e[++n]=58===Rl()?"&\f":"",t[n]=e[n].length;break}default:e[n]+=vl(r)}}while(r=Ml());return e}(Vl(e),t))}(t,o),l=n.props,a=0,u=0;a6)switch(wl(e,t+1)){case 109:if(45!==wl(e,t+4))break;case 102:return gl(e,/(.+:)(.+)-([^]+)/,"$1"+Zl+"$2-$3$1"+ql+(108==wl(e,t+3)?"$3":"$2-$3"))+e;case 115:return~bl(e,"stretch")?pa(gl(e,"stretch","fill-available"),t)+e:e}break;case 4949:if(115!==wl(e,t+1))break;case 6444:switch(wl(e,Ol(e)-3-(~bl(e,"!important")&&10))){case 107:return gl(e,":",":"+Zl)+e;case 101:return gl(e,/(.+:)([^;!]+)(;|!.+)?/,"$1"+Zl+(45===wl(e,14)?"inline-":"")+"box$3$1"+Zl+"$2$3$1"+$l+"$2box$3")+e}break;case 5936:switch(wl(e,t+11)){case 114:return Zl+e+$l+gl(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return Zl+e+$l+gl(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return Zl+e+$l+gl(e,/[svh]\w+-[tblr]{2}/,"lr")+e}return Zl+e+$l+e+e}return e}var fa=[function(e,t,n,r){if(e.length>-1&&!e.return)switch(e.type){case Yl:e.return=pa(e.value,e.length);break;case Kl:return ea([Il(e,{value:gl(e.value,"@","@"+Zl)})],r);case Xl:if(e.length)return function(e,t){return e.map(t).join("")}(e.props,function(t){switch(function(e){return(e=/(::plac\w+|:read-\w+)/.exec(e))?e[0]:e}(t)){case":read-only":case":read-write":return ea([Il(e,{props:[gl(t,/:(read-\w+)/,":-moz-$1")]})],r);case"::placeholder":return ea([Il(e,{props:[gl(t,/:(plac\w+)/,":"+Zl+"input-$1")]}),Il(e,{props:[gl(t,/:(plac\w+)/,":-moz-$1")]}),Il(e,{props:[gl(t,/:(plac\w+)/,$l+"input-$1")]})],r)}return""})}}],ma=function(e){var t=e.key;if("css"===t){var n=document.querySelectorAll("style[data-emotion]:not([data-s])");Array.prototype.forEach.call(n,function(e){-1!==e.getAttribute("data-emotion").indexOf(" ")&&(document.head.appendChild(e),e.setAttribute("data-s",""))})}var r,o,i=e.stylisPlugins||fa,l={},a=[];r=e.container||document.head,Array.prototype.forEach.call(document.querySelectorAll('style[data-emotion^="'+t+' "]'),function(e){for(var t=e.getAttribute("data-emotion").split(" "),n=1;n=4;++r,o-=4)t=1540483477*(65535&(t=255&e.charCodeAt(r)|(255&e.charCodeAt(++r))<<8|(255&e.charCodeAt(++r))<<16|(255&e.charCodeAt(++r))<<24))+(59797*(t>>>16)<<16),n=1540483477*(65535&(t^=t>>>24))+(59797*(t>>>16)<<16)^1540483477*(65535&n)+(59797*(n>>>16)<<16);switch(o){case 3:n^=(255&e.charCodeAt(r+2))<<16;case 2:n^=(255&e.charCodeAt(r+1))<<8;case 1:n=1540483477*(65535&(n^=255&e.charCodeAt(r)))+(59797*(n>>>16)<<16)}return(((n=1540483477*(65535&(n^=n>>>13))+(59797*(n>>>16)<<16))^n>>>15)>>>0).toString(36)}(o)+u;return{name:s,styles:o,next:Ea}}var Pa=!!h.useInsertionEffect&&h.useInsertionEffect,ja=Pa||function(e){return e()},ka=(Pa||h.useLayoutEffect,h.createContext("undefined"!=typeof HTMLElement?ma({key:"css"}):null)),Ta=ka.Provider,Da=function(e){return(0,h.forwardRef)(function(t,n){var r=(0,h.useContext)(ka);return e(t,r,n)})},Ia=h.createContext({}),Aa={}.hasOwnProperty,Ma="__EMOTION_TYPE_PLEASE_DO_NOT_USE__",Ra=function(e){var t=e.cache,n=e.serialized,r=e.isStringTag;return da(t,n,r),ja(function(){return function(e,t,n){da(e,t,n);var r=e.key+"-"+t.name;if(void 0===e.inserted[t.name]){var o=t;do{e.insert(t===o?"."+r:"",o,e.sheet,!0),o=o.next}while(void 0!==o)}}(t,n,r)}),null},La=Da(function(e,t,n){var r=e.css;"string"==typeof r&&void 0!==t.registered[r]&&(r=t.registered[r]);var o=e[Ma],i=[r],l="";"string"==typeof e.className?l=function(e,t,n){var r="";return n.split(" ").forEach(function(n){void 0!==e[n]?t.push(e[n]+";"):n&&(r+=n+" ")}),r}(t.registered,i,e.className):null!=e.className&&(l=e.className+" ");var a=Ca(i,void 0,h.useContext(Ia));l+=t.key+"-"+a.name;var u={};for(var s in e)Aa.call(e,s)&&"css"!==s&&s!==Ma&&(u[s]=e[s]);return u.className=l,n&&(u.ref=n),h.createElement(h.Fragment,null,h.createElement(Ra,{cache:t,serialized:a,isStringTag:"string"==typeof o}),h.createElement(o,u))}),Na=La,Ba=n(28),Va=n.n(Ba);function Fa(e){return Fa="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Fa(e)}function Ha(e){var t=function(e){if("object"!=Fa(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=Fa(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==Fa(t)?t:t+""}function za(e,t,n){return(t=Ha(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Ua(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function Wa(e){for(var t=1;te.length)&&(t=e.length);for(var n=0,r=Array(t);n({x:e,y:e});function iu(){return"undefined"!=typeof window}function lu(e){return su(e)?(e.nodeName||"").toLowerCase():"#document"}function au(e){var t;return(null==e||null==(t=e.ownerDocument)?void 0:t.defaultView)||window}function uu(e){var t;return null==(t=(su(e)?e.ownerDocument:e.document)||window.document)?void 0:t.documentElement}function su(e){return!!iu()&&(e instanceof Node||e instanceof au(e).Node)}function cu(e){return!!iu()&&(e instanceof Element||e instanceof au(e).Element)}function pu(e){return!!iu()&&(e instanceof HTMLElement||e instanceof au(e).HTMLElement)}function fu(e){return!(!iu()||"undefined"==typeof ShadowRoot)&&(e instanceof ShadowRoot||e instanceof au(e).ShadowRoot)}const mu=new Set(["inline","contents"]);function du(e){const{overflow:t,overflowX:n,overflowY:r,display:o}=hu(e);return/auto|scroll|overlay|hidden|clip/.test(t+r+n)&&!mu.has(o)}const vu=new Set(["html","body","#document"]);function hu(e){return au(e).getComputedStyle(e)}function yu(e){const t=function(e){if("html"===lu(e))return e;const t=e.assignedSlot||e.parentNode||fu(e)&&e.host||uu(e);return fu(t)?t.host:t}(e);return function(e){return vu.has(lu(e))}(t)?e.ownerDocument?e.ownerDocument.body:e.body:pu(t)&&du(t)?t:yu(t)}function gu(e,t,n){var r;void 0===t&&(t=[]),void 0===n&&(n=!0);const o=yu(e),i=o===(null==(r=e.ownerDocument)?void 0:r.body),l=au(o);if(i){const e=bu(l);return t.concat(l,l.visualViewport||[],du(o)?o:[],e&&n?gu(e):[])}return t.concat(o,gu(o,[],n))}function bu(e){return e.parent&&Object.getPrototypeOf(e.parent)?e.frameElement:null}function wu(e){return cu(e)?e:e.contextElement}function _u(e){const t=wu(e);if(!pu(t))return ou(1);const n=t.getBoundingClientRect(),{width:r,height:o,$:i}=function(e){const t=hu(e);let n=parseFloat(t.width)||0,r=parseFloat(t.height)||0;const o=pu(e),i=o?e.offsetWidth:n,l=o?e.offsetHeight:r,a=nu(n)!==i||nu(r)!==l;return a&&(n=i,r=l),{width:n,height:r,$:a}}(t);let l=(i?nu(n.width):n.width)/r,a=(i?nu(n.height):n.height)/o;return l&&Number.isFinite(l)||(l=1),a&&Number.isFinite(a)||(a=1),{x:l,y:a}}const Ou=ou(0);function Su(e){const t=au(e);return"undefined"!=typeof CSS&&CSS.supports&&CSS.supports("-webkit-backdrop-filter","none")&&t.visualViewport?{x:t.visualViewport.offsetLeft,y:t.visualViewport.offsetTop}:Ou}function Eu(e,t,n,r){void 0===t&&(t=!1),void 0===n&&(n=!1);const o=e.getBoundingClientRect(),i=wu(e);let l=ou(1);t&&(r?cu(r)&&(l=_u(r)):l=_u(e));const a=function(e,t,n){return void 0===t&&(t=!1),!(!n||t&&n!==au(e))&&t}(i,n,r)?Su(i):ou(0);let u=(o.left+a.x)/l.x,s=(o.top+a.y)/l.y,c=o.width/l.x,p=o.height/l.y;if(i){const e=au(i),t=r&&cu(r)?au(r):r;let n=e,o=bu(n);for(;o&&r&&t!==n;){const e=_u(o),t=o.getBoundingClientRect(),r=hu(o),i=t.left+(o.clientLeft+parseFloat(r.paddingLeft))*e.x,l=t.top+(o.clientTop+parseFloat(r.paddingTop))*e.y;u*=e.x,s*=e.y,c*=e.x,p*=e.y,u+=i,s+=l,n=au(o),o=bu(n)}}return function(e){const{x:t,y:n,width:r,height:o}=e;return{width:r,height:o,top:n,left:t,right:t+r,bottom:n+o,x:t,y:n}}({width:c,height:p,x:u,y:s})}function xu(e,t){return e.x===t.x&&e.y===t.y&&e.width===t.width&&e.height===t.height}var Cu=h.useLayoutEffect,Pu=["className","clearValue","cx","getStyles","getClassNames","getValue","hasValue","isMulti","isRtl","options","selectOption","selectProps","setValue","theme"],ju=function(){};function ku(e,t){return t?"-"===t[0]?e+t:e+"__"+t:e}function Tu(e,t){for(var n=arguments.length,r=new Array(n>2?n-2:0),o=2;o-1}function Ru(e){return Mu(e)?window.pageYOffset:e.scrollTop}function Lu(e,t){Mu(e)?window.scrollTo(0,t):e.scrollTop=t}function Nu(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:200,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:ju,o=Ru(e),i=t-o,l=0;!function t(){var a,u=i*((a=(a=l+=10)/n-1)*a*a+1)+o;Lu(e,u),ln.bottom?Lu(e,Math.min(t.offsetTop+t.clientHeight-e.offsetHeight+o,e.scrollHeight)):r.top-o=d)return{placement:"bottom",maxHeight:t};if(E>=d&&!l)return i&&Nu(u,x,P),{placement:"bottom",maxHeight:t};if(!l&&E>=r||l&&O>=r)return i&&Nu(u,x,P),{placement:"bottom",maxHeight:l?O-b:E-b};if("auto"===o||l){var j=t,k=l?_:S;return k>=r&&(j=Math.min(k-b-a,t)),{placement:"top",maxHeight:j}}if("bottom"===o)return i&&Lu(u,x),{placement:"bottom",maxHeight:t};break;case"top":if(_>=d)return{placement:"top",maxHeight:t};if(S>=d&&!l)return i&&Nu(u,C,P),{placement:"top",maxHeight:t};if(!l&&S>=r||l&&_>=r){var T=t;return(!l&&S>=r||l&&_>=r)&&(T=l?_-w:S-w),i&&Nu(u,C,P),{placement:"top",maxHeight:T}}return{placement:"bottom",maxHeight:t};default:throw new Error('Invalid placement provided "'.concat(o,'".'))}return s}({maxHeight:r,menuEl:e,minHeight:n,placement:o,shouldScroll:l&&!t,isFixedPosition:t,controlHeight:y});f(a.maxHeight),v(a.placement),null==u||u(a.placement)}},[r,o,i,l,n,u,y]),t({ref:s,placerProps:Wa(Wa({},e),{},{placement:d||Xu(o),maxHeight:p})})},es=function(e,t){var n=e.theme,r=n.spacing.baseUnit,o=n.colors;return Wa({textAlign:"center"},t?{}:{color:o.neutral40,padding:"".concat(2*r,"px ").concat(3*r,"px")})},ts=es,ns=es,rs=["size"],os=["innerProps","isRtl","size"],is={name:"8mmkcg",styles:"display:inline-block;fill:currentColor;line-height:1;stroke:currentColor;stroke-width:0"},ls=function(e){var t=e.size,n=Ka(e,rs);return qa("svg",Ga({height:t,width:t,viewBox:"0 0 20 20","aria-hidden":"true",focusable:"false",css:is},n))},as=function(e){return qa(ls,Ga({size:20},e),qa("path",{d:"M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z"}))},us=function(e){return qa(ls,Ga({size:20},e),qa("path",{d:"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"}))},ss=function(e,t){var n=e.isFocused,r=e.theme,o=r.spacing.baseUnit,i=r.colors;return Wa({label:"indicatorContainer",display:"flex",transition:"color 150ms"},t?{}:{color:n?i.neutral60:i.neutral20,padding:2*o,":hover":{color:n?i.neutral80:i.neutral40}})},cs=ss,ps=ss,fs=function(){var e=Za.apply(void 0,arguments),t="animation-"+e.name;return{name:t,styles:"@keyframes "+t+"{"+e.styles+"}",anim:1,toString:function(){return"_EMO_"+this.name+"_"+this.styles+"_EMO_"}}}(qu||(Zu=["\n 0%, 80%, 100% { opacity: 0; }\n 40% { opacity: 1; }\n"],Ju||(Ju=Zu.slice(0)),qu=Object.freeze(Object.defineProperties(Zu,{raw:{value:Object.freeze(Ju)}})))),ms=function(e){var t=e.delay,n=e.offset;return qa("span",{css:Za({animation:"".concat(fs," 1s ease-in-out ").concat(t,"ms infinite;"),backgroundColor:"currentColor",borderRadius:"1em",display:"inline-block",marginLeft:n?"1em":void 0,height:"1em",verticalAlign:"top",width:"1em"},"","")})},ds=["data"],vs=["innerRef","isDisabled","isHidden","inputClassName"],hs={gridArea:"1 / 2",font:"inherit",minWidth:"2px",border:0,margin:0,outline:0,padding:0},ys={flex:"1 1 auto",display:"inline-grid",gridArea:"1 / 1 / 2 / 3",gridTemplateColumns:"0 min-content","&:after":Wa({content:'attr(data-value) " "',visibility:"hidden",whiteSpace:"pre"},hs)},gs=function(e){return Wa({label:"input",color:"inherit",background:0,opacity:e?0:1,width:"100%"},hs)},bs=function(e){var t=e.children,n=e.innerProps;return qa("div",n,t)},ws={ClearIndicator:function(e){var t=e.children,n=e.innerProps;return qa("div",Ga({},Au(e,"clearIndicator",{indicator:!0,"clear-indicator":!0}),n),t||qa(as,null))},Control:function(e){var t=e.children,n=e.isDisabled,r=e.isFocused,o=e.innerRef,i=e.innerProps,l=e.menuIsOpen;return qa("div",Ga({ref:o},Au(e,"control",{control:!0,"control--is-disabled":n,"control--is-focused":r,"control--menu-is-open":l}),i,{"aria-disabled":n||void 0}),t)},DropdownIndicator:function(e){var t=e.children,n=e.innerProps;return qa("div",Ga({},Au(e,"dropdownIndicator",{indicator:!0,"dropdown-indicator":!0}),n),t||qa(us,null))},DownChevron:us,CrossIcon:as,Group:function(e){var t=e.children,n=e.cx,r=e.getStyles,o=e.getClassNames,i=e.Heading,l=e.headingProps,a=e.innerProps,u=e.label,s=e.theme,c=e.selectProps;return qa("div",Ga({},Au(e,"group",{group:!0}),a),qa(i,Ga({},l,{selectProps:c,theme:s,getStyles:r,getClassNames:o,cx:n}),u),qa("div",null,t))},GroupHeading:function(e){var t=Iu(e);t.data;var n=Ka(t,ds);return qa("div",Ga({},Au(e,"groupHeading",{"group-heading":!0}),n))},IndicatorsContainer:function(e){var t=e.children,n=e.innerProps;return qa("div",Ga({},Au(e,"indicatorsContainer",{indicators:!0}),n),t)},IndicatorSeparator:function(e){var t=e.innerProps;return qa("span",Ga({},t,Au(e,"indicatorSeparator",{"indicator-separator":!0})))},Input:function(e){var t=e.cx,n=e.value,r=Iu(e),o=r.innerRef,i=r.isDisabled,l=r.isHidden,a=r.inputClassName,u=Ka(r,vs);return qa("div",Ga({},Au(e,"input",{"input-container":!0}),{"data-value":n||""}),qa("input",Ga({className:t({input:!0},a),ref:o,style:gs(l),disabled:i},u)))},LoadingIndicator:function(e){var t=e.innerProps,n=e.isRtl,r=e.size,o=void 0===r?4:r,i=Ka(e,os);return qa("div",Ga({},Au(Wa(Wa({},i),{},{innerProps:t,isRtl:n,size:o}),"loadingIndicator",{indicator:!0,"loading-indicator":!0}),t),qa(ms,{delay:0,offset:n}),qa(ms,{delay:160,offset:!0}),qa(ms,{delay:320,offset:!n}))},Menu:function(e){var t=e.children,n=e.innerRef,r=e.innerProps;return qa("div",Ga({},Au(e,"menu",{menu:!0}),{ref:n},r),t)},MenuList:function(e){var t=e.children,n=e.innerProps,r=e.innerRef,o=e.isMulti;return qa("div",Ga({},Au(e,"menuList",{"menu-list":!0,"menu-list--is-multi":o}),{ref:r},n),t)},MenuPortal:function(e){var t=e.appendTo,n=e.children,r=e.controlElement,o=e.innerProps,i=e.menuPlacement,l=e.menuPosition,a=(0,h.useRef)(null),u=(0,h.useRef)(null),s=Ya((0,h.useState)(Xu(i)),2),c=s[0],p=s[1],f=(0,h.useMemo)(function(){return{setPortalPlacement:p}},[]),m=Ya((0,h.useState)(null),2),d=m[0],v=m[1],y=(0,h.useCallback)(function(){if(r){var e=function(e){var t=e.getBoundingClientRect();return{bottom:t.bottom,height:t.height,left:t.left,right:t.right,top:t.top,width:t.width}}(r),t="fixed"===l?0:window.pageYOffset,n=e[c]+t;n===(null==d?void 0:d.offset)&&e.left===(null==d?void 0:d.rect.left)&&e.width===(null==d?void 0:d.rect.width)||v({offset:n,rect:e})}},[r,l,c,null==d?void 0:d.offset,null==d?void 0:d.rect.left,null==d?void 0:d.rect.width]);Cu(function(){y()},[y]);var g=(0,h.useCallback)(function(){"function"==typeof u.current&&(u.current(),u.current=null),r&&a.current&&(u.current=function(e,t,n,r){void 0===r&&(r={});const{ancestorScroll:o=!0,ancestorResize:i=!0,elementResize:l="function"==typeof ResizeObserver,layoutShift:a="function"==typeof IntersectionObserver,animationFrame:u=!1}=r,s=wu(e),c=o||i?[...s?gu(s):[],...gu(t)]:[];c.forEach(e=>{o&&e.addEventListener("scroll",n,{passive:!0}),i&&e.addEventListener("resize",n)});const p=s&&a?function(e,t){let n,r=null;const o=uu(e);function i(){var e;clearTimeout(n),null==(e=r)||e.disconnect(),r=null}return function l(a,u){void 0===a&&(a=!1),void 0===u&&(u=1),i();const s=e.getBoundingClientRect(),{left:c,top:p,width:f,height:m}=s;if(a||t(),!f||!m)return;const d={rootMargin:-ru(p)+"px "+-ru(o.clientWidth-(c+f))+"px "+-ru(o.clientHeight-(p+m))+"px "+-ru(c)+"px",threshold:tu(0,eu(1,u))||1};let v=!0;function h(t){const r=t[0].intersectionRatio;if(r!==u){if(!v)return l();r?l(!1,r):n=setTimeout(()=>{l(!1,1e-7)},1e3)}1!==r||xu(s,e.getBoundingClientRect())||l(),v=!1}try{r=new IntersectionObserver(h,{...d,root:o.ownerDocument})}catch(e){r=new IntersectionObserver(h,d)}r.observe(e)}(!0),i}(s,n):null;let f,m=-1,d=null;l&&(d=new ResizeObserver(e=>{let[r]=e;r&&r.target===s&&d&&(d.unobserve(t),cancelAnimationFrame(m),m=requestAnimationFrame(()=>{var e;null==(e=d)||e.observe(t)})),n()}),s&&!u&&d.observe(s),d.observe(t));let v=u?Eu(e):null;return u&&function t(){const r=Eu(e);v&&!xu(v,r)&&n(),v=r,f=requestAnimationFrame(t)}(),n(),()=>{var e;c.forEach(e=>{o&&e.removeEventListener("scroll",n),i&&e.removeEventListener("resize",n)}),null==p||p(),null==(e=d)||e.disconnect(),d=null,u&&cancelAnimationFrame(f)}}(r,a.current,y,{elementResize:"ResizeObserver"in window}))},[r,y]);Cu(function(){g()},[g]);var b=(0,h.useCallback)(function(e){a.current=e,g()},[g]);if(!t&&"fixed"!==l||!d)return null;var w=qa("div",Ga({ref:b},Au(Wa(Wa({},e),{},{offset:d.offset,position:l,rect:d.rect}),"menuPortal",{"menu-portal":!0}),o),n);return qa(Yu.Provider,{value:f},t?(0,Vt.createPortal)(w,t):w)},LoadingMessage:function(e){var t=e.children,n=void 0===t?"Loading...":t,r=e.innerProps,o=Ka(e,$u);return qa("div",Ga({},Au(Wa(Wa({},o),{},{children:n,innerProps:r}),"loadingMessage",{"menu-notice":!0,"menu-notice--loading":!0}),r),n)},NoOptionsMessage:function(e){var t=e.children,n=void 0===t?"No options":t,r=e.innerProps,o=Ka(e,Qu);return qa("div",Ga({},Au(Wa(Wa({},o),{},{children:n,innerProps:r}),"noOptionsMessage",{"menu-notice":!0,"menu-notice--no-options":!0}),r),n)},MultiValue:function(e){var t=e.children,n=e.components,r=e.data,o=e.innerProps,i=e.isDisabled,l=e.removeProps,a=e.selectProps,u=n.Container,s=n.Label,c=n.Remove;return qa(u,{data:r,innerProps:Wa(Wa({},Au(e,"multiValue",{"multi-value":!0,"multi-value--is-disabled":i})),o),selectProps:a},qa(s,{data:r,innerProps:Wa({},Au(e,"multiValueLabel",{"multi-value__label":!0})),selectProps:a},t),qa(c,{data:r,innerProps:Wa(Wa({},Au(e,"multiValueRemove",{"multi-value__remove":!0})),{},{"aria-label":"Remove ".concat(t||"option")},l),selectProps:a}))},MultiValueContainer:bs,MultiValueLabel:bs,MultiValueRemove:function(e){var t=e.children,n=e.innerProps;return qa("div",Ga({role:"button"},n),t||qa(as,{size:14}))},Option:function(e){var t=e.children,n=e.isDisabled,r=e.isFocused,o=e.isSelected,i=e.innerRef,l=e.innerProps;return qa("div",Ga({},Au(e,"option",{option:!0,"option--is-disabled":n,"option--is-focused":r,"option--is-selected":o}),{ref:i,"aria-disabled":n},l),t)},Placeholder:function(e){var t=e.children,n=e.innerProps;return qa("div",Ga({},Au(e,"placeholder",{placeholder:!0}),n),t)},SelectContainer:function(e){var t=e.children,n=e.innerProps,r=e.isDisabled,o=e.isRtl;return qa("div",Ga({},Au(e,"container",{"--is-disabled":r,"--is-rtl":o}),n),t)},SingleValue:function(e){var t=e.children,n=e.isDisabled,r=e.innerProps;return qa("div",Ga({},Au(e,"singleValue",{"single-value":!0,"single-value--is-disabled":n}),r),t)},ValueContainer:function(e){var t=e.children,n=e.innerProps,r=e.isMulti,o=e.hasValue;return qa("div",Ga({},Au(e,"valueContainer",{"value-container":!0,"value-container--is-multi":r,"value-container--has-value":o}),n),t)}},_s=["defaultInputValue","defaultMenuIsOpen","defaultValue","inputValue","menuIsOpen","onChange","onInputChange","onMenuClose","onMenuOpen","value"];function Os(e){var t=e.defaultInputValue,n=void 0===t?"":t,r=e.defaultMenuIsOpen,o=void 0!==r&&r,i=e.defaultValue,l=void 0===i?null:i,a=e.inputValue,u=e.menuIsOpen,s=e.onChange,c=e.onInputChange,p=e.onMenuClose,f=e.onMenuOpen,m=e.value,d=Ka(e,_s),v=Ya((0,h.useState)(void 0!==a?a:n),2),y=v[0],g=v[1],b=Ya((0,h.useState)(void 0!==u?u:o),2),w=b[0],_=b[1],O=Ya((0,h.useState)(void 0!==m?m:l),2),S=O[0],E=O[1],x=(0,h.useCallback)(function(e,t){"function"==typeof s&&s(e,t),E(e)},[s]),C=(0,h.useCallback)(function(e,t){var n;"function"==typeof c&&(n=c(e,t)),g(void 0!==n?n:e)},[c]),P=(0,h.useCallback)(function(){"function"==typeof f&&f(),_(!0)},[f]),j=(0,h.useCallback)(function(){"function"==typeof p&&p(),_(!1)},[p]),k=void 0!==a?a:y,T=void 0!==u?u:w,D=void 0!==m?m:S;return Wa(Wa({},d),{},{inputValue:k,menuIsOpen:T,onChange:x,onInputChange:C,onMenuClose:j,onMenuOpen:P,value:D})}function Ss(e,t){for(var n=0;n1?"s":""," ").concat(o.join(","),", selected.");case"select-option":return"option ".concat(r,i?" is disabled. Select another option.":", selected.");default:return""}},onFocus:function(e){var t=e.context,n=e.focused,r=e.options,o=e.label,i=void 0===o?"":o,l=e.selectValue,a=e.isDisabled,u=e.isSelected,s=e.isAppleDevice,c=function(e,t){return e&&e.length?"".concat(e.indexOf(t)+1," of ").concat(e.length):""};if("value"===t&&l)return"value ".concat(i," focused, ").concat(c(l,n),".");if("menu"===t&&s){var p=a?" disabled":"",f="".concat(u?" selected":"").concat(p);return"".concat(i).concat(f,", ").concat(c(r,n),".")}return""},onFilter:function(e){var t=e.inputValue,n=e.resultsMessage;return"".concat(n).concat(t?" for search term "+t:"",".")}},Ms=function(e){var t=e.ariaSelection,n=e.focusedOption,r=e.focusedValue,o=e.focusableOptions,i=e.isFocused,l=e.selectValue,a=e.selectProps,u=e.id,s=e.isAppleDevice,c=a.ariaLiveMessages,p=a.getOptionLabel,f=a.inputValue,m=a.isMulti,d=a.isOptionDisabled,v=a.isSearchable,y=a.menuIsOpen,g=a.options,b=a.screenReaderStatus,w=a.tabSelectsValue,_=a.isLoading,O=a["aria-label"],S=a["aria-live"],E=(0,h.useMemo)(function(){return Wa(Wa({},As),c||{})},[c]),x=(0,h.useMemo)(function(){var e,n="";if(t&&E.onChange){var r=t.option,o=t.options,i=t.removedValue,a=t.removedValues,u=t.value,s=i||r||(e=u,Array.isArray(e)?null:e),c=s?p(s):"",f=o||a||void 0,m=f?f.map(p):[],v=Wa({isDisabled:s&&d(s,l),label:c,labels:m},t);n=E.onChange(v)}return n},[t,E,d,l,p]),C=(0,h.useMemo)(function(){var e="",t=n||r,i=!!(n&&l&&l.includes(n));if(t&&E.onFocus){var a={focused:t,label:p(t),isDisabled:d(t,l),isSelected:i,options:o,context:t===n?"menu":"value",selectValue:l,isAppleDevice:s};e=E.onFocus(a)}return e},[n,r,p,d,E,o,l,s]),P=(0,h.useMemo)(function(){var e="";if(y&&g.length&&!_&&E.onFilter){var t=b({count:o.length});e=E.onFilter({inputValue:f,resultsMessage:t})}return e},[o,f,y,E,g,b,_]),j="initial-input-focus"===(null==t?void 0:t.action),k=(0,h.useMemo)(function(){var e="";if(E.guidance){var t=r?"value":y?"menu":"input";e=E.guidance({"aria-label":O,context:t,isDisabled:n&&d(n,l),isMulti:m,isSearchable:v,tabSelectsValue:w,isInitialFocus:j})}return e},[O,n,r,m,d,v,y,E,l,w,j]),T=qa(h.Fragment,null,qa("span",{id:"aria-selection"},x),qa("span",{id:"aria-focused"},C),qa("span",{id:"aria-results"},P),qa("span",{id:"aria-guidance"},k));return qa(h.Fragment,null,qa(Is,{id:u},j&&T),qa(Is,{"aria-live":S,"aria-atomic":"false","aria-relevant":"additions text",role:"log"},i&&!j&&T))},Rs=[{base:"A",letters:"AⒶＡÀÁÂẦẤẪẨÃĀĂẰẮẴẲȦǠÄǞẢÅǺǍȀȂẠẬẶḀĄȺⱯ"},{base:"AA",letters:"Ꜳ"},{base:"AE",letters:"ÆǼǢ"},{base:"AO",letters:"Ꜵ"},{base:"AU",letters:"Ꜷ"},{base:"AV",letters:"ꜸꜺ"},{base:"AY",letters:"Ꜽ"},{base:"B",letters:"BⒷＢḂḄḆɃƂƁ"},{base:"C",letters:"CⒸＣĆĈĊČÇḈƇȻꜾ"},{base:"D",letters:"DⒹＤḊĎḌḐḒḎĐƋƊƉꝹ"},{base:"DZ",letters:"DZDŽ"},{base:"Dz",letters:"DzDž"},{base:"E",letters:"EⒺＥÈÉÊỀẾỄỂẼĒḔḖĔĖËẺĚȄȆẸỆȨḜĘḘḚƐƎ"},{base:"F",letters:"FⒻＦḞƑꝻ"},{base:"G",letters:"GⒼＧǴĜḠĞĠǦĢǤƓꞠꝽꝾ"},{base:"H",letters:"HⒽＨĤḢḦȞḤḨḪĦⱧⱵꞍ"},{base:"I",letters:"IⒾＩÌÍÎĨĪĬİÏḮỈǏȈȊỊĮḬƗ"},{base:"J",letters:"JⒿＪĴɈ"},{base:"K",letters:"KⓀＫḰǨḲĶḴƘⱩꝀꝂꝄꞢ"},{base:"L",letters:"LⓁＬĿĹĽḶḸĻḼḺŁȽⱢⱠꝈꝆꞀ"},{base:"LJ",letters:"LJ"},{base:"Lj",letters:"Lj"},{base:"M",letters:"MⓂＭḾṀṂⱮƜ"},{base:"N",letters:"NⓃＮǸŃÑṄŇṆŅṊṈȠƝꞐꞤ"},{base:"NJ",letters:"NJ"},{base:"Nj",letters:"Nj"},{base:"O",letters:"OⓄＯÒÓÔỒỐỖỔÕṌȬṎŌṐṒŎȮȰÖȪỎŐǑȌȎƠỜỚỠỞỢỌỘǪǬØǾƆƟꝊꝌ"},{base:"OI",letters:"Ƣ"},{base:"OO",letters:"Ꝏ"},{base:"OU",letters:"Ȣ"},{base:"P",letters:"PⓅＰṔṖƤⱣꝐꝒꝔ"},{base:"Q",letters:"QⓆＱꝖꝘɊ"},{base:"R",letters:"RⓇＲŔṘŘȐȒṚṜŖṞɌⱤꝚꞦꞂ"},{base:"S",letters:"SⓈＳẞŚṤŜṠŠṦṢṨȘŞⱾꞨꞄ"},{base:"T",letters:"TⓉＴṪŤṬȚŢṰṮŦƬƮȾꞆ"},{base:"TZ",letters:"Ꜩ"},{base:"U",letters:"UⓊＵÙÚÛŨṸŪṺŬÜǛǗǕǙỦŮŰǓȔȖƯỪỨỮỬỰỤṲŲṶṴɄ"},{base:"V",letters:"VⓋＶṼṾƲꝞɅ"},{base:"VY",letters:"Ꝡ"},{base:"W",letters:"WⓌＷẀẂŴẆẄẈⱲ"},{base:"X",letters:"XⓍＸẊẌ"},{base:"Y",letters:"YⓎＹỲÝŶỸȲẎŸỶỴƳɎỾ"},{base:"Z",letters:"ZⓏＺŹẐŻŽẒẔƵȤⱿⱫꝢ"},{base:"a",letters:"aⓐａẚàáâầấẫẩãāăằắẵẳȧǡäǟảåǻǎȁȃạậặḁąⱥɐ"},{base:"aa",letters:"ꜳ"},{base:"ae",letters:"æǽǣ"},{base:"ao",letters:"ꜵ"},{base:"au",letters:"ꜷ"},{base:"av",letters:"ꜹꜻ"},{base:"ay",letters:"ꜽ"},{base:"b",letters:"bⓑｂḃḅḇƀƃɓ"},{base:"c",letters:"cⓒｃćĉċčçḉƈȼꜿↄ"},{base:"d",letters:"dⓓｄḋďḍḑḓḏđƌɖɗꝺ"},{base:"dz",letters:"dzdž"},{base:"e",letters:"eⓔｅèéêềếễểẽēḕḗĕėëẻěȅȇẹệȩḝęḙḛɇɛǝ"},{base:"f",letters:"fⓕｆḟƒꝼ"},{base:"g",letters:"gⓖｇǵĝḡğġǧģǥɠꞡᵹꝿ"},{base:"h",letters:"hⓗｈĥḣḧȟḥḩḫẖħⱨⱶɥ"},{base:"hv",letters:"ƕ"},{base:"i",letters:"iⓘｉìíîĩīĭïḯỉǐȉȋịįḭɨı"},{base:"j",letters:"jⓙｊĵǰɉ"},{base:"k",letters:"kⓚｋḱǩḳķḵƙⱪꝁꝃꝅꞣ"},{base:"l",letters:"lⓛｌŀĺľḷḹļḽḻſłƚɫⱡꝉꞁꝇ"},{base:"lj",letters:"lj"},{base:"m",letters:"mⓜｍḿṁṃɱɯ"},{base:"n",letters:"nⓝｎǹńñṅňṇņṋṉƞɲʼnꞑꞥ"},{base:"nj",letters:"nj"},{base:"o",letters:"oⓞｏòóôồốỗổõṍȭṏōṑṓŏȯȱöȫỏőǒȍȏơờớỡởợọộǫǭøǿɔꝋꝍɵ"},{base:"oi",letters:"ƣ"},{base:"ou",letters:"ȣ"},{base:"oo",letters:"ꝏ"},{base:"p",letters:"pⓟｐṕṗƥᵽꝑꝓꝕ"},{base:"q",letters:"qⓠｑɋꝗꝙ"},{base:"r",letters:"rⓡｒŕṙřȑȓṛṝŗṟɍɽꝛꞧꞃ"},{base:"s",letters:"sⓢｓßśṥŝṡšṧṣṩșşȿꞩꞅẛ"},{base:"t",letters:"tⓣｔṫẗťṭțţṱṯŧƭʈⱦꞇ"},{base:"tz",letters:"ꜩ"},{base:"u",letters:"uⓤｕùúûũṹūṻŭüǜǘǖǚủůűǔȕȗưừứữửựụṳųṷṵʉ"},{base:"v",letters:"vⓥｖṽṿʋꝟʌ"},{base:"vy",letters:"ꝡ"},{base:"w",letters:"wⓦｗẁẃŵẇẅẘẉⱳ"},{base:"x",letters:"xⓧｘẋẍ"},{base:"y",letters:"yⓨｙỳýŷỹȳẏÿỷẙỵƴɏỿ"},{base:"z",letters:"zⓩｚźẑżžẓẕƶȥɀⱬꝣ"}],Ls=new RegExp("["+Rs.map(function(e){return e.letters}).join("")+"]","g"),Ns={},Bs=0;Bs1?t-1:0),r=1;r0,v=p-f-c,h=!1;v>t&&l.current&&(r&&r(e),l.current=!1),d&&a.current&&(i&&i(e),a.current=!1),d&&t>v?(n&&!l.current&&n(e),m.scrollTop=p,h=!0,l.current=!0):!d&&-t>c&&(o&&!a.current&&o(e),m.scrollTop=0,h=!0,a.current=!0),h&&function(e){e.cancelable&&e.preventDefault(),e.stopPropagation()}(e)}},[n,r,o,i]),p=(0,h.useCallback)(function(e){c(e,e.deltaY)},[c]),f=(0,h.useCallback)(function(e){u.current=e.changedTouches[0].clientY},[]),m=(0,h.useCallback)(function(e){var t=u.current-e.changedTouches[0].clientY;c(e,t)},[c]),d=(0,h.useCallback)(function(e){if(e){var t=!!Uu&&{passive:!1};e.addEventListener("wheel",p,t),e.addEventListener("touchstart",f,t),e.addEventListener("touchmove",m,t)}},[m,f,p]),v=(0,h.useCallback)(function(e){e&&(e.removeEventListener("wheel",p,!1),e.removeEventListener("touchstart",f,!1),e.removeEventListener("touchmove",m,!1))},[m,f,p]);return(0,h.useEffect)(function(){if(t){var e=s.current;return d(e),function(){v(e)}}},[t,d,v]),function(e){s.current=e}}({isEnabled:void 0===r||r,onBottomArrive:e.onBottomArrive,onBottomLeave:e.onBottomLeave,onTopArrive:e.onTopArrive,onTopLeave:e.onTopLeave}),i=function(e){var t=e.isEnabled,n=e.accountForScrollbars,r=void 0===n||n,o=(0,h.useRef)({}),i=(0,h.useRef)(null),l=(0,h.useCallback)(function(e){if(Ks){var t=document.body,n=t&&t.style;if(r&&$s.forEach(function(e){var t=n&&n[e];o.current[e]=t}),r&&ec<1){var i=parseInt(o.current.paddingRight,10)||0,l=document.body?document.body.clientWidth:0,a=window.innerWidth-l+i||0;Object.keys(qs).forEach(function(e){var t=qs[e];n&&(n[e]=t)}),n&&(n.paddingRight="".concat(a,"px"))}t&&Ys()&&(t.addEventListener("touchmove",Zs,tc),e&&(e.addEventListener("touchstart",Xs,tc),e.addEventListener("touchmove",Js,tc))),ec+=1}},[r]),a=(0,h.useCallback)(function(e){if(Ks){var t=document.body,n=t&&t.style;ec=Math.max(ec-1,0),r&&ec<1&&$s.forEach(function(e){var t=o.current[e];n&&(n[e]=t)}),t&&Ys()&&(t.removeEventListener("touchmove",Zs,tc),e&&(e.removeEventListener("touchstart",Xs,tc),e.removeEventListener("touchmove",Js,tc)))}},[r]);return(0,h.useEffect)(function(){if(t){var e=i.current;return l(e),function(){a(e)}}},[t,l,a]),function(e){i.current=e}}({isEnabled:n});return qa(h.Fragment,null,n&&qa("div",{onClick:nc,css:rc}),t(function(e){o(e),i(e)}))}var ic={name:"1a0ro4n-requiredInput",styles:"label:requiredInput;opacity:0;pointer-events:none;position:absolute;bottom:0;left:0;right:0;width:100%"},lc=function(e){var t=e.name,n=e.onFocus;return qa("input",{required:!0,name:t,tabIndex:-1,"aria-hidden":"true",onFocus:n,css:ic,value:"",onChange:function(){}})};function ac(e){var t;return"undefined"!=typeof window&&null!=window.navigator&&e.test((null===(t=window.navigator.userAgentData)||void 0===t?void 0:t.platform)||window.navigator.platform)}function uc(){return ac(/^Mac/i)}var sc=function(e){return e.label},cc=function(e){return e.value},pc={clearIndicator:ps,container:function(e){var t=e.isDisabled;return{label:"container",direction:e.isRtl?"rtl":void 0,pointerEvents:t?"none":void 0,position:"relative"}},control:function(e,t){var n=e.isDisabled,r=e.isFocused,o=e.theme,i=o.colors,l=o.borderRadius;return Wa({label:"control",alignItems:"center",cursor:"default",display:"flex",flexWrap:"wrap",justifyContent:"space-between",minHeight:o.spacing.controlHeight,outline:"0 !important",position:"relative",transition:"all 100ms"},t?{}:{backgroundColor:n?i.neutral5:i.neutral0,borderColor:n?i.neutral10:r?i.primary:i.neutral20,borderRadius:l,borderStyle:"solid",borderWidth:1,boxShadow:r?"0 0 0 1px ".concat(i.primary):void 0,"&:hover":{borderColor:r?i.primary:i.neutral30}})},dropdownIndicator:cs,group:function(e,t){var n=e.theme.spacing;return t?{}:{paddingBottom:2*n.baseUnit,paddingTop:2*n.baseUnit}},groupHeading:function(e,t){var n=e.theme,r=n.colors,o=n.spacing;return Wa({label:"group",cursor:"default",display:"block"},t?{}:{color:r.neutral40,fontSize:"75%",fontWeight:500,marginBottom:"0.25em",paddingLeft:3*o.baseUnit,paddingRight:3*o.baseUnit,textTransform:"uppercase"})},indicatorsContainer:function(){return{alignItems:"center",alignSelf:"stretch",display:"flex",flexShrink:0}},indicatorSeparator:function(e,t){var n=e.isDisabled,r=e.theme,o=r.spacing.baseUnit,i=r.colors;return Wa({label:"indicatorSeparator",alignSelf:"stretch",width:1},t?{}:{backgroundColor:n?i.neutral10:i.neutral20,marginBottom:2*o,marginTop:2*o})},input:function(e,t){var n=e.isDisabled,r=e.value,o=e.theme,i=o.spacing,l=o.colors;return Wa(Wa({visibility:n?"hidden":"visible",transform:r?"translateZ(0)":""},ys),t?{}:{margin:i.baseUnit/2,paddingBottom:i.baseUnit/2,paddingTop:i.baseUnit/2,color:l.neutral80})},loadingIndicator:function(e,t){var n=e.isFocused,r=e.size,o=e.theme,i=o.colors,l=o.spacing.baseUnit;return Wa({label:"loadingIndicator",display:"flex",transition:"color 150ms",alignSelf:"center",fontSize:r,lineHeight:1,marginRight:r,textAlign:"center",verticalAlign:"middle"},t?{}:{color:n?i.neutral60:i.neutral20,padding:2*l})},loadingMessage:ns,menu:function(e,t){var n,r=e.placement,o=e.theme,i=o.borderRadius,l=o.spacing,a=o.colors;return Wa((za(n={label:"menu"},function(e){return e?{bottom:"top",top:"bottom"}[e]:"bottom"}(r),"100%"),za(n,"position","absolute"),za(n,"width","100%"),za(n,"zIndex",1),n),t?{}:{backgroundColor:a.neutral0,borderRadius:i,boxShadow:"0 0 0 1px hsla(0, 0%, 0%, 0.1), 0 4px 11px hsla(0, 0%, 0%, 0.1)",marginBottom:l.menuGutter,marginTop:l.menuGutter})},menuList:function(e,t){var n=e.maxHeight,r=e.theme.spacing.baseUnit;return Wa({maxHeight:n,overflowY:"auto",position:"relative",WebkitOverflowScrolling:"touch"},t?{}:{paddingBottom:r,paddingTop:r})},menuPortal:function(e){var t=e.rect,n=e.offset,r=e.position;return{left:t.left,position:r,top:n,width:t.width,zIndex:1}},multiValue:function(e,t){var n=e.theme,r=n.spacing,o=n.borderRadius,i=n.colors;return Wa({label:"multiValue",display:"flex",minWidth:0},t?{}:{backgroundColor:i.neutral10,borderRadius:o/2,margin:r.baseUnit/2})},multiValueLabel:function(e,t){var n=e.theme,r=n.borderRadius,o=n.colors,i=e.cropWithEllipsis;return Wa({overflow:"hidden",textOverflow:i||void 0===i?"ellipsis":void 0,whiteSpace:"nowrap"},t?{}:{borderRadius:r/2,color:o.neutral80,fontSize:"85%",padding:3,paddingLeft:6})},multiValueRemove:function(e,t){var n=e.theme,r=n.spacing,o=n.borderRadius,i=n.colors,l=e.isFocused;return Wa({alignItems:"center",display:"flex"},t?{}:{borderRadius:o/2,backgroundColor:l?i.dangerLight:void 0,paddingLeft:r.baseUnit,paddingRight:r.baseUnit,":hover":{backgroundColor:i.dangerLight,color:i.danger}})},noOptionsMessage:ts,option:function(e,t){var n=e.isDisabled,r=e.isFocused,o=e.isSelected,i=e.theme,l=i.spacing,a=i.colors;return Wa({label:"option",cursor:"default",display:"block",fontSize:"inherit",width:"100%",userSelect:"none",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)"},t?{}:{backgroundColor:o?a.primary:r?a.primary25:"transparent",color:n?a.neutral20:o?a.neutral0:"inherit",padding:"".concat(2*l.baseUnit,"px ").concat(3*l.baseUnit,"px"),":active":{backgroundColor:n?void 0:o?a.primary:a.primary50}})},placeholder:function(e,t){var n=e.theme,r=n.spacing,o=n.colors;return Wa({label:"placeholder",gridArea:"1 / 1 / 2 / 3"},t?{}:{color:o.neutral50,marginLeft:r.baseUnit/2,marginRight:r.baseUnit/2})},singleValue:function(e,t){var n=e.isDisabled,r=e.theme,o=r.spacing,i=r.colors;return Wa({label:"singleValue",gridArea:"1 / 1 / 2 / 3",maxWidth:"100%",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},t?{}:{color:n?i.neutral40:i.neutral80,marginLeft:o.baseUnit/2,marginRight:o.baseUnit/2})},valueContainer:function(e,t){var n=e.theme.spacing,r=e.isMulti,o=e.hasValue,i=e.selectProps.controlShouldRenderValue;return Wa({alignItems:"center",display:r&&o&&i?"flex":"grid",flex:1,flexWrap:"wrap",WebkitOverflowScrolling:"touch",position:"relative",overflow:"hidden"},t?{}:{padding:"".concat(n.baseUnit/2,"px ").concat(2*n.baseUnit,"px")})}},fc={borderRadius:4,colors:{primary:"#2684FF",primary75:"#4C9AFF",primary50:"#B2D4FF",primary25:"#DEEBFF",danger:"#DE350B",dangerLight:"#FFBDAD",neutral0:"hsl(0, 0%, 100%)",neutral5:"hsl(0, 0%, 95%)",neutral10:"hsl(0, 0%, 90%)",neutral20:"hsl(0, 0%, 80%)",neutral30:"hsl(0, 0%, 70%)",neutral40:"hsl(0, 0%, 60%)",neutral50:"hsl(0, 0%, 50%)",neutral60:"hsl(0, 0%, 40%)",neutral70:"hsl(0, 0%, 30%)",neutral80:"hsl(0, 0%, 20%)",neutral90:"hsl(0, 0%, 10%)"},spacing:{baseUnit:4,controlHeight:38,menuGutter:8}},mc={"aria-live":"polite",backspaceRemovesValue:!0,blurInputOnSelect:Vu(),captureMenuScroll:!Vu(),classNames:{},closeMenuOnSelect:!0,closeMenuOnScroll:!1,components:{},controlShouldRenderValue:!0,escapeClearsValue:!1,filterOption:function(e,t){if(e.data.__isNew__)return!0;var n=Wa({ignoreCase:!0,ignoreAccents:!0,stringify:Ws,trim:!0,matchFrom:"any"},undefined),r=n.ignoreCase,o=n.ignoreAccents,i=n.stringify,l=n.trim,a=n.matchFrom,u=l?Us(t):t,s=l?Us(i(e)):i(e);return r&&(u=u.toLowerCase(),s=s.toLowerCase()),o&&(u=zs(u),s=Hs(s)),"start"===a?s.substr(0,u.length)===u:s.indexOf(u)>-1},formatGroupLabel:function(e){return e.label},getOptionLabel:sc,getOptionValue:cc,isDisabled:!1,isLoading:!1,isMulti:!1,isRtl:!1,isSearchable:!0,isOptionDisabled:function(e){return!!e.isDisabled},loadingMessage:function(){return"Loading..."},maxMenuHeight:300,minMenuHeight:140,menuIsOpen:!1,menuPlacement:"bottom",menuPosition:"absolute",menuShouldBlockScroll:!1,menuShouldScrollIntoView:!function(){try{return/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)}catch(e){return!1}}(),noOptionsMessage:function(){return"No options"},openMenuOnFocus:!1,openMenuOnClick:!0,options:[],pageSize:5,placeholder:"Select...",screenReaderStatus:function(e){var t=e.count;return"".concat(t," result").concat(1!==t?"s":""," available")},styles:{},tabIndex:0,tabSelectsValue:!0,unstyled:!1};function dc(e,t,n,r){return{type:"option",data:t,isDisabled:Oc(e,t,n),isSelected:Sc(e,t,n),label:wc(e,t),value:_c(e,t),index:r}}function vc(e,t){return e.options.map(function(n,r){if("options"in n){var o=n.options.map(function(n,r){return dc(e,n,t,r)}).filter(function(t){return gc(e,t)});return o.length>0?{type:"group",data:n,options:o,index:r}:void 0}var i=dc(e,n,t,r);return gc(e,i)?i:void 0}).filter(Wu)}function hc(e){return e.reduce(function(e,t){return"group"===t.type?e.push.apply(e,Ps(t.options.map(function(e){return e.data}))):e.push(t.data),e},[])}function yc(e,t){return e.reduce(function(e,n){return"group"===n.type?e.push.apply(e,Ps(n.options.map(function(e){return{data:e.data,id:"".concat(t,"-").concat(n.index,"-").concat(e.index)}}))):e.push({data:n.data,id:"".concat(t,"-").concat(n.index)}),e},[])}function gc(e,t){var n=e.inputValue,r=void 0===n?"":n,o=t.data,i=t.isSelected,l=t.label,a=t.value;return(!xc(e)||!i)&&Ec(e,{label:l,value:a,data:o},r)}var bc=function(e,t){var n;return(null===(n=e.find(function(e){return e.data===t}))||void 0===n?void 0:n.id)||null},wc=function(e,t){return e.getOptionLabel(t)},_c=function(e,t){return e.getOptionValue(t)};function Oc(e,t,n){return"function"==typeof e.isOptionDisabled&&e.isOptionDisabled(t,n)}function Sc(e,t,n){if(n.indexOf(t)>-1)return!0;if("function"==typeof e.isOptionSelected)return e.isOptionSelected(t,n);var r=_c(e,t);return n.some(function(t){return _c(e,t)===r})}function Ec(e,t,n){return!e.filterOption||e.filterOption(t,n)}var xc=function(e){var t=e.hideSelectedOptions,n=e.isMulti;return void 0===t?n:t},Cc=1,Pc=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&Es(e,t)}(n,e);var t=function(e){var t=Cs();return function(){var n,r=xs(e);if(t){var o=xs(this).constructor;n=Reflect.construct(r,arguments,o)}else n=r.apply(this,arguments);return function(e,t){if(t&&("object"==Fa(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,n)}}(n);function n(e){var r;if(function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,n),(r=t.call(this,e)).state={ariaSelection:null,focusedOption:null,focusedOptionId:null,focusableOptionsWithIds:[],focusedValue:null,inputIsHidden:!1,isFocused:!1,selectValue:[],clearFocusValueOnUpdate:!1,prevWasFocused:!1,inputIsHiddenAfterUpdate:void 0,prevProps:void 0,instancePrefix:"",isAppleDevice:!1},r.blockOptionHover=!1,r.isComposing=!1,r.commonProps=void 0,r.initialTouchX=0,r.initialTouchY=0,r.openAfterFocus=!1,r.scrollToFocusedOptionOnUpdate=!1,r.userIsDragging=void 0,r.controlRef=null,r.getControlRef=function(e){r.controlRef=e},r.focusedOptionRef=null,r.getFocusedOptionRef=function(e){r.focusedOptionRef=e},r.menuListRef=null,r.getMenuListRef=function(e){r.menuListRef=e},r.inputRef=null,r.getInputRef=function(e){r.inputRef=e},r.focus=r.focusInput,r.blur=r.blurInput,r.onChange=function(e,t){var n=r.props,o=n.onChange,i=n.name;t.name=i,r.ariaOnChange(e,t),o(e,t)},r.setValue=function(e,t,n){var o=r.props,i=o.closeMenuOnSelect,l=o.isMulti,a=o.inputValue;r.onInputChange("",{action:"set-value",prevInputValue:a}),i&&(r.setState({inputIsHiddenAfterUpdate:!l}),r.onMenuClose()),r.setState({clearFocusValueOnUpdate:!0}),r.onChange(e,{action:t,option:n})},r.selectOption=function(e){var t=r.props,n=t.blurInputOnSelect,o=t.isMulti,i=t.name,l=r.state.selectValue,a=o&&r.isOptionSelected(e,l),u=r.isOptionDisabled(e,l);if(a){var s=r.getOptionValue(e);r.setValue(l.filter(function(e){return r.getOptionValue(e)!==s}),"deselect-option",e)}else{if(u)return void r.ariaOnChange(e,{action:"select-option",option:e,name:i});o?r.setValue([].concat(Ps(l),[e]),"select-option",e):r.setValue(e,"select-option")}n&&r.blurInput()},r.removeValue=function(e){var t=r.props.isMulti,n=r.state.selectValue,o=r.getOptionValue(e),i=n.filter(function(e){return r.getOptionValue(e)!==o}),l=Gu(t,i,i[0]||null);r.onChange(l,{action:"remove-value",removedValue:e}),r.focusInput()},r.clearValue=function(){var e=r.state.selectValue;r.onChange(Gu(r.props.isMulti,[],null),{action:"clear",removedValues:e})},r.popValue=function(){var e=r.props.isMulti,t=r.state.selectValue,n=t[t.length-1],o=t.slice(0,t.length-1),i=Gu(e,o,o[0]||null);n&&r.onChange(i,{action:"pop-value",removedValue:n})},r.getFocusedOptionId=function(e){return bc(r.state.focusableOptionsWithIds,e)},r.getFocusableOptionsWithIds=function(){return yc(vc(r.props,r.state.selectValue),r.getElementId("option"))},r.getValue=function(){return r.state.selectValue},r.cx=function(){for(var e=arguments.length,t=new Array(e),n=0;n5||i>5}},r.onTouchEnd=function(e){r.userIsDragging||(r.controlRef&&!r.controlRef.contains(e.target)&&r.menuListRef&&!r.menuListRef.contains(e.target)&&r.blurInput(),r.initialTouchX=0,r.initialTouchY=0)},r.onControlTouchEnd=function(e){r.userIsDragging||r.onControlMouseDown(e)},r.onClearIndicatorTouchEnd=function(e){r.userIsDragging||r.onClearIndicatorMouseDown(e)},r.onDropdownIndicatorTouchEnd=function(e){r.userIsDragging||r.onDropdownIndicatorMouseDown(e)},r.handleInputChange=function(e){var t=r.props.inputValue,n=e.currentTarget.value;r.setState({inputIsHiddenAfterUpdate:!1}),r.onInputChange(n,{action:"input-change",prevInputValue:t}),r.props.menuIsOpen||r.onMenuOpen()},r.onInputFocus=function(e){r.props.onFocus&&r.props.onFocus(e),r.setState({inputIsHiddenAfterUpdate:!1,isFocused:!0}),(r.openAfterFocus||r.props.openMenuOnFocus)&&r.openMenu("first"),r.openAfterFocus=!1},r.onInputBlur=function(e){var t=r.props.inputValue;r.menuListRef&&r.menuListRef.contains(document.activeElement)?r.inputRef.focus():(r.props.onBlur&&r.props.onBlur(e),r.onInputChange("",{action:"input-blur",prevInputValue:t}),r.onMenuClose(),r.setState({focusedValue:null,isFocused:!1}))},r.onOptionHover=function(e){if(!r.blockOptionHover&&r.state.focusedOption!==e){var t=r.getFocusableOptions().indexOf(e);r.setState({focusedOption:e,focusedOptionId:t>-1?r.getFocusedOptionId(e):null})}},r.shouldHideSelectedOptions=function(){return xc(r.props)},r.onValueInputFocus=function(e){e.preventDefault(),e.stopPropagation(),r.focus()},r.onKeyDown=function(e){var t=r.props,n=t.isMulti,o=t.backspaceRemovesValue,i=t.escapeClearsValue,l=t.inputValue,a=t.isClearable,u=t.isDisabled,s=t.menuIsOpen,c=t.onKeyDown,p=t.tabSelectsValue,f=t.openMenuOnFocus,m=r.state,d=m.focusedOption,v=m.focusedValue,h=m.selectValue;if(!(u||"function"==typeof c&&(c(e),e.defaultPrevented))){switch(r.blockOptionHover=!0,e.key){case"ArrowLeft":if(!n||l)return;r.focusValue("previous");break;case"ArrowRight":if(!n||l)return;r.focusValue("next");break;case"Delete":case"Backspace":if(l)return;if(v)r.removeValue(v);else{if(!o)return;n?r.popValue():a&&r.clearValue()}break;case"Tab":if(r.isComposing)return;if(e.shiftKey||!s||!p||!d||f&&r.isOptionSelected(d,h))return;r.selectOption(d);break;case"Enter":if(229===e.keyCode)break;if(s){if(!d)return;if(r.isComposing)return;r.selectOption(d);break}return;case"Escape":s?(r.setState({inputIsHiddenAfterUpdate:!1}),r.onInputChange("",{action:"menu-close",prevInputValue:l}),r.onMenuClose()):a&&i&&r.clearValue();break;case" ":if(l)return;if(!s){r.openMenu("first");break}if(!d)return;r.selectOption(d);break;case"ArrowUp":s?r.focusOption("up"):r.openMenu("last");break;case"ArrowDown":s?r.focusOption("down"):r.openMenu("first");break;case"PageUp":if(!s)return;r.focusOption("pageup");break;case"PageDown":if(!s)return;r.focusOption("pagedown");break;case"Home":if(!s)return;r.focusOption("first");break;case"End":if(!s)return;r.focusOption("last");break;default:return}e.preventDefault()}},r.state.instancePrefix="react-select-"+(r.props.instanceId||++Cc),r.state.selectValue=Du(e.value),e.menuIsOpen&&r.state.selectValue.length){var o=r.getFocusableOptionsWithIds(),i=r.buildFocusableOptions(),l=i.indexOf(r.state.selectValue[0]);r.state.focusableOptionsWithIds=o,r.state.focusedOption=i[l],r.state.focusedOptionId=bc(o,i[l])}return r}return function(e,t,n){t&&Ss(e.prototype,t),n&&Ss(e,n),Object.defineProperty(e,"prototype",{writable:!1})}(n,[{key:"componentDidMount",value:function(){this.startListeningComposition(),this.startListeningToTouch(),this.props.closeMenuOnScroll&&document&&document.addEventListener&&document.addEventListener("scroll",this.onScroll,!0),this.props.autoFocus&&this.focusInput(),this.props.menuIsOpen&&this.state.focusedOption&&this.menuListRef&&this.focusedOptionRef&&Bu(this.menuListRef,this.focusedOptionRef),(uc()||ac(/^iPhone/i)||ac(/^iPad/i)||uc()&&navigator.maxTouchPoints>1)&&this.setState({isAppleDevice:!0})}},{key:"componentDidUpdate",value:function(e){var t=this.props,n=t.isDisabled,r=t.menuIsOpen,o=this.state.isFocused;(o&&!n&&e.isDisabled||o&&r&&!e.menuIsOpen)&&this.focusInput(),o&&n&&!e.isDisabled?this.setState({isFocused:!1},this.onMenuClose):o||n||!e.isDisabled||this.inputRef!==document.activeElement||this.setState({isFocused:!0}),this.menuListRef&&this.focusedOptionRef&&this.scrollToFocusedOptionOnUpdate&&(Bu(this.menuListRef,this.focusedOptionRef),this.scrollToFocusedOptionOnUpdate=!1)}},{key:"componentWillUnmount",value:function(){this.stopListeningComposition(),this.stopListeningToTouch(),document.removeEventListener("scroll",this.onScroll,!0)}},{key:"onMenuOpen",value:function(){this.props.onMenuOpen()}},{key:"onMenuClose",value:function(){this.onInputChange("",{action:"menu-close",prevInputValue:this.props.inputValue}),this.props.onMenuClose()}},{key:"onInputChange",value:function(e,t){this.props.onInputChange(e,t)}},{key:"focusInput",value:function(){this.inputRef&&this.inputRef.focus()}},{key:"blurInput",value:function(){this.inputRef&&this.inputRef.blur()}},{key:"openMenu",value:function(e){var t=this,n=this.state,r=n.selectValue,o=n.isFocused,i=this.buildFocusableOptions(),l="first"===e?0:i.length-1;if(!this.props.isMulti){var a=i.indexOf(r[0]);a>-1&&(l=a)}this.scrollToFocusedOptionOnUpdate=!(o&&this.menuListRef),this.setState({inputIsHiddenAfterUpdate:!1,focusedValue:null,focusedOption:i[l],focusedOptionId:this.getFocusedOptionId(i[l])},function(){return t.onMenuOpen()})}},{key:"focusValue",value:function(e){var t=this.state,n=t.selectValue,r=t.focusedValue;if(this.props.isMulti){this.setState({focusedOption:null});var o=n.indexOf(r);r||(o=-1);var i=n.length-1,l=-1;if(n.length){switch(e){case"previous":l=0===o?0:-1===o?i:o-1;break;case"next":o>-1&&o0&&void 0!==arguments[0]?arguments[0]:"first",t=this.props.pageSize,n=this.state.focusedOption,r=this.getFocusableOptions();if(r.length){var o=0,i=r.indexOf(n);n||(i=-1),"up"===e?o=i>0?i-1:r.length-1:"down"===e?o=(i+1)%r.length:"pageup"===e?(o=i-t)<0&&(o=0):"pagedown"===e?(o=i+t)>r.length-1&&(o=r.length-1):"last"===e&&(o=r.length-1),this.scrollToFocusedOptionOnUpdate=!0,this.setState({focusedOption:r[o],focusedValue:null,focusedOptionId:this.getFocusedOptionId(r[o])})}}},{key:"getTheme",value:function(){return this.props.theme?"function"==typeof this.props.theme?this.props.theme(fc):Wa(Wa({},fc),this.props.theme):fc}},{key:"getCommonProps",value:function(){var e=this.clearValue,t=this.cx,n=this.getStyles,r=this.getClassNames,o=this.getValue,i=this.selectOption,l=this.setValue,a=this.props,u=a.isMulti,s=a.isRtl,c=a.options;return{clearValue:e,cx:t,getStyles:n,getClassNames:r,getValue:o,hasValue:this.hasValue(),isMulti:u,isRtl:s,options:c,selectOption:i,selectProps:a,setValue:l,theme:this.getTheme()}}},{key:"hasValue",value:function(){return this.state.selectValue.length>0}},{key:"hasOptions",value:function(){return!!this.getFocusableOptions().length}},{key:"isClearable",value:function(){var e=this.props,t=e.isClearable,n=e.isMulti;return void 0===t?n:t}},{key:"isOptionDisabled",value:function(e,t){return Oc(this.props,e,t)}},{key:"isOptionSelected",value:function(e,t){return Sc(this.props,e,t)}},{key:"filterOption",value:function(e,t){return Ec(this.props,e,t)}},{key:"formatOptionLabel",value:function(e,t){if("function"==typeof this.props.formatOptionLabel){var n=this.props.inputValue,r=this.state.selectValue;return this.props.formatOptionLabel(e,{context:t,inputValue:n,selectValue:r})}return this.getOptionLabel(e)}},{key:"formatGroupLabel",value:function(e){return this.props.formatGroupLabel(e)}},{key:"startListeningComposition",value:function(){document&&document.addEventListener&&(document.addEventListener("compositionstart",this.onCompositionStart,!1),document.addEventListener("compositionend",this.onCompositionEnd,!1))}},{key:"stopListeningComposition",value:function(){document&&document.removeEventListener&&(document.removeEventListener("compositionstart",this.onCompositionStart),document.removeEventListener("compositionend",this.onCompositionEnd))}},{key:"startListeningToTouch",value:function(){document&&document.addEventListener&&(document.addEventListener("touchstart",this.onTouchStart,!1),document.addEventListener("touchmove",this.onTouchMove,!1),document.addEventListener("touchend",this.onTouchEnd,!1))}},{key:"stopListeningToTouch",value:function(){document&&document.removeEventListener&&(document.removeEventListener("touchstart",this.onTouchStart),document.removeEventListener("touchmove",this.onTouchMove),document.removeEventListener("touchend",this.onTouchEnd))}},{key:"renderInput",value:function(){var e=this.props,t=e.isDisabled,n=e.isSearchable,r=e.inputId,o=e.inputValue,i=e.tabIndex,l=e.form,a=e.menuIsOpen,u=e.required,s=this.getComponents().Input,c=this.state,p=c.inputIsHidden,f=c.ariaSelection,m=this.commonProps,d=r||this.getElementId("input"),v=Wa(Wa(Wa({"aria-autocomplete":"list","aria-expanded":a,"aria-haspopup":!0,"aria-errormessage":this.props["aria-errormessage"],"aria-invalid":this.props["aria-invalid"],"aria-label":this.props["aria-label"],"aria-labelledby":this.props["aria-labelledby"],"aria-required":u,role:"combobox","aria-activedescendant":this.state.isAppleDevice?void 0:this.state.focusedOptionId||""},a&&{"aria-controls":this.getElementId("listbox")}),!n&&{"aria-readonly":!0}),this.hasValue()?"initial-input-focus"===(null==f?void 0:f.action)&&{"aria-describedby":this.getElementId("live-region")}:{"aria-describedby":this.getElementId("placeholder")});return n?h.createElement(s,Ga({},m,{autoCapitalize:"none",autoComplete:"off",autoCorrect:"off",id:d,innerRef:this.getInputRef,isDisabled:t,isHidden:p,onBlur:this.onInputBlur,onChange:this.handleInputChange,onFocus:this.onInputFocus,spellCheck:"false",tabIndex:i,form:l,type:"text",value:o},v)):h.createElement(Qs,Ga({id:d,innerRef:this.getInputRef,onBlur:this.onInputBlur,onChange:ju,onFocus:this.onInputFocus,disabled:t,tabIndex:i,inputMode:"none",form:l,value:""},v))}},{key:"renderPlaceholderOrValue",value:function(){var e=this,t=this.getComponents(),n=t.MultiValue,r=t.MultiValueContainer,o=t.MultiValueLabel,i=t.MultiValueRemove,l=t.SingleValue,a=t.Placeholder,u=this.commonProps,s=this.props,c=s.controlShouldRenderValue,p=s.isDisabled,f=s.isMulti,m=s.inputValue,d=s.placeholder,v=this.state,y=v.selectValue,g=v.focusedValue,b=v.isFocused;if(!this.hasValue()||!c)return m?null:h.createElement(a,Ga({},u,{key:"placeholder",isDisabled:p,isFocused:b,innerProps:{id:this.getElementId("placeholder")}}),d);if(f)return y.map(function(t,l){var a=t===g,s="".concat(e.getOptionLabel(t),"-").concat(e.getOptionValue(t));return h.createElement(n,Ga({},u,{components:{Container:r,Label:o,Remove:i},isFocused:a,isDisabled:p,key:s,index:l,removeProps:{onClick:function(){return e.removeValue(t)},onTouchEnd:function(){return e.removeValue(t)},onMouseDown:function(e){e.preventDefault()}},data:t}),e.formatOptionLabel(t,"value"))});if(m)return null;var w=y[0];return h.createElement(l,Ga({},u,{data:w,isDisabled:p}),this.formatOptionLabel(w,"value"))}},{key:"renderClearIndicator",value:function(){var e=this.getComponents().ClearIndicator,t=this.commonProps,n=this.props,r=n.isDisabled,o=n.isLoading,i=this.state.isFocused;if(!this.isClearable()||!e||r||!this.hasValue()||o)return null;var l={onMouseDown:this.onClearIndicatorMouseDown,onTouchEnd:this.onClearIndicatorTouchEnd,"aria-hidden":"true"};return h.createElement(e,Ga({},t,{innerProps:l,isFocused:i}))}},{key:"renderLoadingIndicator",value:function(){var e=this.getComponents().LoadingIndicator,t=this.commonProps,n=this.props,r=n.isDisabled,o=n.isLoading,i=this.state.isFocused;return e&&o?h.createElement(e,Ga({},t,{innerProps:{"aria-hidden":"true"},isDisabled:r,isFocused:i})):null}},{key:"renderIndicatorSeparator",value:function(){var e=this.getComponents(),t=e.DropdownIndicator,n=e.IndicatorSeparator;if(!t||!n)return null;var r=this.commonProps,o=this.props.isDisabled,i=this.state.isFocused;return h.createElement(n,Ga({},r,{isDisabled:o,isFocused:i}))}},{key:"renderDropdownIndicator",value:function(){var e=this.getComponents().DropdownIndicator;if(!e)return null;var t=this.commonProps,n=this.props.isDisabled,r=this.state.isFocused,o={onMouseDown:this.onDropdownIndicatorMouseDown,onTouchEnd:this.onDropdownIndicatorTouchEnd,"aria-hidden":"true"};return h.createElement(e,Ga({},t,{innerProps:o,isDisabled:n,isFocused:r}))}},{key:"renderMenu",value:function(){var e=this,t=this.getComponents(),n=t.Group,r=t.GroupHeading,o=t.Menu,i=t.MenuList,l=t.MenuPortal,a=t.LoadingMessage,u=t.NoOptionsMessage,s=t.Option,c=this.commonProps,p=this.state.focusedOption,f=this.props,m=f.captureMenuScroll,d=f.inputValue,v=f.isLoading,y=f.loadingMessage,g=f.minMenuHeight,b=f.maxMenuHeight,w=f.menuIsOpen,_=f.menuPlacement,O=f.menuPosition,S=f.menuPortalTarget,E=f.menuShouldBlockScroll,x=f.menuShouldScrollIntoView,C=f.noOptionsMessage,P=f.onMenuScrollToTop,j=f.onMenuScrollToBottom;if(!w)return null;var k,T=function(t,n){var r=t.type,o=t.data,i=t.isDisabled,l=t.isSelected,a=t.label,u=t.value,f=p===o,m=i?void 0:function(){return e.onOptionHover(o)},d=i?void 0:function(){return e.selectOption(o)},v="".concat(e.getElementId("option"),"-").concat(n),y={id:v,onClick:d,onMouseMove:m,onMouseOver:m,tabIndex:-1,role:"option","aria-selected":e.state.isAppleDevice?void 0:l};return h.createElement(s,Ga({},c,{innerProps:y,data:o,isDisabled:i,isSelected:l,key:v,label:a,type:r,value:u,isFocused:f,innerRef:f?e.getFocusedOptionRef:void 0}),e.formatOptionLabel(t.data,"menu"))};if(this.hasOptions())k=this.getCategorizedOptions().map(function(t){if("group"===t.type){var o=t.data,i=t.options,l=t.index,a="".concat(e.getElementId("group"),"-").concat(l),u="".concat(a,"-heading");return h.createElement(n,Ga({},c,{key:a,data:o,options:i,Heading:r,headingProps:{id:u,data:t.data},label:e.formatGroupLabel(t.data)}),t.options.map(function(e){return T(e,"".concat(l,"-").concat(e.index))}))}if("option"===t.type)return T(t,"".concat(t.index))});else if(v){var D=y({inputValue:d});if(null===D)return null;k=h.createElement(a,c,D)}else{var I=C({inputValue:d});if(null===I)return null;k=h.createElement(u,c,I)}var A={minMenuHeight:g,maxMenuHeight:b,menuPlacement:_,menuPosition:O,menuShouldScrollIntoView:x},M=h.createElement(Ku,Ga({},c,A),function(t){var n=t.ref,r=t.placerProps,l=r.placement,a=r.maxHeight;return h.createElement(o,Ga({},c,A,{innerRef:n,innerProps:{onMouseDown:e.onMenuMouseDown,onMouseMove:e.onMenuMouseMove},isLoading:v,placement:l}),h.createElement(oc,{captureEnabled:m,onTopArrive:P,onBottomArrive:j,lockEnabled:E},function(t){return h.createElement(i,Ga({},c,{innerRef:function(n){e.getMenuListRef(n),t(n)},innerProps:{role:"listbox","aria-multiselectable":c.isMulti,id:e.getElementId("listbox")},isLoading:v,maxHeight:a,focusedOption:p}),k)}))});return S||"fixed"===O?h.createElement(l,Ga({},c,{appendTo:S,controlElement:this.controlRef,menuPlacement:_,menuPosition:O}),M):M}},{key:"renderFormField",value:function(){var e=this,t=this.props,n=t.delimiter,r=t.isDisabled,o=t.isMulti,i=t.name,l=t.required,a=this.state.selectValue;if(l&&!this.hasValue()&&!r)return h.createElement(lc,{name:i,onFocus:this.onValueInputFocus});if(i&&!r){if(o){if(n){var u=a.map(function(t){return e.getOptionValue(t)}).join(n);return h.createElement("input",{name:i,type:"hidden",value:u})}var s=a.length>0?a.map(function(t,n){return h.createElement("input",{key:"i-".concat(n),name:i,type:"hidden",value:e.getOptionValue(t)})}):h.createElement("input",{name:i,type:"hidden",value:""});return h.createElement("div",null,s)}var c=a[0]?this.getOptionValue(a[0]):"";return h.createElement("input",{name:i,type:"hidden",value:c})}}},{key:"renderLiveRegion",value:function(){var e=this.commonProps,t=this.state,n=t.ariaSelection,r=t.focusedOption,o=t.focusedValue,i=t.isFocused,l=t.selectValue,a=this.getFocusableOptions();return h.createElement(Ms,Ga({},e,{id:this.getElementId("live-region"),ariaSelection:n,focusedOption:r,focusedValue:o,isFocused:i,selectValue:l,focusableOptions:a,isAppleDevice:this.state.isAppleDevice}))}},{key:"render",value:function(){var e=this.getComponents(),t=e.Control,n=e.IndicatorsContainer,r=e.SelectContainer,o=e.ValueContainer,i=this.props,l=i.className,a=i.id,u=i.isDisabled,s=i.menuIsOpen,c=this.state.isFocused,p=this.commonProps=this.getCommonProps();return h.createElement(r,Ga({},p,{className:l,innerProps:{id:a,onKeyDown:this.onKeyDown},isDisabled:u,isFocused:c}),this.renderLiveRegion(),h.createElement(t,Ga({},p,{innerRef:this.getControlRef,innerProps:{onMouseDown:this.onControlMouseDown,onTouchEnd:this.onControlTouchEnd},isDisabled:u,isFocused:c,menuIsOpen:s}),h.createElement(o,Ga({},p,{isDisabled:u}),this.renderPlaceholderOrValue(),this.renderInput()),h.createElement(n,Ga({},p,{isDisabled:u}),this.renderClearIndicator(),this.renderLoadingIndicator(),this.renderIndicatorSeparator(),this.renderDropdownIndicator())),this.renderMenu(),this.renderFormField())}}],[{key:"getDerivedStateFromProps",value:function(e,t){var n=t.prevProps,r=t.clearFocusValueOnUpdate,o=t.inputIsHiddenAfterUpdate,i=t.ariaSelection,l=t.isFocused,a=t.prevWasFocused,u=t.instancePrefix,s=e.options,c=e.value,p=e.menuIsOpen,f=e.inputValue,m=e.isMulti,d=Du(c),v={};if(n&&(c!==n.value||s!==n.options||p!==n.menuIsOpen||f!==n.inputValue)){var h=p?function(e,t){return hc(vc(e,t))}(e,d):[],y=p?yc(vc(e,d),"".concat(u,"-option")):[],g=r?function(e,t){var n=e.focusedValue,r=e.selectValue.indexOf(n);if(r>-1){if(t.indexOf(n)>-1)return n;if(r-1?n:t[0]}(t,h);v={selectValue:d,focusedOption:b,focusedOptionId:bc(y,b),focusableOptionsWithIds:y,focusedValue:g,clearFocusValueOnUpdate:!1}}var w=null!=o&&e!==n?{inputIsHidden:o,inputIsHiddenAfterUpdate:void 0}:{},_=i,O=l&&a;return l&&!O&&(_={value:Gu(m,d,d[0]||null),options:d,action:"initial-input-focus"},O=!a),"initial-input-focus"===(null==i?void 0:i.action)&&(_=null),Wa(Wa(Wa({},v),w),{},{prevProps:e,ariaSelection:_,prevWasFocused:O})}}]),n}(h.Component);Pc.defaultProps=mc;var jc=(0,h.forwardRef)(function(e,t){var n=Os(e);return h.createElement(Pc,Ga({ref:t},n))}),kc=["defaultOptions","cacheOptions","loadOptions","options","isLoading","onInputChange","filterOption"],Tc=(0,h.forwardRef)(function(e,t){var n=function(e){var t=e.defaultOptions,n=void 0!==t&&t,r=e.cacheOptions,o=void 0!==r&&r,i=e.loadOptions;e.options;var l=e.isLoading,a=void 0!==l&&l,u=e.onInputChange,s=e.filterOption,c=void 0===s?null:s,p=Ka(e,kc),f=p.inputValue,m=(0,h.useRef)(void 0),d=(0,h.useRef)(!1),v=Ya((0,h.useState)(Array.isArray(n)?n:void 0),2),y=v[0],g=v[1],b=Ya((0,h.useState)(void 0!==f?f:""),2),w=b[0],_=b[1],O=Ya((0,h.useState)(!0===n),2),S=O[0],E=O[1],x=Ya((0,h.useState)(void 0),2),C=x[0],P=x[1],j=Ya((0,h.useState)([]),2),k=j[0],T=j[1],D=Ya((0,h.useState)(!1),2),I=D[0],A=D[1],M=Ya((0,h.useState)({}),2),R=M[0],L=M[1],N=Ya((0,h.useState)(void 0),2),B=N[0],V=N[1],F=Ya((0,h.useState)(void 0),2),H=F[0],z=F[1];o!==H&&(L({}),z(o)),n!==B&&(g(Array.isArray(n)?n:void 0),V(n)),(0,h.useEffect)(function(){return d.current=!0,function(){d.current=!1}},[]);var U=(0,h.useCallback)(function(e,t){if(!i)return t();var n=i(e,t);n&&"function"==typeof n.then&&n.then(t,function(){return t()})},[i]);(0,h.useEffect)(function(){!0===n&&U(w,function(e){d.current&&(g(e||[]),E(!!m.current))})},[]);var W=(0,h.useCallback)(function(e,t){var n=function(e,t,n){if(n){var r=n(e,t);if("string"==typeof r)return r}return e}(e,t,u);if(!n)return m.current=void 0,_(""),P(""),T([]),E(!1),void A(!1);if(o&&R[n])_(n),P(n),T(R[n]),E(!1),A(!1);else{var r=m.current={};_(n),E(!0),A(!C),U(n,function(e){d&&r===m.current&&(m.current=void 0,E(!1),P(n),T(e||[]),A(!1),L(e?Wa(Wa({},R),{},za({},n,e)):R))})}},[o,U,C,R,u]),G=I?[]:w&&C?k:y||[];return Wa(Wa({},p),{},{options:G,isLoading:S||a,onInputChange:W,filterOption:c})}(e),r=Os(n);return h.createElement(Pc,Ga({ref:t},r))}),Dc=Tc,Ic=["allowCreateWhileLoading","createOptionPosition","formatCreateLabel","isValidNewOption","getNewOptionData","onCreateOption","options","onChange"],Ac=function(){var e=arguments.length>1?arguments[1]:void 0,t=arguments.length>2?arguments[2]:void 0,n=String(arguments.length>0&&void 0!==arguments[0]?arguments[0]:"").toLowerCase(),r=String(t.getOptionValue(e)).toLowerCase(),o=String(t.getOptionLabel(e)).toLowerCase();return r===n||o===n},Mc={formatCreateLabel:function(e){return'Create "'.concat(e,'"')},isValidNewOption:function(e,t,n,r){return!(!e||t.some(function(t){return Ac(e,t,r)})||n.some(function(t){return Ac(e,t,r)}))},getNewOptionData:function(e,t){return{label:t,value:e,__isNew__:!0}}},Rc=(0,h.forwardRef)(function(e,t){var n=function(e){var t=e.allowCreateWhileLoading,n=void 0!==t&&t,r=e.createOptionPosition,o=void 0===r?"last":r,i=e.formatCreateLabel,l=void 0===i?Mc.formatCreateLabel:i,a=e.isValidNewOption,u=void 0===a?Mc.isValidNewOption:a,s=e.getNewOptionData,c=void 0===s?Mc.getNewOptionData:s,p=e.onCreateOption,f=e.options,m=void 0===f?[]:f,d=e.onChange,v=Ka(e,Ic),y=v.getOptionValue,g=void 0===y?cc:y,b=v.getOptionLabel,w=void 0===b?sc:b,_=v.inputValue,O=v.isLoading,S=v.isMulti,E=v.value,x=v.name,C=(0,h.useMemo)(function(){return u(_,Du(E),m,{getOptionValue:g,getOptionLabel:w})?c(_,l(_)):void 0},[l,c,w,g,_,u,m,E]),P=(0,h.useMemo)(function(){return!n&&O||!C?m:"first"===o?[C].concat(Ps(m)):[].concat(Ps(m),[C])},[n,o,O,C,m]),j=(0,h.useCallback)(function(e,t){if("select-option"!==t.action)return d(e,t);var n=Array.isArray(e)?e:[e];if(n[n.length-1]!==C)d(e,t);else if(p)p(_);else{var r=c(_,_),o={action:"create-option",name:x,option:r};d(Gu(S,[].concat(Ps(Du(E)),[r]),r),o)}},[c,_,S,x,C,p,d,E]);return Wa(Wa({},v),{},{options:P,onChange:j})}(Os(e));return h.createElement(Pc,Ga({ref:t},n))}),Lc=Rc;function Nc(e,t,n){var r=(n||{}).atBegin;return function(e,t,n){var r,o=n||{},i=o.noTrailing,l=void 0!==i&&i,a=o.noLeading,u=void 0!==a&&a,s=o.debounceMode,c=void 0===s?void 0:s,p=!1,f=0;function m(){r&&clearTimeout(r)}function d(){for(var n=arguments.length,o=new Array(n),i=0;ie?u?(f=Date.now(),l||(r=setTimeout(c?v:d,e))):d():!0!==l&&(r=setTimeout(c?v:d,void 0===c?e-s:e)))}return d.cancel=function(e){var t=(e||{}).upcomingOnly,n=void 0!==t&&t;m(),p=!n},d}(e,t,{debounceMode:!1!==(void 0!==r&&r)})}function Bc(e){return Bc="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Bc(e)}function Vc(e,t){for(var n=0;ne.length)&&(t=e.length);for(var n=0,r=Array(t);n0&&void 0!==arguments[0]?arguments[0]:{},n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:function(){},r=!(arguments.length>2&&void 0!==arguments[2])||arguments[2],o=this.props,i=o.controlName,l=o.attributes;if(!this.isAJAXinProgress){this.isAJAXinProgress=!0,r&&this.setState({ajaxStatus:"progress"});var a=qc({action:"vp_dynamic_control_callback",nonce:ep.nonce,vp_control_name:i,vp_attributes:l},t);Mi().ajax({url:Kc,method:"POST",dataType:"json",data:a,complete:function(t){var o=t.responseJSON;n&&o.response&&(o.response.options&&(tp[i]=qc(qc({},tp[i]),o.response.options)),n(o.response)),r&&e.setState({ajaxStatus:!0}),e.isAJAXinProgress=!1}})}}},{key:"prepareOptions",value:function(e){return Object.keys(e||{}).map(function(t){var n=e[t],r={value:t,label:e[t]};return"object"===Bc(n)&&(r=qc({},n)),r})}},{key:"wrapSelect",value:function(e){return this.emotionCache?wp.element.createElement(Ta,{value:this.emotionCache},e):e}},{key:"render",value:function(){var e=this,t=this.props,n=t.onChange,r=t.isMultiple,o=t.isSearchable,i=t.isCreatable,l=t.callback,a=this.state,u=a.ajaxStatus;if(!a.emotionReady)return wp.element.createElement("span",{ref:this.probeRef,style:{display:"none"}});var s=!!l&&o,c=u&&"progress"===u,p=this.ownerDocument||document,f=p!==document,m=(null==p?void 0:p.body)||document.body,d={className:"vpf-component-select",styles:qc(qc({},Va()),{},{menuPortal:function(e){return qc(qc({},e),{},{zIndex:1e6})}}),menuPortalTarget:f?null:p.body,components:{Option:function(e){var t=e.data;return wp.element.createElement(Xc,e,void 0!==t.img?wp.element.createElement("div",{className:"vpf-component-select-option-img"},t.img?wp.element.createElement("img",{src:t.img,alt:t.label}):""):"",wp.element.createElement("span",{className:"vpf-component-select-option-label"},t.label),t.category?wp.element.createElement("div",{className:"vpf-component-select-option-category"},t.category):"")}},value:this.getDefaultValue(),options:this.prepareOptions(this.getOptions()),onChange:function(e){if(r)if(Array.isArray(e)){var t=[];e.forEach(function(e){t.push(e?e.value:"")}),n(t)}else n([]);else n(e?e.value:"")},isMulti:r,isSearchable:o,isLoading:c,isClearable:!1,placeholder:o?(0,R.__)("Type to search…","visual-portfolio"):(0,R.__)("Select…","visual-portfolio")};return r&&(d.onSortEnd=function(t){var n=t.oldIndex,r=t.newIndex,o=po(e.getDefaultValue(),n,r);d.onChange(o)},d.components.MultiValue=ap,d.components.MultiValueLabel=lp,d.closeMenuOnSelect=!1),i?(d.placeholder=(0,R.__)("Type and press Enter…","visual-portfolio"),d.isSearchable=!0,r?this.wrapSelect(wp.element.createElement(up,{ComponentTag:Lc,overlayContainer:m,selectProps:d,onSortEnd:d.onSortEnd})):this.wrapSelect(wp.element.createElement(Lc,d))):s?(d.loadOptions=function(t,n){e.requestAjaxDebounce({q:t},function(e){var t=[];e&&e.options&&Object.keys(e.options).forEach(function(n){t.push(e.options[n])}),n(t.length?t:null)},!1)},d.cacheOptions=!0,d.defaultOptions=d.options,delete d.options,delete d.isLoading,r?this.wrapSelect(wp.element.createElement(up,{ComponentTag:Dc,overlayContainer:m,selectProps:d,onSortEnd:d.onSortEnd})):this.wrapSelect(wp.element.createElement(Dc,d))):r?this.wrapSelect(wp.element.createElement(up,{ComponentTag:jc,overlayContainer:m,selectProps:d,onSortEnd:d.onSortEnd})):this.wrapSelect(wp.element.createElement(jc,d))}}])}(I.Component);function cp(e){return cp="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},cp(e)}function pp(e,t){for(var n=0;ne.length)&&(t=e.length);for(var n=0,r=Array(t);n0?"vpf-dragging-has-disabled-options":"");return wp.element.createElement("div",null,wp.element.createElement(Op,{items:i,sourceOptions:t,classes:a,props:this.props,onSortEnd:function(e,t){var n=po(i,e,t);o(n)}}),l.length>0?wp.element.createElement("ul",{className:"vpf-component-sortable-disabled"},l.map(function(e){return wp.element.createElement("li",{key:"disabled-item-".concat(e)},r?wp.element.createElement(A.Button,{className:"vpf-component-sortable-add",onClick:function(){var t=yp(i);t.push(e),o(t)}},wp.element.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:"2"},wp.element.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M12 4v16m8-8H4"}))):null,t[e])})):null)}}])}(I.Component);function Ep(e){return Ep="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Ep(e)}function xp(e,t){for(var n=0;ne.length)&&(t=e.length);for(var n=0,r=Array(t);n1&&(c+=":nth-of-type(".concat(t.length,"n+").concat(l+1,")")),u&&1!==u&&(r+="".concat(n," ").concat(c," { width: ").concat(100*u/i,"%; }")),r+="".concat(n," ").concat(c," .vpf-tiles-preview-item::after { padding-top: ").concat(100*s,"%; }")}return wp.element.createElement(wp.element.Fragment,null,wp.element.createElement(Lp,null,r),wp.element.createElement(Rp,{"data-tiles-preview":e,options:{transitionDuration:0}},(o=Array(4*i),function(e){if(Array.isArray(e))return Qp(e)}(o)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(o)||function(e,t){if(e){if("string"==typeof e)return Qp(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Qp(e,t):void 0}}(o)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()).map(function(e){return wp.element.createElement("div",{key:e,className:"vpf-tiles-preview-item-wrap"},wp.element.createElement("div",{className:"vpf-tiles-preview-item"}))})))}},{key:"render",value:function(){var e=this,t=this.props,n=t.value,r=t.options,o=t.onChange;return wp.element.createElement("div",{className:"vpf-component-tiles-selector"},wp.element.createElement(Wp,{modalTitle:(0,R.__)("Tiles","visual-portfolio"),buttonLabel:(0,R.__)("Edit Tiles","visual-portfolio")},wp.element.createElement("div",{className:"vpf-component-tiles-selector-items"},r.map(function(t){return wp.element.createElement(A.Button,{key:t.value,onClick:function(){return o(t.value)},className:N()("vpf-tiles-preview-button",n===t.value?"vpf-tiles-preview-button-active":"")},e.renderPreview(t.value))}))),wp.element.createElement("div",{className:"vpf-tiles-preview-button"},this.renderPreview(n)))}}])}(I.Component);function ef(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n1&&void 0!==arguments[1]&&arguments[1]&&(n={},Object.entries(ue).forEach(function(t){var r=re(t,2),o=r[0],i=r[1];n[o]=te(te({},i),e[o])}),Object.keys(e).forEach(function(t){ue[t]||(n[t]=e[t])})),Object.entries(ie).forEach(function(e){var r=re(e,2),o=r[0],i=r[1];if(void 0!==n[o]){var l=n[o];ae.modernToLegacy[o]&&(l=ae.modernToLegacy[o][l]||l),t[i]=l}}),Object.entries(le).forEach(function(e){var r,o=re(e,2),i=o[0],l=o[1],a=(r=n,i.split(".").reduce(function(e,t){return null==e?void 0:e[t]},r));void 0!==a&&(t[l]=a)});var r=(0,H.select)(X).getSource(n.queryType);return null!=r&&r.mapToLegacy&&Object.assign(t,r.mapToLegacy(n.sourceQuery||{})),t}(this.props.attributes):this.props.attributes,h=function(t){f&&(t=function(e){var t={};return arguments.length>1&&void 0!==arguments[1]&&arguments[1]&&Object.entries(ue).forEach(function(e){var n=re(e,2),r=n[0],o=n[1];t[r]=te({},o)}),Object.entries(ie).forEach(function(n){var r=re(n,2),o=r[0],i=r[1];if(void 0!==e[i]){var l=e[i];ae.legacyToModern[i]&&(l=ae.legacyToModern[i][l]||l),t[o]=l}}),Object.entries(le).forEach(function(n){var r,o,i,l,a,u,s=re(n,2),c=s[0],p=s[1];void 0!==e[p]&&(r=t,o=c,i=e[p],a=(l=o.split(".")).pop(),u=l.reduce(function(e,t){return e[t]||(e[t]={}),e[t]},r),u[a]=i)}),t}(t),Object.keys(t).forEach(function(n){"object"===lf(t[n])&&(t[n]=rf(rf({},e.props.attributes[n]),t[n]))})),e.props.setAttributes(t)};if(/^content-source-/g.test(r)&&"content-source-general"!==r&&"content-source-".concat(v.content_source)!==r)return null;var y=u||vf,g=[];Object.keys(y).forEach(function(n){var o=y[n];if(!r||o.category&&r===o.category){var i=(0,M.applyFilters)("vpf.editor.controls-render-data",rf({attributes:v,setAttributes:h,onChange:function(e){var t=(0,M.applyFilters)("vpf.editor.controls-on-change",of({},o.name,e),o,e,v);h(t)}},o));t.AllowRender(i,c)&&g.push((0,M.applyFilters)("vpf.editor.controls-render",wp.element.createElement(t.Control,tf({key:"control-".concat(o.name,"-").concat(o.label)},i,{clientId:s,isSetupWizard:c,renderProps:e.props})),i,e.props))}});var b=!!i&&r,w=!1,_=!1,O=a||!i;return i&&void 0!==hf[r]&&(b=hf[r].title,w=hf[r].icon||!1,_=!!hf[r].is_pro,void 0===gf[r]&&(gf[r]=hf[r].is_opened||!1),O=O||gf[r]),c?g.length?wp.element.createElement("div",{className:"vpf-setup-wizard-panel"},g):"":d?g.length?wp.element.createElement(A.PanelBody,{title:!!b&&wp.element.createElement(wp.element.Fragment,null,w?wp.element.createElement("span",{className:"vpf-control-category-title-icon"},wp.element.createElement(I.RawHTML,null,w)):null,wp.element.createElement("span",null,b),_?wp.element.createElement("span",{className:"vpf-control-category-title-pro"},(0,R.__)("PRO","visual-portfolio")):""),onToggle:function(){gf[r]=!O},initialOpen:O,scrollAfterOpen:!0},g):"":g.length?g:""}}])}(I.Component);bf.Control=function(e){var t=e.attributes,n=e.onChange,r=e.isSetupWizard,o=(0,I.useRef)(),i=function(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,l,a=[],u=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=i.call(n)).done)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){s=!0,o=e}finally{try{if(!u&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw o}}return a}}(e,t)||function(e,t){if(e){if("string"==typeof e)return ef(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?ef(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}((0,I.useState)(""),2),l=i[0],a=i[1],u=B(e.name,t);if((0,I.useEffect)(function(){if(e.group&&o.current){for(var t=o.current.parentElement.parentElement,n=t.previousElementSibling,r=t.nextElementSibling;n&&n.classList.contains("vpf-control-group-separator");)n=n.previousElementSibling;for(;r&&r.classList.contains("vpf-control-group-separator");)r=r.nextElementSibling;var i=n&&n.classList.contains("vpf-control-group-".concat(e.group))||r&&r.classList.contains("vpf-control-group-".concat(e.group)),u=n&&!n.classList.contains("vpf-control-group-".concat(e.group))&&n.classList.contains("vpf-control-wrap"),s=r&&!r.classList.contains("vpf-control-group-".concat(e.group))&&r.classList.contains("vpf-control-wrap"),c="";i&&(u?c="start":s&&(c="end")),l!==c&&a(c)}},[o,e.group,u,l]),!bf.AllowRender(e,r))return null;var s="",c=e.label,p="",f=e.description?wp.element.createElement(I.RawHTML,{className:"components-base-control__help"},e.description):null,m=N()("vpf-control-wrap","vpf-control-wrap-".concat(e.type),de(e.name),e.className);e.group&&(m=N()(m,"vpf-control-with-group","vpf-control-group-".concat(e.group),!!l&&"vpf-control-group-position-".concat(l)));var d=[];switch(("category_tabs"===e.type||"category_toggle_group"===e.type||"category_collapse"===e.type||"category_navigator"===e.type)&&e.options&&e.options.length&&e.options.forEach(function(t){bf.isCategoryEmpty(rf(rf({},e.renderProps),{},{category:t.category,categoryToggle:!1}))||d.push(t)}),e.type){case"category_tabs":s=d.length?wp.element.createElement(Dp,{controlName:e.name,options:d,key:d},function(t){return wp.element.createElement(bf,tf({},e.renderProps,{category:t.name,categoryToggle:!1}))}):null;break;case"category_toggle_group":s=d.length?wp.element.createElement(oi,{controlName:e.name,options:d,key:d},function(t){return wp.element.createElement(bf,tf({},e.renderProps,{category:t.category,categoryToggle:!1}))}):null;break;case"category_collapse":s=d.length?wp.element.createElement(ot,{controlName:e.name,initialOpen:e.initialOpen,options:d,key:d},function(t){return wp.element.createElement(bf,tf({},e.renderProps,{category:t.category,categoryToggle:!1}))}):null;break;case"category_navigator":s=d.length?wp.element.createElement(el,{controlName:e.name,options:d,key:d},function(t){return wp.element.createElement(bf,tf({},e.renderProps,{category:t.category,categoryToggle:!1}))}):null;break;case"html":s=wp.element.createElement(I.RawHTML,null,e.default);break;case"select":case"select2":s=wp.element.createElement(sp,{controlName:e.name,callback:e.value_callback,attributes:t,value:u,options:e.options||{},onChange:function(e){return n(e)},isSearchable:e.searchable,isMultiple:e.multiple,isCreatable:e.creatable||e.tags});break;case"buttons":s=wp.element.createElement(ri,{label:e.label||e.name,hideLabelFromVision:!0,value:u,options:e.options||{},onChange:function(t){var r=Object.keys(e.options||{}).find(function(e){return String(e)===String(t)});n(void 0!==r?r:t)}});break;case"icons_selector":s=wp.element.createElement(Zi,{controlName:e.name,callback:e.value_callback,attributes:t,value:u,options:e.options,onChange:function(e){return n(e)},columns:e.columns,collapseRows:e.collapse_rows||!1,isSetupWizard:r});break;case"tiles_selector":s=wp.element.createElement(Kp,{value:u,options:e.options,onChange:function(e){return n(e)}});break;case"elements_selector":s=wp.element.createElement(Dt,{value:u,locations:e.locations,options:e.options,onChange:function(e){return n(e)},props:e});break;case"align":s=wp.element.createElement(he,{value:u,options:e.options||"horizontal",onChange:function(e){return n(e)}});break;case"aspect_ratio":s=wp.element.createElement(Ce,{value:u,onChange:function(e){return n(e)}});break;case"gallery":s=wp.element.createElement(Ii,{imageControls:e.image_controls,focalPoint:e.focal_point,attributes:t,name:e.name,value:u,onChange:function(e){return n(e)},isSetupWizard:r});break;case"code_editor":s=wp.element.createElement(nt,{value:e.encode?me(u):u,mode:e.mode,maxLines:e.max_lines,minLines:e.min_lines,codePlaceholder:e.code_placeholder,onChange:function(t){return n(e.encode?fe(t):t)}}),e.allow_modal&&(p=wp.element.createElement(Wp,{modalTitle:(0,R.__)("Custom CSS","visual-portfolio"),buttonLabel:(0,R.__)("Open in Modal","visual-portfolio"),size:"md"},wp.element.createElement(A.BaseControl,{id:"vpf-custom-css-".concat(e.label||e.name),label:e.label,help:!!e.description&&wp.element.createElement(I.RawHTML,null,e.description),className:N()("vpf-control-wrap","vpf-control-wrap-".concat(e.type))},wp.element.createElement("div",null,s)),e.classes_tree?wp.element.createElement(wp.element.Fragment,null,wp.element.createElement("p",null,(0,R.__)("Classes Tree:","visual-portfolio")),wp.element.createElement(Fe,e)):""));break;case"range":s=wp.element.createElement(A.RangeControl,{min:e.min,max:e.max,step:e.step,value:parseFloat(u),onChange:function(e){return n(parseFloat(e))}});break;case"toggle":s=wp.element.createElement(A.ToggleControl,{checked:u,label:e.alongside,onChange:function(e){return n(e)}});break;case"checkbox":s=wp.element.createElement(A.CheckboxControl,{checked:u,label:e.alongside,onChange:function(e){return n(e)}});break;case"radio":s=wp.element.createElement(A.RadioControl,{label:c,selected:u,options:Object.keys(e.options||{}).map(function(t){return{label:e.options[t],value:t}}),onChange:function(e){return n(e)}}),c=!1;break;case"color":s=wp.element.createElement(it,{label:c,value:u,alpha:e.alpha,gradient:e.gradient,onChange:function(e){return n(e)}}),c=!1;break;case"date":s=wp.element.createElement(dt,{value:u,onChange:function(e){return n(e)}});break;case"textarea":s=wp.element.createElement(A.TextareaControl,{label:c,value:u,onChange:function(e){return n(e)}}),c=!1;break;case"url":s=wp.element.createElement(A.TextControl,{label:c,type:"url",value:u,onChange:function(e){return n(e)}}),c=!1;break;case"number":s=wp.element.createElement(A.TextControl,{label:c,type:"number",min:e.min,max:e.max,step:e.step,value:parseFloat(u),onChange:function(e){return n(parseFloat(e))}}),c=!1;break;case"unit":s=wp.element.createElement(mf,{label:c,value:u,onChange:function(e){return n(e)},labelPosition:"edge",__unstableInputWidth:"70px"}),c=!1;break;case"hidden":s=wp.element.createElement(A.TextControl,{type:"hidden",value:u,onChange:function(e){return n(e)}});break;case"notice":s=f?wp.element.createElement(A.Notice,{status:e.status,isDismissible:!1},f):"",f=!1;break;case"pro_note":s=wp.element.createElement(fl,{title:c},f||"",wp.element.createElement(fl.Button,{target:"_blank",rel:"noopener noreferrer",href:"https://www.visualportfolio.com/pricing/?utm_source=plugin&utm_medium=block_settings&utm_campaign=".concat(e.name,"&utm_content=").concat(yf)},(0,R.__)("Go Pro","visual-portfolio"))),c=!1,f=!1;break;case"sortable":s=wp.element.createElement(Sp,{label:c,controlName:e.name,attributes:t,value:u,options:e.options||{},defaultVal:e.default||{},allowDisablingOptions:e.allow_disabling_options||!1,onChange:function(e){return n(e)}});break;default:s=wp.element.createElement(A.TextControl,{label:c,value:u,onChange:function(e){return n(e)}}),c=!1}e.hint&&(s=wp.element.createElement(A.Tooltip,{text:e.hint,position:e.hint_place},wp.element.createElement("div",null,s)));var v=(0,M.applyFilters)("vpf.editor.controls-render-inner-data",{renderControl:s,renderControlLabel:c,renderControlHelp:f,renderControlAfter:p,renderControlClassName:m},{props:e,controlVal:u});return null===v.renderControl?null:wp.element.createElement(wp.element.Fragment,null,"start"===l?wp.element.createElement("div",{className:"vpf-control-group-separator"}):null,wp.element.createElement(A.BaseControl,{id:"vpf-control-group-".concat(e.name),label:v.renderControlLabel,className:v.renderControlClassName},wp.element.createElement("div",{ref:o},v.renderControl),v.renderControlHelp),v.renderControlAfter,"end"===l?wp.element.createElement("div",{className:"vpf-control-group-separator"}):null)},bf.AllowRender=function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return!(e.skip||e.condition&&e.condition.length&&!F(e.condition,e.attributes)||t&&!e.setup_wizard)},bf.isCategoryEmpty=function(e){var t=e.category,n=e.attributes,r=e.setAttributes,o=e.controls,i=e.isSetupWizard,l=o||vf,a=!0;return Object.keys(l).forEach(function(e){if(a){var o=l[e];if(!t||o.category&&t===o.category){var u=(0,M.applyFilters)("vpf.editor.controls-render-data",rf({attributes:n,setAttributes:r,onChange:function(e){var t=(0,M.applyFilters)("vpf.editor.controls-on-change",of({},o.name,e),o,e,n);r(t)}},o));bf.AllowRender(u,i)&&(a=!1)}}}),a};const wf=bf;function _f(e){return _f="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_f(e)}function Of(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function Sf(e){for(var t=1;te.length)&&(t=e.length);for(var n=0,r=Array(t);n1&&void 0!==arguments[1]?arguments[1]:{},n=t.targetOrigin,r=void 0===n?window.location.origin:n,o=t.sizeHeight,i=void 0===o||o,l=t.applyInterval,a=void 0===l?0:l,u=t.onResized,s=t.onMessage,c=t.onInit,p=!1,f=!1;e.style.overflow="hidden";var m=e.ownerDocument.defaultView||window,d=function(e,t){if(!e){var n=function(){return t.apply(void 0,arguments)};return n.cancel=function(){},n.reset=function(){},n}var r=0,o=null,i=null;function l(e){var n;r=Date.now(),i=null,t.apply(void 0,function(e){if(Array.isArray(e))return xf(e)}(n=e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(n)||function(e,t){if(e){if("string"==typeof e)return xf(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?xf(e,t):void 0}}(n)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}())}function a(){for(var t=e-(Date.now()-r),n=arguments.length,a=new Array(n),u=0;ue.length)&&(t=e.length);for(var n=0,r=Array(t);ne.length)&&(t=e.length);for(var n=0,r=Array(t);nt?"left":"right")),style:u?{height:u}:{}},n[i]):null}em.Step=function(e){return e.children};const tm=em;function nm(e){return nm="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},nm(e)}function rm(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function om(e){for(var t=1;te.length)&&(t=e.length);for(var n=0,r=Array(t);ncm&&(e=om(om({},e),{},{items_count:cm,layout_elements:{top:{elements:[],align:"center"},items:{elements:["items"]},bottom:{elements:["pagination"],align:"center"}},pagination:"infinite",pagination_hide_on_end:!0})));break;case"post-based":case"social-stream":e=om(om({},e),{},{layout_elements:{top:{elements:[],align:"center"},items:{elements:["items"]},bottom:{elements:["pagination"],align:"center"}}})}e=om(om({},e),{},{items_click_action_popup_title_source:"post-based"===o?"title":"item_title",items_click_action_popup_description_source:"post-based"===o?"description":"item_description",items_click_action_popup_deep_link_pid:"filename"}),n(e),m(!0)},[o,a,l,n]);return(0,I.useEffect)(function(){o&&d()},[o]),wp.element.createElement("div",{className:"vpf-setup-wizard vpf-setup-wizard-step-".concat(s)},wp.element.createElement(tm,{step:s},wp.element.createElement(tm.Step,null,wp.element.createElement("div",{className:"vpf-setup-wizard-title"},sm),wp.element.createElement("div",{className:"vpf-setup-wizard-description",dangerouslySetInnerHTML:{__html:(0,R.__)("Set the common settings in the setup wizard,
more options will be available in the block settings.
Select the Content Source first:","visual-portfolio")}}),pm(e,"content-source"),pm(e,"content-source-images"),pm(e,"content-source-taxonomies"),pm(e,"content-source-social-stream")),wp.element.createElement(tm.Step,null,wp.element.createElement("div",{className:"vpf-setup-wizard-title"},(0,R.__)("Items Style","visual-portfolio")),wp.element.createElement("div",{className:"vpf-setup-wizard-description",dangerouslySetInnerHTML:{__html:(0,R.__)("Select one of the featured styles to get started.
More style settings will be available in the block settings.","visual-portfolio")}}),pm(e,"items-style")),wp.element.createElement(tm.Step,null,wp.element.createElement("div",{className:"vpf-setup-wizard-title"},(0,R.__)("Additional Settings","visual-portfolio")),wp.element.createElement("div",{className:"vpf-setup-wizard-layout-elements"},wp.element.createElement("div",null,wp.element.createElement(A.ToggleControl,{label:(0,R.__)("Filter","visual-portfolio"),checked:fm("filter",t),onChange:function(){n({layout_elements:mm("filter",t)})}})),wp.element.createElement("div",null,wp.element.createElement(A.ToggleControl,{label:(0,R.__)("Pagination","visual-portfolio"),checked:fm("pagination",t),onChange:function(){n({layout_elements:mm("pagination",t)})}})),wp.element.createElement("div",null,wp.element.createElement(A.ToggleControl,{label:(0,R.__)("Popup Gallery","visual-portfolio"),checked:"popup_gallery"===i,onChange:function(){n({items_click_action:"popup_gallery"===i?"url":"popup_gallery"})}}))))),wp.element.createElement("div",{className:"vpf-setup-wizard-pagination"},o?wp.element.createElement(wp.element.Fragment,null,wp.element.createElement("div",{className:"vpf-setup-wizard-pagination-button"},wp.element.createElement(A.Button,{variant:"link",onClick:function(){0===s?n({setup_wizard:"",content_source:t.contentSource||"images"}):c(s-1)}},0===s?(0,R.__)("Skip Setup","visual-portfolio"):(0,R.__)("Previous Step","visual-portfolio"))),wp.element.createElement("div",{className:"vpf-setup-wizard-pagination-progress"},wp.element.createElement("div",{style:{width:"".concat(Math.max(15,Math.min(100,100*s/2.5)),"%")}})),wp.element.createElement("div",{className:"vpf-setup-wizard-pagination-button vpf-setup-wizard-pagination-button-end"},wp.element.createElement(A.Button,{variant:"primary",disabled:!f,onClick:function(){2===s?n({setup_wizard:""}):c(s+1)}},(0,R.__)("Continue","visual-portfolio"),wp.element.createElement("svg",{width:"14",height:"14",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{marginLeft:"5px"}},wp.element.createElement("path",{d:"M3 10H17",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",fill:"none"}),wp.element.createElement("path",{d:"M11 4L17 10L11 16",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",fill:"none"}))))):null))}function vm(){return vm=Object.assign?Object.assign.bind():function(e){for(var t=1;t1&&void 0!==arguments[1]?arguments[1]:{});return(e||[]).forEach(function(e){Object.assign(t,e(t))}),t}var ed=window.VPGutenbergVariables,td=ed.plugin_version,nd=ed.pro;function rd(e){return"https://www.visualportfolio.com/pricing/?utm_source=plugin&utm_medium=block_settings&utm_campaign=".concat(e,"&utm_content=").concat(td)}function od(e){ +(0,R.__)("Saved %s","visual-portfolio"),Vm)},i()))},save:function(){return null},transforms:{from:[{type:"shortcode",tag:"visual_portfolio",attributes:{id:{type:"string",shortcode:function(e){return e.named.id}},className:{type:"string",shortcode:function(e){return e.named.class}}}}]}};(0,p.registerBlockType)(Wm,Qm),(0,p.registerBlockType)("nk/visual-portfolio",zm(zm({},Qm),{},{apiVersion:Dm.XV,category:Dm.L1,description:Dm.h_,keywords:Dm.RE,title:Gm,attributes:{id:{type:"string"},align:{type:"string"},className:{type:"string"},anchor:{type:"string"}},edit:function(e){return(0,(0,H.useDispatch)("core/block-editor").replaceBlocks)([e.clientId],(0,p.createBlock)(Wm,e.attributes||{})),null},supports:zm(zm({},Dm.xY),{},{inserter:!1})}));const $m=window.wp.coreData,qm=window.wp.compose;function Zm(e){return Zm="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Zm(e)}function Jm(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function Xm(e,t,n){return(t=function(e){var t=function(e){if("object"!=Zm(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=Zm(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==Zm(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Ym(){return(0,qm.useViewportMatch)("medium","<")?{}:{popoverProps:{placement:"left-start",offset:259}}}function Km(e){var t=function(e){for(var t=1;t1&&void 0!==arguments[1]?arguments[1]:{});return(e||[]).forEach(function(e){Object.assign(t,e(t))}),t}var ed=window.VPGutenbergVariables,td=ed.plugin_version,nd=ed.pro;function rd(e){return"https://www.visualportfolio.com/pricing/?utm_source=plugin&utm_medium=block_settings&utm_campaign=".concat(e,"&utm_content=").concat(td)}function od(e){ /* translators: %s: name of a setting that comes with Pro. */ -return(0,L.sprintf)((0,L.__)("%s (Pro)","visual-portfolio"),e)}function id(e){var t=e.children,n=e.campaign;return wp.element.createElement(wp.element.Fragment,null,t," ",wp.element.createElement(A.ExternalLink,{href:rd(n)},(0,L.__)("Go Pro","visual-portfolio")))}function ld(e){var t=e.label,n=e.campaign,r=e.children,o=e.panelId;return wp.element.createElement(A.__experimentalToolsPanelItem,{label:od(t),hasValue:function(){return!1},panelId:o},wp.element.createElement("p",{className:"vpf-pro-teaser"},wp.element.createElement(id,{campaign:n},r)))}var ad=new WeakMap;function ud(e,t){var n=ad.get(e)||{};return n[t]||(n[t]=function(n){var r=n.clientId;return wp.element.createElement(ld,{label:e.label,campaign:e.campaign,panelId:t?r:void 0},e.line)},ad.set(e,n)),n[t]}function sd(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=n.attributes,o=void 0===r?{}:r,i=n.withPanelId,l=void 0!==i&&i;return t.filter(function(t){return!e.some(function(e){return e.name===t.name})&&(!t.shows||t.shows(o))}).map(function(e){return{name:e.name,Item:ud(e,l)}})}function cd(e){var t=e.label,n=e.items,r=Ym();return nd?null:wp.element.createElement(D.InspectorControls,null,wp.element.createElement(A.__experimentalToolsPanel,{label:t,resetAll:function(){},dropdownMenuProps:r},n.map(function(e){return wp.element.createElement(ld,{key:e.name,label:e.label,campaign:e.campaign},e.line)})))}function pd(e){return pd="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},pd(e)}function fd(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function md(e,t,n){return(t=function(e){var t=function(e){if("object"!=pd(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=pd(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==pd(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function dd(e){var t=e||{},n=t.name,r=t.title;n&&r?(0,H.dispatch)(X).registerSource(function(e){for(var t=1;te.length)&&(t=e.length);for(var n=0,r=Array(t);n1?"".concat(r," (#").concat(n,")"):r}),t},[u]),g=(0,I.useMemo)(function(){return l.map(function(e){return y[String(e)]||String(e)})},[l,y]),b=(0,I.useCallback)(function(e){return e.map(function(e){var t=Object.keys(y).find(function(t){return y[t]===e});return!t&&l.map(String).includes(e)?e:t}).filter(Boolean)},[y,l]);return{tokens:g,suggestions:(0,I.useMemo)(function(){return p.map(function(e){return y[e]||e})},[p,y]),search:h,toIds:b}}function jd(e){return jd="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},jd(e)}function kd(){return kd=Object.assign?Object.assign.bind():function(e){for(var t=1;te.length)&&(t=e.length);for(var n=0,r=Array(t);n1?wp.element.createElement(A.__experimentalToolsPanelItem,{label:(0,L.__)("Taxonomies Relation","visual-portfolio"),hasValue:function(){return Wd.taxonomiesRelation!==w},onDeselect:function(){return M({taxonomiesRelation:Wd.taxonomiesRelation})},panelId:r},wp.element.createElement(A.SelectControl,{label:(0,L.__)("Taxonomies Relation","visual-portfolio"),help:(0,L.__)("AND keeps items that match every taxonomy, OR keeps items that match any of them.","visual-portfolio"),value:w,options:[{value:"or",label:(0,L.__)("Any of the selected","visual-portfolio")},{value:"and",label:(0,L.__)("All of the selected","visual-portfolio")}],onChange:function(e){return M({taxonomiesRelation:e})}})):null):null,F?wp.element.createElement(A.__experimentalToolsPanelItem,{label:(0,L.__)("Order","visual-portfolio"),hasValue:function(){return Wd.orderBy!==E||Wd.order!==O},onDeselect:function(){return M({orderBy:Wd.orderBy,order:Wd.order})},panelId:r},wp.element.createElement(A.__experimentalVStack,{spacing:4},wp.element.createElement(A.SelectControl,{label:(0,L.__)("Order By","visual-portfolio"),value:E,options:zd,onChange:function(e){return M({orderBy:e})}}),wp.element.createElement(A.SelectControl,{label:(0,L.__)("Order Direction","visual-portfolio"),value:O,options:Ud,onChange:function(e){return M({order:e})}}))):null)},FiltersPanel:function(e){var t=e.attributes,n=e.setAttributes,r=t.postsQuery,o=r||{},i=o.source,l=void 0===i?Wd.source:i,a=o.postTypesSet,u=void 0===a?Wd.postTypesSet:a,s=o.avoidDuplicates,c=void 0===s?Wd.avoidDuplicates:s,p=o.excludeCurrent,f=void 0===p?Wd.excludeCurrent:p,m=o.keyword,d=void 0===m?Wd.keyword:m,v=o.sticky,h=void 0===v?Wd.sticky:v,y=o.authors,g=void 0===y?Wd.authors:y,b=o.formats,w=void 0===b?Wd.formats:b,_=function(e){return n({postsQuery:Ad(Ad({},r),e)})},O=Ym(),S=function(e){var t=(0,H.useSelect)(function(e){return e($m.store).getUsers({who:"authors",per_page:-1,_fields:"id,name",context:"view"})},[])||[],n={};t.forEach(function(e){var t=e.name;n[t]=(n[t]||0)+1});var r=function(e){var t=e.id,r=e.name;return 1e.length)&&(t=e.length);for(var n=0,r=Array(t);n2&&void 0!==arguments[2]?arguments[2]:{},r=n.attributes,o=void 0===r?{}:r,i=n.withPanelId,l=void 0!==i&&i;return t.filter(function(t){return!e.some(function(e){return e.name===t.name})&&(!t.shows||t.shows(o))}).map(function(e){return{name:e.name,Item:ud(e,l)}})}function cd(e){var t=e.label,n=e.items,r=Ym();return nd?null:wp.element.createElement(D.InspectorControls,null,wp.element.createElement(A.__experimentalToolsPanel,{label:t,resetAll:function(){},dropdownMenuProps:r},n.map(function(e){return wp.element.createElement(ld,{key:e.name,label:e.label,campaign:e.campaign},e.line)})))}function pd(e){return pd="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},pd(e)}function fd(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function md(e,t,n){return(t=function(e){var t=function(e){if("object"!=pd(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=pd(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==pd(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function dd(e){var t=e||{},n=t.name,r=t.title;n&&r?(0,H.dispatch)(X).registerSource(function(e){for(var t=1;te.length)&&(t=e.length);for(var n=0,r=Array(t);n1?"".concat(r," (#").concat(n,")"):r}),t},[u]),g=(0,I.useMemo)(function(){return l.map(function(e){return y[String(e)]||String(e)})},[l,y]),b=(0,I.useCallback)(function(e){return e.map(function(e){var t=Object.keys(y).find(function(t){return y[t]===e});return!t&&l.map(String).includes(e)?e:t}).filter(Boolean)},[y,l]);return{tokens:g,suggestions:(0,I.useMemo)(function(){return p.map(function(e){return y[e]||e})},[p,y]),search:h,toIds:b}}function jd(e){return jd="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},jd(e)}function kd(){return kd=Object.assign?Object.assign.bind():function(e){for(var t=1;te.length)&&(t=e.length);for(var n=0,r=Array(t);n1?wp.element.createElement(A.__experimentalToolsPanelItem,{label:(0,R.__)("Taxonomies Relation","visual-portfolio"),hasValue:function(){return Wd.taxonomiesRelation!==w},onDeselect:function(){return M({taxonomiesRelation:Wd.taxonomiesRelation})},panelId:r},wp.element.createElement(A.SelectControl,{label:(0,R.__)("Taxonomies Relation","visual-portfolio"),help:(0,R.__)("AND keeps items that match every taxonomy, OR keeps items that match any of them.","visual-portfolio"),value:w,options:[{value:"or",label:(0,R.__)("Any of the selected","visual-portfolio")},{value:"and",label:(0,R.__)("All of the selected","visual-portfolio")}],onChange:function(e){return M({taxonomiesRelation:e})}})):null):null,F?wp.element.createElement(A.__experimentalToolsPanelItem,{label:(0,R.__)("Order","visual-portfolio"),hasValue:function(){return Wd.orderBy!==E||Wd.order!==O},onDeselect:function(){return M({orderBy:Wd.orderBy,order:Wd.order})},panelId:r},wp.element.createElement(A.__experimentalVStack,{spacing:4},wp.element.createElement(A.SelectControl,{label:(0,R.__)("Order By","visual-portfolio"),value:E,options:zd,onChange:function(e){return M({orderBy:e})}}),wp.element.createElement(A.SelectControl,{label:(0,R.__)("Order Direction","visual-portfolio"),value:O,options:Ud,onChange:function(e){return M({order:e})}}))):null)},FiltersPanel:function(e){var t=e.attributes,n=e.setAttributes,r=t.postsQuery,o=r||{},i=o.source,l=void 0===i?Wd.source:i,a=o.postTypesSet,u=void 0===a?Wd.postTypesSet:a,s=o.avoidDuplicates,c=void 0===s?Wd.avoidDuplicates:s,p=o.excludeCurrent,f=void 0===p?Wd.excludeCurrent:p,m=o.keyword,d=void 0===m?Wd.keyword:m,v=o.sticky,h=void 0===v?Wd.sticky:v,y=o.authors,g=void 0===y?Wd.authors:y,b=o.formats,w=void 0===b?Wd.formats:b,_=function(e){return n({postsQuery:Ad(Ad({},r),e)})},O=Ym(),S=function(e){var t=(0,H.useSelect)(function(e){return e($m.store).getUsers({who:"authors",per_page:-1,_fields:"id,name",context:"view"})},[])||[],n={};t.forEach(function(e){var t=e.name;n[t]=(n[t]||0)+1});var r=function(e){var t=e.id,r=e.name;return 1e.length)&&(t=e.length);for(var n=0,r=Array(t);ne.length)&&(t=e.length);for(var n=0,r=Array(t);ne.length)&&(t=e.length);for(var n=0,r=Array(t);n=o-1,onClick:function(){return c(r+1)}}))),className:"vpf-gallery-manager-modal",onRequestClose:function(e){var t;null!=e&&null!==(t=e.relatedTarget)&&void 0!==t&&null!==(t=t.classList)&&void 0!==t&&t.contains("media-modal")||f()}},wp.element.createElement("div",{className:"vpf-gallery-manager-modal__body"},wp.element.createElement("div",{className:"vpf-gallery-manager-modal__media"},h?wp.element.createElement(ri,{className:"vpf-gallery-manager-modal__states",label:(0,L.__)("Media","visual-portfolio"),value:d,options:Tv,onChange:function(e){e&&v(e)}}):null,"hover"===d?wp.element.createElement(wv,g):wp.element.createElement(wp.element.Fragment,null,i?wp.element.createElement(Wo,{onSelect:function(e){return s(Ev({width:void 0,height:void 0},lv(e)))},allowedTypes:a,onRemove:p},wp.element.createElement(uv,{url:i})):null,wp.element.createElement(Uo,{key:ov(n),value:n.focalPoint,onChange:function(e){return s({focalPoint:e})}}),n.id?wp.element.createElement(Dv,{imageId:n.id}):wp.element.createElement(Iv,{image:n,onChange:s}))),wp.element.createElement("div",{className:"vpf-gallery-manager-modal__fields"},wp.element.createElement(A.TextControl,{className:"vpf-gallery-manager-modal__field-full",label:(0,L.__)("Title","visual-portfolio"),value:n.title||"",onChange:function(e){return s({title:e})}}),wp.element.createElement(A.TextControl,{className:"vpf-gallery-manager-modal__field-full",label:(0,L.__)("Alt text","visual-portfolio"),help:(0,L.__)("Describes the picture to someone who cannot see it. Left empty, the alt text from the media library is used.","visual-portfolio"),value:n.alt||"",onChange:function(e){return s({alt:e})}}),wp.element.createElement(A.TextareaControl,{className:"vpf-gallery-manager-modal__field-full",label:(0,L.__)("Description","visual-portfolio"),value:n.description||"",rows:3,onChange:function(e){return s({description:e})}}),wp.element.createElement(A.FormTokenField,{label:(0,L.__)("Categories","visual-portfolio"),help:(0,L.__)("What the gallery filter offers. Type anything and press Enter.","visual-portfolio"),value:n.categories||[],suggestions:l,onChange:function(e){return s({categories:e.map(String)})},__experimentalExpandOnFocus:!0}),wp.element.createElement(A.SelectControl,{label:(0,L.__)("Format","visual-portfolio"),value:n.format||"standard",options:(0,M.applyFilters)("vpf.loopImageFormats",kv),onChange:function(e){return s({format:e})}}),y?wp.element.createElement(A.TextControl,{type:"url",label:(0,L.__)("Video URL","visual-portfolio"),placeholder:"https://",value:n.video_url||"",onChange:function(e){return s({video_url:e})}}):null,wp.element.createElement(A.TextControl,{className:"vpf-gallery-manager-modal__field-full",type:"url",label:(0,L.__)("Link URL","visual-portfolio"),help:(0,L.__)("Where the item links to. Left empty, it opens the image in the popup.","visual-portfolio"),placeholder:"https://",value:n.url||"",onChange:function(e){return s({url:e})}}),wp.element.createElement(A.TextControl,{label:(0,L.__)("Author","visual-portfolio"),value:n.author||"",onChange:function(e){return s({author:e})}}),n.author?wp.element.createElement(A.TextControl,{type:"url",label:(0,L.__)("Author URL","visual-portfolio"),placeholder:"https://",value:n.author_url||"",onChange:function(e){return s({author_url:e})}}):null,wp.element.createElement(_v,g))))}var Mv=(0,$d.jsx)(Qd.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,$d.jsx)(Qd.Path,{d:"M10 17.389H8.444A5.194 5.194 0 1 1 8.444 7H10v1.5H8.444a3.694 3.694 0 0 0 0 7.389H10v1.5ZM14 7h1.556a5.194 5.194 0 0 1 0 10.39H14v-1.5h1.556a3.694 3.694 0 0 0 0-7.39H14V7Zm-4.5 6h5v-1.5h-5V13Z"})}),Lv=(0,$d.jsx)(Qd.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,$d.jsx)(Qd.Path,{d:"m6.734 16.106 2.176-2.38-1.093-1.028-3.846 4.158 3.846 4.158 1.093-1.028-2.176-2.38h2.811c1.125 0 2.25.03 3.374 0 1.428-.001 3.362-.25 4.963-1.277 1.66-1.065 2.868-2.906 2.868-5.859 0-2.479-1.327-4.896-3.65-5.93-1.82-.813-3.044-.8-4.806-.788l-.567.002v1.5c.184 0 .368 0 .553-.002 1.82-.007 2.704-.014 4.21.657 1.854.827 2.76 2.657 2.76 4.561 0 2.472-.973 3.824-2.178 4.596-1.258.807-2.864 1.04-4.163 1.04h-.02c-1.115.03-2.229 0-3.344 0H6.734Z"})});function Rv(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,l,a=[],u=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=i.call(n)).done)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){s=!0,o=e}finally{try{if(!u&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw o}}return a}}(e,t)||function(e,t){if(e){if("string"==typeof e)return Nv(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Nv(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Nv(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);ne.length)&&(t=e.length);for(var n=0,r=Array(t);n=o-1,onClick:function(){return c(r+1)}}))),className:"vpf-gallery-manager-modal",onRequestClose:function(e){var t;null!=e&&null!==(t=e.relatedTarget)&&void 0!==t&&null!==(t=t.classList)&&void 0!==t&&t.contains("media-modal")||f()}},wp.element.createElement("div",{className:"vpf-gallery-manager-modal__body"},wp.element.createElement("div",{className:"vpf-gallery-manager-modal__media"},h?wp.element.createElement(ri,{className:"vpf-gallery-manager-modal__states",label:(0,R.__)("Media","visual-portfolio"),value:d,options:Tv,onChange:function(e){e&&v(e)}}):null,"hover"===d?wp.element.createElement(wv,g):wp.element.createElement(wp.element.Fragment,null,i?wp.element.createElement(Wo,{onSelect:function(e){return s(Ev({width:void 0,height:void 0},lv(e)))},allowedTypes:a,onRemove:p},wp.element.createElement(uv,{url:i})):null,wp.element.createElement(Uo,{key:ov(n),value:n.focalPoint,onChange:function(e){return s({focalPoint:e})}}),n.id?wp.element.createElement(Dv,{imageId:n.id}):wp.element.createElement(Iv,{image:n,onChange:s}))),wp.element.createElement("div",{className:"vpf-gallery-manager-modal__fields"},wp.element.createElement(A.TextControl,{className:"vpf-gallery-manager-modal__field-full",label:(0,R.__)("Title","visual-portfolio"),value:n.title||"",onChange:function(e){return s({title:e})}}),wp.element.createElement(A.TextControl,{className:"vpf-gallery-manager-modal__field-full",label:(0,R.__)("Alt text","visual-portfolio"),help:(0,R.__)("Describes the picture to someone who cannot see it. Left empty, the alt text from the media library is used.","visual-portfolio"),value:n.alt||"",onChange:function(e){return s({alt:e})}}),wp.element.createElement(A.TextareaControl,{className:"vpf-gallery-manager-modal__field-full",label:(0,R.__)("Description","visual-portfolio"),value:n.description||"",rows:3,onChange:function(e){return s({description:e})}}),wp.element.createElement(A.FormTokenField,{label:(0,R.__)("Categories","visual-portfolio"),help:(0,R.__)("What the gallery filter offers. Type anything and press Enter.","visual-portfolio"),value:n.categories||[],suggestions:l,onChange:function(e){return s({categories:e.map(String)})},__experimentalExpandOnFocus:!0}),wp.element.createElement(A.SelectControl,{label:(0,R.__)("Format","visual-portfolio"),value:n.format||"standard",options:(0,M.applyFilters)("vpf.loopImageFormats",kv),onChange:function(e){return s({format:e})}}),y?wp.element.createElement(A.TextControl,{type:"url",label:(0,R.__)("Video URL","visual-portfolio"),placeholder:"https://",value:n.video_url||"",onChange:function(e){return s({video_url:e})}}):null,wp.element.createElement(A.TextControl,{className:"vpf-gallery-manager-modal__field-full",type:"url",label:(0,R.__)("Link URL","visual-portfolio"),help:(0,R.__)("Where the item links to. Left empty, it opens the image in the popup.","visual-portfolio"),placeholder:"https://",value:n.url||"",onChange:function(e){return s({url:e})}}),wp.element.createElement(A.TextControl,{label:(0,R.__)("Author","visual-portfolio"),value:n.author||"",onChange:function(e){return s({author:e})}}),n.author?wp.element.createElement(A.TextControl,{type:"url",label:(0,R.__)("Author URL","visual-portfolio"),placeholder:"https://",value:n.author_url||"",onChange:function(e){return s({author_url:e})}}):null,wp.element.createElement(_v,g))))}var Mv=(0,$d.jsx)(Qd.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,$d.jsx)(Qd.Path,{d:"M10 17.389H8.444A5.194 5.194 0 1 1 8.444 7H10v1.5H8.444a3.694 3.694 0 0 0 0 7.389H10v1.5ZM14 7h1.556a5.194 5.194 0 0 1 0 10.39H14v-1.5h1.556a3.694 3.694 0 0 0 0-7.39H14V7Zm-4.5 6h5v-1.5h-5V13Z"})}),Rv=(0,$d.jsx)(Qd.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,$d.jsx)(Qd.Path,{d:"m6.734 16.106 2.176-2.38-1.093-1.028-3.846 4.158 3.846 4.158 1.093-1.028-2.176-2.38h2.811c1.125 0 2.25.03 3.374 0 1.428-.001 3.362-.25 4.963-1.277 1.66-1.065 2.868-2.906 2.868-5.859 0-2.479-1.327-4.896-3.65-5.93-1.82-.813-3.044-.8-4.806-.788l-.567.002v1.5c.184 0 .368 0 .553-.002 1.82-.007 2.704-.014 4.21.657 1.854.827 2.76 2.657 2.76 4.561 0 2.472-.973 3.824-2.178 4.596-1.258.807-2.864 1.04-4.163 1.04h-.02c-1.115.03-2.229 0-3.344 0H6.734Z"})});function Lv(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,l,a=[],u=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=i.call(n)).done)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){s=!0,o=e}finally{try{if(!u&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw o}}return a}}(e,t)||function(e,t){if(e){if("string"==typeof e)return Nv(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?Nv(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Nv(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);ne.length)&&(t=e.length);for(var n=0,r=Array(t);ne.length)&&(t=e.length);for(var n=0,r=Array(t);ne.length)&&(t=e.length);for(var n=0,r=Array(t);ne.length)&&(t=e.length);for(var n=0,r=Array(t);n=e.length?{done:!0}:{done:!1,value:e[_n++]}},e:function(e){throw e},f:n}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var r,o=!0,i=!1;return{s:function(){t=t.call(e)},n:function(){var e=t.next();return o=e.done,e},e:function(e){i=!0,r=e},f:function(){try{o||null==t.return||t.return()}finally{if(i)throw r}}}}(e);try{for(n.s();!(t=n.n()).done;){var r,o=t.value;if(qh===o.name)return o;var i=null!==(r=o.innerBlocks)&&void 0!==r&&r.length?Zh(o.innerBlocks):null;if(i)return i}}catch(e){n.e(e)}finally{n.f()}return null}function Jh(e){var t=e.attributes,n=e.clientId,r=e.onChoose,o=e.onCancel,i=function(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,l,a=[],u=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=i.call(n)).done)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){s=!0,o=e}finally{try{if(!u&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw o}}return a}}(e,t)||Qh(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}((0,I.useState)(""),2),l=i[0],a=i[1],u=(0,H.useSelect)(function(e){var t=e(D.store),r=t.getBlockRootClientId;return(0,t.getPatternsByBlockTypes)(qh,r(n))},[n]),s=t.queryType,c=t.baseQuery,p=t.postsQuery,f=t.imagesQuery,m=t.sourceQuery,d=(0,I.useMemo)(function(){return{"vp/previewQuery":{queryType:s,baseQuery:{perPage:null==c?void 0:c.perPage},postsQuery:p,imagesQuery:f,sourceQuery:m}}},[s,null==c?void 0:c.perPage,p,f,m]),v=(0,I.useMemo)(function(){var e=l.trim().toLowerCase();return u.map(function(e){var t=Zh(e.blocks);return t?Wh(Wh({},e),{},{blocks:[t],innerBlocks:t.innerBlocks}):null}).filter(Boolean).filter(function(t){return!e||t.title.toLowerCase().includes(e)||(t.description||"").toLowerCase().includes(e)})},[u,l]);return wp.element.createElement(A.Modal,{title:(0,L.__)("Choose a gallery","visual-portfolio"),className:"vpf-loop-setup",overlayClassName:"vpf-loop-setup__overlay",isFullScreen:!0,onRequestClose:o},wp.element.createElement("div",{className:"vpf-loop-setup__search"},wp.element.createElement(A.SearchControl,{label:(0,L.__)("Search for a gallery","visual-portfolio"),value:l,onChange:a})),wp.element.createElement(D.BlockContextProvider,{value:d},wp.element.createElement(D.__experimentalBlockPatternsList,{blockPatterns:v,label:(0,L.__)("Gallery patterns","visual-portfolio"),onClickPattern:function(e){return r(e.innerBlocks,e.blocks[0].attributes.metadata)}})))}function Xh(e){return Xh="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Xh(e)}function Yh(e){return function(e){if(Array.isArray(e))return ey(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||Kh(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Kh(e,t){if(e){if("string"==typeof e)return ey(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?ey(e,t):void 0}}function ey(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);ne.length)&&(t=e.length);for(var n=0,r=Array(t);nOy||-1===t)||"images"===n&&r<=Oy?null:wp.element.createElement(A.Notice,{status:"warning",isDismissible:!1,actions:[{label:(0,L.__)("Ok, I understand","visual-portfolio"),variant:"link",onClick:function(){window.VPGutenbergVariables.items_count_notice="hide",l(!0),yd()({path:"/visual-portfolio/v1/update_gallery_items_count_notice_state",method:"POST",data:{notice_state:"hide",post_id:a}})}}]},(0,L.sprintf)( +(0,R._n)("%d image","%d images",t.length,"visual-portfolio"),t.length)),g?wp.element.createElement(Av,{image:g,index:i,total:t.length,previewUrl:u[ov(g)],categorySuggestions:f,allowedTypes:rv,clientId:r,onChange:function(e){return v(i,e)},onNavigate:l,onRemove:function(){return d(i)},onClose:function(){return l(null)}}):null)}function qv(e){return qv="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},qv(e)}function Zv(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function Jv(e){for(var t=1;te.length)&&(t=e.length);for(var n=0,r=Array(t);ne.length)&&(t=e.length);for(var n=0,r=Array(t);ne.length)&&(t=e.length);for(var n=0,r=Array(t);n=e.length?{done:!0}:{done:!1,value:e[_n++]}},e:function(e){throw e},f:n}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var r,o=!0,i=!1;return{s:function(){t=t.call(e)},n:function(){var e=t.next();return o=e.done,e},e:function(e){i=!0,r=e},f:function(){try{o||null==t.return||t.return()}finally{if(i)throw r}}}}(e);try{for(n.s();!(t=n.n()).done;){var r,o=t.value;if(qh===o.name)return o;var i=null!==(r=o.innerBlocks)&&void 0!==r&&r.length?Zh(o.innerBlocks):null;if(i)return i}}catch(e){n.e(e)}finally{n.f()}return null}function Jh(e){var t=e.attributes,n=e.clientId,r=e.onChoose,o=e.onCancel,i=function(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,o,i,l,a=[],u=!0,s=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(r=i.call(n)).done)&&(a.push(r.value),a.length!==t);u=!0);}catch(e){s=!0,o=e}finally{try{if(!u&&null!=n.return&&(l=n.return(),Object(l)!==l))return}finally{if(s)throw o}}return a}}(e,t)||Qh(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}((0,I.useState)(""),2),l=i[0],a=i[1],u=(0,H.useSelect)(function(e){var t=e(D.store),r=t.getBlockRootClientId;return(0,t.getPatternsByBlockTypes)(qh,r(n))},[n]),s=t.queryType,c=t.baseQuery,p=t.postsQuery,f=t.imagesQuery,m=t.sourceQuery,d=(0,I.useMemo)(function(){return{"vp/previewQuery":{queryType:s,baseQuery:{perPage:null==c?void 0:c.perPage},postsQuery:p,imagesQuery:f,sourceQuery:m}}},[s,null==c?void 0:c.perPage,p,f,m]),v=(0,I.useMemo)(function(){var e=l.trim().toLowerCase();return u.map(function(e){var t=Zh(e.blocks);return t?Wh(Wh({},e),{},{blocks:[t],innerBlocks:t.innerBlocks}):null}).filter(Boolean).filter(function(t){return!e||t.title.toLowerCase().includes(e)||(t.description||"").toLowerCase().includes(e)})},[u,l]);return wp.element.createElement(A.Modal,{title:(0,R.__)("Choose a gallery","visual-portfolio"),className:"vpf-loop-setup",overlayClassName:"vpf-loop-setup__overlay",isFullScreen:!0,onRequestClose:o},wp.element.createElement("div",{className:"vpf-loop-setup__search"},wp.element.createElement(A.SearchControl,{label:(0,R.__)("Search for a gallery","visual-portfolio"),value:l,onChange:a})),wp.element.createElement(D.BlockContextProvider,{value:d},wp.element.createElement(D.__experimentalBlockPatternsList,{blockPatterns:v,label:(0,R.__)("Gallery patterns","visual-portfolio"),onClickPattern:function(e){return r(e.innerBlocks,e.blocks[0].attributes.metadata)}})))}function Xh(e){return Xh="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Xh(e)}function Yh(e){return function(e){if(Array.isArray(e))return ey(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||Kh(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function Kh(e,t){if(e){if("string"==typeof e)return ey(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?ey(e,t):void 0}}function ey(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);ne.length)&&(t=e.length);for(var n=0,r=Array(t);nOy||-1===t)||"images"===n&&r<=Oy?null:wp.element.createElement(A.Notice,{status:"warning",isDismissible:!1,actions:[{label:(0,R.__)("Ok, I understand","visual-portfolio"),variant:"link",onClick:function(){window.VPGutenbergVariables.items_count_notice="hide",l(!0),yd()({path:"/visual-portfolio/v1/update_gallery_items_count_notice_state",method:"POST",data:{notice_state:"hide",post_id:a}})}}]},(0,R.sprintf)( // translators: %d: number of items a page should stay under. // translators: %d: number of items a page should stay under. -(0,L.__)("Large galleries slow the page down. Keep the items per page under %d and add Load More or Infinite Scroll pagination.","visual-portfolio"),_y))}function xy(e){var t=e.attributes,n=t.queryType,r=t.baseQuery,o=t.postsQuery,i=t.imagesQuery;return("images"===n&&"rand"===(null==i?void 0:i.orderBy)||"images"!==n&&"rand"===(null==o?void 0:o.orderBy))&&-1!==(null==r?void 0:r.perPage)?wp.element.createElement(A.Notice,{status:"warning",isDismissible:!1},(0,L.__)("A random order is held still by a seed in the page links, which page caches store as separate pages. Display all items, or order the gallery some other way, if the site is cached.","visual-portfolio")):null}function Cy(e){var t,n=e.attributes,r=e.setAttributes,o=n.baseQuery,i=n.queryType,l=n.imagesQuery,a=n.postsQuery,u=null==o?void 0:o.perPage,s="images"!==i,c=function(e){return r({baseQuery:vy(vy({},o),e)})},p=function(e){return r({postsQuery:vy(vy({},a),e)})};return wp.element.createElement(A.__experimentalToolsPanel,{label:(0,L.__)("Display","visual-portfolio"),dropdownMenuProps:Ym(),resetAll:function(e){c({perPage:6,maxPagesLimit:0}),s&&p({offset:0}),r(Km(e))}},wp.element.createElement(A.__experimentalToolsPanelItem,{isShownByDefault:!0,label:(0,L.__)("Items per page","visual-portfolio"),hasValue:function(){return 6!==u},onDeselect:function(){return c({perPage:6})}},wp.element.createElement(A.__experimentalVStack,{spacing:4},wp.element.createElement(A.ToggleControl,{label:(0,L.__)("Display all items","visual-portfolio"),help:(0,L.__)("Render the whole gallery on a single page.","visual-portfolio"),checked:-1===u,onChange:function(e){return c({perPage:e?-1:6})}}),-1===u?null:wp.element.createElement(A.RangeControl,{label:(0,L.__)("Items per page","visual-portfolio"),help:(0,L.__)("How many items one page of the gallery carries.","visual-portfolio"),min:1,max:100,value:u,onChange:function(e){return c({perPage:parseInt(e,10)||1})}}),wp.element.createElement(Ey,{perPage:u,queryType:i,imagesCount:(null==l||null===(t=l.images)||void 0===t?void 0:t.length)||0}),wp.element.createElement(xy,{attributes:n}))),s?wp.element.createElement(A.__experimentalToolsPanelItem,{label:(0,L._x)("Offset","Number of posts to skip in a query","visual-portfolio"),hasValue:function(){return!(null==a||!a.offset)},onDeselect:function(){return p({offset:0})}},wp.element.createElement(A.__experimentalNumberControl,{label:(0,L._x)("Offset","Number of posts to skip in a query","visual-portfolio"),help:(0,L.__)("Skip this many items before the gallery begins.","visual-portfolio"),min:0,value:(null==a?void 0:a.offset)||0,onChange:function(e){return p({offset:parseInt(e,10)||0})}})):null,wp.element.createElement(A.__experimentalToolsPanelItem,{label:(0,L.__)("Max pages to show","visual-portfolio"),hasValue:function(){return!(null==o||!o.maxPagesLimit)},onDeselect:function(){return c({maxPagesLimit:0})}},wp.element.createElement(A.__experimentalNumberControl,{label:(0,L.__)("Max pages to show","visual-portfolio"),help:(0,L.__)("Limit the pages you want to show, even if the query has more results. To show all pages use 0 (zero).","visual-portfolio"),min:0,value:(null==o?void 0:o.maxPagesLimit)||0,onChange:function(e){return c({maxPagesLimit:parseInt(e,10)||0})}})))}function Py(e){var t=vd(e.attributes.queryType);if(null==t||!t.FiltersPanel)return null;var n=t.FiltersPanel;return wp.element.createElement(n,e)}function jy(e){var t=vd(e.attributes.queryType);if(null!=t&&t.SettingsPanel){var n=t.SettingsPanel;return wp.element.createElement(n,e)}return wp.element.createElement(A.PanelBody,{title:(null==t?void 0:t.title)||(0,L.__)("Source Settings","visual-portfolio")},wp.element.createElement("p",null,(0,L.__)("This source is set up and working. Editing it here arrives in the next update.","visual-portfolio")))}function ky(e){var t=e.attributes,n=e.setAttributes,r=e.clientId,o=fy((0,I.useState)("source"),2),i=o[0],l=o[1],a=fy((0,I.useState)({filter:!1,pagination:"paged",lightbox:!0}),2),u=a[0],s=a[1],c=(0,H.useDispatch)(D.store).replaceInnerBlocks,f=function(e){return c(r,e)},m=function(){return(0,p.createBlocksFromInnerBlocksTemplate)(Sy)};if("source"===i)return wp.element.createElement(A.Placeholder,{label:(0,L.__)("Gallery Loop","visual-portfolio"),instructions:(0,L.__)("Choose where the gallery takes its items from.","visual-portfolio")},wp.element.createElement(_h,{value:t.queryType,onChange:function(e){n({queryType:e}),l("images"===e?"media":"pattern")}}));if("media"===i){var d,v=(null===(d=t.imagesQuery)||void 0===d?void 0:d.images)||[];return wp.element.createElement(A.Placeholder,{label:(0,L.__)("Gallery Loop","visual-portfolio"),instructions:(0,L.__)("Add the images of the gallery.","visual-portfolio")},wp.element.createElement(A.__experimentalVStack,{spacing:4,className:"vpf-loop-setup__media"},wp.element.createElement($v,{images:v,clientId:r,onChange:function(e){return n({imagesQuery:vy(vy({},t.imagesQuery),{},{images:e})})}}),wp.element.createElement(A.__experimentalHStack,{justify:"flex-start",spacing:3},wp.element.createElement(A.Button,{variant:"primary",disabled:!v.length,accessibleWhenDisabled:!0,onClick:function(){return l("pattern")}},(0,L.__)("Continue","visual-portfolio")),wp.element.createElement(A.Button,{variant:"tertiary",onClick:function(){return f(m())}},(0,L.__)("Start blank","visual-portfolio")))))}return wp.element.createElement(A.Placeholder,{label:(0,L.__)("Gallery Loop","visual-portfolio"),instructions:(0,L.__)("Choose what the gallery carries, then pick a shape for it.","visual-portfolio")},wp.element.createElement(A.__experimentalVStack,{spacing:4,className:"vpf-loop-wizard"},wp.element.createElement(A.__experimentalHStack,{className:"vpf-loop-wizard__choices",spacing:4,justify:"flex-start",alignment:"flex-start",wrap:!0},wp.element.createElement(A.ToggleControl,{label:(0,L.__)("Filter","visual-portfolio"),help:(0,L.__)("Links above the gallery, one per category.","visual-portfolio"),checked:u.filter,onChange:function(e){return s(function(t){return vy(vy({},t),{},{filter:e})})}}),wp.element.createElement(A.ToggleControl,{label:(0,L.__)("Open in a lightbox","visual-portfolio"),help:(0,L.__)("A click on a picture opens it over the page.","visual-portfolio"),checked:u.lightbox,onChange:function(e){return s(function(t){return vy(vy({},t),{},{lightbox:e})})}}),wp.element.createElement(A.SelectControl,{label:(0,L.__)("Pagination","visual-portfolio"),help:(0,L.__)("How a visitor reaches the items past the first page.","visual-portfolio"),value:u.pagination,options:ay,onChange:function(e){return s(function(t){return vy(vy({},t),{},{pagination:e})})}})),wp.element.createElement(A.__experimentalHStack,{justify:"flex-start",spacing:3},wp.element.createElement(A.Button,{variant:"primary",onClick:function(){return l("pattern-modal")}},(0,L.__)("Choose a gallery","visual-portfolio")),wp.element.createElement(A.Button,{variant:"tertiary",onClick:function(){return f(cy(m(),u,t.queryType))}},(0,L.__)("Start blank","visual-portfolio")))),"pattern-modal"===i?wp.element.createElement(Jh,{attributes:t,clientId:r,onChoose:function(e,r){n({metadata:r}),f(cy(e,u,t.queryType))},onCancel:function(){return l("pattern")}}):null)}const Ty=window.wp.blob;var Dy=["isLink"],Iy=["isLink"],Ay=["term"],My=["byline"],Ly=["content"],Ry=["paginationArrow"];function Ny(e){return Ny="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Ny(e)}function By(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(-1!==t.indexOf(r))continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;re.length)&&(t=e.length);for(var n=0,r=Array(t);n0}),s=e.orderBy||"date",c=(e.include||[]).filter(function(e){return e>0});return zy(zy(zy({},r),{},{source:c.length?"ids":e.postType||"post"},c.length?{ids:c}:{}),{},{order:e.order||"desc",orderBy:"include"===s?"post__in":null!==(n=qy[s])&&void 0!==n?n:s,offset:e.offset||0,taxonomies:a.flat(),taxonomiesRelation:1=n.length||n.every(function(e){return 1===e.length}))},transform:function(e,t){var n,r=e.query,o=void 0===r?{}:r,i=e.align,l=e.className,a=e.anchor;return(0,p.createBlock)("visual-portfolio/loop",zy(zy(zy(zy({},Qy(i)),l?{className:l}:{}),a?{anchor:a}:{}),{},{queryType:"posts",baseQuery:zy(zy(zy({},null===(n=(0,p.getBlockType)("visual-portfolio/loop"))||void 0===n||null===(n=n.attributes)||void 0===n||null===(n=n.baseQuery)||void 0===n?void 0:n.default),!o.inherit&&o.perPage?{perPage:o.perPage}:{}),{},{maxPagesLimit:o.pages||0}),postsQuery:tg(o)}),Ky(t))}}]};function rg(e){return rg="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},rg(e)}function og(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function ig(e){for(var t=1;te.length)&&(t=e.length);for(var n=0,r=Array(t);n1&&void 0!==arguments[1]?arguments[1]:{}).keepLabel,n=void 0!==t&&t,r="*"===e.filter,o={filter:e.filter,taxonomyId:e.id,count:e.count||0};return n||(o.text=r?(0,L.__)("All","visual-portfolio"):e.label),o}function Pg(e){return Pg="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Pg(e)}function jg(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function kg(e){for(var t=1;te.length)&&(t=e.length);for(var n=0,r=Array(t);n0}),s=e.orderBy||"date",c=(e.include||[]).filter(function(e){return e>0});return zy(zy(zy({},r),{},{source:c.length?"ids":e.postType||"post"},c.length?{ids:c}:{}),{},{order:e.order||"desc",orderBy:"include"===s?"post__in":null!==(n=qy[s])&&void 0!==n?n:s,offset:e.offset||0,taxonomies:a.flat(),taxonomiesRelation:1=n.length||n.every(function(e){return 1===e.length}))},transform:function(e,t){var n,r=e.query,o=void 0===r?{}:r,i=e.align,l=e.className,a=e.anchor;return(0,p.createBlock)("visual-portfolio/loop",zy(zy(zy(zy({},Qy(i)),l?{className:l}:{}),a?{anchor:a}:{}),{},{queryType:"posts",baseQuery:zy(zy(zy({},null===(n=(0,p.getBlockType)("visual-portfolio/loop"))||void 0===n||null===(n=n.attributes)||void 0===n||null===(n=n.baseQuery)||void 0===n?void 0:n.default),!o.inherit&&o.perPage?{perPage:o.perPage}:{}),{},{maxPagesLimit:o.pages||0}),postsQuery:tg(o)}),Ky(t))}}]};function rg(e){return rg="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},rg(e)}function og(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function ig(e){for(var t=1;te.length)&&(t=e.length);for(var n=0,r=Array(t);n1&&void 0!==arguments[1]?arguments[1]:{}).keepLabel,n=void 0!==t&&t,r="*"===e.filter,o={filter:e.filter,taxonomyId:e.id,count:e.count||0};return n||(o.text=r?(0,R.__)("All","visual-portfolio"):e.label),o}function Pg(e){return Pg="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Pg(e)}function jg(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function kg(e){for(var t=1;t0&&wp.element.createElement("span",{className:"vp-block-loop-filter-count"},l))}}));var Fg=function(e){return h.createElement("svg",Vg({xmlns:"http://www.w3.org/2000/svg",width:24,height:24,fill:"none",viewBox:"0 0 24 24"},e),Bg||(Bg=h.createElement("path",{fill:"currentColor",d:"M4 13.5h6v-3H4zm8 0h3v-3h-3zm5-3v3h3v-3z"})))};const Hg=JSON.parse('{"$schema":"https://schemas.wp.org/trunk/block.json","apiVersion":3,"name":"visual-portfolio/loop-pagination","title":"Gallery Pagination (Experimental)","category":"media","description":"Displays pagination wrapper which can include paged, load more and infinite scroll pagination. Block is experimental and will change in future releases. Please use with caution.","ancestor":["visual-portfolio/loop"],"allowedBlocks":["visual-portfolio/loop-pagination-previous","visual-portfolio/loop-pagination-numbers","visual-portfolio/loop-pagination-next","visual-portfolio/loop-pagination-trigger","visual-portfolio/loop-pagination-end"],"textdomain":"visual-portfolio","supports":{"html":false,"className":false,"anchor":true,"align":["wide","full"],"color":{"text":true,"gradients":true,"__experimentalDefaultControls":{"text":true,"background":true}},"typography":{"fontSize":true,"lineHeight":true,"__experimentalFontFamily":true,"__experimentalTextDecoration":true,"__experimentalFontStyle":true,"__experimentalFontWeight":true,"__experimentalLetterSpacing":true,"__experimentalTextTransform":true,"__experimentalWritingMode":true,"__experimentalDefaultControls":{"fontSize":true}},"spacing":{"blockGap":["horizontal","vertical"],"padding":true,"margin":["top","bottom"],"__experimentalDefaultControls":{"blockGap":true}},"layout":{"allowSwitching":false,"allowInheriting":false,"default":{"type":"flex"}}},"selectors":{"root":".vp-block-loop-pagination"},"providesContext":{"vp/showLabel":"showLabel","vp/showArrow":"showArrow"},"styles":[{"name":"fill","label":"Fill"}],"attributes":{"showLabel":{"type":"boolean","default":true},"showArrow":{"type":"boolean","default":true},"extensions":{"type":"object","default":{}}},"style":"visual-portfolio-block-loop-pagination"}');var zg;function Ug(){return Ug=Object.assign?Object.assign.bind():function(e){for(var t=1;t1&&void 0!==arguments[1]?arguments[1]:"a",n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"";return wp.element.createElement(t,{key:e,className:n},e)};function Sb(e){return Sb="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Sb(e)}function Eb(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function xb(e){for(var t=1;t0,isInRow:n(e,Zb).length>0}},[e])}function ow(e){var t=e.value,n=e.onChange;return wp.element.createElement(A.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,L.__)("Show on hover","visual-portfolio"),help:(0,L.__)("Fades in while the pointer rests on the carousel. Always shown on touch screens.","visual-portfolio"),checked:!!t,onChange:n})}function iw(e){var t=e.attributes,n=e.onChange;return wp.element.createElement(ri,{label:(0,L.__)("Icon","visual-portfolio"),value:t.icon||"chevron",options:Kb,onChange:function(e){return n({icon:e})}})}function lw(e){var t=e.title,n=e.children;return wp.element.createElement(A.PanelBody,{title:t},n)}var aw,uw=[["visual-portfolio/loop-carousel-previous"],["visual-portfolio/loop-carousel-indicator"],["visual-portfolio/loop-carousel-next"]];function sw(e){return sw="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},sw(e)}function cw(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function pw(e){for(var t=1;t1&&void 0!==arguments[1]?arguments[1]:"left";if(e&&"object"===hO(e))return yO(e[t]);if("string"!=typeof e||""===e)return"";if(/^0(\.0+)?$/.test(e))return"0px";if(e.includes("var:preset|spacing|")){var n=e.slice(e.lastIndexOf("|")+1);return n?"var(--wp--preset--spacing--".concat(n,")"):""}return e}function gO(e){return gO="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},gO(e)}function bO(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function wO(e,t,n){return(t=function(e){var t=function(e){if("object"!=gO(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=gO(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==gO(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _O(e){var t=String(null!=e?e:"").replace(/[^0-9a-z.%-]/gi,"");return""===t?"16rem":t}function OO(e){var t=e.layoutType,n=e.layoutColumnsMode;return"tiles"!==t&&"justified"!==t&&"auto"===n}function SO(e){var t=Math.max(0,parseInt(e.layoutColumnCount,10)||0);return OO(e)?t:Math.max(1,t)}var EO=[{screen:"tablet",attribute:"layoutColumnCountTablet"},{screen:"mobile",attribute:"layoutColumnCountMobile"}],xO={mobile:"480px",tablet:"782px"},CO=/^(?:\d+|\d*\.\d+)(?:px|em|rem)$/;function PO(e){return parseFloat(e)*(e.endsWith("px")?1:16)}function jO(e){var t={};return Object.keys(xO).forEach(function(n){var r,o=String(null!==(r=null==e?void 0:e[n])&&void 0!==r?r:"").trim();CO.test(o)&&(t[n]=o)}),Object.keys(t).length?t.mobile&&t.tablet&&PO(t.mobile)>=PO(t.tablet)?{mobile:t.mobile}:t:function(e){for(var t=1;te.length)&&(t=e.length);for(var n=0,r=Array(t);ne.length)&&(t=e.length);for(var n=0,r=Array(t);n0?r:t}function GO(e){var t=String(null!=e?e:"").split(/[:|]/).map(function(e){return e.trim()}).filter(Boolean),n=Math.max(1,Math.min(6,parseInt(t.shift(),10)||0)),r=t.slice(0,24).map(function(e){var t=e.split(",");return{width:Math.min(n,Math.max(1,Math.round(WO(t[0],1)))),height:WO(t[1],1)}});r.length||r.push({width:1,height:1});var o=Math.min.apply(Math,zO(r.map(function(e){return e.height*e.width})));return{columns:n,tiles:r.map(function(e){return FO(FO({},e),{},{rowSpan:Math.max(1,Math.min(6,Math.round(o>0?e.height*e.width/o:1)))})})}}function QO(e){return GO(e).tiles.map(function(e){return{gridRow:"span ".concat(e.rowSpan),"--vp-tile-columns":e.width,"--vp-tile-height":e.height}})}function $O(e){return Number(e).toFixed(4).replace(/0+$/,"").replace(/\.$/,"")}function qO(e){var t=e.columns,n=e.tiles,r=Math.max(1,Math.min(6,Math.round(t)||1));return[r].concat(zO(n.slice(0,24).map(function(e){var t=Math.max(1,Math.min(r,Math.round(e.width)||1));return"".concat(t,",").concat($O(e.height))})),[""]).join("|")}var ZO=(0,$d.jsx)(Qd.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",children:(0,$d.jsx)(Qd.Path,{d:"M17.5 11.6L12 16l-5.5-4.4.9-1.2L12 14l4.5-3.6 1 1.2z"})});function JO(e){var t=e.value,n=e.className,r=(0,I.useMemo)(function(){return GO(t)},[t]),o=r.columns,i=r.tiles,l=(0,I.useMemo)(function(){var e=i.reduce(function(e,t){return e+t.width*t.rowSpan},0),t=Math.max(1,Math.min(6,Math.ceil(3*o/e)));return Array.from({length:t},function(){return i}).flat()},[o,i]);return wp.element.createElement("span",{className:N()("vp-tiles-preset__grid",n),style:{gridTemplateColumns:"repeat(".concat(o,", 1fr)")}},l.map(function(e,t){return wp.element.createElement("span",{key:t,style:{gridColumn:"span ".concat(e.width),gridRow:"span ".concat(e.rowSpan)}})}))}function XO(e){var t=e.presets,n=e.value,r=e.onSelect;return wp.element.createElement("div",{className:"vp-tiles-presets"},t.map(function(e){return wp.element.createElement("button",{key:e,type:"button",className:N()("vp-tiles-preset",{"is-active":e===n}),"aria-pressed":e===n,"aria-label":e,onClick:function(){return r(e)}},wp.element.createElement(JO,{value:e}))}))}function YO(e){var t=e.presets,n=e.value,r=e.onChange,o=(0,qm.useInstanceId)(YO,"vp-tiles-presets-select"),i="".concat(o,"__label"),l="".concat(o,"__toggle");return wp.element.createElement("div",{className:"vp-tiles-presets-select"},wp.element.createElement(A.BaseControl.VisualLabel,{id:i},(0,L.__)("Pattern","visual-portfolio")),wp.element.createElement(A.Dropdown,{className:"vp-tiles-presets-select__dropdown",contentClassName:"vp-tiles-presets-popover",popoverProps:{placement:"left-start",offset:36},renderToggle:function(e){var r=e.isOpen,o=e.onToggle;return wp.element.createElement(A.Button,{id:l,className:"vp-tiles-presets-select__toggle",icon:ZO,iconPosition:"right","aria-labelledby":"".concat(i," ").concat(l),"aria-haspopup":"true","aria-expanded":r,onClick:o},wp.element.createElement(JO,{value:n,className:"vp-tiles-presets-select__swatch"}),wp.element.createElement("span",{className:"vp-tiles-presets-select__label"},function(e,t){if(!e.includes(t))return(0,L.__)("Custom pattern","visual-portfolio");var n=GO(t),r=n.columns,o=n.tiles;return(0,L.sprintf)( +(0,R.__)("%1$s (%2$s)","visual-portfolio"),i,o):i}(e.attributes,u))}))),(i||B)&&wp.element.createElement("div",F))}return wp.element.createElement(wp.element.Fragment,null,wp.element.createElement(D.InspectorControls,null,wp.element.createElement(A.__experimentalToolsPanel,{label:(0,R.__)("Settings","visual-portfolio"),resetAll:function(e){return n(Km(e,{displayAsDropdown:!1,showCount:!1,showAllItem:!0}))},dropdownMenuProps:a},!dg(y,"filter")&&wp.element.createElement("p",{style:{gridColumn:"1 / -1",margin:0}},(0,R.__)("Filtering is not available for this source, so the page shows no filter.","visual-portfolio")),wp.element.createElement(A.__experimentalToolsPanelItem,{label:(0,R.__)("Display as dropdown","visual-portfolio"),isShownByDefault:!0,hasValue:function(){return c},onDeselect:function(){return n({displayAsDropdown:!1})}},wp.element.createElement(A.ToggleControl,{label:(0,R.__)("Display as dropdown","visual-portfolio"),checked:c,onChange:function(){return n({displayAsDropdown:!c})}})),wp.element.createElement(A.__experimentalToolsPanelItem,{label:(0,R.__)("Display Count","visual-portfolio"),isShownByDefault:!0,hasValue:function(){return u},onDeselect:function(){return n({showCount:!1})}},wp.element.createElement(A.ToggleControl,{label:(0,R.__)("Display Count","visual-portfolio"),help:(0,R.__)("Show how many items each category holds.","visual-portfolio"),checked:u,onChange:function(){return n({showCount:!u})}})),wp.element.createElement(A.__experimentalToolsPanelItem,{label:(0,R.__)("Show 'All' item","visual-portfolio"),isShownByDefault:!0,hasValue:function(){return!s},onDeselect:function(){return n({showAllItem:!0})}},wp.element.createElement(A.ToggleControl,{label:(0,R.__)("Show 'All' item","visual-portfolio"),help:(0,R.__)("The item that clears the filter and brings the whole gallery back.","visual-portfolio"),checked:s,onChange:function(){return n({showAllItem:!s})}})))),W)},save:function(){return wp.element.createElement(D.InnerBlocks.Content,null)}}));const Ig=JSON.parse('{"$schema":"https://schemas.wp.org/trunk/block.json","apiVersion":3,"name":"visual-portfolio/loop-filter-item","title":"Filter Item","category":"media","description":"Displays individual filter item. Block is experimental and will change in future releases. Please use with caution.","ancestor":["visual-portfolio/loop-filter"],"textdomain":"visual-portfolio","usesContext":["vp/queryId","vp/queryType","vp/baseQuery","vp/postsQuery","vp/imagesQuery","vp/sourceQuery","vp/showCount","vp/displayAsDropdown"],"supports":{"lock":true,"html":false,"className":false,"anchor":true,"align":false,"alignWide":false,"color":{"gradients":true,"__experimentalDefaultControls":{"background":true,"text":true}},"typography":{"fontSize":true,"lineHeight":true,"__experimentalFontFamily":true,"__experimentalFontWeight":true,"__experimentalFontStyle":true,"__experimentalTextTransform":true,"__experimentalTextDecoration":true,"__experimentalLetterSpacing":true,"__experimentalWritingMode":true,"__experimentalDefaultControls":{"fontSize":true}},"reusable":false,"spacing":{"padding":["horizontal","vertical"],"__experimentalDefaultControls":{"padding":true}},"__experimentalBorder":{"color":true,"radius":true,"style":true,"width":true,"__experimentalDefaultControls":{"color":true,"radius":true,"style":true,"width":true}}},"selectors":{"root":".vp-block-loop-filter-item"},"attributes":{"lock":{"type":"object","default":{"move":false,"remove":true}},"text":{"type":"string","default":""},"filter":{"type":"string","default":"*"},"taxonomyId":{"type":"number","default":0},"count":{"type":"number","default":0},"style":{"type":"object"},"extensions":{"type":"object","default":{}}}}');function Ag(){return Ag=Object.assign?Object.assign.bind():function(e){for(var t=1;t0&&wp.element.createElement("span",{className:"vp-block-loop-filter-count"},l))}}));var Fg=function(e){return h.createElement("svg",Vg({xmlns:"http://www.w3.org/2000/svg",width:24,height:24,fill:"none",viewBox:"0 0 24 24"},e),Bg||(Bg=h.createElement("path",{fill:"currentColor",d:"M4 13.5h6v-3H4zm8 0h3v-3h-3zm5-3v3h3v-3z"})))};const Hg=JSON.parse('{"$schema":"https://schemas.wp.org/trunk/block.json","apiVersion":3,"name":"visual-portfolio/loop-pagination","title":"Gallery Pagination (Experimental)","category":"media","description":"Displays pagination wrapper which can include paged, load more and infinite scroll pagination. Block is experimental and will change in future releases. Please use with caution.","ancestor":["visual-portfolio/loop"],"allowedBlocks":["visual-portfolio/loop-pagination-previous","visual-portfolio/loop-pagination-numbers","visual-portfolio/loop-pagination-next","visual-portfolio/loop-pagination-trigger","visual-portfolio/loop-pagination-end"],"textdomain":"visual-portfolio","supports":{"html":false,"className":false,"anchor":true,"align":["wide","full"],"color":{"text":true,"gradients":true,"__experimentalDefaultControls":{"text":true,"background":true}},"typography":{"fontSize":true,"lineHeight":true,"__experimentalFontFamily":true,"__experimentalTextDecoration":true,"__experimentalFontStyle":true,"__experimentalFontWeight":true,"__experimentalLetterSpacing":true,"__experimentalTextTransform":true,"__experimentalWritingMode":true,"__experimentalDefaultControls":{"fontSize":true}},"spacing":{"blockGap":["horizontal","vertical"],"padding":true,"margin":["top","bottom"],"__experimentalDefaultControls":{"blockGap":true}},"layout":{"allowSwitching":false,"allowInheriting":false,"default":{"type":"flex"}}},"selectors":{"root":".vp-block-loop-pagination"},"providesContext":{"vp/showLabel":"showLabel","vp/showArrow":"showArrow"},"styles":[{"name":"fill","label":"Fill"}],"attributes":{"showLabel":{"type":"boolean","default":true},"showArrow":{"type":"boolean","default":true},"extensions":{"type":"object","default":{}}},"style":"visual-portfolio-block-loop-pagination"}');var zg;function Ug(){return Ug=Object.assign?Object.assign.bind():function(e){for(var t=1;t1&&void 0!==arguments[1]?arguments[1]:"a",n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"";return wp.element.createElement(t,{key:e,className:n},e)};function Sb(e){return Sb="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Sb(e)}function Eb(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function xb(e){for(var t=1;t0,isInRow:n(e,Zb).length>0}},[e])}function ow(e){var t=e.value,n=e.onChange;return wp.element.createElement(A.ToggleControl,{__nextHasNoMarginBottom:!0,label:(0,R.__)("Show on hover","visual-portfolio"),help:(0,R.__)("Fades in while the pointer rests on the carousel. Always shown on touch screens.","visual-portfolio"),checked:!!t,onChange:n})}function iw(e){var t=e.attributes,n=e.onChange;return wp.element.createElement(ri,{label:(0,R.__)("Icon","visual-portfolio"),value:t.icon||"chevron",options:Kb,onChange:function(e){return n({icon:e})}})}function lw(e){var t=e.title,n=e.children;return wp.element.createElement(A.PanelBody,{title:t},n)}var aw,uw=[["visual-portfolio/loop-carousel-previous"],["visual-portfolio/loop-carousel-indicator"],["visual-portfolio/loop-carousel-next"]];function sw(e){return sw="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},sw(e)}function cw(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function pw(e){for(var t=1;t1&&void 0!==arguments[1]?arguments[1]:"left";if(e&&"object"===hO(e))return yO(e[t]);if("string"!=typeof e||""===e)return"";if(/^0(\.0+)?$/.test(e))return"0px";if(e.includes("var:preset|spacing|")){var n=e.slice(e.lastIndexOf("|")+1);return n?"var(--wp--preset--spacing--".concat(n,")"):""}return e}function gO(e){return gO="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},gO(e)}function bO(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function wO(e,t,n){return(t=function(e){var t=function(e){if("object"!=gO(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=gO(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==gO(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _O(e){var t=String(null!=e?e:"").replace(/[^0-9a-z.%-]/gi,"");return""===t?"16rem":t}function OO(e){var t=e.layoutType,n=e.layoutColumnsMode;return"tiles"!==t&&"justified"!==t&&"auto"===n}function SO(e){var t=Math.max(0,parseInt(e.layoutColumnCount,10)||0);return OO(e)?t:Math.max(1,t)}var EO=[{screen:"tablet",attribute:"layoutColumnCountTablet"},{screen:"mobile",attribute:"layoutColumnCountMobile"}],xO={mobile:"480px",tablet:"782px"},CO=/^(?:\d+|\d*\.\d+)(?:px|em|rem)$/;function PO(e){return parseFloat(e)*(e.endsWith("px")?1:16)}function jO(e){var t={};return Object.keys(xO).forEach(function(n){var r,o=String(null!==(r=null==e?void 0:e[n])&&void 0!==r?r:"").trim();CO.test(o)&&(t[n]=o)}),Object.keys(t).length?t.mobile&&t.tablet&&PO(t.mobile)>=PO(t.tablet)?{mobile:t.mobile}:t:function(e){for(var t=1;te.length)&&(t=e.length);for(var n=0,r=Array(t);ne.length)&&(t=e.length);for(var n=0,r=Array(t);n0?r:t}function GO(e){var t=String(null!=e?e:"").split(/[:|]/).map(function(e){return e.trim()}).filter(Boolean),n=Math.max(1,Math.min(6,parseInt(t.shift(),10)||0)),r=t.slice(0,24).map(function(e){var t=e.split(",");return{width:Math.min(n,Math.max(1,Math.round(WO(t[0],1)))),height:WO(t[1],1)}});r.length||r.push({width:1,height:1});var o=Math.min.apply(Math,zO(r.map(function(e){return e.height*e.width})));return{columns:n,tiles:r.map(function(e){return FO(FO({},e),{},{rowSpan:Math.max(1,Math.min(6,Math.round(o>0?e.height*e.width/o:1)))})})}}function QO(e){return GO(e).tiles.map(function(e){return{gridRow:"span ".concat(e.rowSpan),"--vp-tile-columns":e.width,"--vp-tile-height":e.height}})}function $O(e){return Number(e).toFixed(4).replace(/0+$/,"").replace(/\.$/,"")}function qO(e){var t=e.columns,n=e.tiles,r=Math.max(1,Math.min(6,Math.round(t)||1));return[r].concat(zO(n.slice(0,24).map(function(e){var t=Math.max(1,Math.min(r,Math.round(e.width)||1));return"".concat(t,",").concat($O(e.height))})),[""]).join("|")}var ZO=(0,$d.jsx)(Qd.SVG,{viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",children:(0,$d.jsx)(Qd.Path,{d:"M17.5 11.6L12 16l-5.5-4.4.9-1.2L12 14l4.5-3.6 1 1.2z"})});function JO(e){var t=e.value,n=e.className,r=(0,I.useMemo)(function(){return GO(t)},[t]),o=r.columns,i=r.tiles,l=(0,I.useMemo)(function(){var e=i.reduce(function(e,t){return e+t.width*t.rowSpan},0),t=Math.max(1,Math.min(6,Math.ceil(3*o/e)));return Array.from({length:t},function(){return i}).flat()},[o,i]);return wp.element.createElement("span",{className:N()("vp-tiles-preset__grid",n),style:{gridTemplateColumns:"repeat(".concat(o,", 1fr)")}},l.map(function(e,t){return wp.element.createElement("span",{key:t,style:{gridColumn:"span ".concat(e.width),gridRow:"span ".concat(e.rowSpan)}})}))}function XO(e){var t=e.presets,n=e.value,r=e.onSelect;return wp.element.createElement("div",{className:"vp-tiles-presets"},t.map(function(e){return wp.element.createElement("button",{key:e,type:"button",className:N()("vp-tiles-preset",{"is-active":e===n}),"aria-pressed":e===n,"aria-label":e,onClick:function(){return r(e)}},wp.element.createElement(JO,{value:e}))}))}function YO(e){var t=e.presets,n=e.value,r=e.onChange,o=(0,qm.useInstanceId)(YO,"vp-tiles-presets-select"),i="".concat(o,"__label"),l="".concat(o,"__toggle");return wp.element.createElement("div",{className:"vp-tiles-presets-select"},wp.element.createElement(A.BaseControl.VisualLabel,{id:i},(0,R.__)("Pattern","visual-portfolio")),wp.element.createElement(A.Dropdown,{className:"vp-tiles-presets-select__dropdown",contentClassName:"vp-tiles-presets-popover",popoverProps:{placement:"left-start",offset:36},renderToggle:function(e){var r=e.isOpen,o=e.onToggle;return wp.element.createElement(A.Button,{id:l,className:"vp-tiles-presets-select__toggle",icon:ZO,iconPosition:"right","aria-labelledby":"".concat(i," ").concat(l),"aria-haspopup":"true","aria-expanded":r,onClick:o},wp.element.createElement(JO,{value:n,className:"vp-tiles-presets-select__swatch"}),wp.element.createElement("span",{className:"vp-tiles-presets-select__label"},function(e,t){if(!e.includes(t))return(0,R.__)("Custom pattern","visual-portfolio");var n=GO(t),r=n.columns,o=n.tiles;return(0,R.sprintf)( // translators: %1$s: "3 columns", %2$s: "5 tiles". // translators: %1$s: "3 columns", %2$s: "5 tiles". -(0,L.__)("%1$s, %2$s","visual-portfolio"),(0,L.sprintf)( +(0,R.__)("%1$s, %2$s","visual-portfolio"),(0,R.sprintf)( // translators: %d: number of columns. // translators: %d: number of columns. -(0,L._n)("%d column","%d columns",r,"visual-portfolio"),r),(0,L.sprintf)( +(0,R._n)("%d column","%d columns",r,"visual-portfolio"),r),(0,R.sprintf)( // translators: %d: number of tiles in the repeating pattern. // translators: %d: number of tiles in the repeating pattern. -(0,L._n)("%d tile","%d tiles",o.length,"visual-portfolio"),o.length))}(t,n)))},renderContent:function(e){var o=e.onClose;return wp.element.createElement(XO,{presets:t,value:n,onSelect:function(e){r(e),o()}})}}))}function KO(e){var t=e.presets,n=e.value,r=e.onChange,o=e.icon;return wp.element.createElement(A.Dropdown,{contentClassName:"vp-tiles-presets-popover",popoverProps:{placement:"bottom-start"},renderToggle:function(e){var t=e.isOpen,n=e.onToggle;return wp.element.createElement(A.ToolbarButton,{icon:o,label:(0,L.__)("Pattern presets","visual-portfolio"),"aria-haspopup":"true","aria-expanded":t,onClick:n})},renderContent:function(e){var o=e.onClose;return wp.element.createElement(XO,{presets:t,value:n,onSelect:function(e){r(e),o()}})}})}function eS(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n1?(a-r)/a:l)}),e.classList.add(rS)}}}function cS(e){var t=e.ownerDocument.defaultView||window;if(!e.classList.contains(nS)||function(){var e,t;return!(null===(e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:window).CSS)||void 0===e||null===(t=e.supports)||void 0===t||!t.call(e,"animation-timeline: view()"))}(t)&&!function(e){try{return e.matches(":dir(rtl)")}catch(e){return!1}}(e))return lS;var n=t.matchMedia("(prefers-reduced-motion: reduce)"),r=n.matches?lS:pS(e,t),o=function(){r(),r=n.matches?lS:pS(e,t)};return n.addEventListener("change",o),function(){n.removeEventListener("change",o),r()}}function pS(e,t){var n=0,r=function(){n||(n=t.requestAnimationFrame(function(){n=0,sS(e)}))},o=new t.ResizeObserver(r),i=function(){o.disconnect(),o.observe(e),e.querySelectorAll(tS).forEach(function(e){o.observe(e)})},l=new t.MutationObserver(function(t){var n=t.some(function(e){return"childList"===e.type});n&&i(),(n||e.classList.contains(nS)&&!e.classList.contains(rS))&&r()});return e.addEventListener("scroll",r,{passive:!0}),l.observe(e,{childList:!0,attributes:!0,attributeFilter:["class"]}),i(),sS(e),function(){t.cancelAnimationFrame(n),e.removeEventListener("scroll",r),l.disconnect(),o.disconnect(),e.classList.remove(rS),e.querySelectorAll(tS).forEach(function(e){e.style.removeProperty(oS),e.style.removeProperty(iS)})}}var fS="--vp-layout-current-columns";function mS(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:function(){},n=e.ownerDocument.defaultView||window,r=e.classList.contains("vp-layout-auto-columns"),o=0,i=function(){var n=r?function(e){var t=(e.ownerDocument.defaultView||window).getComputedStyle(e),n=e.clientWidth,r=parseFloat(t.columnGap)||0,o=function(e){var t=e.ownerDocument.createElement("div");t.style.cssText="position:absolute;visibility:hidden;pointer-events:none;width:var(".concat("--vp-layout-min-column-width",",16rem)"),e.appendChild(t);var n=t.offsetWidth;return t.remove(),n}(e);if(!n||!o)return 1;var i=parseInt(t.getPropertyValue("--vp-layout-columns"),10),l=Math.floor((n+r)/(o+r));return Math.max(1,i>0?Math.min(l,i):l)}(e):function(e){var t=(e.ownerDocument.defaultView||window).getComputedStyle(e);return Math.max(1,parseInt(t.getPropertyValue(fS),10)||1)}(e);n!==o&&(o=n,r&&e.style.setProperty(fS,String(n)),t(n))};i();var l=new n.ResizeObserver(i);return l.observe(e),r||l.observe(e.ownerDocument.documentElement),function(){l.disconnect(),r&&e.style.removeProperty(fS)}}function dS(e){return function(e){if(Array.isArray(e))return vS(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return vS(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?vS(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function vS(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);ne.length)&&(t=e.length);for(var n=0,r=Array(t);ne.length)&&(t=e.length);for(var n=0,r=Array(t);n1?(a-r)/a:l)}),e.classList.add(rS)}}}function cS(e){var t=e.ownerDocument.defaultView||window;if(!e.classList.contains(nS)||function(){var e,t;return!(null===(e=(arguments.length>0&&void 0!==arguments[0]?arguments[0]:window).CSS)||void 0===e||null===(t=e.supports)||void 0===t||!t.call(e,"animation-timeline: view()"))}(t)&&!function(e){try{return e.matches(":dir(rtl)")}catch(e){return!1}}(e))return lS;var n=t.matchMedia("(prefers-reduced-motion: reduce)"),r=n.matches?lS:pS(e,t),o=function(){r(),r=n.matches?lS:pS(e,t)};return n.addEventListener("change",o),function(){n.removeEventListener("change",o),r()}}function pS(e,t){var n=0,r=function(){n||(n=t.requestAnimationFrame(function(){n=0,sS(e)}))},o=new t.ResizeObserver(r),i=function(){o.disconnect(),o.observe(e),e.querySelectorAll(tS).forEach(function(e){o.observe(e)})},l=new t.MutationObserver(function(t){var n=t.some(function(e){return"childList"===e.type});n&&i(),(n||e.classList.contains(nS)&&!e.classList.contains(rS))&&r()});return e.addEventListener("scroll",r,{passive:!0}),l.observe(e,{childList:!0,attributes:!0,attributeFilter:["class"]}),i(),sS(e),function(){t.cancelAnimationFrame(n),e.removeEventListener("scroll",r),l.disconnect(),o.disconnect(),e.classList.remove(rS),e.querySelectorAll(tS).forEach(function(e){e.style.removeProperty(oS),e.style.removeProperty(iS)})}}var fS="--vp-layout-current-columns";function mS(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:function(){},n=e.ownerDocument.defaultView||window,r=e.classList.contains("vp-layout-auto-columns"),o=0,i=function(){var n=r?function(e){var t=(e.ownerDocument.defaultView||window).getComputedStyle(e),n=e.clientWidth,r=parseFloat(t.columnGap)||0,o=function(e){var t=e.ownerDocument.createElement("div");t.style.cssText="position:absolute;visibility:hidden;pointer-events:none;width:var(".concat("--vp-layout-min-column-width",",16rem)"),e.appendChild(t);var n=t.offsetWidth;return t.remove(),n}(e);if(!n||!o)return 1;var i=parseInt(t.getPropertyValue("--vp-layout-columns"),10),l=Math.floor((n+r)/(o+r));return Math.max(1,i>0?Math.min(l,i):l)}(e):function(e){var t=(e.ownerDocument.defaultView||window).getComputedStyle(e);return Math.max(1,parseInt(t.getPropertyValue(fS),10)||1)}(e);n!==o&&(o=n,r&&e.style.setProperty(fS,String(n)),t(n))};i();var l=new n.ResizeObserver(i);return l.observe(e),r||l.observe(e.ownerDocument.documentElement),function(){l.disconnect(),r&&e.style.removeProperty(fS)}}function dS(e){return function(e){if(Array.isArray(e))return vS(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||function(e,t){if(e){if("string"==typeof e)return vS(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?vS(e,t):void 0}}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function vS(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);ne.length)&&(t=e.length);for(var n=0,r=Array(t);n2&&void 0!==arguments[2]?arguments[2]:"",r=OO(e),o=[],i={"--vp-layout-columns":SO(e)};return r||EO.forEach(function(t){var n=t.screen,r=t.attribute,l=e[r];l&&(o.push("vp-has-".concat(n,"-columns")),i["--vp-layout-columns-".concat(n)]=l)}),t&&(i["--vp-layout-gap"]=/^0(\.0+)?$/.test(t)?"0px":t),n&&n!==t&&(i["--vp-layout-row-gap"]=n),r&&(o.push("vp-layout-auto-columns"),i["--vp-layout-min-column-width"]=_O(e.layoutMinimumColumnWidth),i["--vp-layout-track"]=function(e){var t="min(".concat(_O(e.layoutMinimumColumnWidth),", 100%)"),n=Math.max(0,parseInt(e.layoutColumnCount,10)||0);return n?"max(".concat(t,", (100% - (var(--vp-layout-gap, 1.5rem) * ").concat(n-1,")) / ").concat(n,")"):t}(e),e.layoutAutoFit&&o.push("vp-layout-auto-fit")),{className:o.join(" "),style:i}}(IS(IS({},be),{},{layoutType:p,layoutColumnsMode:ge?"manual":be.layoutColumnsMode,layoutColumnCount:ge?1:_e||be.layoutColumnCount,layoutColumnCountTablet:ge?0:be.layoutColumnCountTablet,layoutColumnCountMobile:ge?0:be.layoutColumnCountMobile}),yO(null===(e=l.style)||void 0===e||null===(e=e.spacing)||void 0===e?void 0:e.blockGap),yO(null===(t=l.style)||void 0===t||null===(t=t.spacing)||void 0===t?void 0:t.blockGap,"top"))},[p,be,_e,ge,null===(o=l.style)||void 0===o||null===(o=o.spacing)||void 0===o?void 0:o.blockGap]),Ce=window.VPGalleryTilesPresets||[],Pe=(0,I.useMemo)(function(){if(ve)return"";var e=["masonry"===p&&nE?"vp-layout-masonry-native":"vp-layout-".concat(p)];return"grid"===p&&y&&e.push("are-vertically-aligned-".concat(y)),"carousel"===p&&(O&&e.push("vp-carousel-auto-width"),E&&e.push("vp-carousel-free-scroll"),T&&e.push("vp-carousel-edge-fade"),"center"===S&&e.push("vp-carousel-snap-center"),V&&e.push("vp-carousel-stretch-slides"),NO(x)&&(e.push("vp-carousel-effect"),e.push("vp-carousel-".concat(x)))),e.join(" ")},[ve,p,y,O,E,T,S,V,x]),je="carousel"===p&&NO(x),ke=function(e){var t=e.layoutType,n=e.justified,r=e.itemsCount,o=e.signature,i=(0,I.useRef)(),l=(0,I.useRef)(n);return l.current=n,(0,I.useEffect)(function(){var e=i.current;if(e&&r){if("masonry"===t)return OS(e,wS);if("justified"===t)return OS(e,function(e){return function(e,t){var n=bS(e),r=n.width,o=n.gap,i=n.rowGap,l=n.rowHeight,a=gS(e);if(a.length&&r){var u=a.map(_S),s=[],c=[],p=0,f=l*(1+Math.max(0,t.rowHeightTolerance||0));a.forEach(function(e,t){c.push(t),p+=u[t];var n=(r-o*(c.length-1))/p;n<=f&&(s.push({items:c,height:n,isFull:!0}),c=[],p=0)}),c.length&&s.push({items:c,height:l,isFull:!1});var m=t.maxRowsCount?s.slice(0,t.maxRowsCount):s,d=0;m.forEach(function(e){var n=e.items.reduce(function(t,n){return t+u[n]*e.height},0)+o*(e.items.length-1),l=0;e.isFull||("center"===t.lastRow?l=(r-n)/2:"right"===t.lastRow&&(l=r-n));var s=0;e.items.forEach(function(t){var n=a[t],r=u[t]*e.height,i=n.querySelector(yS);n.style.position="absolute",n.style.left="".concat(l,"px"),n.style.top="".concat(d,"px"),n.style.width="".concat(r,"px"),i&&(i.style.height="".concat(e.height,"px")),s=Math.max(s,n.offsetHeight),l+=r+o}),d+=s+i}),s.forEach(function(e,n){var r=n>=m.length||!e.isFull&&"hide"===t.lastRow;e.items.forEach(function(e){var t=a[e];r?(t.dataset.vpLayoutHidden="true",t.style.display="none"):t.dataset.vpLayoutHidden&&(delete t.dataset.vpLayoutHidden,t.style.display="")})}),e.style.height="".concat(Math.max(0,d-i),"px")}}(e,l.current)});var n=mS(e),o=(0,M.applyFilters)("vpf.itemTemplateEffectDriver",cS)(e)||SS;return function(){o(),n()}}},[t,r,o]),i}({layoutType:p,justified:{rowHeight:g,rowHeightTolerance:b,maxRowsCount:w,lastRow:_},itemsCount:se.length,signature:"".concat(xe.className,"|").concat(JSON.stringify(xe.style),"|").concat(g,"|").concat(b,"|").concat(w,"|").concat(_,"|").concat(x)}),Te=(0,D.useBlockProps)(ve?{}:{ref:ke,className:"".concat(Pe," ").concat(xe.className).trim(),style:IS(IS({},xe.style),{},{"--vp-layout-row-height":"".concat(g,"px"),"--vp-carousel-snap-align":S,"--vp-carousel-peek":"".concat(Se?Math.max(0,Math.min(200,k)):0,"px"),"--vp-carousel-slide-height":B||void 0,"--vp-carousel-fade-left":T?"0px":void 0})}),De="auto"===f,Ie=US.includes(p)&&!ge,Ae="carousel"===p?(0,L.__)("Slides per view","visual-portfolio"):(0,L.__)("Columns","visual-portfolio"),Me=!BS&&W&&(Ie&&!De||"tiles"===p)&&wp.element.createElement(D.InspectorControls,{group:"layout"},wp.element.createElement(A.__experimentalToolsPanelItem,{isShownByDefault:!0,panelId:s,hasValue:function(){return!1},label:"tiles"===p?(0,L.__)("Pattern","visual-portfolio"):Ae},wp.element.createElement(uE,{campaign:"loop_responsive_layout"},"tiles"===p?(0,L.__)("Give a tablet and a phone a tiles pattern of their own, set for the screen you are previewing.","visual-portfolio"):(0,L.__)("Give a tablet and a phone a column count of their own, set for the screen you are previewing.","visual-portfolio")))),Le=wp.element.createElement(A.__experimentalToolsPanel,{label:(0,L.__)("Settings","visual-portfolio"),dropdownMenuProps:c,resetAll:function(e){return a(Km(e,{layoutTiles:"3|1,1|",layoutColumnsMode:"auto",layoutColumnCount:3,layoutMinimumColumnWidth:"16rem",layoutAutoFit:!1}))}},"tiles"===p&&wp.element.createElement(A.__experimentalToolsPanelItem,{isShownByDefault:!0,hasValue:function(){return"3|1,1|"!==h},label:(0,L.__)("Pattern","visual-portfolio"),onDeselect:function(){return a({layoutTiles:"3|1,1|"})}},wp.element.createElement(A.__experimentalVStack,{spacing:3},wp.element.createElement(YO,{presets:Ce,value:h,onChange:function(e){return a({layoutTiles:e})}}),null!==(i=(0,M.applyFilters)("vpf.itemTemplatePatternEditor",null,{value:h,onChange:function(e){return a({layoutTiles:e})}}))&&void 0!==i?i:!BS&&wp.element.createElement(uE,{campaign:"loop_tiles_editor"},(0,L.__)("Draw a pattern of your own: resize, move and double the tiles on a canvas.","visual-portfolio")))),Ie&&wp.element.createElement(A.__experimentalToolsPanelItem,{isShownByDefault:!0,hasValue:function(){return"auto"!==f},label:(0,L.__)("Columns","visual-portfolio"),onDeselect:function(){return a({layoutColumnsMode:"auto"})}},wp.element.createElement(A.__experimentalVStack,{spacing:4},wp.element.createElement(A.__experimentalToggleGroupControl,{isBlock:!0,label:(0,L.__)("Columns","visual-portfolio"),help:(0,L.__)("Auto fits as many columns as the width allows. Manual keeps the count you set.","visual-portfolio"),value:f,onChange:function(e){return a({layoutColumnsMode:e})}},wp.element.createElement(A.__experimentalToggleGroupControlOption,{value:"auto",label:(0,L.__)("Auto","visual-portfolio")}),wp.element.createElement(A.__experimentalToggleGroupControlOption,{value:"manual",label:(0,L.__)("Manual","visual-portfolio")})),De?null:wp.element.createElement(A.RangeControl,{label:Ae,value:m,onChange:function(e){return a({layoutColumnCount:null!=e?e:1})},min:1,max:6}))),Ie&&De&&wp.element.createElement(A.__experimentalToolsPanelItem,{isShownByDefault:!0,hasValue:function(){return 3!==m},label:(0,L.__)("Max. columns","visual-portfolio"),onDeselect:function(){return a({layoutColumnCount:3})}},wp.element.createElement(lE,{value:m,onChange:function(e){return a({layoutColumnCount:e})}})),Ie&&De&&wp.element.createElement(A.__experimentalToolsPanelItem,{isShownByDefault:!0,hasValue:function(){return"16rem"!==d},label:(0,L.__)("Min. column width","visual-portfolio"),onDeselect:function(){return a({layoutMinimumColumnWidth:"16rem"})}},wp.element.createElement(iE,{value:d,onChange:function(e){return a({layoutMinimumColumnWidth:e})}})),Ie&&De&&wp.element.createElement(A.__experimentalToolsPanelItem,{hasValue:function(){return v},label:(0,L.__)("Fill available space","visual-portfolio"),onDeselect:function(){return a({layoutAutoFit:!1})}},wp.element.createElement(A.ToggleControl,{label:(0,L.__)("Fill available space","visual-portfolio"),help:(0,L.__)("A row that cannot be filled drops its empty columns instead of keeping them.","visual-portfolio"),checked:v,onChange:function(e){return a({layoutAutoFit:e})}}))),Re="justified"===p&&wp.element.createElement(A.__experimentalToolsPanel,{label:(0,L.__)("Justified","visual-portfolio"),dropdownMenuProps:c,resetAll:function(e){return a(Km(e,{justifiedRowHeight:320,justifiedRowHeightTolerance:.25,justifiedMaxRowsCount:0,justifiedLastRow:"left"}))}},wp.element.createElement(A.__experimentalToolsPanelItem,{isShownByDefault:!0,hasValue:function(){return 320!==g},label:(0,L.__)("Row height","visual-portfolio"),onDeselect:function(){return a({justifiedRowHeight:320})}},wp.element.createElement(A.RangeControl,{label:(0,L.__)("Row height","visual-portfolio"),help:(0,L.__)("The height every row aims for.","visual-portfolio"),value:g,onChange:function(e){return a({justifiedRowHeight:e})},min:40,max:800})),wp.element.createElement(A.__experimentalToolsPanelItem,{hasValue:function(){return.25!==b},label:(0,L.__)("Row height tolerance","visual-portfolio"),onDeselect:function(){return a({justifiedRowHeightTolerance:.25})}},wp.element.createElement(A.RangeControl,{label:(0,L.__)("Row height tolerance","visual-portfolio"),help:(0,L.__)("How far a row may drift from that height to keep items uncropped.","visual-portfolio"),value:b,onChange:function(e){return a({justifiedRowHeightTolerance:e})},min:0,max:1,step:.05})),wp.element.createElement(A.__experimentalToolsPanelItem,{hasValue:function(){return 0!==w},label:(0,L.__)("Maximum rows","visual-portfolio"),onDeselect:function(){return a({justifiedMaxRowsCount:0})}},wp.element.createElement(A.RangeControl,{label:(0,L.__)("Maximum rows","visual-portfolio"),help:(0,L.__)("Zero shows every row the items make.","visual-portfolio"),value:w,onChange:function(e){return a({justifiedMaxRowsCount:e})},min:0,max:20})),wp.element.createElement(A.__experimentalToolsPanelItem,{hasValue:function(){return"left"!==_},label:(0,L.__)("Last row","visual-portfolio"),onDeselect:function(){return a({justifiedLastRow:"left"})}},wp.element.createElement(A.SelectControl,{label:(0,L.__)("Last row","visual-portfolio"),help:(0,L.__)("What happens to a row that has too few items to fill it.","visual-portfolio"),value:_,options:GS,onChange:function(e){return a({justifiedLastRow:e})}}))),Ne=YS(l),Be=MS((0,D.useSettings)("layout.contentSize","layout.wideSize"),2),Ve=Be[0],Fe=Be[1],He={content:XS(Ve),wide:XS(Fe),custom:XS(N)},ze=qS.filter(function(e){var t=e.value;return!("content"===t&&!Ve&&!Fe||"wide"===t&&!Fe)}),Ue="carousel"===p&&wp.element.createElement(A.__experimentalToolsPanel,{label:(0,L.__)("Carousel","visual-portfolio"),dropdownMenuProps:c,resetAll:function(e){return a(Km(e,{carouselAutoWidth:!1,carouselFreeScroll:!1,carouselEffect:"none",carouselRepeat:!1,carouselAutoplay:!1,carouselAutoplayDelay:5,carouselPeek:0,carouselEdgeFade:!1,carouselSlideHeight:"",carouselStretchSlides:!1,carouselSlidesPerGroup:1}))}},wp.element.createElement(A.__experimentalToolsPanelItem,{hasValue:function(){return"none"!==x},label:(0,L.__)("Effect","visual-portfolio"),onDeselect:function(){return a({carouselEffect:"none"})}},wp.element.createElement(A.SelectControl,{label:(0,L.__)("Effect","visual-portfolio"),help:Ee?wp.element.createElement(id,{campaign:"teaser_carousel_effects"},(0,L.sprintf)(/* translators: %d: number of effects that come with Pro. */ /* translators: %d: number of effects that come with Pro. */ -(0,L._n)("How one slide gives way to the next. %d more effect comes with Pro.","How one slide gives way to the next. %d more effects come with Pro.",Ee,"visual-portfolio"),Ee)):(0,L.__)("How one slide gives way to the next.","visual-portfolio"),value:x,options:RO(),onChange:function(e){return a({carouselEffect:e})}})),wp.element.createElement(A.__experimentalToolsPanelItem,{hasValue:function(){return P||5!==j},label:(0,L.__)("Autoplay","visual-portfolio"),onDeselect:function(){return a({carouselAutoplay:!1,carouselAutoplayDelay:5})}},wp.element.createElement(A.__experimentalVStack,{spacing:4},wp.element.createElement(A.ToggleControl,{label:(0,L.__)("Autoplay","visual-portfolio"),help:(0,L.__)("Pauses while the visitor is on the carousel, and never runs for a visitor who asked for less motion.","visual-portfolio"),checked:P,onChange:function(e){return a({carouselAutoplay:e})}}),P&&wp.element.createElement(A.RangeControl,{label:(0,L.__)("Delay, seconds","visual-portfolio"),help:(0,L.__)("How long a slide is held before the carousel moves on.","visual-portfolio"),value:j,onChange:function(e){return a({carouselAutoplayDelay:e})},min:2,max:60,step:.5}))),wp.element.createElement(A.__experimentalToolsPanelItem,{hasValue:function(){return C&&Oe},label:(0,L.__)("Repeat","visual-portfolio"),onDeselect:function(){return a({carouselRepeat:!1})}},wp.element.createElement(A.ToggleControl,{label:(0,L.__)("Repeat","visual-portfolio"),help:tE(l),checked:C&&Oe,disabled:!Oe,onChange:function(e){return a({carouselRepeat:e})}})),wp.element.createElement(A.__experimentalToolsPanelItem,{hasValue:function(){return 0!==k&&Se},label:(0,L.__)("Peek","visual-portfolio"),onDeselect:function(){return a({carouselPeek:0})}},wp.element.createElement(A.RangeControl,{label:(0,L.__)("Peek","visual-portfolio"),help:Se?(0,L.__)("How much of the next slide shows at the edge, as an invitation to scroll.","visual-portfolio"):(0,L.__)("This effect lays the slides out itself, so no part of the next one shows at the edge.","visual-portfolio"),value:Se?k:0,disabled:!Se,onChange:function(e){return a({carouselPeek:e})},min:0,max:200})),wp.element.createElement(A.__experimentalToolsPanelItem,{hasValue:function(){return 1!==F},label:(0,L.__)("Slides per step","visual-portfolio"),onDeselect:function(){return a({carouselSlidesPerGroup:1})}},wp.element.createElement(A.RangeControl,{label:(0,L.__)("Slides per step","visual-portfolio"),help:(0,L.__)("How many slides an arrow moves at a press. Zero moves a whole screen at a time, however many slides that is.","visual-portfolio"),value:F,onChange:function(e){return a({carouselSlidesPerGroup:null!=e?e:1})},min:0,max:6})),wp.element.createElement(A.__experimentalToolsPanelItem,{hasValue:function(){return""!==B},label:(0,L.__)("Slide height","visual-portfolio"),onDeselect:function(){return a({carouselSlideHeight:""})}},wp.element.createElement(A.__experimentalUnitControl,{label:(0,L.__)("Slide height","visual-portfolio"),help:(0,L.__)("The height of the box a slide is drawn in. Left empty, a slide is as tall as the tallest one beside it.","visual-portfolio"),value:B,onChange:function(e){return a({carouselSlideHeight:e||""})},units:sE,min:0})),wp.element.createElement(A.__experimentalToolsPanelItem,{hasValue:function(){return V},label:(0,L.__)("Blocks fill the slide","visual-portfolio"),onDeselect:function(){return a({carouselStretchSlides:!1})}},wp.element.createElement(A.ToggleControl,{label:(0,L.__)("Blocks fill the slide","visual-portfolio"),help:(0,L.__)("The image grows to take whatever the title and the text leave, so every slide ends at the same line. The shape of the picture itself is the image block’s own aspect ratio.","visual-portfolio"),checked:V,onChange:function(e){return a({carouselStretchSlides:e})}})),wp.element.createElement(A.__experimentalToolsPanelItem,{hasValue:function(){return T},label:(0,L.__)("Fade the edges","visual-portfolio"),onDeselect:function(){return a({carouselEdgeFade:!1})}},wp.element.createElement(A.ToggleControl,{label:(0,L.__)("Fade the edges","visual-portfolio"),help:(0,L.__)("Slides dissolve at the edges of the carousel instead of being cut off.","visual-portfolio"),checked:T,onChange:function(e){return a({carouselEdgeFade:e})}})),wp.element.createElement(A.__experimentalToolsPanelItem,{hasValue:function(){return O},label:(0,L.__)("Slide width from content","visual-portfolio"),onDeselect:function(){return a({carouselAutoWidth:!1})}},wp.element.createElement(A.ToggleControl,{label:(0,L.__)("Slide width from content","visual-portfolio"),help:(0,L.__)("Each slide is as wide as its own image instead of a share of the row.","visual-portfolio"),checked:O,onChange:function(e){return a({carouselAutoWidth:e})}})),wp.element.createElement(A.__experimentalToolsPanelItem,{hasValue:function(){return E},label:(0,L.__)("Free scrolling","visual-portfolio"),onDeselect:function(){return a({carouselFreeScroll:!1})}},wp.element.createElement(A.ToggleControl,{label:(0,L.__)("Free scrolling","visual-portfolio"),help:(0,L.__)("Scroll stops wherever it is let go, instead of settling on a slide.","visual-portfolio"),checked:E,onChange:function(e){return a({carouselFreeScroll:e})}}))),We=wp.element.createElement(wp.element.Fragment,null,wp.element.createElement(D.InspectorControls,null,Le,Re,Ue),Me),Ge=wp.element.createElement(D.BlockControls,{group:"block"},"grid"===p&&wp.element.createElement(D.BlockVerticalAlignmentToolbar,{value:y,onChange:function(e){return a({verticalAlignment:e})}}),"tiles"===p&&wp.element.createElement(KO,{icon:WS,presets:Ce,value:h,onChange:function(e){return a({layoutTiles:e})}}),"carousel"===p&&wp.element.createElement(A.ToolbarDropdownMenu,{icon:$S[S],label:(0,L.__)("Snap slides to","visual-portfolio"),controls:QS.map(function(e){return{title:e.label,icon:e.icon,isActive:e.value===S,onClick:function(){return a({carouselSnapAlign:e.value})}}})}),"carousel"===p&&wp.element.createElement(A.ToolbarDropdownMenu,{icon:ZS[R],label:(0,L.__)("Container width","visual-portfolio"),toggleProps:{description:(0,L.__)("Hold the slides to a width while the carousel keeps the full one, so a full-width gallery starts where the text above it does.","visual-portfolio")}},function(e){var t=e.onClose;return wp.element.createElement(wp.element.Fragment,null,Ne?wp.element.createElement("p",{className:"vpf-container-width__help"},Ne):null,wp.element.createElement(A.MenuGroup,{className:"block-editor-block-alignment-control__menu-group"},ze.map(function(e){var n=e.value,r=e.label,o=e.icon,i=n===R;return wp.element.createElement(A.MenuItem,{key:n,icon:o,iconPosition:"left",className:i?"components-dropdown-menu__menu-item is-active":"components-dropdown-menu__menu-item",isSelected:i,disabled:!!Ne,role:"menuitemradio",info:He[n],onClick:function(){a({carouselContainer:n}),"custom"!==n&&t()}},r)})),"custom"!==R||Ne?null:wp.element.createElement("div",{className:"vpf-container-width__custom"},wp.element.createElement(A.__experimentalUnitControl,{label:(0,L.__)("Width","visual-portfolio"),value:N,onChange:function(e){return a({carouselContainerWidth:e||"1200px"})},units:rE,min:0})))})),Qe=function(e){return"carousel"===p?wp.element.createElement(mE,{inset:KS(l)},e):e};return ve?wp.element.createElement(wp.element.Fragment,null,Ge,We,wp.element.createElement("p",Te,(0,L.__)("No results found.","visual-portfolio"))):ne&&!se.length?wp.element.createElement(wp.element.Fragment,null,Ge,We,Qe(wp.element.createElement("ul",TS({},Te,{"aria-busy":"true"}),Array.from({length:he},function(e,t){return wp.element.createElement("li",{key:t,className:"".concat(FS," wp-block-visual-portfolio-item-template__skeleton"),style:we.length?we[t%we.length]:void 0})})))):wp.element.createElement(wp.element.Fragment,null,Ge,We,Qe(wp.element.createElement("ul",TS({},Te,{"aria-busy":ne||void 0}),ne?wp.element.createElement("li",{className:"wp-block-visual-portfolio-item-template__editor-spinner","aria-hidden":"true"},wp.element.createElement(A.Spinner,null)):null,se.map(function(e,t){var n=!X&&e["vp/itemId"]===de,r=we.length?we[t%we.length]:void 0;return wp.element.createElement(D.BlockContextProvider,{key:e["vp/itemId"],value:e},n?wp.element.createElement(fE,{style:r,effect:je,index:t}):null,wp.element.createElement(vE,{blocks:ue,blockContextId:e["vp/itemId"],setActiveBlockContextId:le,isHidden:n,style:r,effect:je,index:t}))}))))},save:function(){return wp.element.createElement(D.InnerBlocks.Content,null)},variations:xS});const yE=JSON.parse('{"$schema":"https://schemas.wp.org/trunk/block.json","apiVersion":3,"name":"visual-portfolio/item-image","title":"Gallery Item Image (Experimental)","category":"media","description":"Displays the image of a gallery item. Block is experimental and will change in future releases. Please use with caution.","ancestor":["visual-portfolio/item-template"],"textdomain":"visual-portfolio","usesContext":["vp/queryType","vp/itemImgId","vp/itemImgUrl","vp/itemImgWidth","vp/itemImgHeight","vp/itemImgAlt","vp/itemNoImgId","vp/itemImageSizes","vp/itemFocalPoint","vp/itemUrl","vp/itemAriaLabel","vp/itemFormat","vp/itemPopupData","vp/itemImageLoading","vp/layoutColumns"],"attributes":{"clickAction":{"type":"string","default":"none","role":"content"},"rel":{"type":"string","attribute":"rel","default":"","role":"content"},"linkTarget":{"type":"string","default":"_self","role":"content"},"sizeSlug":{"type":"string","default":"large"},"aspectRatio":{"type":"string"},"width":{"type":"string"},"height":{"type":"string"},"scale":{"type":"string","default":"cover"},"overlayColor":{"type":"string"},"customOverlayColor":{"type":"string"},"gradient":{"type":"string"},"customGradient":{"type":"string"},"dimRatio":{"type":"number","default":0},"showFormatBadge":{"type":"boolean","default":false},"formatBadgePosition":{"type":"string","enum":["top-left","top-right","bottom-left","bottom-right"],"default":"top-right"},"extensions":{"type":"object","default":{}}},"example":{"attributes":{"aspectRatio":"3/2"},"viewportWidth":350},"supports":{"html":false,"reusable":false,"anchor":true,"color":{"text":false,"background":false},"spacing":{"margin":true,"padding":true},"filter":{"duotone":true},"shadow":true,"__experimentalBorder":{"radius":true,"width":true,"color":true,"style":true,"__experimentalDefaultControls":{"radius":true}}},"selectors":{"filter":{"duotone":".wp-block-visual-portfolio-item-image img"}},"style":"visual-portfolio-block-item-image"}');var gE=(0,$d.jsx)(Qd.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,$d.jsx)(Qd.Path,{d:"M17.031 4.703 15.576 4l-1.56 3H14v.03l-2.324 4.47H9.5V13h1.396l-1.502 2.889h-.95a3.694 3.694 0 0 1 0-7.389H10V7H8.444a5.194 5.194 0 1 0 0 10.389h.17L7.5 19.53l1.416.719L15.049 8.5h.507a3.694 3.694 0 0 1 0 7.39H14v1.5h1.556a5.194 5.194 0 0 0 .273-10.383l1.202-2.304Z"})}),bE=(0,$d.jsx)(Qd.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,$d.jsx)(Qd.Path,{d:"M6 4a2 2 0 0 0-2 2v3h1.5V6a.5.5 0 0 1 .5-.5h3V4H6Zm3 14.5H6a.5.5 0 0 1-.5-.5v-3H4v3a2 2 0 0 0 2 2h3v-1.5Zm6 1.5v-1.5h3a.5.5 0 0 0 .5-.5v-3H20v3a2 2 0 0 1-2 2h-3Zm3-16a2 2 0 0 1 2 2v3h-1.5V6a.5.5 0 0 0-.5-.5h-3V4h3Z"})}),wE=(0,$d.jsx)(Qd.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,$d.jsx)(Qd.Path,{d:"M18 20v-2h2v-1.5H7.75a.25.25 0 0 1-.25-.25V4H6v2H4v1.5h2v8.75c0 .966.784 1.75 1.75 1.75h8.75v2H18ZM9.273 7.5h6.977a.25.25 0 0 1 .25.25v6.977H18V7.75A1.75 1.75 0 0 0 16.25 6H9.273v1.5Z"})});function _E(e){return _E="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},_E(e)}function OE(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function SE(e){for(var t=1;te.length)&&(t=e.length);for(var n=0,r=Array(t);ne.length)&&(t=e.length);for(var n=0,r=Array(t);ne.length)&&(t=e.length);for(var n=0,r=Array(t);ne.length)&&(t=e.length);for(var n=0,r=Array(t);ne.length)&&(t=e.length);for(var n=0,r=Array(t);n0?n:void 0}(g,b),z=function(e,t){var n=(0,H.useRegistry)(),r=(0,H.useSelect)(function(n){var r;if(!t)return!1;var o=n(D.store),i=o.getBlockParentsByBlockName,l=o.getBlockAttributes,a=mx(i(e,"visual-portfolio/loop",!0),1)[0];return!(a&&(null===(r=l(a))||void 0===r||null===(r=r.imagesQuery)||void 0===r?void 0:r.images)||[]).some(function(e){return vx(e.id,t)})},[e,t]),o=(0,I.useRef)(),i=(0,I.useCallback)(function(t,r){var o=n.select(D.store),i=o.getBlockParentsByBlockName,l=o.getBlockAttributes,a=mx(i(e,"visual-portfolio/loop",!0),1)[0];if(a){var u=l(a).imagesQuery,s=(null==u?void 0:u.images)||[],c=s.findIndex(function(e){return vx(e.id,t)});if(-1!==c){var p=s[c],f=r(p);return n.dispatch(D.store).updateBlockAttributes(a,{imagesQuery:px(px({},u),{},{images:s.map(function(e,t){return t===c?f:e})})}),p}}},[n,e]),l=(0,I.useCallback)(function(e){null!=e&&e.id&&!(0,Ty.isBlobURL)(e.url)&&i(t,function(t){return px(px({},t),lv(e))})},[i,t]),a=(0,I.useCallback)(function(e){var n=e.id,r=o.current;if(r&&vx(n,r.entry.id))return i(r.to,function(){return r.entry}),void(o.current=void 0);var l=i(t,function(e){e.imgUrl,e.imgThumbnailUrl;var t=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(-1!==t.indexOf(r))continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;re.length)&&(t=e.length);for(var n=0,r=Array(t);nLink Relation attribute defines the relationship between a linked resource and the current document.","visual-portfolio"),{a:wp.element.createElement(A.ExternalLink,{href:"https://developer.mozilla.org/docs/Web/HTML/Attributes/rel"})}),value:c,onChange:function(e){return r({rel:e})}})))))),wp.element.createElement(m,d,"none"===f?y:wp.element.createElement("a",{href:"url"===f&&l||"#",target:p,rel:c,onClick:function(e){return e.preventDefault()}},y))):null}}));const cC=JSON.parse('{"$schema":"https://schemas.wp.org/trunk/block.json","apiVersion":3,"name":"visual-portfolio/item-description","title":"Gallery Item Description (Experimental)","category":"media","description":"Displays the description of a gallery item. Block is experimental and will change in future releases. Please use with caution.","ancestor":["visual-portfolio/item-template"],"textdomain":"visual-portfolio","usesContext":["vp/itemExcerpt","vp/itemContent","vp/itemPostId"],"attributes":{"source":{"type":"string","default":"excerpt"},"excerptLength":{"type":"number","default":15},"extensions":{"type":"object","default":{}}},"example":{"viewportWidth":350},"supports":{"html":false,"reusable":false,"color":{"text":true,"gradients":true,"__experimentalDefaultControls":{"text":true,"background":true}},"typography":{"fontSize":true,"lineHeight":true,"textAlign":true,"__experimentalFontFamily":true,"__experimentalTextDecoration":true,"__experimentalFontStyle":true,"__experimentalFontWeight":true,"__experimentalLetterSpacing":true,"__experimentalTextTransform":true,"__experimentalWritingMode":true,"__experimentalDefaultControls":{"fontSize":true}},"spacing":{"margin":true,"padding":true},"contentRole":true},"style":"visual-portfolio-block-item-description"}');var pC;function fC(e){return(new window.DOMParser).parseFromString(e,"text/html").body.textContent||""}function mC(e){return mC="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},mC(e)}function dC(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function vC(e){for(var t=1;t15&&p||c||""),r=a,t=(o=n.trim().split(/\s+/)).length<=r?n:"".concat(o.slice(0,r).join(" "),"..."));var v=Oh();if(!(t=t?(0,gd.decodeEntities)(t):v?"":(0,L.__)("Gallery item description","visual-portfolio")))return null;var h="content"===l?"div":"p";return wp.element.createElement(wp.element.Fragment,null,"default"===d&&wp.element.createElement(D.InspectorControls,null,wp.element.createElement(A.__experimentalToolsPanel,{label:(0,L.__)("Settings","visual-portfolio"),dropdownMenuProps:f,resetAll:function(e){return u(Km(e,{source:"excerpt",excerptLength:15}))}},wp.element.createElement(A.__experimentalToolsPanelItem,{label:(0,L.__)("Source","visual-portfolio"),isShownByDefault:!0,hasValue:function(){return"excerpt"!==l},onDeselect:function(){return u({source:"excerpt"})}},wp.element.createElement(A.SelectControl,{label:(0,L.__)("Source","visual-portfolio"),value:l,options:[{label:(0,L.__)("Excerpt","visual-portfolio"),value:"excerpt"},{label:(0,L.__)("Full content","visual-portfolio"),value:"content"}],onChange:function(e){return u({source:e})}})),"excerpt"===l&&wp.element.createElement(A.__experimentalToolsPanelItem,{label:(0,L.__)("Max number of words","visual-portfolio"),isShownByDefault:!0,hasValue:function(){return 15!==a},onDeselect:function(){return u({excerptLength:15})}},wp.element.createElement(A.RangeControl,{label:(0,L.__)("Max number of words","visual-portfolio"),value:a,onChange:function(e){return u({excerptLength:e})},min:1,max:100})))),wp.element.createElement(h,m,t))}}));const gC=JSON.parse('{"$schema":"https://schemas.wp.org/trunk/block.json","apiVersion":3,"name":"visual-portfolio/item-categories","title":"Gallery Item Categories (Experimental)","category":"media","description":"Displays the categories of a gallery item. Block is experimental and will change in future releases. Please use with caution.","ancestor":["visual-portfolio/item-template"],"textdomain":"visual-portfolio","usesContext":["vp/itemCategories","vp/itemPostId","vp/queryId","vp/queryType","vp/postsQuery"],"attributes":{"taxonomy":{"type":"string","default":""},"separator":{"type":"string","default":", ","role":"content"},"limit":{"type":"number","default":0},"extensions":{"type":"object","default":{}}},"example":{"viewportWidth":350},"supports":{"html":false,"reusable":false,"color":{"text":true,"gradients":true,"link":true,"__experimentalDefaultControls":{"text":true,"background":true}},"typography":{"fontSize":true,"lineHeight":true,"textAlign":true,"__experimentalFontFamily":true,"__experimentalTextDecoration":true,"__experimentalFontStyle":true,"__experimentalFontWeight":true,"__experimentalLetterSpacing":true,"__experimentalTextTransform":true,"__experimentalWritingMode":true,"__experimentalDefaultControls":{"fontSize":true}},"spacing":{"margin":true,"padding":true}},"style":"visual-portfolio-block-item-categories"}');function bC(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n0?i:void 0),w=Oh()?null:(0,L.__)("Gallery item categories","visual-portfolio");return wp.element.createElement(wp.element.Fragment,null,"default"===d&&wp.element.createElement(D.InspectorControls,null,wp.element.createElement(A.__experimentalToolsPanel,{label:(0,L.__)("Settings","visual-portfolio"),dropdownMenuProps:f,resetAll:function(e){return l(Km(e,{taxonomy:"",separator:_C,limit:0}))}},v&&wp.element.createElement(A.__experimentalToolsPanelItem,{label:(0,L.__)("Taxonomy","visual-portfolio"),isShownByDefault:!0,hasValue:function(){return!!r},onDeselect:function(){return l({taxonomy:""})}},wp.element.createElement(A.SelectControl,{label:(0,L.__)("Taxonomy","visual-portfolio"),value:r,options:[{value:"",label:(0,L.__)("All filter taxonomies","visual-portfolio")}].concat((t=y.map(function(e){return{value:e.slug,label:e.name}}),function(e){if(Array.isArray(e))return bC(e)}(t)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(t)||function(e,t){if(e){if("string"==typeof e)return bC(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?bC(e,t):void 0}}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}())),onChange:function(e){return l({taxonomy:e})}})),wp.element.createElement(A.__experimentalToolsPanelItem,{label:(0,L.__)("Separator","visual-portfolio"),isShownByDefault:!0,hasValue:function(){return o!==_C},onDeselect:function(){return l({separator:_C})}},wp.element.createElement(A.TextControl,{label:(0,L.__)("Separator","visual-portfolio"),help:(0,L.__)("Character(s) placed between the categories.","visual-portfolio"),value:o,onChange:function(e){return l({separator:e})}})),wp.element.createElement(A.__experimentalToolsPanelItem,{label:(0,L.__)("Maximum categories","visual-portfolio"),hasValue:function(){return i>0},onDeselect:function(){return l({limit:0})}},wp.element.createElement(A.__experimentalNumberControl,{label:(0,L.__)("Maximum categories","visual-portfolio"),help:(0,L.__)("How many categories an item shows. Zero shows them all.","visual-portfolio"),min:0,value:i,onChange:function(e){return l({limit:Math.max(0,parseInt(e,10)||0)})}})))),wp.element.createElement("div",m,b.length?b.map(function(e,t){return wp.element.createElement(I.Fragment,{key:e.slug||t},t>0&&o,wp.element.createElement("a",{href:e.url||"#",onClick:function(e){return e.preventDefault()}},(0,gd.decodeEntities)(e.label)))}):w))}}));const jC=JSON.parse('{"$schema":"https://schemas.wp.org/trunk/block.json","apiVersion":3,"name":"visual-portfolio/item-author","title":"Gallery Item Author (Experimental)","category":"media","description":"Displays the author of a gallery item. Block is experimental and will change in future releases. Please use with caution.","ancestor":["visual-portfolio/item-template"],"textdomain":"visual-portfolio","usesContext":["vp/itemPostId","vp/itemAuthor","vp/itemAuthorUrl","vp/itemAuthorAvatar"],"attributes":{"prefix":{"type":"string","role":"content"},"showAvatar":{"type":"boolean","default":false},"avatarSize":{"type":"number","default":24},"isLink":{"type":"boolean","default":false,"role":"content"},"rel":{"type":"string","attribute":"rel","default":"","role":"content"},"linkTarget":{"type":"string","default":"_self","role":"content"},"extensions":{"type":"object","default":{}}},"example":{"viewportWidth":350},"supports":{"html":false,"reusable":false,"color":{"text":true,"gradients":true,"link":true,"__experimentalDefaultControls":{"text":true,"background":true}},"typography":{"fontSize":true,"lineHeight":true,"textAlign":true,"__experimentalFontFamily":true,"__experimentalTextDecoration":true,"__experimentalFontStyle":true,"__experimentalFontWeight":true,"__experimentalLetterSpacing":true,"__experimentalTextTransform":true,"__experimentalWritingMode":true,"__experimentalDefaultControls":{"fontSize":true}},"spacing":{"margin":true,"padding":true}},"style":"visual-portfolio-block-item-author"}');var kC,TC,DC=(0,L.__)("by ","visual-portfolio"),IC=[24,48,96].map(function(e){return{value:e, +(0,R.__)("Max %s wide","visual-portfolio"),e):void 0}function eE(e){return e.carouselRepeat&&nE(e)?(0,R.__)("A carousel that repeats has no edge for its slides to start from.","visual-portfolio"):"center"===e.carouselSnapAlign?(0,R.__)("Slides that rest in the middle have no edge to start from.","visual-portfolio"):void 0}function tE(e){var t,n=e.carouselContainer,r=e.carouselContainerWidth;if(function(e){return!eE(e)}(e))return"content"===n?t="var(--wp--style--global--content-size, 100cqw)":"wide"===n?t="var(--wp--style--global--wide-size, 100cqw)":"custom"===n&&(t=String(null!=r?r:"").replace(/[^0-9a-z.%-]/gi,"")),t?"max(0px, (100cqw - ".concat(t,") / 2)"):void 0}function nE(e){return RO(e.carouselEffect)&&!e.carouselAutoWidth&&!HS}function rE(e){return e.carouselAutoWidth?(0,R.__)("Slides of their own width have no step to count the loop in, so the carousel cannot run round.","visual-portfolio"):RO(e.carouselEffect)?HS?(0,R.__)("A right-to-left carousel cannot run round, so it stops at its ends.","visual-portfolio"):(0,R.__)("The carousel runs on without an end, in both directions.","visual-portfolio"):(0,R.__)("This effect pins its slides in place, so the carousel cannot run round.","visual-portfolio")}function oE(e){return FS?e?(0,R.__)("Slide by slide holds each slide for the delay. A marquee moves on without stopping, and the arrows, dots and dragging still work.","visual-portfolio"):(0,R.__)("A marquee runs round, and this carousel cannot, so it moves slide by slide.","visual-portfolio"):wp.element.createElement(id,{campaign:"teaser_carousel_marquee"},(0,R.__)("A marquee moves the carousel on without stopping, at a steady speed.","visual-portfolio"))}var iE=!(null===(PS=window.CSS)||void 0===PS||null===(jS=PS.supports)||void 0===jS||!jS.call(PS,"display","grid-lanes")),lE=[{value:"px",label:"px",default:320},{value:"rem",label:"rem",default:20},{value:"em",label:"em",default:20},{value:"vw",label:"vw",default:20}],aE={px:1e3,em:50,rem:50,vw:100};function uE(e){var t=e.value,n=e.onChange,r=(0,R.__)("Min. column width","visual-portfolio"),o=LS((0,A.__experimentalParseQuantityAndUnitFromRawValue)(t),2),i=o[0],l=o[1],a=void 0===l?"rem":l;return wp.element.createElement("fieldset",{className:"vpf-columns-control"},wp.element.createElement(A.BaseControl.VisualLabel,{as:"legend"},r),wp.element.createElement(A.Flex,{gap:4},wp.element.createElement(A.FlexItem,{isBlock:!0},wp.element.createElement(A.__experimentalUnitControl,{label:r,hideLabelFromVision:!0,value:t,onChange:function(e){return n(e||"16rem")},units:lE,min:0})),wp.element.createElement(A.FlexItem,{isBlock:!0},wp.element.createElement(A.RangeControl,{label:r,hideLabelFromVision:!0,withInputField:!1,value:i||0,onChange:function(e){return n([e,a].join(""))},min:0,max:aE[a]||600}))),wp.element.createElement("p",{className:"components-base-control__help"},(0,R.__)("Columns wrap to fewer per row when they can no longer keep the minimum width.","visual-portfolio")))}function sE(e){var t=e.value,n=e.onChange,r=(0,R.__)("Max. columns","visual-portfolio");return wp.element.createElement("fieldset",{className:"vpf-columns-control"},wp.element.createElement(A.BaseControl.VisualLabel,{as:"legend"},r),wp.element.createElement(A.Flex,{gap:4},wp.element.createElement(A.FlexItem,{isBlock:!0},wp.element.createElement(A.__experimentalNumberControl,{label:r,hideLabelFromVision:!0,value:t,onChange:function(e){return n(Math.min(6,Math.max(0,parseInt(e,10)||0)))},min:0,max:6})),wp.element.createElement(A.FlexItem,{isBlock:!0},wp.element.createElement(A.RangeControl,{label:r,hideLabelFromVision:!0,withInputField:!1,value:t,onChange:function(e){return n(null!=e?e:0)},min:0,max:6}))),wp.element.createElement("p",{className:"components-base-control__help"},(0,R.__)("Zero lets the gallery use every column that fits.","visual-portfolio")))}var cE={Tablet:"tablet",Mobile:"mobile"};function pE(e){var t=e.children,n=e.campaign;return wp.element.createElement(fl,{title:(0,R.__)("Premium Only","visual-portfolio")},wp.element.createElement("p",null,t),wp.element.createElement(fl.Button,{target:"_blank",rel:"noopener noreferrer",href:"https://www.visualportfolio.com/pricing/?utm_source=plugin&utm_medium=block_settings&utm_campaign=".concat(n,"&utm_content=").concat(VS)},(0,R.__)("Go Pro","visual-portfolio")))}var fE=[{value:"px",label:"px",default:320},{value:"rem",label:"rem",default:20},{value:"em",label:"em",default:20},{value:"vh",label:"vh",default:60}],mE=[["visual-portfolio/item-image",{aspectRatio:"1",clickAction:"popup"}],["visual-portfolio/item-title",{style:{typography:{textAlign:"center"}}}]];function dE(e){var t=e.imageSizes,n=RS(e,kS),r={"vp/itemImageSizes":t||{}};return Object.keys(n).forEach(function(e){r["vp/".concat(e)]=n[e]}),r}function vE(e){var t=e.style,n=e.effect,r=e.index,o=(0,D.useInnerBlocksProps)(n?{className:WS}:{className:zS,style:t},{template:mE,__unstableDisableLayoutClassNames:!0});return n?wp.element.createElement("li",{className:zS,style:AS(AS({},t),{},{"--vp-slide-index":r})},wp.element.createElement("div",{className:US},wp.element.createElement("div",o))):wp.element.createElement("li",o)}function hE(e){var t=e.children,n=e.inset;return wp.element.createElement("div",{className:"wp-block-visual-portfolio-item-template__carousel-frame",style:{"--vp-carousel-inset":n}},t)}var yE,gE=(0,I.memo)(function(e){var t=e.blocks,n=e.blockContextId,r=e.setActiveBlockContextId,o=e.isHidden,i=e.style,l=e.effect,a=e.index,u=(0,D.__experimentalUseBlockPreview)({blocks:t,props:{className:l?"wp-block-visual-portfolio-item-template__preview ".concat(WS):"wp-block-visual-portfolio-item-template__preview"}}),s=function(){r(n)},c=wp.element.createElement(wp.element.Fragment,null,wp.element.createElement("div",DS({},u,{tabIndex:0,role:"button",onClick:s,onKeyPress:s})));return wp.element.createElement("li",{className:zS,style:AS(AS({},i),{},{display:o?"none":void 0},l?{"--vp-slide-index":a}:null)},l?wp.element.createElement("div",{className:US},c):c)});function bE(){return bE=Object.assign?Object.assign.bind():function(e){for(var t=1;t2&&void 0!==arguments[2]?arguments[2]:"",r=OO(e),o=[],i={"--vp-layout-columns":SO(e)};return r||EO.forEach(function(t){var n=t.screen,r=t.attribute,l=e[r];l&&(o.push("vp-has-".concat(n,"-columns")),i["--vp-layout-columns-".concat(n)]=l)}),t&&(i["--vp-layout-gap"]=/^0(\.0+)?$/.test(t)?"0px":t),n&&n!==t&&(i["--vp-layout-row-gap"]=n),r&&(o.push("vp-layout-auto-columns"),i["--vp-layout-min-column-width"]=_O(e.layoutMinimumColumnWidth),i["--vp-layout-track"]=function(e){var t="min(".concat(_O(e.layoutMinimumColumnWidth),", 100%)"),n=Math.max(0,parseInt(e.layoutColumnCount,10)||0);return n?"max(".concat(t,", (100% - (var(--vp-layout-gap, 1.5rem) * ").concat(n-1,")) / ").concat(n,")"):t}(e),e.layoutAutoFit&&o.push("vp-layout-auto-fit")),{className:o.join(" "),style:i}}(AS(AS({},be),{},{layoutType:p,layoutColumnsMode:ge?"manual":be.layoutColumnsMode,layoutColumnCount:ge?1:_e||be.layoutColumnCount,layoutColumnCountTablet:ge?0:be.layoutColumnCountTablet,layoutColumnCountMobile:ge?0:be.layoutColumnCountMobile}),yO(null===(e=l.style)||void 0===e||null===(e=e.spacing)||void 0===e?void 0:e.blockGap),yO(null===(t=l.style)||void 0===t||null===(t=t.spacing)||void 0===t?void 0:t.blockGap,"top"))},[p,be,_e,ge,null===(o=l.style)||void 0===o||null===(o=o.spacing)||void 0===o?void 0:o.blockGap]),Te=window.VPGalleryTilesPresets||[],De=(0,I.useMemo)(function(){if(ve)return"";var e=["masonry"===p&&iE?"vp-layout-masonry-native":"vp-layout-".concat(p)];return"grid"===p&&y&&e.push("are-vertically-aligned-".concat(y)),"carousel"===p&&(O&&e.push("vp-carousel-auto-width"),E&&e.push("vp-carousel-free-scroll"),T&&e.push("vp-carousel-edge-fade"),"center"===S&&e.push("vp-carousel-snap-center"),V&&e.push("vp-carousel-stretch-slides"),NO(x)&&(e.push("vp-carousel-effect"),e.push("vp-carousel-".concat(x)))),e.join(" ")},[ve,p,y,O,E,T,S,V,x]),Ie="carousel"===p&&NO(x),Ae=function(e){var t=e.layoutType,n=e.justified,r=e.itemsCount,o=e.signature,i=(0,I.useRef)(),l=(0,I.useRef)(n);return l.current=n,(0,I.useEffect)(function(){var e=i.current;if(e&&r){if("masonry"===t)return OS(e,wS);if("justified"===t)return OS(e,function(e){return function(e,t){var n=bS(e),r=n.width,o=n.gap,i=n.rowGap,l=n.rowHeight,a=gS(e);if(a.length&&r){var u=a.map(_S),s=[],c=[],p=0,f=l*(1+Math.max(0,t.rowHeightTolerance||0));a.forEach(function(e,t){c.push(t),p+=u[t];var n=(r-o*(c.length-1))/p;n<=f&&(s.push({items:c,height:n,isFull:!0}),c=[],p=0)}),c.length&&s.push({items:c,height:l,isFull:!1});var m=t.maxRowsCount?s.slice(0,t.maxRowsCount):s,d=0;m.forEach(function(e){var n=e.items.reduce(function(t,n){return t+u[n]*e.height},0)+o*(e.items.length-1),l=0;e.isFull||("center"===t.lastRow?l=(r-n)/2:"right"===t.lastRow&&(l=r-n));var s=0;e.items.forEach(function(t){var n=a[t],r=u[t]*e.height,i=n.querySelector(yS);n.style.position="absolute",n.style.left="".concat(l,"px"),n.style.top="".concat(d,"px"),n.style.width="".concat(r,"px"),i&&(i.style.height="".concat(e.height,"px")),s=Math.max(s,n.offsetHeight),l+=r+o}),d+=s+i}),s.forEach(function(e,n){var r=n>=m.length||!e.isFull&&"hide"===t.lastRow;e.items.forEach(function(e){var t=a[e];r?(t.dataset.vpLayoutHidden="true",t.style.display="none"):t.dataset.vpLayoutHidden&&(delete t.dataset.vpLayoutHidden,t.style.display="")})}),e.style.height="".concat(Math.max(0,d-i),"px")}}(e,l.current)});var n=mS(e),o=(0,M.applyFilters)("vpf.itemTemplateEffectDriver",cS)(e)||SS;return function(){o(),n()}}},[t,r,o]),i}({layoutType:p,justified:{rowHeight:g,rowHeightTolerance:b,maxRowsCount:w,lastRow:_},itemsCount:se.length,signature:"".concat(ke.className,"|").concat(JSON.stringify(ke.style),"|").concat(g,"|").concat(b,"|").concat(w,"|").concat(_,"|").concat(x)}),Me=(0,D.useBlockProps)(ve?{}:{ref:Ae,className:"".concat(De," ").concat(ke.className).trim(),style:AS(AS({},ke.style),{},{"--vp-layout-row-height":"".concat(g,"px"),"--vp-carousel-snap-align":S,"--vp-carousel-peek":"".concat(Pe?Math.max(0,Math.min(200,k)):0,"px"),"--vp-carousel-slide-height":B||void 0,"--vp-carousel-fade-left":T?"0px":void 0})}),Re="auto"===f,Le=GS.includes(p)&&!ge,Ne="carousel"===p?(0,R.__)("Slides per view","visual-portfolio"):(0,R.__)("Columns","visual-portfolio"),Be=!FS&&W&&(Le&&!Re||"tiles"===p)&&wp.element.createElement(D.InspectorControls,{group:"layout"},wp.element.createElement(A.__experimentalToolsPanelItem,{isShownByDefault:!0,panelId:s,hasValue:function(){return!1},label:"tiles"===p?(0,R.__)("Pattern","visual-portfolio"):Ne},wp.element.createElement(pE,{campaign:"loop_responsive_layout"},"tiles"===p?(0,R.__)("Give a tablet and a phone a tiles pattern of their own, set for the screen you are previewing.","visual-portfolio"):(0,R.__)("Give a tablet and a phone a column count of their own, set for the screen you are previewing.","visual-portfolio")))),Ve=wp.element.createElement(A.__experimentalToolsPanel,{label:(0,R.__)("Settings","visual-portfolio"),dropdownMenuProps:c,resetAll:function(e){return a(Km(e,{layoutTiles:"3|1,1|",layoutColumnsMode:"auto",layoutColumnCount:3,layoutMinimumColumnWidth:"16rem",layoutAutoFit:!1}))}},"tiles"===p&&wp.element.createElement(A.__experimentalToolsPanelItem,{isShownByDefault:!0,hasValue:function(){return"3|1,1|"!==h},label:(0,R.__)("Pattern","visual-portfolio"),onDeselect:function(){return a({layoutTiles:"3|1,1|"})}},wp.element.createElement(A.__experimentalVStack,{spacing:3},wp.element.createElement(YO,{presets:Te,value:h,onChange:function(e){return a({layoutTiles:e})}}),null!==(i=(0,M.applyFilters)("vpf.itemTemplatePatternEditor",null,{value:h,onChange:function(e){return a({layoutTiles:e})}}))&&void 0!==i?i:!FS&&wp.element.createElement(pE,{campaign:"loop_tiles_editor"},(0,R.__)("Draw a pattern of your own: resize, move and double the tiles on a canvas.","visual-portfolio")))),Le&&wp.element.createElement(A.__experimentalToolsPanelItem,{isShownByDefault:!0,hasValue:function(){return"auto"!==f},label:(0,R.__)("Columns","visual-portfolio"),onDeselect:function(){return a({layoutColumnsMode:"auto"})}},wp.element.createElement(A.__experimentalVStack,{spacing:4},wp.element.createElement(A.__experimentalToggleGroupControl,{isBlock:!0,label:(0,R.__)("Columns","visual-portfolio"),help:(0,R.__)("Auto fits as many columns as the width allows. Manual keeps the count you set.","visual-portfolio"),value:f,onChange:function(e){return a({layoutColumnsMode:e})}},wp.element.createElement(A.__experimentalToggleGroupControlOption,{value:"auto",label:(0,R.__)("Auto","visual-portfolio")}),wp.element.createElement(A.__experimentalToggleGroupControlOption,{value:"manual",label:(0,R.__)("Manual","visual-portfolio")})),Re?null:wp.element.createElement(A.RangeControl,{label:Ne,value:m,onChange:function(e){return a({layoutColumnCount:null!=e?e:1})},min:1,max:6}))),Le&&Re&&wp.element.createElement(A.__experimentalToolsPanelItem,{isShownByDefault:!0,hasValue:function(){return 3!==m},label:(0,R.__)("Max. columns","visual-portfolio"),onDeselect:function(){return a({layoutColumnCount:3})}},wp.element.createElement(sE,{value:m,onChange:function(e){return a({layoutColumnCount:e})}})),Le&&Re&&wp.element.createElement(A.__experimentalToolsPanelItem,{isShownByDefault:!0,hasValue:function(){return"16rem"!==d},label:(0,R.__)("Min. column width","visual-portfolio"),onDeselect:function(){return a({layoutMinimumColumnWidth:"16rem"})}},wp.element.createElement(uE,{value:d,onChange:function(e){return a({layoutMinimumColumnWidth:e})}})),Le&&Re&&wp.element.createElement(A.__experimentalToolsPanelItem,{hasValue:function(){return v},label:(0,R.__)("Fill available space","visual-portfolio"),onDeselect:function(){return a({layoutAutoFit:!1})}},wp.element.createElement(A.ToggleControl,{label:(0,R.__)("Fill available space","visual-portfolio"),help:(0,R.__)("A row that cannot be filled drops its empty columns instead of keeping them.","visual-portfolio"),checked:v,onChange:function(e){return a({layoutAutoFit:e})}}))),Fe="justified"===p&&wp.element.createElement(A.__experimentalToolsPanel,{label:(0,R.__)("Justified","visual-portfolio"),dropdownMenuProps:c,resetAll:function(e){return a(Km(e,{justifiedRowHeight:320,justifiedRowHeightTolerance:.25,justifiedMaxRowsCount:0,justifiedLastRow:"left"}))}},wp.element.createElement(A.__experimentalToolsPanelItem,{isShownByDefault:!0,hasValue:function(){return 320!==g},label:(0,R.__)("Row height","visual-portfolio"),onDeselect:function(){return a({justifiedRowHeight:320})}},wp.element.createElement(A.RangeControl,{label:(0,R.__)("Row height","visual-portfolio"),help:(0,R.__)("The height every row aims for.","visual-portfolio"),value:g,onChange:function(e){return a({justifiedRowHeight:e})},min:40,max:800})),wp.element.createElement(A.__experimentalToolsPanelItem,{hasValue:function(){return.25!==b},label:(0,R.__)("Row height tolerance","visual-portfolio"),onDeselect:function(){return a({justifiedRowHeightTolerance:.25})}},wp.element.createElement(A.RangeControl,{label:(0,R.__)("Row height tolerance","visual-portfolio"),help:(0,R.__)("How far a row may drift from that height to keep items uncropped.","visual-portfolio"),value:b,onChange:function(e){return a({justifiedRowHeightTolerance:e})},min:0,max:1,step:.05})),wp.element.createElement(A.__experimentalToolsPanelItem,{hasValue:function(){return 0!==w},label:(0,R.__)("Maximum rows","visual-portfolio"),onDeselect:function(){return a({justifiedMaxRowsCount:0})}},wp.element.createElement(A.RangeControl,{label:(0,R.__)("Maximum rows","visual-portfolio"),help:(0,R.__)("Zero shows every row the items make.","visual-portfolio"),value:w,onChange:function(e){return a({justifiedMaxRowsCount:e})},min:0,max:20})),wp.element.createElement(A.__experimentalToolsPanelItem,{hasValue:function(){return"left"!==_},label:(0,R.__)("Last row","visual-portfolio"),onDeselect:function(){return a({justifiedLastRow:"left"})}},wp.element.createElement(A.SelectControl,{label:(0,R.__)("Last row","visual-portfolio"),help:(0,R.__)("What happens to a row that has too few items to fill it.","visual-portfolio"),value:_,options:$S,onChange:function(e){return a({justifiedLastRow:e})}}))),He=eE(l),ze=LS((0,D.useSettings)("layout.contentSize","layout.wideSize"),2),Ue=ze[0],We=ze[1],Ge={content:KS(Ue),wide:KS(We),custom:KS(N)},Qe=JS.filter(function(e){var t=e.value;return!("content"===t&&!Ue&&!We||"wide"===t&&!We)}),$e="carousel"===p&&wp.element.createElement(A.__experimentalToolsPanel,{label:(0,R.__)("Carousel","visual-portfolio"),dropdownMenuProps:c,resetAll:function(e){return a(Km(e,{carouselAutoWidth:!1,carouselFreeScroll:!1,carouselEffect:"none",carouselRepeat:!1,carouselAutoplay:!1,carouselAutoplayDelay:5,extensions:xe,carouselPeek:0,carouselEdgeFade:!1,carouselSlideHeight:"",carouselStretchSlides:!1,carouselSlidesPerGroup:1}))}},wp.element.createElement(A.__experimentalToolsPanelItem,{hasValue:function(){return"none"!==x},label:(0,R.__)("Effect","visual-portfolio"),onDeselect:function(){return a({carouselEffect:"none"})}},wp.element.createElement(A.SelectControl,{label:(0,R.__)("Effect","visual-portfolio"),help:je?wp.element.createElement(id,{campaign:"teaser_carousel_effects"},(0,R.sprintf)(/* translators: %d: number of effects that come with Pro. */ /* translators: %d: number of effects that come with Pro. */ +(0,R._n)("How one slide gives way to the next. %d more effect comes with Pro.","How one slide gives way to the next. %d more effects come with Pro.",je,"visual-portfolio"),je)):(0,R.__)("How one slide gives way to the next.","visual-portfolio"),value:x,options:LO(),onChange:function(e){return a({carouselEffect:e})}})),wp.element.createElement(A.__experimentalToolsPanelItem,{hasValue:function(){return P||5!==j},label:(0,R.__)("Autoplay","visual-portfolio"),onDeselect:function(){return a({carouselAutoplay:!1,carouselAutoplayDelay:5,extensions:xe})}},wp.element.createElement(A.__experimentalVStack,{spacing:4},wp.element.createElement(A.ToggleControl,{label:(0,R.__)("Autoplay","visual-portfolio"),help:(0,R.__)("Pauses while the visitor is on the carousel, and never runs for a visitor who asked for less motion.","visual-portfolio"),checked:P,onChange:function(e){return a(AS({carouselAutoplay:e},e?{}:{extensions:xe}))}}),P&&wp.element.createElement(A.SelectControl,{label:(0,R.__)("Mode","visual-portfolio"),help:oE(Oe),value:Ee?"marquee":"step",options:[{label:(0,R.__)("Slide by slide","visual-portfolio"),value:"step"},{label:FS?(0,R.__)("Marquee","visual-portfolio"):od((0,R.__)("Marquee","visual-portfolio")),value:"marquee",disabled:!FS||!Oe}],onChange:function(e){return a("marquee"===e?{extensions:AS(AS({},xe),{},{marquee:{}}),carouselRepeat:!0}:{extensions:xe})}}),P&&Ce&&(0,M.applyFilters)("vpf.itemTemplateMarqueeControls",null,{attributes:l,setAttributes:a}),P&&!Ce&&wp.element.createElement(A.RangeControl,{label:(0,R.__)("Delay, seconds","visual-portfolio"),help:(0,R.__)("How long a slide is held before the carousel moves on.","visual-portfolio"),value:j,onChange:function(e){return a({carouselAutoplayDelay:e})},min:2,max:60,step:.5}))),wp.element.createElement(A.__experimentalToolsPanelItem,{hasValue:function(){return C&&Oe},label:(0,R.__)("Repeat","visual-portfolio"),onDeselect:function(){return a({carouselRepeat:!1})}},wp.element.createElement(A.ToggleControl,{label:(0,R.__)("Repeat","visual-portfolio"),help:Ce?(0,R.__)("A marquee runs round, so the carousel repeats.","visual-portfolio"):rE(l),checked:(C||Ce)&&Oe,disabled:!Oe||Ce,onChange:function(e){return a({carouselRepeat:e})}})),wp.element.createElement(A.__experimentalToolsPanelItem,{hasValue:function(){return 0!==k&&Pe},label:(0,R.__)("Peek","visual-portfolio"),onDeselect:function(){return a({carouselPeek:0})}},wp.element.createElement(A.RangeControl,{label:(0,R.__)("Peek","visual-portfolio"),help:Pe?(0,R.__)("How much of the next slide shows at the edge, as an invitation to scroll.","visual-portfolio"):(0,R.__)("This effect lays the slides out itself, so no part of the next one shows at the edge.","visual-portfolio"),value:Pe?k:0,disabled:!Pe,onChange:function(e){return a({carouselPeek:e})},min:0,max:200})),wp.element.createElement(A.__experimentalToolsPanelItem,{hasValue:function(){return 1!==F},label:(0,R.__)("Slides per step","visual-portfolio"),onDeselect:function(){return a({carouselSlidesPerGroup:1})}},wp.element.createElement(A.RangeControl,{label:(0,R.__)("Slides per step","visual-portfolio"),help:(0,R.__)("How many slides an arrow moves at a press. Zero moves a whole screen at a time, however many slides that is.","visual-portfolio"),value:F,onChange:function(e){return a({carouselSlidesPerGroup:null!=e?e:1})},min:0,max:6})),wp.element.createElement(A.__experimentalToolsPanelItem,{hasValue:function(){return""!==B},label:(0,R.__)("Slide height","visual-portfolio"),onDeselect:function(){return a({carouselSlideHeight:""})}},wp.element.createElement(A.__experimentalUnitControl,{label:(0,R.__)("Slide height","visual-portfolio"),help:(0,R.__)("The height of the box a slide is drawn in. Left empty, a slide is as tall as the tallest one beside it.","visual-portfolio"),value:B,onChange:function(e){return a({carouselSlideHeight:e||""})},units:fE,min:0})),wp.element.createElement(A.__experimentalToolsPanelItem,{hasValue:function(){return V},label:(0,R.__)("Blocks fill the slide","visual-portfolio"),onDeselect:function(){return a({carouselStretchSlides:!1})}},wp.element.createElement(A.ToggleControl,{label:(0,R.__)("Blocks fill the slide","visual-portfolio"),help:(0,R.__)("The image grows to take whatever the title and the text leave, so every slide ends at the same line. The shape of the picture itself is the image block’s own aspect ratio.","visual-portfolio"),checked:V,onChange:function(e){return a({carouselStretchSlides:e})}})),wp.element.createElement(A.__experimentalToolsPanelItem,{hasValue:function(){return T},label:(0,R.__)("Fade the edges","visual-portfolio"),onDeselect:function(){return a({carouselEdgeFade:!1})}},wp.element.createElement(A.ToggleControl,{label:(0,R.__)("Fade the edges","visual-portfolio"),help:(0,R.__)("Slides dissolve at the edges of the carousel instead of being cut off.","visual-portfolio"),checked:T,onChange:function(e){return a({carouselEdgeFade:e})}})),wp.element.createElement(A.__experimentalToolsPanelItem,{hasValue:function(){return O},label:(0,R.__)("Slide width from content","visual-portfolio"),onDeselect:function(){return a({carouselAutoWidth:!1})}},wp.element.createElement(A.ToggleControl,{label:(0,R.__)("Slide width from content","visual-portfolio"),help:(0,R.__)("Each slide is as wide as its own image instead of a share of the row.","visual-portfolio"),checked:O,onChange:function(e){return a({carouselAutoWidth:e})}})),wp.element.createElement(A.__experimentalToolsPanelItem,{hasValue:function(){return E},label:(0,R.__)("Free scrolling","visual-portfolio"),onDeselect:function(){return a({carouselFreeScroll:!1})}},wp.element.createElement(A.ToggleControl,{label:(0,R.__)("Free scrolling","visual-portfolio"),help:(0,R.__)("Scroll stops wherever it is let go, instead of settling on a slide.","visual-portfolio"),checked:E,onChange:function(e){return a({carouselFreeScroll:e})}}))),qe=wp.element.createElement(wp.element.Fragment,null,wp.element.createElement(D.InspectorControls,null,Ve,Fe,$e),Be),Ze=wp.element.createElement(D.BlockControls,{group:"block"},"grid"===p&&wp.element.createElement(D.BlockVerticalAlignmentToolbar,{value:y,onChange:function(e){return a({verticalAlignment:e})}}),"tiles"===p&&wp.element.createElement(KO,{icon:QS,presets:Te,value:h,onChange:function(e){return a({layoutTiles:e})}}),"carousel"===p&&wp.element.createElement(A.ToolbarDropdownMenu,{icon:ZS[S],label:(0,R.__)("Snap slides to","visual-portfolio"),controls:qS.map(function(e){return{title:e.label,icon:e.icon,isActive:e.value===S,onClick:function(){return a({carouselSnapAlign:e.value})}}})}),"carousel"===p&&wp.element.createElement(A.ToolbarDropdownMenu,{icon:XS[L],label:(0,R.__)("Container width","visual-portfolio"),toggleProps:{description:(0,R.__)("Hold the slides to a width while the carousel keeps the full one, so a full-width gallery starts where the text above it does.","visual-portfolio")}},function(e){var t=e.onClose;return wp.element.createElement(wp.element.Fragment,null,He?wp.element.createElement("p",{className:"vpf-container-width__help"},He):null,wp.element.createElement(A.MenuGroup,{className:"block-editor-block-alignment-control__menu-group"},Qe.map(function(e){var n=e.value,r=e.label,o=e.icon,i=n===L;return wp.element.createElement(A.MenuItem,{key:n,icon:o,iconPosition:"left",className:i?"components-dropdown-menu__menu-item is-active":"components-dropdown-menu__menu-item",isSelected:i,disabled:!!He,role:"menuitemradio",info:Ge[n],onClick:function(){a({carouselContainer:n}),"custom"!==n&&t()}},r)})),"custom"!==L||He?null:wp.element.createElement("div",{className:"vpf-container-width__custom"},wp.element.createElement(A.__experimentalUnitControl,{label:(0,R.__)("Width","visual-portfolio"),value:N,onChange:function(e){return a({carouselContainerWidth:e||"1200px"})},units:lE,min:0})))})),Je=function(e){return"carousel"===p?wp.element.createElement(hE,{inset:tE(l)},e):e};return ve?wp.element.createElement(wp.element.Fragment,null,Ze,qe,wp.element.createElement("p",Me,(0,R.__)("No results found.","visual-portfolio"))):ne&&!se.length?wp.element.createElement(wp.element.Fragment,null,Ze,qe,Je(wp.element.createElement("ul",DS({},Me,{"aria-busy":"true"}),Array.from({length:he},function(e,t){return wp.element.createElement("li",{key:t,className:"".concat(zS," wp-block-visual-portfolio-item-template__skeleton"),style:we.length?we[t%we.length]:void 0})})))):wp.element.createElement(wp.element.Fragment,null,Ze,qe,Je(wp.element.createElement("ul",DS({},Me,{"aria-busy":ne||void 0}),ne?wp.element.createElement("li",{className:"wp-block-visual-portfolio-item-template__editor-spinner","aria-hidden":"true"},wp.element.createElement(A.Spinner,null)):null,se.map(function(e,t){var n=!X&&e["vp/itemId"]===de,r=we.length?we[t%we.length]:void 0;return wp.element.createElement(D.BlockContextProvider,{key:e["vp/itemId"],value:e},n?wp.element.createElement(vE,{style:r,effect:Ie,index:t}):null,wp.element.createElement(gE,{blocks:ue,blockContextId:e["vp/itemId"],setActiveBlockContextId:le,isHidden:n,style:r,effect:Ie,index:t}))}))))},save:function(){return wp.element.createElement(D.InnerBlocks.Content,null)},variations:xS});const wE=JSON.parse('{"$schema":"https://schemas.wp.org/trunk/block.json","apiVersion":3,"name":"visual-portfolio/item-image","title":"Gallery Item Image (Experimental)","category":"media","description":"Displays the image of a gallery item. Block is experimental and will change in future releases. Please use with caution.","ancestor":["visual-portfolio/item-template"],"textdomain":"visual-portfolio","usesContext":["vp/queryType","vp/itemImgId","vp/itemImgUrl","vp/itemImgWidth","vp/itemImgHeight","vp/itemImgAlt","vp/itemNoImgId","vp/itemImageSizes","vp/itemFocalPoint","vp/itemUrl","vp/itemAriaLabel","vp/itemFormat","vp/itemPopupData","vp/itemImageLoading","vp/layoutColumns"],"attributes":{"clickAction":{"type":"string","default":"none","role":"content"},"rel":{"type":"string","attribute":"rel","default":"","role":"content"},"linkTarget":{"type":"string","default":"_self","role":"content"},"sizeSlug":{"type":"string","default":"large"},"aspectRatio":{"type":"string"},"width":{"type":"string"},"height":{"type":"string"},"scale":{"type":"string","default":"cover"},"overlayColor":{"type":"string"},"customOverlayColor":{"type":"string"},"gradient":{"type":"string"},"customGradient":{"type":"string"},"dimRatio":{"type":"number","default":0},"showFormatBadge":{"type":"boolean","default":false},"formatBadgePosition":{"type":"string","enum":["top-left","top-right","bottom-left","bottom-right"],"default":"top-right"},"extensions":{"type":"object","default":{}}},"example":{"attributes":{"aspectRatio":"3/2"},"viewportWidth":350},"supports":{"html":false,"reusable":false,"anchor":true,"color":{"text":false,"background":false},"spacing":{"margin":true,"padding":true},"filter":{"duotone":true},"shadow":true,"__experimentalBorder":{"radius":true,"width":true,"color":true,"style":true,"__experimentalDefaultControls":{"radius":true}}},"selectors":{"filter":{"duotone":".wp-block-visual-portfolio-item-image img"}},"style":"visual-portfolio-block-item-image"}');var _E=(0,$d.jsx)(Qd.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,$d.jsx)(Qd.Path,{d:"M17.031 4.703 15.576 4l-1.56 3H14v.03l-2.324 4.47H9.5V13h1.396l-1.502 2.889h-.95a3.694 3.694 0 0 1 0-7.389H10V7H8.444a5.194 5.194 0 1 0 0 10.389h.17L7.5 19.53l1.416.719L15.049 8.5h.507a3.694 3.694 0 0 1 0 7.39H14v1.5h1.556a5.194 5.194 0 0 0 .273-10.383l1.202-2.304Z"})}),OE=(0,$d.jsx)(Qd.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,$d.jsx)(Qd.Path,{d:"M6 4a2 2 0 0 0-2 2v3h1.5V6a.5.5 0 0 1 .5-.5h3V4H6Zm3 14.5H6a.5.5 0 0 1-.5-.5v-3H4v3a2 2 0 0 0 2 2h3v-1.5Zm6 1.5v-1.5h3a.5.5 0 0 0 .5-.5v-3H20v3a2 2 0 0 1-2 2h-3Zm3-16a2 2 0 0 1 2 2v3h-1.5V6a.5.5 0 0 0-.5-.5h-3V4h3Z"})}),SE=(0,$d.jsx)(Qd.SVG,{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",children:(0,$d.jsx)(Qd.Path,{d:"M18 20v-2h2v-1.5H7.75a.25.25 0 0 1-.25-.25V4H6v2H4v1.5h2v8.75c0 .966.784 1.75 1.75 1.75h8.75v2H18ZM9.273 7.5h6.977a.25.25 0 0 1 .25.25v6.977H18V7.75A1.75 1.75 0 0 0 16.25 6H9.273v1.5Z"})});function EE(e){return EE="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},EE(e)}function xE(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function CE(e){for(var t=1;te.length)&&(t=e.length);for(var n=0,r=Array(t);ne.length)&&(t=e.length);for(var n=0,r=Array(t);ne.length)&&(t=e.length);for(var n=0,r=Array(t);ne.length)&&(t=e.length);for(var n=0,r=Array(t);ne.length)&&(t=e.length);for(var n=0,r=Array(t);n0?n:void 0}(g,b),z=function(e,t){var n=(0,H.useRegistry)(),r=(0,H.useSelect)(function(n){var r;if(!t)return!1;var o=n(D.store),i=o.getBlockParentsByBlockName,l=o.getBlockAttributes,a=hx(i(e,"visual-portfolio/loop",!0),1)[0];return!(a&&(null===(r=l(a))||void 0===r||null===(r=r.imagesQuery)||void 0===r?void 0:r.images)||[]).some(function(e){return gx(e.id,t)})},[e,t]),o=(0,I.useRef)(),i=(0,I.useCallback)(function(t,r){var o=n.select(D.store),i=o.getBlockParentsByBlockName,l=o.getBlockAttributes,a=hx(i(e,"visual-portfolio/loop",!0),1)[0];if(a){var u=l(a).imagesQuery,s=(null==u?void 0:u.images)||[],c=s.findIndex(function(e){return gx(e.id,t)});if(-1!==c){var p=s[c],f=r(p);return n.dispatch(D.store).updateBlockAttributes(a,{imagesQuery:dx(dx({},u),{},{images:s.map(function(e,t){return t===c?f:e})})}),p}}},[n,e]),l=(0,I.useCallback)(function(e){null!=e&&e.id&&!(0,Ty.isBlobURL)(e.url)&&i(t,function(t){return dx(dx({},t),lv(e))})},[i,t]),a=(0,I.useCallback)(function(e){var n=e.id,r=o.current;if(r&&gx(n,r.entry.id))return i(r.to,function(){return r.entry}),void(o.current=void 0);var l=i(t,function(e){e.imgUrl,e.imgThumbnailUrl;var t=function(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n={};for(var r in e)if({}.hasOwnProperty.call(e,r)){if(-1!==t.indexOf(r))continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;re.length)&&(t=e.length);for(var n=0,r=Array(t);nLink Relation attribute defines the relationship between a linked resource and the current document.","visual-portfolio"),{a:wp.element.createElement(A.ExternalLink,{href:"https://developer.mozilla.org/docs/Web/HTML/Attributes/rel"})}),value:c,onChange:function(e){return r({rel:e})}})))))),wp.element.createElement(m,d,"none"===f?y:wp.element.createElement("a",{href:"url"===f&&l||"#",target:p,rel:c,onClick:function(e){return e.preventDefault()}},y))):null}}));const mC=JSON.parse('{"$schema":"https://schemas.wp.org/trunk/block.json","apiVersion":3,"name":"visual-portfolio/item-description","title":"Gallery Item Description (Experimental)","category":"media","description":"Displays the description of a gallery item. Block is experimental and will change in future releases. Please use with caution.","ancestor":["visual-portfolio/item-template"],"textdomain":"visual-portfolio","usesContext":["vp/itemExcerpt","vp/itemContent","vp/itemPostId"],"attributes":{"source":{"type":"string","default":"excerpt"},"excerptLength":{"type":"number","default":15},"extensions":{"type":"object","default":{}}},"example":{"viewportWidth":350},"supports":{"html":false,"reusable":false,"color":{"text":true,"gradients":true,"__experimentalDefaultControls":{"text":true,"background":true}},"typography":{"fontSize":true,"lineHeight":true,"textAlign":true,"__experimentalFontFamily":true,"__experimentalTextDecoration":true,"__experimentalFontStyle":true,"__experimentalFontWeight":true,"__experimentalLetterSpacing":true,"__experimentalTextTransform":true,"__experimentalWritingMode":true,"__experimentalDefaultControls":{"fontSize":true}},"spacing":{"margin":true,"padding":true},"contentRole":true},"style":"visual-portfolio-block-item-description"}');var dC;function vC(e){return(new window.DOMParser).parseFromString(e,"text/html").body.textContent||""}function hC(e){return hC="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},hC(e)}function yC(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function gC(e){for(var t=1;t15&&p||c||""),r=a,t=(o=n.trim().split(/\s+/)).length<=r?n:"".concat(o.slice(0,r).join(" "),"..."));var v=Oh();if(!(t=t?(0,gd.decodeEntities)(t):v?"":(0,R.__)("Gallery item description","visual-portfolio")))return null;var h="content"===l?"div":"p";return wp.element.createElement(wp.element.Fragment,null,"default"===d&&wp.element.createElement(D.InspectorControls,null,wp.element.createElement(A.__experimentalToolsPanel,{label:(0,R.__)("Settings","visual-portfolio"),dropdownMenuProps:f,resetAll:function(e){return u(Km(e,{source:"excerpt",excerptLength:15}))}},wp.element.createElement(A.__experimentalToolsPanelItem,{label:(0,R.__)("Source","visual-portfolio"),isShownByDefault:!0,hasValue:function(){return"excerpt"!==l},onDeselect:function(){return u({source:"excerpt"})}},wp.element.createElement(A.SelectControl,{label:(0,R.__)("Source","visual-portfolio"),value:l,options:[{label:(0,R.__)("Excerpt","visual-portfolio"),value:"excerpt"},{label:(0,R.__)("Full content","visual-portfolio"),value:"content"}],onChange:function(e){return u({source:e})}})),"excerpt"===l&&wp.element.createElement(A.__experimentalToolsPanelItem,{label:(0,R.__)("Max number of words","visual-portfolio"),isShownByDefault:!0,hasValue:function(){return 15!==a},onDeselect:function(){return u({excerptLength:15})}},wp.element.createElement(A.RangeControl,{label:(0,R.__)("Max number of words","visual-portfolio"),value:a,onChange:function(e){return u({excerptLength:e})},min:1,max:100})))),wp.element.createElement(h,m,t))}}));const _C=JSON.parse('{"$schema":"https://schemas.wp.org/trunk/block.json","apiVersion":3,"name":"visual-portfolio/item-categories","title":"Gallery Item Categories (Experimental)","category":"media","description":"Displays the categories of a gallery item. Block is experimental and will change in future releases. Please use with caution.","ancestor":["visual-portfolio/item-template"],"textdomain":"visual-portfolio","usesContext":["vp/itemCategories","vp/itemPostId","vp/queryId","vp/queryType","vp/postsQuery"],"attributes":{"taxonomy":{"type":"string","default":""},"separator":{"type":"string","default":", ","role":"content"},"limit":{"type":"number","default":0},"extensions":{"type":"object","default":{}}},"example":{"viewportWidth":350},"supports":{"html":false,"reusable":false,"color":{"text":true,"gradients":true,"link":true,"__experimentalDefaultControls":{"text":true,"background":true}},"typography":{"fontSize":true,"lineHeight":true,"textAlign":true,"__experimentalFontFamily":true,"__experimentalTextDecoration":true,"__experimentalFontStyle":true,"__experimentalFontWeight":true,"__experimentalLetterSpacing":true,"__experimentalTextTransform":true,"__experimentalWritingMode":true,"__experimentalDefaultControls":{"fontSize":true}},"spacing":{"margin":true,"padding":true}},"style":"visual-portfolio-block-item-categories"}');function OC(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n0?i:void 0),w=Oh()?null:(0,R.__)("Gallery item categories","visual-portfolio");return wp.element.createElement(wp.element.Fragment,null,"default"===d&&wp.element.createElement(D.InspectorControls,null,wp.element.createElement(A.__experimentalToolsPanel,{label:(0,R.__)("Settings","visual-portfolio"),dropdownMenuProps:f,resetAll:function(e){return l(Km(e,{taxonomy:"",separator:EC,limit:0}))}},v&&wp.element.createElement(A.__experimentalToolsPanelItem,{label:(0,R.__)("Taxonomy","visual-portfolio"),isShownByDefault:!0,hasValue:function(){return!!r},onDeselect:function(){return l({taxonomy:""})}},wp.element.createElement(A.SelectControl,{label:(0,R.__)("Taxonomy","visual-portfolio"),value:r,options:[{value:"",label:(0,R.__)("All filter taxonomies","visual-portfolio")}].concat((t=y.map(function(e){return{value:e.slug,label:e.name}}),function(e){if(Array.isArray(e))return OC(e)}(t)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(t)||function(e,t){if(e){if("string"==typeof e)return OC(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?OC(e,t):void 0}}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}())),onChange:function(e){return l({taxonomy:e})}})),wp.element.createElement(A.__experimentalToolsPanelItem,{label:(0,R.__)("Separator","visual-portfolio"),isShownByDefault:!0,hasValue:function(){return o!==EC},onDeselect:function(){return l({separator:EC})}},wp.element.createElement(A.TextControl,{label:(0,R.__)("Separator","visual-portfolio"),help:(0,R.__)("Character(s) placed between the categories.","visual-portfolio"),value:o,onChange:function(e){return l({separator:e})}})),wp.element.createElement(A.__experimentalToolsPanelItem,{label:(0,R.__)("Maximum categories","visual-portfolio"),hasValue:function(){return i>0},onDeselect:function(){return l({limit:0})}},wp.element.createElement(A.__experimentalNumberControl,{label:(0,R.__)("Maximum categories","visual-portfolio"),help:(0,R.__)("How many categories an item shows. Zero shows them all.","visual-portfolio"),min:0,value:i,onChange:function(e){return l({limit:Math.max(0,parseInt(e,10)||0)})}})))),wp.element.createElement("div",m,b.length?b.map(function(e,t){return wp.element.createElement(I.Fragment,{key:e.slug||t},t>0&&o,wp.element.createElement("a",{href:e.url||"#",onClick:function(e){return e.preventDefault()}},(0,gd.decodeEntities)(e.label)))}):w))}}));const DC=JSON.parse('{"$schema":"https://schemas.wp.org/trunk/block.json","apiVersion":3,"name":"visual-portfolio/item-author","title":"Gallery Item Author (Experimental)","category":"media","description":"Displays the author of a gallery item. Block is experimental and will change in future releases. Please use with caution.","ancestor":["visual-portfolio/item-template"],"textdomain":"visual-portfolio","usesContext":["vp/itemPostId","vp/itemAuthor","vp/itemAuthorUrl","vp/itemAuthorAvatar"],"attributes":{"prefix":{"type":"string","role":"content"},"showAvatar":{"type":"boolean","default":false},"avatarSize":{"type":"number","default":24},"isLink":{"type":"boolean","default":false,"role":"content"},"rel":{"type":"string","attribute":"rel","default":"","role":"content"},"linkTarget":{"type":"string","default":"_self","role":"content"},"extensions":{"type":"object","default":{}}},"example":{"viewportWidth":350},"supports":{"html":false,"reusable":false,"color":{"text":true,"gradients":true,"link":true,"__experimentalDefaultControls":{"text":true,"background":true}},"typography":{"fontSize":true,"lineHeight":true,"textAlign":true,"__experimentalFontFamily":true,"__experimentalTextDecoration":true,"__experimentalFontStyle":true,"__experimentalFontWeight":true,"__experimentalLetterSpacing":true,"__experimentalTextTransform":true,"__experimentalWritingMode":true,"__experimentalDefaultControls":{"fontSize":true}},"spacing":{"margin":true,"padding":true}},"style":"visual-portfolio-block-item-author"}');var IC,AC,MC=(0,R.__)("by ","visual-portfolio"),RC=[24,48,96].map(function(e){return{value:e, // translators: %d: avatar size in pixels. -label:(0,L.sprintf)((0,L.__)("%dpx","visual-portfolio"),e)}});function AC(e){return AC="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},AC(e)}function MC(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function LC(e){for(var t=1;tLink Relation attribute defines the relationship between a linked resource and the current document.","visual-portfolio"),{a:wp.element.createElement(A.ExternalLink,{href:"https://developer.mozilla.org/docs/Web/HTML/Attributes/rel"})}),value:l,onChange:function(e){return u({rel:e})}}))))),wp.element.createElement("div",h,v?wp.element.createElement(wp.element.Fragment,null,wp.element.createElement("img",{className:"wp-block-visual-portfolio-item-author__avatar",src:f,width:o,height:o,alt:""}),wp.element.createElement("span",{className:"wp-block-visual-portfolio-item-author__name"},w)):w))}}));const BC=JSON.parse('{"$schema":"https://schemas.wp.org/trunk/block.json","apiVersion":3,"name":"visual-portfolio/item-date","title":"Gallery Item Date (Experimental)","category":"media","description":"Displays the publish or last modified date of a gallery item. Block is experimental and will change in future releases. Please use with caution.","ancestor":["visual-portfolio/item-template"],"textdomain":"visual-portfolio","usesContext":["vp/itemPublishedTime","vp/itemModifiedTime","vp/itemUrl"],"attributes":{"format":{"type":"string"},"displayType":{"type":"string","enum":["date","modified"],"default":"date"},"isLink":{"type":"boolean","default":false,"role":"content"},"extensions":{"type":"object","default":{}}},"example":{"viewportWidth":350},"supports":{"html":false,"reusable":false,"color":{"text":true,"gradients":true,"link":true,"__experimentalDefaultControls":{"text":true,"background":true}},"typography":{"fontSize":true,"lineHeight":true,"textAlign":true,"__experimentalFontFamily":true,"__experimentalTextDecoration":true,"__experimentalFontStyle":true,"__experimentalFontWeight":true,"__experimentalLetterSpacing":true,"__experimentalTextTransform":true,"__experimentalWritingMode":true,"__experimentalDefaultControls":{"fontSize":true}},"spacing":{"margin":true,"padding":true}},"style":"visual-portfolio-block-item-date"}');function VC(e){return VC="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},VC(e)}function FC(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function HC(e){for(var t=1;tLink Relation attribute defines the relationship between a linked resource and the current document.","visual-portfolio"),{a:wp.element.createElement(A.ExternalLink,{href:"https://developer.mozilla.org/docs/Web/HTML/Attributes/rel"})}),value:l,onChange:function(e){return u({rel:e})}}))))),wp.element.createElement("div",h,v?wp.element.createElement(wp.element.Fragment,null,wp.element.createElement("img",{className:"wp-block-visual-portfolio-item-author__avatar",src:f,width:o,height:o,alt:""}),wp.element.createElement("span",{className:"wp-block-visual-portfolio-item-author__name"},w)):w))}}));const HC=JSON.parse('{"$schema":"https://schemas.wp.org/trunk/block.json","apiVersion":3,"name":"visual-portfolio/item-date","title":"Gallery Item Date (Experimental)","category":"media","description":"Displays the publish or last modified date of a gallery item. Block is experimental and will change in future releases. Please use with caution.","ancestor":["visual-portfolio/item-template"],"textdomain":"visual-portfolio","usesContext":["vp/itemPublishedTime","vp/itemModifiedTime","vp/itemUrl"],"attributes":{"format":{"type":"string"},"displayType":{"type":"string","enum":["date","modified"],"default":"date"},"isLink":{"type":"boolean","default":false,"role":"content"},"extensions":{"type":"object","default":{}}},"example":{"viewportWidth":350},"supports":{"html":false,"reusable":false,"color":{"text":true,"gradients":true,"link":true,"__experimentalDefaultControls":{"text":true,"background":true}},"typography":{"fontSize":true,"lineHeight":true,"textAlign":true,"__experimentalFontFamily":true,"__experimentalTextDecoration":true,"__experimentalFontStyle":true,"__experimentalFontWeight":true,"__experimentalLetterSpacing":true,"__experimentalTextTransform":true,"__experimentalWritingMode":true,"__experimentalDefaultControls":{"fontSize":true}},"spacing":{"margin":true,"padding":true}},"style":"visual-portfolio-block-item-date"}');function zC(e){return zC="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},zC(e)}function UC(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function WC(e){for(var t=1;t0;)i=OP.unique(r),l-=1;i&&void 0===TP[i]&&(TP[i]=r),i!==o&&t({block_id:i})}}}},{key:"render",value:function(){return wp.element.createElement(e,this.props)}}])}(I.Component);return(0,H.withSelect)(function(e,t){return{blockName:t.name}})(t)},"withUniqueBlockId");(0,M.addFilter)("editor.BlockEdit","vpf/editor/unique-block-id",MP),(0,M.addFilter)("vpf.editor.controls-on-change","vpf/editor/controls-on-change/classic-icon-with-overlay",function(e,t,n,r){return"items_style_default__show_icon"===t.name&&n&&!r.items_style_default__bg_color&&(e.items_style_default__bg_color="#000",e.items_style_default__text_color="#fff"),e});var LP=["className"];function RP(){return RP=Object.assign?Object.assign.bind():function(e){for(var t=1;te.length)&&(t=e.length);for(var n=0,r=Array(t);ndecrease page loading speed. We recommend you add these improvements:","visual-portfolio")}}),wp.element.createElement("ol",{className:"ol-decimal"},wp.element.createElement("li",{dangerouslySetInnerHTML:{__html:(0,L.sprintf)( +(0,R._n)("%s Min Read","%s Mins Read",n,"visual-portfolio"),t?n:(0,gd.decodeEntities)(String(e)))}}};function uP(){return uP=Object.assign?Object.assign.bind():function(e){for(var t=1;t0;)i=xP.unique(r),l-=1;i&&void 0===AP[i]&&(AP[i]=r),i!==o&&t({block_id:i})}}}},{key:"render",value:function(){return wp.element.createElement(e,this.props)}}])}(I.Component);return(0,H.withSelect)(function(e,t){return{blockName:t.name}})(t)},"withUniqueBlockId");(0,M.addFilter)("editor.BlockEdit","vpf/editor/unique-block-id",NP),(0,M.addFilter)("vpf.editor.controls-on-change","vpf/editor/controls-on-change/classic-icon-with-overlay",function(e,t,n,r){return"items_style_default__show_icon"===t.name&&n&&!r.items_style_default__bg_color&&(e.items_style_default__bg_color="#000",e.items_style_default__text_color="#fff"),e});var BP=["className"];function VP(){return VP=Object.assign?Object.assign.bind():function(e){for(var t=1;te.length)&&(t=e.length);for(var n=0,r=Array(t);ndecrease page loading speed. We recommend you add these improvements:","visual-portfolio")}}),wp.element.createElement("ol",{className:"ol-decimal"},wp.element.createElement("li",{dangerouslySetInnerHTML:{__html:(0,R.sprintf)( // translators: %d: maximum number of items per page. // translators: %d: maximum number of items per page. -(0,L.__)("Set the items per page to less than %d","visual-portfolio"),UP)}}),wp.element.createElement("li",{dangerouslySetInnerHTML:{__html:(0,L.__)("Add `Load More` or `Infinite Scroll` pagination for best results.","visual-portfolio")}})),wp.element.createElement("p",null,wp.element.createElement(A.Button,{variant:"link",onClick:function(){ZP(n),t()}},(0,L.__)("Ok, I understand","visual-portfolio"))))}function XP(e,t){var n;return"images"===t.content_source?(null==t||null===(n=t.images)||void 0===n?void 0:n.length)>WP&&(e>WP||-1===e):e>WP||-1===e}function YP(e){var t=e.data,n=t.description,r=t.attributes,o=t.onChange,i=FP((0,I.useState)(1),2),l=i[0],a=i[1],u=FP((0,I.useState)(0),2),s=u[0],c=u[1],p=(0,H.useSelect)(function(e){var t;return{postId:(null===(t=e("core/editor"))||void 0===t?void 0:t.getCurrentPostId())||!1}},[]).postId,f=!!n&&wp.element.createElement(I.RawHTML,null,n),m=N()("vpf-control-wrap","vpf-control-wrap-".concat(t.type)),d=parseInt(B(t.name,r),10),v=-1===d?QP:GP;return wp.element.createElement(A.BaseControl,{id:"vpf-control-items-count-all",label:wp.element.createElement("span",{className:"vpf-items-count-all-label"},wp.element.createElement("span",{className:"vpf-items-count-all-label__text"},t.label),"hide"===$P()&&XP(d,r)?wp.element.createElement(A.Button,{className:"vpf-items-count-all-label__notice",onClick:function(){ZP(p),a(l+1)},"aria-label":(0,L.__)("Show gallery size notice","visual-portfolio")},wp.element.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},wp.element.createElement("circle",{cx:"12",cy:"12",r:"10",fill:"none"}),wp.element.createElement("path",{d:"M12 16v-4"}),wp.element.createElement("path",{d:"M12 8h.01"}))):null),help:f,className:m},wp.element.createElement("div",null,wp.element.createElement(ri,{key:"items-count-toggle-".concat(s),label:(0,L.__)("Items count mode","visual-portfolio"),hideLabelFromVision:!0,value:v,options:VP(VP({},GP,(0,L.__)("Custom Count","visual-portfolio")),QP,(0,L.__)("All Items","visual-portfolio")),onChange:function(e){if(e===QP){if(-1!==d&&!window.confirm((0,L.__)("Be careful, the output of all your items can adversely affect the performance of your site, this option may be helpful for image galleries.","visual-portfolio")))return void c(function(e){return e+1});o(-1)}else e===GP&&-1===d&&o(parseFloat(t.default||6))}})),-1!==d?wp.element.createElement(wp.element.Fragment,null,wp.element.createElement("br",null),wp.element.createElement(A.TextControl,{type:"number",min:t.min,max:t.max,step:t.step,value:d,onChange:function(e){return o(parseFloat(e))}})):null,"show"===$P()&&XP(d,r)?wp.element.createElement("div",null,wp.element.createElement(JP,{postId:p,onToggle:function(){a(l+1)}})):null)}(0,M.addFilter)("vpf.editor.controls-render","vpf/editor/controls-render/customize-controls",function(e,t){return"items_count"!==t.name?e:wp.element.createElement(YP,{key:"control-".concat(t.name,"-").concat(t.label),data:t})});var KP="noopener noreferrer";function ej(e){return ej="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},ej(e)}function tj(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function nj(e){for(var t=1;t3?(o=d===r)&&(u=i[(a=i[4])?5:(a=3,3)],i[4]=i[5]=e):i[0]<=m&&((o=n<2&&mr||r>d)&&(i[4]=n,i[5]=r,f.n=d,a=0))}if(o||n>1)return l;throw p=!0,r}return function(o,c,d){if(s>1)throw TypeError("Generator is already running");for(p&&1===c&&m(c,d),a=c,u=d;(t=a<2?e:u)||!p;){i||(a?a<3?(a>1&&(f.n=-1),m(a,u)):f.n=u:f.v=u);try{if(s=2,i){if(a||(o="next"),t=i[o]){if(!(t=t.call(i,u)))throw TypeError("iterator result is not an object");if(!t.done)return t;u=t.value,a<2&&(a=0)}else 1===a&&(t=i.return)&&t.call(i),a<2&&(u=TypeError("The iterator does not provide a '"+o+"' method"),a=1);i=e}else if((t=(p=f.n<0)?u:n.call(r,f))!==l)break}catch(t){i=e,a=1,u=t}finally{s=1}}return{value:t,done:p}}}(n,o,i),!0),s}var l={};function a(){}function u(){}function s(){}t=Object.getPrototypeOf;var c=[][r]?t(t([][r]())):(uj(t={},r,function(){return this}),t),p=s.prototype=a.prototype=Object.create(c);function f(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,s):(e.__proto__=s,uj(e,o,"GeneratorFunction")),e.prototype=Object.create(p),e}return u.prototype=s,uj(p,"constructor",s),uj(s,"constructor",u),u.displayName="GeneratorFunction",uj(s,o,"GeneratorFunction"),uj(p),uj(p,o,"Generator"),uj(p,r,function(){return this}),uj(p,"toString",function(){return"[object Generator]"}),(aj=function(){return{w:i,m:f}})()}function uj(e,t,n,r){var o=Object.defineProperty;try{o({},"",{})}catch(e){o=0}uj=function(e,t,n,r){function i(t,n){uj(e,t,function(e){return this._invoke(t,n,e)})}t?o?o(e,t,{value:n,enumerable:!r,configurable:!r,writable:!r}):e[t]=n:(i("next",0),i("throw",1),i("return",2))},uj(e,t,n,r)}var sj=aj().m(cj);function cj(){var e;return aj().w(function(t){for(;;)switch(t.n){case 0:return t.n=1,oj({path:"/visual-portfolio/v1/get_layouts/"});case 1:return e=t.v,t.a(2,ij(e))}},sj)}function pj(e){return e.layouts}var fj=(0,H.createReduxStore)("visual-portfolio",{selectors:u,actions:i,controls:l,resolvers:a,reducer:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{layouts:[]},t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return"SET_PORTFOLIO_LAYOUTS"===t.type?(!e.layouts.length&&t.layouts&&t.layouts.length&&(e.layouts=t.layouts),e):e}});function mj(e){return mj="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},mj(e)}function dj(e,t){for(var n=0;n-1},j.prototype.set=function(e,t){var n=this.__data__,r=T(n,e);return r<0?n.push([e,t]):n[r][1]=t,this},k.prototype.clear=function(){this.__data__={hash:new P,map:new(S||j),string:new P}},k.prototype.delete=function(e){return D(this,e).delete(e)},k.prototype.get=function(e){return D(this,e).get(e)},k.prototype.has=function(e){return D(this,e).has(e)},k.prototype.set=function(e,t){return D(this,e).set(e,t),this};var A=L(function(e){var t;e=null==(t=e)?"":function(e){if("string"==typeof e)return e;if(V(e))return C?C.call(e):"";var t=e+"";return"0"==t&&1/e==-1/0?"-0":t}(t);var n=[];return i.test(e)&&n.push(""),e.replace(l,function(e,t,r,o){n.push(r?o.replace(a,"$1"):t||e)}),n});function M(e){if("string"==typeof e||V(e))return e;var t=e+"";return"0"==t&&1/e==-1/0?"-0":t}function L(e,t){if("function"!=typeof e||t&&"function"!=typeof t)throw new TypeError("Expected a function");var n=function(){var r=arguments,o=t?t.apply(this,r):r[0],i=n.cache;if(i.has(o))return i.get(o);var l=e.apply(this,r);return n.cache=i.set(o,l),l};return n.cache=new(L.Cache||k),n}function R(e,t){return e===t||e!=e&&t!=t}L.Cache=k;var N=Array.isArray;function B(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}function V(e){return"symbol"==typeof e||function(e){return!!e&&"object"==typeof e}(e)&&"[object Symbol]"==b.call(e)}e.exports=function(e,t,n){var i=null==e?void 0:function(e,t){var n;t=function(e,t){if(N(e))return!1;var n=typeof e;return!("number"!=n&&"symbol"!=n&&"boolean"!=n&&null!=e&&!V(e))||o.test(e)||!r.test(e)||null!=t&&e in Object(t)}(t,e)?[t]:N(n=t)?n:A(n);for(var i=0,l=t.length;null!=e&&ia))return!1;var s=i.get(e);if(s&&i.get(t))return s==t;var c=-1,p=!0,f=2&n?new be:void 0;for(i.set(e,t),i.set(t,e);++c-1},ye.prototype.set=function(e,t){var n=this.__data__,r=_e(n,e);return r<0?(++this.size,n.push([e,t])):n[r][1]=t,this},ge.prototype.clear=function(){this.size=0,this.__data__={hash:new he,map:new(oe||ye),string:new he}},ge.prototype.delete=function(e){var t=Pe(this,e).delete(e);return this.size-=t?1:0,t},ge.prototype.get=function(e){return Pe(this,e).get(e)},ge.prototype.has=function(e){return Pe(this,e).has(e)},ge.prototype.set=function(e,t){var n=Pe(this,e),r=n.size;return n.set(e,t),this.size+=n.size==r?0:1,this},be.prototype.add=be.prototype.push=function(e){return this.__data__.set(e,r),this},be.prototype.has=function(e){return this.__data__.has(e)},we.prototype.clear=function(){this.__data__=new ye,this.size=0},we.prototype.delete=function(e){var t=this.__data__,n=t.delete(e);return this.size=t.size,n},we.prototype.get=function(e){return this.__data__.get(e)},we.prototype.has=function(e){return this.__data__.has(e)},we.prototype.set=function(e,t){var n=this.__data__;if(n instanceof ye){var r=n.__data__;if(!oe||r.length<199)return r.push([e,t]),this.size=++n.size,this;n=this.__data__=new ge(r)}return n.set(e,t),this.size=n.size,this};var ke=ee?function(e){return null==e?[]:(e=Object(e),function(e,t){for(var n=-1,r=null==e?0:e.length,o=0,i=[];++n-1&&e%1==0&&e-1&&e%1==0&&e<=o}function Ve(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)}function Fe(e){return null!=e&&"object"==typeof e}var He=I?function(e){return function(t){return e(t)}}(I):function(e){return Fe(e)&&Be(e.length)&&!!S[Oe(e)]};function ze(e){return null!=(t=e)&&Be(t.length)&&!Ne(t)?function(e,t){var n=Le(e),r=!n&&Me(e),o=!n&&!r&&Re(e),i=!n&&!r&&!o&&He(e),l=n||r||o||i,a=l?function(e,t){for(var n=-1,r=Array(e);++n{if(!n){var l=1/0;for(c=0;c=i)&&Object.keys(r.O).every(e=>r.O[e](n[u]))?n.splice(u--,1):(a=!1,i0&&e[c-1][2]>i;c--)e[c]=e[c-1];e[c]=[n,o,i]},r.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return r.d(t,{a:t}),t},r.d=(e,t)=>{for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.nmd=e=>(e.paths=[],e.children||(e.children=[]),e),(()=>{var e;globalThis.importScripts&&(e=globalThis.location+"");var t=globalThis.document;if(!e&&t&&(t.currentScript&&"SCRIPT"===t.currentScript.tagName.toUpperCase()&&(e=t.currentScript.src),!e)){var n=t.getElementsByTagName("script");if(n.length)for(var o=n.length-1;o>-1&&(!e||!/^http(s?):/.test(e));)e=n[o--].src}if(!e)throw new Error("Automatic publicPath is not supported in this browser");e=e.replace(/^blob:/,"").replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),r.p=e+"../"})(),(()=>{var e={8879:0};r.O.j=t=>0===e[t];var t=(t,n)=>{var o,i,[l,a,u]=n,s=0;if(l.some(t=>0!==e[t])){for(o in a)r.o(a,o)&&(r.m[o]=a[o]);if(u)var c=u(r)}for(t&&t(n);sr(3495));o=r.O(o)})(); \ No newline at end of file +(0,R.__)("Set the items per page to less than %d","visual-portfolio"),QP)}}),wp.element.createElement("li",{dangerouslySetInnerHTML:{__html:(0,R.__)("Add `Load More` or `Infinite Scroll` pagination for best results.","visual-portfolio")}})),wp.element.createElement("p",null,wp.element.createElement(A.Button,{variant:"link",onClick:function(){YP(n),t()}},(0,R.__)("Ok, I understand","visual-portfolio"))))}function ej(e,t){var n;return"images"===t.content_source?(null==t||null===(n=t.images)||void 0===n?void 0:n.length)>$P&&(e>$P||-1===e):e>$P||-1===e}function tj(e){var t=e.data,n=t.description,r=t.attributes,o=t.onChange,i=UP((0,I.useState)(1),2),l=i[0],a=i[1],u=UP((0,I.useState)(0),2),s=u[0],c=u[1],p=(0,H.useSelect)(function(e){var t;return{postId:(null===(t=e("core/editor"))||void 0===t?void 0:t.getCurrentPostId())||!1}},[]).postId,f=!!n&&wp.element.createElement(I.RawHTML,null,n),m=N()("vpf-control-wrap","vpf-control-wrap-".concat(t.type)),d=parseInt(B(t.name,r),10),v=-1===d?ZP:qP;return wp.element.createElement(A.BaseControl,{id:"vpf-control-items-count-all",label:wp.element.createElement("span",{className:"vpf-items-count-all-label"},wp.element.createElement("span",{className:"vpf-items-count-all-label__text"},t.label),"hide"===JP()&&ej(d,r)?wp.element.createElement(A.Button,{className:"vpf-items-count-all-label__notice",onClick:function(){YP(p),a(l+1)},"aria-label":(0,R.__)("Show gallery size notice","visual-portfolio")},wp.element.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"},wp.element.createElement("circle",{cx:"12",cy:"12",r:"10",fill:"none"}),wp.element.createElement("path",{d:"M12 16v-4"}),wp.element.createElement("path",{d:"M12 8h.01"}))):null),help:f,className:m},wp.element.createElement("div",null,wp.element.createElement(ri,{key:"items-count-toggle-".concat(s),label:(0,R.__)("Items count mode","visual-portfolio"),hideLabelFromVision:!0,value:v,options:zP(zP({},qP,(0,R.__)("Custom Count","visual-portfolio")),ZP,(0,R.__)("All Items","visual-portfolio")),onChange:function(e){if(e===ZP){if(-1!==d&&!window.confirm((0,R.__)("Be careful, the output of all your items can adversely affect the performance of your site, this option may be helpful for image galleries.","visual-portfolio")))return void c(function(e){return e+1});o(-1)}else e===qP&&-1===d&&o(parseFloat(t.default||6))}})),-1!==d?wp.element.createElement(wp.element.Fragment,null,wp.element.createElement("br",null),wp.element.createElement(A.TextControl,{type:"number",min:t.min,max:t.max,step:t.step,value:d,onChange:function(e){return o(parseFloat(e))}})):null,"show"===JP()&&ej(d,r)?wp.element.createElement("div",null,wp.element.createElement(KP,{postId:p,onToggle:function(){a(l+1)}})):null)}(0,M.addFilter)("vpf.editor.controls-render","vpf/editor/controls-render/customize-controls",function(e,t){return"items_count"!==t.name?e:wp.element.createElement(tj,{key:"control-".concat(t.name,"-").concat(t.label),data:t})});var nj="noopener noreferrer";function rj(e){return rj="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},rj(e)}function oj(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function ij(e){for(var t=1;t3?(o=d===r)&&(u=i[(a=i[4])?5:(a=3,3)],i[4]=i[5]=e):i[0]<=m&&((o=n<2&&mr||r>d)&&(i[4]=n,i[5]=r,f.n=d,a=0))}if(o||n>1)return l;throw p=!0,r}return function(o,c,d){if(s>1)throw TypeError("Generator is already running");for(p&&1===c&&m(c,d),a=c,u=d;(t=a<2?e:u)||!p;){i||(a?a<3?(a>1&&(f.n=-1),m(a,u)):f.n=u:f.v=u);try{if(s=2,i){if(a||(o="next"),t=i[o]){if(!(t=t.call(i,u)))throw TypeError("iterator result is not an object");if(!t.done)return t;u=t.value,a<2&&(a=0)}else 1===a&&(t=i.return)&&t.call(i),a<2&&(u=TypeError("The iterator does not provide a '"+o+"' method"),a=1);i=e}else if((t=(p=f.n<0)?u:n.call(r,f))!==l)break}catch(t){i=e,a=1,u=t}finally{s=1}}return{value:t,done:p}}}(n,o,i),!0),s}var l={};function a(){}function u(){}function s(){}t=Object.getPrototypeOf;var c=[][r]?t(t([][r]())):(pj(t={},r,function(){return this}),t),p=s.prototype=a.prototype=Object.create(c);function f(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,s):(e.__proto__=s,pj(e,o,"GeneratorFunction")),e.prototype=Object.create(p),e}return u.prototype=s,pj(p,"constructor",s),pj(s,"constructor",u),u.displayName="GeneratorFunction",pj(s,o,"GeneratorFunction"),pj(p),pj(p,o,"Generator"),pj(p,r,function(){return this}),pj(p,"toString",function(){return"[object Generator]"}),(cj=function(){return{w:i,m:f}})()}function pj(e,t,n,r){var o=Object.defineProperty;try{o({},"",{})}catch(e){o=0}pj=function(e,t,n,r){function i(t,n){pj(e,t,function(e){return this._invoke(t,n,e)})}t?o?o(e,t,{value:n,enumerable:!r,configurable:!r,writable:!r}):e[t]=n:(i("next",0),i("throw",1),i("return",2))},pj(e,t,n,r)}var fj=cj().m(mj);function mj(){var e;return cj().w(function(t){for(;;)switch(t.n){case 0:return t.n=1,aj({path:"/visual-portfolio/v1/get_layouts/"});case 1:return e=t.v,t.a(2,uj(e))}},fj)}function dj(e){return e.layouts}var vj=(0,H.createReduxStore)("visual-portfolio",{selectors:u,actions:i,controls:l,resolvers:a,reducer:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{layouts:[]},t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return"SET_PORTFOLIO_LAYOUTS"===t.type?(!e.layouts.length&&t.layouts&&t.layouts.length&&(e.layouts=t.layouts),e):e}});function hj(e){return hj="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},hj(e)}function yj(e,t){for(var n=0;n-1},j.prototype.set=function(e,t){var n=this.__data__,r=T(n,e);return r<0?n.push([e,t]):n[r][1]=t,this},k.prototype.clear=function(){this.__data__={hash:new P,map:new(S||j),string:new P}},k.prototype.delete=function(e){return D(this,e).delete(e)},k.prototype.get=function(e){return D(this,e).get(e)},k.prototype.has=function(e){return D(this,e).has(e)},k.prototype.set=function(e,t){return D(this,e).set(e,t),this};var A=R(function(e){var t;e=null==(t=e)?"":function(e){if("string"==typeof e)return e;if(V(e))return C?C.call(e):"";var t=e+"";return"0"==t&&1/e==-1/0?"-0":t}(t);var n=[];return i.test(e)&&n.push(""),e.replace(l,function(e,t,r,o){n.push(r?o.replace(a,"$1"):t||e)}),n});function M(e){if("string"==typeof e||V(e))return e;var t=e+"";return"0"==t&&1/e==-1/0?"-0":t}function R(e,t){if("function"!=typeof e||t&&"function"!=typeof t)throw new TypeError("Expected a function");var n=function(){var r=arguments,o=t?t.apply(this,r):r[0],i=n.cache;if(i.has(o))return i.get(o);var l=e.apply(this,r);return n.cache=i.set(o,l),l};return n.cache=new(R.Cache||k),n}function L(e,t){return e===t||e!=e&&t!=t}R.Cache=k;var N=Array.isArray;function B(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}function V(e){return"symbol"==typeof e||function(e){return!!e&&"object"==typeof e}(e)&&"[object Symbol]"==b.call(e)}e.exports=function(e,t,n){var i=null==e?void 0:function(e,t){var n;t=function(e,t){if(N(e))return!1;var n=typeof e;return!("number"!=n&&"symbol"!=n&&"boolean"!=n&&null!=e&&!V(e))||o.test(e)||!r.test(e)||null!=t&&e in Object(t)}(t,e)?[t]:N(n=t)?n:A(n);for(var i=0,l=t.length;null!=e&&ia))return!1;var s=i.get(e);if(s&&i.get(t))return s==t;var c=-1,p=!0,f=2&n?new be:void 0;for(i.set(e,t),i.set(t,e);++c-1},ye.prototype.set=function(e,t){var n=this.__data__,r=_e(n,e);return r<0?(++this.size,n.push([e,t])):n[r][1]=t,this},ge.prototype.clear=function(){this.size=0,this.__data__={hash:new he,map:new(oe||ye),string:new he}},ge.prototype.delete=function(e){var t=Pe(this,e).delete(e);return this.size-=t?1:0,t},ge.prototype.get=function(e){return Pe(this,e).get(e)},ge.prototype.has=function(e){return Pe(this,e).has(e)},ge.prototype.set=function(e,t){var n=Pe(this,e),r=n.size;return n.set(e,t),this.size+=n.size==r?0:1,this},be.prototype.add=be.prototype.push=function(e){return this.__data__.set(e,r),this},be.prototype.has=function(e){return this.__data__.has(e)},we.prototype.clear=function(){this.__data__=new ye,this.size=0},we.prototype.delete=function(e){var t=this.__data__,n=t.delete(e);return this.size=t.size,n},we.prototype.get=function(e){return this.__data__.get(e)},we.prototype.has=function(e){return this.__data__.has(e)},we.prototype.set=function(e,t){var n=this.__data__;if(n instanceof ye){var r=n.__data__;if(!oe||r.length<199)return r.push([e,t]),this.size=++n.size,this;n=this.__data__=new ge(r)}return n.set(e,t),this.size=n.size,this};var ke=ee?function(e){return null==e?[]:(e=Object(e),function(e,t){for(var n=-1,r=null==e?0:e.length,o=0,i=[];++n-1&&e%1==0&&e-1&&e%1==0&&e<=o}function Ve(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)}function Fe(e){return null!=e&&"object"==typeof e}var He=I?function(e){return function(t){return e(t)}}(I):function(e){return Fe(e)&&Be(e.length)&&!!S[Oe(e)]};function ze(e){return null!=(t=e)&&Be(t.length)&&!Ne(t)?function(e,t){var n=Re(e),r=!n&&Me(e),o=!n&&!r&&Le(e),i=!n&&!r&&!o&&He(e),l=n||r||o||i,a=l?function(e,t){for(var n=-1,r=Array(e);++n{if(!n){var l=1/0;for(c=0;c=i)&&Object.keys(r.O).every(e=>r.O[e](n[u]))?n.splice(u--,1):(a=!1,i0&&e[c-1][2]>i;c--)e[c]=e[c-1];e[c]=[n,o,i]},r.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return r.d(t,{a:t}),t},r.d=(e,t)=>{for(var n in t)r.o(t,n)&&!r.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},r.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),r.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.nmd=e=>(e.paths=[],e.children||(e.children=[]),e),(()=>{var e;globalThis.importScripts&&(e=globalThis.location+"");var t=globalThis.document;if(!e&&t&&(t.currentScript&&"SCRIPT"===t.currentScript.tagName.toUpperCase()&&(e=t.currentScript.src),!e)){var n=t.getElementsByTagName("script");if(n.length)for(var o=n.length-1;o>-1&&(!e||!/^http(s?):/.test(e));)e=n[o--].src}if(!e)throw new Error("Automatic publicPath is not supported in this browser");e=e.replace(/^blob:/,"").replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),r.p=e+"../"})(),(()=>{var e={8879:0};r.O.j=t=>0===e[t];var t=(t,n)=>{var o,i,[l,a,u]=n,s=0;if(l.some(t=>0!==e[t])){for(o in a)r.o(a,o)&&(r.m[o]=a[o]);if(u)var c=u(r)}for(t&&t(n);sr(3495));o=r.O(o)})(); \ No newline at end of file diff --git a/docs/gallery-loop-blocks.md b/docs/gallery-loop-blocks.md index eea36324..76cceb79 100644 --- a/docs/gallery-loop-blocks.md +++ b/docs/gallery-loop-blocks.md @@ -311,10 +311,11 @@ editor uses for the width of any block — *None* is the content width, then *Wide width*, *Full width* and *Custom*, whose width is typed in the menu. The carousel panel of the item template carries the rest: *Effect*, *Autoplay* -and its delay, *Repeat*, *Peek*, *Slides per step* (zero -moves a whole screen at a time, and a swipe comes to rest on the same frames an -arrow does), *Slide height* and *Blocks fill the slide*, -*Fade the edges*, *Slide width from content* and *Free scrolling*. +with its mode (slide by slide, or a marquee with Pro) and its delay, *Repeat*, +*Peek*, *Slides per step* (zero moves a whole screen at a time, and a swipe +comes to rest on the same frames an arrow does), *Slide height* and *Blocks +fill the slide*, *Fade the edges*, *Slide width from content* and *Free +scrolling*. **Controls.** Filter, sort and pagination are server-rendered links and forms. With JavaScript they swap the gallery in place; without it they work as ordinary @@ -786,6 +787,32 @@ stated in `cqw` rather than in a percentage of the list — a carousel that repeats is padded by half its width at each end, and a percentage of what that leaves is nothing. +### Carousel marquee + +Autoplay has two modes. Slide by slide holds each slide for the delay. A marquee +moves the carousel on without stopping, and is Pro's: the free editor offers it +as a disabled "Marquee (Pro)" option of the *Mode* select, and nothing the free +plugin renders turns it on. Choosing it keeps `extensions.marquee` on the item +template, an object whose settings belong to the extension, turns *Repeat* on, +and puts `vpf.itemTemplateMarqueeControls` (`null`, `{ attributes, +setAttributes }`) where the delay was. + +The view module runs a marquee for a list that carries, with autoplay: + +| Attribute | Value | +|---|---| +| `data-vp-carousel-marquee` | speed, in pixels per second | +| `data-vp-carousel-marquee-direction` | `backward` runs it the other way | +| `data-vp-carousel-marquee-hover` | the share of the speed kept under the pointer, from `0`, a stop, to `1` | + +Only a carousel that repeats runs one; any other steps by its delay, and a +visitor who asked for less motion gets a still carousel either way. A marquee +pauses where autoplay pauses, lets go of the carousel to an arrow, a dot, a drag +or a scroll, and takes it up again once it has come to rest. The scroll holds +whole pixels and is kept a margin in from the ends of a loop, so the module +moves the slides by the rest through `--vp-carousel-marquee-shift` on the list, +which translates every item. + ### Sitemap `vpf_parse_sitemap_images_from_blocks` filters the images a post contributes. diff --git a/gutenberg/blocks/item-template/edit.js b/gutenberg/blocks/item-template/edit.js index 4a0b962b..d668137a 100644 --- a/gutenberg/blocks/item-template/edit.js +++ b/gutenberg/blocks/item-template/edit.js @@ -49,7 +49,7 @@ import ProNote from '../../components/pro-note'; /** * Internal dependencies */ -import { ProLine } from '../../components/pro-teaser'; +import { getProLabel, ProLine } from '../../components/pro-teaser'; import getBlockGapValue from '../../utils/block-gap'; import { CONTROL_BLOCKS } from '../../utils/carousel-controls'; import { useLoopOrphanWarning } from '../../utils/loop-orphan-warning'; @@ -307,6 +307,38 @@ function getRepeatHelp(attributes) { ); } +/** + * What the autoplay mode does, or why it cannot be a marquee. + * + * @param {boolean} repeatable - whether the carousel can run round. + * + * @return {string|Element} Help of the mode control. + */ +function getAutoplayModeHelp(repeatable) { + if (!isProPlugin) { + return ( + + {__( + 'A marquee moves the carousel on without stopping, at a steady speed.', + 'visual-portfolio' + )} + + ); + } + + if (!repeatable) { + return __( + 'A marquee runs round, and this carousel cannot, so it moves slide by slide.', + 'visual-portfolio' + ); + } + + return __( + 'Slide by slide holds each slide for the delay. A marquee moves on without stopping, and the arrows, dots and dragging still work.', + 'visual-portfolio' + ); +} + // The same question the view module asks: where the browser packs masonry // itself, the stylesheet does the layout and no script should run over it. const HAS_NATIVE_MASONRY = !!window.CSS?.supports?.('display', 'grid-lanes'); @@ -880,6 +912,14 @@ export default function BlockEdit({ // greyed, the way the container control is. const repeatable = canRepeat(attributes); + // A marquee is Pro's. The choice of it lives here, beside the delay it + // replaces, and Pro draws its settings under it. The page runs one only + // where the carousel can run round, and steps by the delay elsewhere - so + // does the editor. + const { marquee, ...extensionsWithoutMarquee } = + attributes.extensions || {}; + const runsMarquee = !!marquee && repeatable && isProPlugin; + // An effect that lays the slides out itself leaves no edge for the next // one to show at, so its peek is greyed the same way, and not drawn. const peekable = effectPeeks(carouselEffect); @@ -1380,6 +1420,7 @@ export default function BlockEdit({ carouselRepeat: false, carouselAutoplay: false, carouselAutoplayDelay: 5, + extensions: extensionsWithoutMarquee, carouselPeek: 0, carouselEdgeFade: false, carouselSlideHeight: '', @@ -1432,6 +1473,7 @@ export default function BlockEdit({ setAttributes({ carouselAutoplay: false, carouselAutoplayDelay: 5, + extensions: extensionsWithoutMarquee, }) } > @@ -1444,10 +1486,65 @@ export default function BlockEdit({ )} checked={carouselAutoplay} onChange={(value) => - setAttributes({ carouselAutoplay: value }) + setAttributes({ + carouselAutoplay: value, + ...(value + ? {} + : { extensions: extensionsWithoutMarquee }), + }) } /> {carouselAutoplay && ( + + setAttributes( + 'marquee' === value + ? { + extensions: { + ...extensionsWithoutMarquee, + marquee: {}, + }, + carouselRepeat: true, + } + : { + extensions: + extensionsWithoutMarquee, + } + ) + } + /> + )} + {carouselAutoplay && + runsMarquee && + applyFilters('vpf.itemTemplateMarqueeControls', null, { + attributes, + setAttributes, + })} + {carouselAutoplay && !runsMarquee && ( setAttributes({ carouselRepeat: value }) } diff --git a/gutenberg/blocks/item-template/style.scss b/gutenberg/blocks/item-template/style.scss index 77a3fa29..69e7e545 100644 --- a/gutenberg/blocks/item-template/style.scss +++ b/gutenberg/blocks/item-template/style.scss @@ -491,6 +491,13 @@ $narrow-steps: (1200px: 4, 992px: 3, 768px: 2, 576px: 1); scroll-behavior: auto; } + // A marquee moves the scroll as far as the scroll goes - whole pixels, + // and short of the seam of the loop - and the slides by the rest. See + // `initMarquee` in the view module. + &[data-vp-carousel-marquee] > .wp-block-visual-portfolio-item-template__item { + transform: translateX(calc(-1 * var(--vp-carousel-marquee-shift, 0px))); + } + // The edges dissolve rather than cut, so a half slide reads as more // carousel rather than as a mistake. Three layers: a ramp at each edge // and the solid middle between them, which is what lets one side be diff --git a/gutenberg/blocks/item-template/view.js b/gutenberg/blocks/item-template/view.js index 09c26e3b..1f23ad2f 100644 --- a/gutenberg/blocks/item-template/view.js +++ b/gutenberg/blocks/item-template/view.js @@ -358,6 +358,17 @@ const MODIFIER_KEYS = new Set([ // How long a step of a repeating carousel takes, drawn by the module. const TRAVEL_DURATION = 450; +// How long a marquee takes to reach a new speed, in milliseconds, and how +// long a carousel something else moved has to lie still before the marquee +// takes it up again. +const MARQUEE_EASE = 300; +const MARQUEE_SETTLE = 400; + +// How far a marquee has moved past where the scroll could go - the part of a +// pixel it holds none of, and the margin it keeps at the seam of the loop. +// The stylesheet translates the slides by it. +const MARQUEE_SHIFT_PROPERTY = '--vp-carousel-marquee-shift'; + // The shortest and the longest a move that carries on from a drag takes. Its // length is otherwise the speed it was let go at, which for a slow drag over // the last of a slide is a glide of several seconds, and for a hard flick @@ -2496,6 +2507,165 @@ function initScrub(list) { }; } +/** + * How a carousel asked to run as a marquee. + * + * Only a carousel that repeats can: a marquee never reaches an end, and one + * that could not run round - too few slides, a right to left page - falls + * back to the steps of its delay. + * + * @param {HTMLElement} list Item template list. + * + * @return {Object|null} `speed` in pixels of scroll per millisecond, negative + * backwards, and `hover`, the share of it kept under + * the pointer. Null for a carousel that steps. + */ +function getMarquee(list) { + const speed = parseFloat(list.dataset.vpCarouselMarquee); + const hover = parseFloat(list.dataset.vpCarouselMarqueeHover); + + if (!(speed > 0) || !isRepeating(list)) { + return null; + } + + return { + speed: + (speed / 1000) * + ('backward' === list.dataset.vpCarouselMarqueeDirection ? -1 : 1), + hover: Number.isFinite(hover) ? Math.max(0, Math.min(1, hover)) : 0, + }; +} + +/** + * Move a repeating carousel on at a steady speed. + * + * The scroll holds whole pixels only, so a slow marquee moved by it alone + * stood still on most frames and jumped on the rest. The whole pixels go to + * the scroll and what is left of one to a translation of the slides, which + * the stylesheet reads from the list. + * + * The marquee lets go of the carousel to anything else that moves it - a + * step the module is drawing, a drag, a swipe, the wheel, the keyboard - and + * takes it up again from wherever it came to rest. + * + * @param {HTMLElement} list Item template list. + * @param {Object} marquee What `getMarquee` read. + * + * @return {Object} `drift( elapsed, wanted, now )` to call every frame, with + * the share of the speed the carousel should be moving at, + * and `stop()`. + */ +function initMarquee(list, marquee) { + // Where the marquee put the carousel, between whole pixels. Null while + // something else has it. + let place = null; + // The share of the speed it is moving at, eased towards the one asked + // for, so a pointer that rests on it slows it rather than stopping it + // dead. + let rate = 0; + let pressed = false; + let lastPosition = getScrollPosition(list); + let lastMove = 0; + + const snap = list.style.getPropertyValue(SNAP_TYPE_PROPERTY); + + const setShift = (value) => { + list.style.setProperty(MARQUEE_SHIFT_PROPERTY, `${value}px`); + }; + + const letGo = (now) => { + place = null; + rate = 0; + lastMove = now; + setShift(0); + }; + + const onDown = () => { + pressed = true; + }; + const onUp = () => { + pressed = false; + }; + + list.addEventListener('pointerdown', onDown); + window.addEventListener('pointerup', onUp); + window.addEventListener('pointercancel', onUp); + + const drift = (elapsed, wanted, now) => { + // A marquee rests nowhere, and a snap pulled it back to the slide it + // was leaving on every frame. Written every frame: Blossom writes its + // own snap type when it loads, after the marquee has started. + if ('none' !== list.style.getPropertyValue(SNAP_TYPE_PROPERTY)) { + list.style.setProperty(SNAP_TYPE_PROPERTY, 'none'); + } + + const position = getScrollPosition(list); + const { period } = getRepeatGeometry(list); + // Moved by something other than the marquee since the last frame. A + // turn of the loop is the same picture, so only a move off it counts. + const off = onTheClock(position - lastPosition, period); + const moved = off > 1 && off < period - 1; + + lastPosition = position; + + if (moved) { + lastMove = now; + } + + if ( + !period || + pressed || + travels.has(list) || + (moved && null !== place) + ) { + letGo(now); + + return; + } + + if (null === place) { + // Taken up again once the carousel has come to rest. + if (now - lastMove < MARQUEE_SETTLE) { + return; + } + + place = position; + } + + // At an even rate, so that a stop is a stop and not a crawl. + const change = elapsed / MARQUEE_EASE; + + rate += Math.max(-change, Math.min(change, wanted - rate)); + place = onTheClock(place + marquee.speed * rate * elapsed, period); + + placeRepeating(list, Math.floor(place), period); + lastPosition = getScrollPosition(list); + + // What the scroll could not take. The part of a pixel, and near the + // seam more: the scroll is kept a margin in from either end of its + // range and put at the margin when asked for a place inside it, which + // on its own jumped the marquee over the seam and held it there. + const short = onTheClock(place - lastPosition + period / 2, period); + + setShift(short - period / 2); + }; + + const stop = () => { + list.removeEventListener('pointerdown', onDown); + window.removeEventListener('pointerup', onUp); + window.removeEventListener('pointercancel', onUp); + list.style.removeProperty(MARQUEE_SHIFT_PROPERTY); + + if (snap) { + list.style.setProperty(SNAP_TYPE_PROPERTY, snap); + } else { + list.style.removeProperty(SNAP_TYPE_PROPERTY); + } + }; + + return { drift, stop }; +} + /** * Run a carousel on its own. * @@ -2558,6 +2728,11 @@ function initAutoplay(list) { // showing a different one. let seen = -1; + // A marquee is the same clock run without a wait: it moves every frame the + // clock is not held. + const marquee = getMarquee(list); + const drifting = marquee ? initMarquee(list, marquee) : null; + const setProgress = (value) => { root.style.setProperty( '--vp-carousel-autoplay-progress', @@ -2586,15 +2761,26 @@ function initAutoplay(list) { }); }); + const holding = focusIn.size || held || offscreen || stopped.has(list); + + // Under the pointer a marquee keeps the share of its speed it was + // given, and slows to it. A frame that comes long after the last one - + // a tab brought back - moves it no further than a frame's worth. + if (drifting) { + let wanted = pointerOn.size ? marquee.hover : 1; + + if (holding) { + wanted = 0; + } + + drifting.drift(Math.min(step, 100), wanted, now); + + return; + } + // A held clock reads nothing: the slide it will count for is read on // the first frame it runs again. - if ( - pointerOn.size || - focusIn.size || - held || - offscreen || - stopped.has(list) - ) { + if (pointerOn.size || holding) { return; } @@ -2720,6 +2906,7 @@ function initAutoplay(list) { list.removeEventListener(AUTOPLAY_EVENT, hold); list.removeEventListener(STEP_EVENT, restart); root.style.removeProperty('--vp-carousel-autoplay-progress'); + drifting?.stop(); }; } From 24007d4ffdc2a31a8613c9bde8315b981021086e Mon Sep 17 00:00:00 2001 From: Nikita Date: Sun, 27 Sep 2026 11:43:21 +0300 Subject: [PATCH 2/6] fix(loop): let the keyboard, a finger and the wheel have a marquee - Keyboard focus gives the carousel its snap back, so an arrow key steps a slide. - A finger holds the marquee until it lifts, and any pixel the marquee did not scroll counts as someone else's move, so a slow swipe or sideways wheel is no longer scrolled back. - Only the main button holds it: a context menu on a Mac swallows the release. - A held marquee at a stop measures nothing. --- .../blocks/item-template/view.asset.php | 2 +- build/gutenberg/blocks/item-template/view.js | 2 +- gutenberg/blocks/item-template/view.js | 97 +++++++++++++++---- 3 files changed, 82 insertions(+), 19 deletions(-) diff --git a/build/gutenberg/blocks/item-template/view.asset.php b/build/gutenberg/blocks/item-template/view.asset.php index e5021140..9b9943c6 100644 --- a/build/gutenberg/blocks/item-template/view.asset.php +++ b/build/gutenberg/blocks/item-template/view.asset.php @@ -1 +1 @@ - array('@wordpress/interactivity'), 'version' => 'beb370ea3ee027886fdf', 'type' => 'module'); + array('@wordpress/interactivity'), 'version' => 'e7640b291a2ace8bc65a', 'type' => 'module'); diff --git a/build/gutenberg/blocks/item-template/view.js b/build/gutenberg/blocks/item-template/view.js index 1f26ee25..a7ea464d 100644 --- a/build/gutenberg/blocks/item-template/view.js +++ b/build/gutenberg/blocks/item-template/view.js @@ -1 +1 @@ -import{getElement as e,store as t}from"@wordpress/interactivity";const o="--vp-layout-current-columns";function n(e,t=()=>{}){const n=e.ownerDocument.defaultView||window,r=e.classList.contains("vp-layout-auto-columns");let s=0;const a=()=>{const n=r?function(e){const t=(e.ownerDocument.defaultView||window).getComputedStyle(e),o=e.clientWidth,n=parseFloat(t.columnGap)||0,r=function(e){const t=e.ownerDocument.createElement("div");t.style.cssText="position:absolute;visibility:hidden;pointer-events:none;width:var(--vp-layout-min-column-width,16rem)",e.appendChild(t);const o=t.offsetWidth;return t.remove(),o}(e);if(!o||!r)return 1;const s=parseInt(t.getPropertyValue("--vp-layout-columns"),10),a=Math.floor((o+n)/(r+n));return Math.max(1,s>0?Math.min(a,s):a)}(e):function(e){const t=(e.ownerDocument.defaultView||window).getComputedStyle(e);return Math.max(1,parseInt(t.getPropertyValue(o),10)||1)}(e);n!==s&&(s=n,r&&e.style.setProperty(o,String(n)),t(n))};a();const i=new n.ResizeObserver(a);return i.observe(e),r||i.observe(e.ownerDocument.documentElement),()=>{i.disconnect(),r&&e.style.removeProperty(o)}}const r=".wp-block-visual-portfolio-item-template__item",s=".wp-block-visual-portfolio-item-image";function a(e){const t=e.querySelector("img");return null!=t&&t.naturalWidth&&null!=t&&t.naturalHeight?t.naturalWidth/t.naturalHeight:1}function i(e){const t=e.ownerDocument.createComment("");e.appendChild(t),t.remove()}const l=".wp-block-visual-portfolio-item-template",c=".wp-block-visual-portfolio-item-template__item",u=".vp-block-loop",d=".vp-block-loop-carousel-indicator--dots",p=".vp-block-loop-carousel-dot",h="[data-vp-slide]",f="vp-block-loop-carousel-dot-worm",v=`.${f}`,m="is-collapsed",w="is-edge",y="is-edge-far",g="--vp-carousel-dots-shift",E='[data-vp-carousel-control="autoplay"]',b="vp-carousel-is-scrubbing",L=".vp-block-loop-carousel-thumbnails",M="vp-carousel-control-idle",S="vp-carousel-is-playing",A="vp-carousel-moved-round",x="--vp-carousel-copy-cover",P="--vp-carousel-copy-contain",q="vp-layout-masonry",F="vp-relayout",W="vp-carousel-go-to",I="vp-carousel-autoplay",C="vp-carousel-step",k=()=>{},T=new WeakMap,N=new WeakMap,V=new WeakSet,O=new WeakSet,$=new WeakMap,D=new WeakSet,R=new WeakMap,H=new WeakMap,_=new WeakMap,z="--vp-carousel-seam-shift",G="vp-carousel-pointer-focus",X=new Set(["Alt","AltGraph","CapsLock","Control","Fn","Meta","NumLock","OS","ScrollLock","Shift","Symbol"]),Y="--vp-carousel-marquee-shift",J="--snap-type";function j(e){return"true"===e.dataset.vpCarouselRepeat}function B(e,t){return!fe(e)&&e.querySelectorAll(c).length>Math.max(1,t)}function U(e){const t=e.querySelectorAll(c),o=t.length>1?Math.abs(t[1].offsetLeft-t[0].offsetLeft):e.scrollWidth-e.clientWidth,n=t.length?t.length*o:0;let r=0;if(t.length){const o=window.getComputedStyle(e),n=window.getComputedStyle(t[0]).scrollSnapAlign.startsWith("center"),s=parseFloat(o.paddingInlineStart)||0;r=n?s+(t[0].offsetWidth-e.clientWidth)/2:s-(parseFloat(o.scrollPaddingInlineStart)||0)}return{count:t.length,step:o,period:n,origin:r}}function K(e,t){return t>0?(e%t+t)%t:0}function Q(e,t=U(e)){const{count:o,step:n,period:r,origin:s}=t;return o&&n?Math.round(K(me(e)-s,r)/n)%o:0}function Z(e,t,o=0,n=0){const r=U(e),{count:s,step:a,period:l,origin:c}=r;if(!s||!a)return;const u=(t%s+s)%s,d=me(e),p=c+u*a;let h=p;if(o>0){for(;h-l>d+1;)h-=l;for(;h<=d+1;)h+=l}else if(o<0){for(;h+l=d-1;)h-=l}else h=[p-l,p,p+l].reduce((e,t)=>Math.abs(t-d)te(e,t,n),l=()=>{ee.delete(e),s?e.style.setProperty(J,s):e.style.removeProperty(J),i(e)},c=Math.abs(o-t),u=c>0&&Math.sign(o-t)===Math.sign(r),d=Math.min(700,Math.max(120,3*c/Math.abs(r)));let p=u?d:450;"auto"===ve()&&(p=0);const h=window.performance.now();let f=0;const v=e=>{const n=p?Math.min(1,(e-h)/p):1,r=1-n,s=u?1-r*r*r:.5-Math.cos(Math.PI*n)/2;a(t+(o-t)*s),f=n<1?window.requestAnimationFrame(v):window.requestAnimationFrame(()=>{f=window.requestAnimationFrame(l)})};ee.set(e,()=>{window.cancelAnimationFrame(f),l()}),a(t),f=window.requestAnimationFrame(v)}(e,d,h,l,n)}const ee=new WeakMap;function te(e,t,o){const n=function(e,t){const o=t-4,n=K(e,t);return n>=4&&n<=o?n:n+t<=o?n+t:4}(t,o),r=n!==me(e);e.scrollTo({left:fe(e)?-n:n,behavior:"instant"}),r&&e.dispatchEvent(new window.Event("scroll"))}function oe(e){var t;null===(t=ee.get(e))||void 0===t||t()}function ne(e,t){const{count:o,step:n,origin:r}=U(e),s=r+(o?t%o:0)*n;e.scrollTo({left:fe(e)?-s:s,behavior:"instant"}),we(e)}function re(e,t,o=ve()){e.scrollTo({left:fe(e)?-t:t,behavior:o})}const se=!(null===(ae=window.CSS)||void 0===ae||null===(ie=ae.supports)||void 0===ie||!ie.call(ae,"display","grid-lanes"));var ae,ie;function le(e){return function(e,t){const o=e.ownerDocument.defaultView||window,a=()=>t(e),i=n(e,a);a(),e.addEventListener("load",a,!0);const l=new o.ResizeObserver(a);return l.observe(e),()=>{i(),e.removeEventListener("load",a,!0),l.disconnect(),e.style.height="",Array.from(e.querySelectorAll(r)).forEach(e=>{!function(e){e.style.position="",e.style.left="",e.style.top="",e.style.width="",e.style.height="";const t=e.querySelector(s);t&&(t.style.height="")}(e),e.dataset.vpLayoutHidden&&(delete e.dataset.vpLayoutHidden,e.style.display="")})}}(e,e=>function(e,t){const{width:o,gap:n,rowGap:i,rowHeight:l}=function(e){const t=(e.ownerDocument.defaultView||window).getComputedStyle(e),o=e.clientWidth,n=e=>e.endsWith("%")?parseFloat(e)/100*o:parseFloat(e),r=n(t.columnGap)||0,s=n(t.rowGap);return{width:o,gap:r,rowGap:Number.isNaN(s)?r:s,columns:Math.max(1,parseInt(t.getPropertyValue("--vp-layout-current-columns"),10)||1),rowHeight:parseFloat(t.getPropertyValue("--vp-layout-row-height"))||320}}(e),c=function(e){const t=e.ownerDocument.defaultView||window;return Array.from(e.querySelectorAll(r)).filter(e=>"true"===e.dataset.vpLayoutHidden||"none"!==t.getComputedStyle(e).display)}(e);if(!c.length||!o)return;const u=c.map(a),d=[];let p=[],h=0;const f=l*(1+Math.max(0,t.rowHeightTolerance||0));c.forEach((e,t)=>{p.push(t),h+=u[t];const r=(o-n*(p.length-1))/h;r<=f&&(d.push({items:p,height:r,isFull:!0}),p=[],h=0)}),p.length&&d.push({items:p,height:l,isFull:!1});const v=t.maxRowsCount?d.slice(0,t.maxRowsCount):d;let m=0;v.forEach(e=>{const r=e.items.reduce((t,o)=>t+u[o]*e.height,0)+n*(e.items.length-1);let a=0;e.isFull||("center"===t.lastRow?a=(o-r)/2:"right"===t.lastRow&&(a=o-r));let l=0;e.items.forEach(t=>{const o=c[t],r=u[t]*e.height,i=o.querySelector(s);o.style.position="absolute",o.style.left=`${a}px`,o.style.top=`${m}px`,o.style.width=`${r}px`,i&&(i.style.height=`${e.height}px`),l=Math.max(l,o.offsetHeight),a+=r+n}),m+=l+i}),d.forEach((e,o)=>{const n=o>=v.length||!e.isFull&&"hide"===t.lastRow;e.items.forEach(e=>{const t=c[e];n?(t.dataset.vpLayoutHidden="true",t.style.display="none"):t.dataset.vpLayoutHidden&&(delete t.dataset.vpLayoutHidden,t.style.display="")})}),e.style.height=`${Math.max(0,m-i)}px`}(e,function(e){const t=e.dataset;return{rowHeight:parseFloat(t.vpJustifiedRowHeight)||320,rowHeightTolerance:parseFloat(t.vpJustifiedTolerance)||0,maxRowsCount:parseInt(t.vpJustifiedMaxRows,10)||0,lastRow:t.vpJustifiedLastRow||"left"}}(e)))}function ce(e){return e.closest(".wp-block-visual-portfolio-item-template__carousel-frame")}function ue(e){return e.closest(u)||ce(e)||e}function de(e){return Array.from(ue(e).querySelectorAll("[data-vp-carousel-control]"))}function pe(e){const t=Array.from(e.querySelectorAll(c));if(!t.length)return[];const o=fe(e),n=Math.max(0,e.scrollWidth-e.clientWidth),r=window.getComputedStyle(t[0]).scrollSnapAlign.startsWith("center"),s=r?0:parseFloat(window.getComputedStyle(e).scrollPaddingInlineStart)||0;return t.map(t=>{const a=o?e.clientWidth-t.offsetLeft-t.offsetWidth:t.offsetLeft,i=r?(e.clientWidth-t.offsetWidth)/2:s,l=Math.max(0,Math.min(n,a-i));return n-l<2?n:l})}function he(e,t=pe(e)){if(j(e))return Q(e);const o=me(e);let n=0,r=Number.POSITIVE_INFINITY;return t.forEach((e,t)=>{const s=Math.abs(e-o);s=n;if(t.querySelectorAll(".vp-block-loop-carousel-previous").forEach(e=>{e.disabled=s}),t.querySelectorAll(".vp-block-loop-carousel-next").forEach(e=>{e.disabled=a}),e.classList.contains("vp-carousel-edge-fade")){const t=fe(e);Ee(e,"left",t?a:s),Ee(e,"right",t?s:a)}!function(e,t=ue(e)){const o=ye(e),n=e.querySelectorAll(c).length;t.querySelectorAll(h).forEach(e=>{const t=parseInt(e.dataset.vpSlide,10);e.setAttribute("aria-current",t===o?"true":"false")});const r=Se(e);t.querySelectorAll(d).forEach(e=>{!function(e,t,o){const n=e.querySelectorAll(p);if(!n.length)return;let r=0;o.forEach((e,o)=>{e<=t&&(r=o)}),n.forEach((e,t)=>{e.setAttribute("aria-current",t===r?"true":"false")});const s=parseInt(e.dataset.vpMaxDots,10)||0,a=s>0&&n.length>s,i=Le(e,n.length,r);if(function(e,t,o){const n=e.querySelector(v);if(!n)return;const r={left:Math.round(t.centreOf(t.index)-t.grown/2),width:t.grown},s=R.get(e);if(s&&s.left===r.left&&s.width===r.width)return;R.set(e,r);const a=(e,t)=>{n.style.insetInlineStart=`${Math.round(e)}px`,n.style.width=`${Math.round(t)}px`};if(!s||"auto"===ve())return H.delete(e),void a(r.left,r.width);const i=H.get(e)||{tail:s.left,head:s.left+s.width,frame:0};if(i.tailFrom=i.tail,i.headFrom=i.head,i.tailTo=r.left,i.headTo=r.left+r.width,i.onwards=i.tailTo>=i.tailFrom,i.reach=o,i.started=window.performance.now(),H.set(e,i),i.frame)return;const l=()=>{if(!n.isConnected||H.get(e)!==i)return void(i.frame=0);const t=Math.min(1,(window.performance.now()-i.started)/420),o=(e=>1-(1-e)**3)(Math.min(1,t/.55)),r=(e=>e*e*(3-2*e))(Math.max(0,(t-.32)/.6799999999999999)),s=i.onwards?o:r,c=i.onwards?r:o;i.head=i.headFrom+(i.headTo-i.headFrom)*s,i.tail=i.tailFrom+(i.tailTo-i.tailFrom)*c,i.head-i.tail>i.reach&&(i.onwards?i.tail=i.head-i.reach:i.head=i.tail+i.reach),a(i.tail,Math.max(1,i.head-i.tail)),i.frame=t<1?window.requestAnimationFrame(l):0};i.frame=window.requestAnimationFrame(l)}(e,i,a?3*i.slot:Number.POSITIVE_INFINITY),!a)return e.classList.remove(m),e.style.removeProperty(g),n.forEach(e=>{e.classList.remove(w,y)}),void $.delete(e);e.classList.add(m);const l=e.querySelector(`${p}:focus-visible`),c=l?Array.prototype.indexOf.call(n,l):r;D.has(e)||(D.add(e),e.addEventListener("focusin",t=>{const o=t.target.closest(p);if(null==o||!o.matches(":focus-visible"))return;const n=e.querySelectorAll(p),r=Math.max(0,Array.prototype.findIndex.call(n,e=>"true"===e.getAttribute("aria-current")));Ae(e,Le(e,n.length,r),Array.prototype.indexOf.call(n,o))})),Ae(e,i,c)}(e,o,r)}),t.querySelectorAll(L).forEach(e=>{!function(e,t){if($.get(e)===t)return;$.set(e,t);const o=e.querySelectorAll(".vp-block-loop-carousel-thumb")[t];if(!o||e.scrollWidth<=e.clientWidth)return;const n=o.offsetLeft+o.offsetWidth/2,r=e.scrollWidth-e.clientWidth,s=n-e.clientWidth/2,a=fe(e)?Math.max(-r,Math.min(0,s)):Math.max(0,Math.min(r,s));e.scrollTo({left:a,behavior:ve()})}(e,o)}),t.querySelectorAll(".vp-block-loop-carousel-indicator--counter").forEach(e=>{ge(e,".vp-block-loop-carousel-counter-current",o+1),ge(e,".vp-block-loop-carousel-counter-total",n)});const s=function(e){if(j(e)){const t=e.querySelectorAll(c).length;return t>1?ye(e)/(t-1):1}const t=e.scrollWidth-e.clientWidth;return t>0?Math.min(1,Math.max(0,me(e)/t)):1}(e);t.querySelectorAll(".vp-block-loop-carousel-indicator--progress").forEach(e=>{e.style.setProperty("--vp-carousel-progress",100*s+"%"),e.setAttribute("aria-valuenow",String(Math.round(100*s)));const t=e.dataset.vpPositionLabel;t&&e.setAttribute("aria-valuetext",t.replace("%1$d",String(o+1)).replace("%2$d",String(n)))})}(e,t)}function ye(e){const t=N.get(e);return t&&window.performance.now()-t.time<1200?t.index:he(e)}function ge(e,t,o){const n=e.querySelector(t),r=String(o);n&&n.textContent!==r&&(n.textContent=r)}function Ee(e,t,o){const n=`--vp-carousel-fade-${t}`;o!==("0px"===e.style.getPropertyValue(n))&&(o?e.style.setProperty(n,"0px"):e.style.removeProperty(n))}function be(e){const t=Se(e);ue(e).querySelectorAll(d).forEach(e=>{!function(e,t){const o=e.querySelectorAll(p),n=e.dataset.vpDotLabel||"",r=t.length;for(let e=o.length-1;e>=r;e-=1)o[e].remove();for(let t=o.length;t{const r=t[o];e.dataset.vpSlide=String(r),e.setAttribute("aria-label",n.replace("%d",String(r+1)))}),r&&!e.querySelector(v)){const t=document.createElement("span");t.className=f,t.setAttribute("aria-hidden","true"),t.innerHTML='',e.prepend(t)}}(e,t)})}function Le(e,t,o){const n=window.getComputedStyle(e),r=parseFloat(n.getPropertyValue("--vp-carousel-dot-slot"))||18,s=parseFloat(n.getPropertyValue("--vp-carousel-dot-size"))||6,a=parseFloat(n.getPropertyValue("--vp-carousel-dot-active-size"))||r,i=Math.max(0,(a-s)/2),l=parseFloat(n.paddingInlineStart)||0,c=Math.min(Math.max(o,0),Math.max(0,t-1));return{slot:r,grown:a,index:c,centreOf:e=>l+e*r+r/2+(e=>e===c?0:e{const i=0===t%n||!r&&t===s;e.classList.toggle("vp-carousel-no-snap",n>1&&!i);const l=a[a.length-1];i&&(r||1===n||void 0===l||o[t]!==o[l])&&a.push(t)}),_.set(e,a)}function Se(e){return _.get(e)||Array.from(e.querySelectorAll(c),(e,t)=>t)}function Ae(e,t,o){const n=e.querySelectorAll(p),r=e.clientWidth;if(!r||$.get(e)===o)return;$.set(e,o);const{centreOf:s,content:a}=t,i=Math.round(Math.min(0,Math.max(r-a,r/2-s(o))));e.style.setProperty(g,`${i}px`);const l=[i<0,i>r-a],c=[];n.forEach((e,t)=>{const o=s(t)+i;o>=0&&o<=r&&c.push(t)}),n.forEach((e,t)=>{const n=c.indexOf(t),r=t===o||n<0?n<0?-1:Number.POSITIVE_INFINITY:Math.min(l[0]?n:Number.POSITIVE_INFINITY,l[1]?c.length-1-n:Number.POSITIVE_INFINITY);e.classList.toggle(w,1===r),e.classList.toggle(y,r<=0)})}function xe(e,t,o){let n=t+o;for(;n>=0&&n=1)return n;if(!Number.isInteger(n))return 1;const r=e.clientWidth;if(j(e)){const{step:t}=U(e);return t>0?Math.max(1,Math.round(r/t)):1}const s=t[Math.max(0,Math.min(t.length-1,o))];for(let e=o+1;e=r)return e-o;return Math.max(1,t.length-1-o)}function qe(e,t,o){if(!e.length)return t;let n=t,r=Number.POSITIVE_INFINITY;return e.forEach(e=>{[e-o,e,e+o].forEach(e=>{const o=Math.abs(e-t);o0?null!==(r=e.find(e=>e>t))&&void 0!==r?r:e[0]:null!==(n=[...e].reverse().find(e=>e0&&t>=e.length-1||o<0&&t<=0)return r;const s=Math.max(0,Math.min(e.length-1,r));return e[s]===e[t]?xe(e,t,o):s}(r,s,t,a),r)}function We(e,t,o=pe(e)){if(j(e))return void Z(e,t);const n=Math.max(0,Math.min(o.length-1,t));o.length&&n===t&&(N.set(e,{index:n,time:window.performance.now()}),re(e,o[n]))}function Ie(e){const t=1e3*parseFloat(e.dataset.vpCarouselAutoplay);if(!t||window.matchMedia("(prefers-reduced-motion: reduce)").matches)return k;const o=ue(e),n=[ce(e)||e,...de(e)];let r=0,s=0,a=0;const i=new Set,l=new Set;let c=!1,u=!0,d=-1;const p=function(e){const t=parseFloat(e.dataset.vpCarouselMarquee),o=parseFloat(e.dataset.vpCarouselMarqueeHover);return t>0&&j(e)?{speed:t/1e3*("backward"===e.dataset.vpCarouselMarqueeDirection?-1:1),hover:Number.isFinite(o)?Math.max(0,Math.min(1,o)):0}:null}(e),h=p?function(e,t){let o=null,n=0,r=!1,s=me(e),a=0;const i=e.style.getPropertyValue(J),l=t=>{e.style.setProperty(Y,`${t}px`)},c=()=>{r=!0},u=()=>{r=!1};return e.addEventListener("pointerdown",c),window.addEventListener("pointerup",u),window.addEventListener("pointercancel",u),{drift:(i,c,u)=>{"none"!==e.style.getPropertyValue(J)&&e.style.setProperty(J,"none");const d=me(e),{period:p}=U(e),h=K(d-s,p),f=h>1&&h{o=null,n=0,a=e,l(0)})(u);if(null===o){if(u-a<400)return;o=d}const v=i/300;n+=Math.max(-v,Math.min(v,c-n)),o=K(o+t.speed*n*i,p),te(e,Math.floor(o),p),s=me(e);const m=K(o-s+p/2,p);l(m-p/2)},stop:()=>{e.removeEventListener("pointerdown",c),window.removeEventListener("pointerup",u),window.removeEventListener("pointercancel",u),e.style.removeProperty(Y),i?e.style.setProperty(J,i):e.style.removeProperty(J)}}}(e,p):null,f=e=>{o.style.setProperty("--vp-carousel-autoplay-progress",100*e+"%")},v=()=>{r=0,f(0)},m=o=>{a=window.requestAnimationFrame(m);const n=o-s;s=o,[i,l].forEach(e=>{e.forEach(t=>{t.isConnected||e.delete(t)})});const w=l.size||c||u||V.has(e);if(h){let e=i.size?p.hover:1;return w&&(e=0),void h.drift(Math.min(n,100),e,o)}if(i.size||w)return;const y=ye(e);y!==d&&(d=y,v()),r+=n,f(Math.min(1,r/t)),r=e.scrollWidth-e.clientWidth-1?e.scrollTo({left:0,behavior:ve()}):Fe(e,1))},w=e=>i.add(e.currentTarget),y=e=>i.delete(e.currentTarget),g=e=>{var t,o;null!==(t=(o=e.target).matches)&&void 0!==t&&t.call(o,":focus-visible")&&!e.target.classList.contains(G)&&l.add(e.currentTarget)},E=e=>l.delete(e.currentTarget),b=e=>{var t,o;"visitor"!==(null===(t=e.detail)||void 0===t?void 0:t.source)&&(c=!1===(null===(o=e.detail)||void 0===o?void 0:o.playing))},L=ce(e)||e,M=new(L.ownerDocument.defaultView||window).IntersectionObserver(e=>{e.forEach(e=>{u=!e.isIntersecting})},{threshold:.5});return M.observe(L),o.classList.add(S),n.forEach(e=>{e.addEventListener("pointerenter",w),e.addEventListener("pointerleave",y),e.addEventListener("focusin",g),e.addEventListener("focusout",E)}),e.addEventListener(I,b),e.addEventListener(C,v),Ce(e,o),a=window.requestAnimationFrame(e=>{s=e,m(e)}),()=>{window.cancelAnimationFrame(a),M.disconnect(),o.classList.remove(S),n.forEach(e=>{e.removeEventListener("pointerenter",w),e.removeEventListener("pointerleave",y),e.removeEventListener("focusin",g),e.removeEventListener("focusout",E)}),e.removeEventListener(I,b),e.removeEventListener(C,v),o.style.removeProperty("--vp-carousel-autoplay-progress"),null==h||h.stop()}}function Ce(e,t=ue(e)){const o=!V.has(e);t.classList.toggle("vp-carousel-is-stopped",!o),t.querySelectorAll(E).forEach(e=>{const t=o?e.dataset.vpPauseLabel:e.dataset.vpPlayLabel;t&&e.setAttribute("aria-label",t)})}function ke(e,t){const o=()=>we(e),r=t=>{var o;return We(e,null===(o=t.detail)||void 0===o?void 0:o.index)};let s;j(e)&&O.add(e);let a=0;const l=n(e,t=>{a=t,void 0!==s&&O.has(e)&&B(e,t)!==s?e.dispatchEvent(new window.Event(F)):(Me(e),be(e),we(e),T.has(e)&&i(e))});s=O.has(e)&&B(e,a),s?e.dataset.vpCarouselRepeat="true":delete e.dataset.vpCarouselRepeat;const u=!!parseFloat(e.dataset.vpCarouselAutoplay)&&!window.matchMedia("(prefers-reduced-motion: reduce)").matches,d=function(e,t){const o=de(e).filter(e=>t||!e.matches(E));return o.forEach(e=>{e.classList.remove(M)}),()=>{o.forEach(e=>{e.classList.add(M)})}}(e,u);Me(e),be(e),we(e),e.addEventListener("scroll",o,{passive:!0}),e.addEventListener(W,r);const p=function(e,t){const o=new window.MutationObserver(e=>{const o=e.flatMap(e=>Array.from(e.addedNodes)).filter(e=>{var t;return 1===e.nodeType&&(null===(t=e.matches)||void 0===t?void 0:t.call(e,c))});o.length&&t()});return o.observe(e,{childList:!0}),()=>o.disconnect()}(e,()=>{Me(e),be(e),we(e)}),h=s?function(e){const t=e.ownerDocument.defaultView||window,o=()=>{const t=parseFloat(e.style.getPropertyValue(z))||0,{count:o,step:n,period:r,origin:s}=U(e);if(!o||!n)return;const a=((s-t)%n+n)%n,l=a<5||a>n-5?10:0;l!==t&&(l?e.style.setProperty(z,`${l}px`):e.style.removeProperty(z),r&&te(e,me(e)+(l-t),r),T.has(e)&&i(e))};o();const n=new t.ResizeObserver(o);return n.observe(e),()=>{n.disconnect(),e.style.removeProperty(z)}}(e):k;s&&ne(e,null!=t?t:0);const f=window.matchMedia("(hover: hover) and (pointer: fine)").matches,v=e.dataset.vpCarouselSrc,m=t=>{0===t.button&&(t.preventDefault(),e.classList.add(G),e.focus({preventScroll:!0}))},w=()=>e.classList.remove(G),y=e=>{X.has(e.key)||w()};f&&(e.addEventListener("mousedown",m),e.addEventListener("keydown",y),e.addEventListener("blur",w));const g=s?function(e){let t=[],o=0;const n=e=>{o+=Math.abs(e.clientX-t[t.length-1].x),t.push({x:e.clientX,time:e.timeStamp})},r=()=>{window.removeEventListener("pointermove",n),window.removeEventListener("pointerup",s),window.removeEventListener("pointercancel",s)};function s(n){if(r(),o<=10||"true"!==e.getAttribute("has-overflow"))return;const{count:s,step:a,origin:i}=U(e);if(!s||!a)return;const l=n.clientX,c=n.timeStamp,u=t.find(e=>c-e.time<=80)||t[t.length-1],d=Math.max(1,c-u.time),p=(l-u.x)/d*(fe(e)?1:-1),h=me(e)+290*p;Z(e,qe(Se(e),Math.round((h-i)/a),s),0,p)}const a=r=>{oe(e),t=[{x:r.clientX,time:r.timeStamp}],o=0,window.addEventListener("pointermove",n),window.addEventListener("pointerup",s),window.addEventListener("pointercancel",s)};return e.addEventListener("pointerdown",a),()=>{e.removeEventListener("pointerdown",a),r()}}(e):k,S=s?function(e){const t=Object.getOwnPropertyDescriptor(Element.prototype,"scrollWidth");return null!=t&&t.get?(Object.defineProperty(e,"scrollWidth",{configurable:!0,get(){const o=e.querySelectorAll(c);return o.length<2?t.get.call(e):e.clientWidth+o.length*Math.abs(o[1].offsetLeft-o[0].offsetLeft)}}),()=>{delete e.scrollWidth}):k}(e):k;let q=!1;(f||s)&&v&&import(v).then(({Blossom:o})=>{if(q||!e.isConnected||T.has(e))return;const n=o(e,{repeat:s});T.set(e,n),n.init(),s&&(i(e),ne(e,null!=t?t:0),window.requestAnimationFrame(()=>{window.requestAnimationFrame(()=>{T.has(e)&&i(e)})}))}).catch(()=>{});const I=Ie(e),V=function(e){const t=ue(e),o=Array.from(t.querySelectorAll(".vp-block-loop-carousel-indicator--progress.is-draggable"));if(!o.length)return k;let n=null,r=null,s=0,a=!1;const i=()=>{n?e.style.setProperty(J,n):e.style.removeProperty(J),n=null,e.classList.remove(b)},l=(t,o)=>{const n=t.getBoundingClientRect(),r=fe(e)?n.right-o:o-n.left;return n.width>0?Math.min(1,Math.max(0,r/n.width)):0},u=(t,o)=>qe(Se(e),Math.round(t*Math.max(0,o-1)),o),d=t=>{if(r){if(!a){if(Math.abs(t.clientX-s)<3)return;a=!0,n=e.style.getPropertyValue(J),e.style.setProperty(J,"none"),e.classList.add(b),N.delete(e)}(t=>{if(j(e)){const{count:o,step:n,origin:r,period:s}=U(e);return void te(e,r+t*Math.max(0,o-1)*n,s)}re(e,t*(e.scrollWidth-e.clientWidth),"instant")})(l(r,t.clientX))}},p=t=>{if(!r)return;const o=l(r,t.clientX),n=a;r=null,a=!1,window.removeEventListener("pointermove",d),window.removeEventListener("pointerup",p),window.removeEventListener("pointercancel",p),n?(t=>{if(i(),!j(e))return;const o=e.querySelectorAll(c).length;Z(e,u(t,o),0)})(o):(t=>{const o=e.querySelectorAll(c).length;e.dispatchEvent(new window.CustomEvent(C)),j(e)?Z(e,u(t,o),0):re(e,t*(e.scrollWidth-e.clientWidth))})(o)},h=t=>{oe(e),r=t.currentTarget,s=t.clientX,a=!1,window.addEventListener("pointermove",d),window.addEventListener("pointerup",p),window.addEventListener("pointercancel",p)},f=t=>{const o=fe(e),n=e.querySelectorAll(c).length,r=o?"ArrowRight":"ArrowLeft",s=o?"ArrowLeft":"ArrowRight";switch(t.key){case r:case"ArrowDown":case"PageDown":Fe(e,-1);break;case s:case"ArrowUp":case"PageUp":Fe(e,1);break;case"Home":We(e,0);break;case"End":We(e,n-1);break;default:return}t.preventDefault()};return o.forEach(e=>{e.addEventListener("pointerdown",h),e.addEventListener("keydown",f)}),()=>{o.forEach(e=>{e.removeEventListener("pointerdown",h),e.removeEventListener("keydown",f)}),window.removeEventListener("pointermove",d),window.removeEventListener("pointerup",p),window.removeEventListener("pointercancel",p),i()}}(e),$=function(e,t){const o=Array.from(ue(e).querySelectorAll(L)),n=e.dataset.vpCarouselSrc;if(!o.length||!n||!t)return k;const r=[];let s=!1;return import(n).then(({Blossom:e})=>{s||o.forEach(t=>{if(!t.isConnected||T.has(t))return;const o=e(t,{repeat:!1});T.set(t,o),o.init(),r.push(t)})}).catch(()=>{}),()=>{s=!0,r.forEach(e=>{var t;null===(t=T.get(e))||void 0===t||t.destroy(),T.delete(e)})}}(e,f),D=s?function(e){const t=t=>{const o=parseFloat(t.style.translate)||0;if(t.classList.toggle(A,!!o),!o)return t.style.removeProperty(x),void t.style.removeProperty(P);const n=parseFloat(window.getComputedStyle(t).viewTimelineInset)||0,r=t.offsetLeft+o,s=r+t.offsetWidth,a=e.clientWidth;t.style.setProperty(x,`${r-a+n}px ${s-n}px`),t.style.setProperty(P,`${s-a+n}px ${r-n}px`)},o=new window.MutationObserver(e=>{e.forEach(e=>{t(e.target)})});return e.querySelectorAll(c).forEach(t),o.observe(e,{attributes:!0,attributeFilter:["style"],subtree:!0}),()=>{o.disconnect(),e.querySelectorAll(c).forEach(e=>{e.classList.remove(A),e.style.removeProperty(x),e.style.removeProperty(P)})}}(e):k;return e.dispatchEvent(new window.CustomEvent("vp-carousel-start",{bubbles:!0})),()=>{q=!0,e.dispatchEvent(new window.CustomEvent("vp-carousel-stop",{bubbles:!0})),D(),I(),V(),$(),l(),d(),e.removeEventListener("scroll",o),e.removeEventListener(W,r),e.removeEventListener("mousedown",m),e.removeEventListener("keydown",y),e.removeEventListener("blur",w),w(),h(),g(),oe(e),S(),p();const t=T.get(e);t&&(T.delete(e),t.destroy(),e.querySelectorAll(c).forEach(e=>{e.style.removeProperty("translate")}))}}function Te(e){var t;return(null===(t=e.closest(u))||void 0===t?void 0:t.querySelector(l))||null}function Ne(e,t){return"justified"===e.dataset.vpLayout?le(e):"carousel"===e.dataset.vpLayout?ke(e,t):void 0}se&&"undefined"!=typeof document&&document.querySelectorAll(`${l}.${q}`).forEach(e=>{e.classList.remove(q),e.classList.add("vp-layout-masonry-native")}),t("visual-portfolio/item-template",{state:{hasScript:!0,useJsMasonry:!se,useNativeMasonry:se},actions:{carouselPrev(){const t=Te(e().ref);t&&Fe(t,-1)},carouselNext(){const t=Te(e().ref);t&&Fe(t,1)},carouselAutoplayToggle(){const{ref:t}=e(),o=Te(t);if(!o)return;const n=V.has(o);n?V.delete(o):V.add(o),Ce(o),o.dispatchEvent(new window.CustomEvent(I,{detail:{playing:n,source:"visitor"}}))},carouselGoTo(t){const{ref:o}=e(),n=t.target.closest(h),r=Te(o),s=n?parseInt(n.dataset.vpSlide,10):-1;!r||s<0||(r.dispatchEvent(new window.CustomEvent(C)),We(r,s))}},callbacks:{initLayout(){const{ref:t}=e();let o=Ne(t);if(!o)return;const n=()=>{const e="carousel"===t.dataset.vpLayout?he(t):void 0;o(),o=Ne(t,e)||k};return t.addEventListener(F,n),()=>{t.removeEventListener(F,n),o()}}}}); \ No newline at end of file +import{getElement as e,store as t}from"@wordpress/interactivity";const o="--vp-layout-current-columns";function n(e,t=()=>{}){const n=e.ownerDocument.defaultView||window,r=e.classList.contains("vp-layout-auto-columns");let s=0;const a=()=>{const n=r?function(e){const t=(e.ownerDocument.defaultView||window).getComputedStyle(e),o=e.clientWidth,n=parseFloat(t.columnGap)||0,r=function(e){const t=e.ownerDocument.createElement("div");t.style.cssText="position:absolute;visibility:hidden;pointer-events:none;width:var(--vp-layout-min-column-width,16rem)",e.appendChild(t);const o=t.offsetWidth;return t.remove(),o}(e);if(!o||!r)return 1;const s=parseInt(t.getPropertyValue("--vp-layout-columns"),10),a=Math.floor((o+n)/(r+n));return Math.max(1,s>0?Math.min(a,s):a)}(e):function(e){const t=(e.ownerDocument.defaultView||window).getComputedStyle(e);return Math.max(1,parseInt(t.getPropertyValue(o),10)||1)}(e);n!==s&&(s=n,r&&e.style.setProperty(o,String(n)),t(n))};a();const i=new n.ResizeObserver(a);return i.observe(e),r||i.observe(e.ownerDocument.documentElement),()=>{i.disconnect(),r&&e.style.removeProperty(o)}}const r=".wp-block-visual-portfolio-item-template__item",s=".wp-block-visual-portfolio-item-image";function a(e){const t=e.querySelector("img");return null!=t&&t.naturalWidth&&null!=t&&t.naturalHeight?t.naturalWidth/t.naturalHeight:1}function i(e){const t=e.ownerDocument.createComment("");e.appendChild(t),t.remove()}const l=".wp-block-visual-portfolio-item-template",c=".wp-block-visual-portfolio-item-template__item",u=".vp-block-loop",d=".vp-block-loop-carousel-indicator--dots",p=".vp-block-loop-carousel-dot",h="[data-vp-slide]",f="vp-block-loop-carousel-dot-worm",v=`.${f}`,m="is-collapsed",w="is-edge",y="is-edge-far",g="--vp-carousel-dots-shift",E='[data-vp-carousel-control="autoplay"]',L="vp-carousel-is-scrubbing",b=".vp-block-loop-carousel-thumbnails",M="vp-carousel-control-idle",S="vp-carousel-is-playing",A="vp-carousel-moved-round",x="--vp-carousel-copy-cover",P="--vp-carousel-copy-contain",q="vp-layout-masonry",F="vp-relayout",W="vp-carousel-go-to",I="vp-carousel-autoplay",C="vp-carousel-step",k=()=>{},T=new WeakMap,N=new WeakMap,V=new WeakSet,O=new WeakSet,$=new WeakMap,D=new WeakSet,R=new WeakMap,H=new WeakMap,_=new WeakMap,z="--vp-carousel-seam-shift",X="vp-carousel-pointer-focus",G=new Set(["Alt","AltGraph","CapsLock","Control","Fn","Meta","NumLock","OS","ScrollLock","Shift","Symbol"]),Y="--vp-carousel-marquee-shift",J="--snap-type";function j(e){return"true"===e.dataset.vpCarouselRepeat}function B(e,t){return!fe(e)&&e.querySelectorAll(c).length>Math.max(1,t)}function U(e){const t=e.querySelectorAll(c),o=t.length>1?Math.abs(t[1].offsetLeft-t[0].offsetLeft):e.scrollWidth-e.clientWidth,n=t.length?t.length*o:0;let r=0;if(t.length){const o=window.getComputedStyle(e),n=window.getComputedStyle(t[0]).scrollSnapAlign.startsWith("center"),s=parseFloat(o.paddingInlineStart)||0;r=n?s+(t[0].offsetWidth-e.clientWidth)/2:s-(parseFloat(o.scrollPaddingInlineStart)||0)}return{count:t.length,step:o,period:n,origin:r}}function K(e,t){return t>0?(e%t+t)%t:0}function Q(e,t=U(e)){const{count:o,step:n,period:r,origin:s}=t;return o&&n?Math.round(K(me(e)-s,r)/n)%o:0}function Z(e,t,o=0,n=0){const r=U(e),{count:s,step:a,period:l,origin:c}=r;if(!s||!a)return;const u=(t%s+s)%s,d=me(e),p=c+u*a;let h=p;if(o>0){for(;h-l>d+1;)h-=l;for(;h<=d+1;)h+=l}else if(o<0){for(;h+l=d-1;)h-=l}else h=[p-l,p,p+l].reduce((e,t)=>Math.abs(t-d)te(e,t,n),l=()=>{ee.delete(e),s?e.style.setProperty(J,s):e.style.removeProperty(J),i(e)},c=Math.abs(o-t),u=c>0&&Math.sign(o-t)===Math.sign(r),d=Math.min(700,Math.max(120,3*c/Math.abs(r)));let p=u?d:450;"auto"===ve()&&(p=0);const h=window.performance.now();let f=0;const v=e=>{const n=p?Math.min(1,(e-h)/p):1,r=1-n,s=u?1-r*r*r:.5-Math.cos(Math.PI*n)/2;a(t+(o-t)*s),f=n<1?window.requestAnimationFrame(v):window.requestAnimationFrame(()=>{f=window.requestAnimationFrame(l)})};ee.set(e,()=>{window.cancelAnimationFrame(f),l()}),a(t),f=window.requestAnimationFrame(v)}(e,d,h,l,n)}const ee=new WeakMap;function te(e,t,o){const n=function(e,t){const o=t-4,n=K(e,t);return n>=4&&n<=o?n:n+t<=o?n+t:4}(t,o),r=n!==me(e);e.scrollTo({left:fe(e)?-n:n,behavior:"instant"}),r&&e.dispatchEvent(new window.Event("scroll"))}function oe(e){var t;null===(t=ee.get(e))||void 0===t||t()}function ne(e,t){const{count:o,step:n,origin:r}=U(e),s=r+(o?t%o:0)*n;e.scrollTo({left:fe(e)?-s:s,behavior:"instant"}),we(e)}function re(e,t,o=ve()){e.scrollTo({left:fe(e)?-t:t,behavior:o})}const se=!(null===(ae=window.CSS)||void 0===ae||null===(ie=ae.supports)||void 0===ie||!ie.call(ae,"display","grid-lanes"));var ae,ie;function le(e){return function(e,t){const o=e.ownerDocument.defaultView||window,a=()=>t(e),i=n(e,a);a(),e.addEventListener("load",a,!0);const l=new o.ResizeObserver(a);return l.observe(e),()=>{i(),e.removeEventListener("load",a,!0),l.disconnect(),e.style.height="",Array.from(e.querySelectorAll(r)).forEach(e=>{!function(e){e.style.position="",e.style.left="",e.style.top="",e.style.width="",e.style.height="";const t=e.querySelector(s);t&&(t.style.height="")}(e),e.dataset.vpLayoutHidden&&(delete e.dataset.vpLayoutHidden,e.style.display="")})}}(e,e=>function(e,t){const{width:o,gap:n,rowGap:i,rowHeight:l}=function(e){const t=(e.ownerDocument.defaultView||window).getComputedStyle(e),o=e.clientWidth,n=e=>e.endsWith("%")?parseFloat(e)/100*o:parseFloat(e),r=n(t.columnGap)||0,s=n(t.rowGap);return{width:o,gap:r,rowGap:Number.isNaN(s)?r:s,columns:Math.max(1,parseInt(t.getPropertyValue("--vp-layout-current-columns"),10)||1),rowHeight:parseFloat(t.getPropertyValue("--vp-layout-row-height"))||320}}(e),c=function(e){const t=e.ownerDocument.defaultView||window;return Array.from(e.querySelectorAll(r)).filter(e=>"true"===e.dataset.vpLayoutHidden||"none"!==t.getComputedStyle(e).display)}(e);if(!c.length||!o)return;const u=c.map(a),d=[];let p=[],h=0;const f=l*(1+Math.max(0,t.rowHeightTolerance||0));c.forEach((e,t)=>{p.push(t),h+=u[t];const r=(o-n*(p.length-1))/h;r<=f&&(d.push({items:p,height:r,isFull:!0}),p=[],h=0)}),p.length&&d.push({items:p,height:l,isFull:!1});const v=t.maxRowsCount?d.slice(0,t.maxRowsCount):d;let m=0;v.forEach(e=>{const r=e.items.reduce((t,o)=>t+u[o]*e.height,0)+n*(e.items.length-1);let a=0;e.isFull||("center"===t.lastRow?a=(o-r)/2:"right"===t.lastRow&&(a=o-r));let l=0;e.items.forEach(t=>{const o=c[t],r=u[t]*e.height,i=o.querySelector(s);o.style.position="absolute",o.style.left=`${a}px`,o.style.top=`${m}px`,o.style.width=`${r}px`,i&&(i.style.height=`${e.height}px`),l=Math.max(l,o.offsetHeight),a+=r+n}),m+=l+i}),d.forEach((e,o)=>{const n=o>=v.length||!e.isFull&&"hide"===t.lastRow;e.items.forEach(e=>{const t=c[e];n?(t.dataset.vpLayoutHidden="true",t.style.display="none"):t.dataset.vpLayoutHidden&&(delete t.dataset.vpLayoutHidden,t.style.display="")})}),e.style.height=`${Math.max(0,m-i)}px`}(e,function(e){const t=e.dataset;return{rowHeight:parseFloat(t.vpJustifiedRowHeight)||320,rowHeightTolerance:parseFloat(t.vpJustifiedTolerance)||0,maxRowsCount:parseInt(t.vpJustifiedMaxRows,10)||0,lastRow:t.vpJustifiedLastRow||"left"}}(e)))}function ce(e){return e.closest(".wp-block-visual-portfolio-item-template__carousel-frame")}function ue(e){return e.closest(u)||ce(e)||e}function de(e){return Array.from(ue(e).querySelectorAll("[data-vp-carousel-control]"))}function pe(e){const t=Array.from(e.querySelectorAll(c));if(!t.length)return[];const o=fe(e),n=Math.max(0,e.scrollWidth-e.clientWidth),r=window.getComputedStyle(t[0]).scrollSnapAlign.startsWith("center"),s=r?0:parseFloat(window.getComputedStyle(e).scrollPaddingInlineStart)||0;return t.map(t=>{const a=o?e.clientWidth-t.offsetLeft-t.offsetWidth:t.offsetLeft,i=r?(e.clientWidth-t.offsetWidth)/2:s,l=Math.max(0,Math.min(n,a-i));return n-l<2?n:l})}function he(e,t=pe(e)){if(j(e))return Q(e);const o=me(e);let n=0,r=Number.POSITIVE_INFINITY;return t.forEach((e,t)=>{const s=Math.abs(e-o);s=n;if(t.querySelectorAll(".vp-block-loop-carousel-previous").forEach(e=>{e.disabled=s}),t.querySelectorAll(".vp-block-loop-carousel-next").forEach(e=>{e.disabled=a}),e.classList.contains("vp-carousel-edge-fade")){const t=fe(e);Ee(e,"left",t?a:s),Ee(e,"right",t?s:a)}!function(e,t=ue(e)){const o=ye(e),n=e.querySelectorAll(c).length;t.querySelectorAll(h).forEach(e=>{const t=parseInt(e.dataset.vpSlide,10);e.setAttribute("aria-current",t===o?"true":"false")});const r=Se(e);t.querySelectorAll(d).forEach(e=>{!function(e,t,o){const n=e.querySelectorAll(p);if(!n.length)return;let r=0;o.forEach((e,o)=>{e<=t&&(r=o)}),n.forEach((e,t)=>{e.setAttribute("aria-current",t===r?"true":"false")});const s=parseInt(e.dataset.vpMaxDots,10)||0,a=s>0&&n.length>s,i=be(e,n.length,r);if(function(e,t,o){const n=e.querySelector(v);if(!n)return;const r={left:Math.round(t.centreOf(t.index)-t.grown/2),width:t.grown},s=R.get(e);if(s&&s.left===r.left&&s.width===r.width)return;R.set(e,r);const a=(e,t)=>{n.style.insetInlineStart=`${Math.round(e)}px`,n.style.width=`${Math.round(t)}px`};if(!s||"auto"===ve())return H.delete(e),void a(r.left,r.width);const i=H.get(e)||{tail:s.left,head:s.left+s.width,frame:0};if(i.tailFrom=i.tail,i.headFrom=i.head,i.tailTo=r.left,i.headTo=r.left+r.width,i.onwards=i.tailTo>=i.tailFrom,i.reach=o,i.started=window.performance.now(),H.set(e,i),i.frame)return;const l=()=>{if(!n.isConnected||H.get(e)!==i)return void(i.frame=0);const t=Math.min(1,(window.performance.now()-i.started)/420),o=(e=>1-(1-e)**3)(Math.min(1,t/.55)),r=(e=>e*e*(3-2*e))(Math.max(0,(t-.32)/.6799999999999999)),s=i.onwards?o:r,c=i.onwards?r:o;i.head=i.headFrom+(i.headTo-i.headFrom)*s,i.tail=i.tailFrom+(i.tailTo-i.tailFrom)*c,i.head-i.tail>i.reach&&(i.onwards?i.tail=i.head-i.reach:i.head=i.tail+i.reach),a(i.tail,Math.max(1,i.head-i.tail)),i.frame=t<1?window.requestAnimationFrame(l):0};i.frame=window.requestAnimationFrame(l)}(e,i,a?3*i.slot:Number.POSITIVE_INFINITY),!a)return e.classList.remove(m),e.style.removeProperty(g),n.forEach(e=>{e.classList.remove(w,y)}),void $.delete(e);e.classList.add(m);const l=e.querySelector(`${p}:focus-visible`),c=l?Array.prototype.indexOf.call(n,l):r;D.has(e)||(D.add(e),e.addEventListener("focusin",t=>{const o=t.target.closest(p);if(null==o||!o.matches(":focus-visible"))return;const n=e.querySelectorAll(p),r=Math.max(0,Array.prototype.findIndex.call(n,e=>"true"===e.getAttribute("aria-current")));Ae(e,be(e,n.length,r),Array.prototype.indexOf.call(n,o))})),Ae(e,i,c)}(e,o,r)}),t.querySelectorAll(b).forEach(e=>{!function(e,t){if($.get(e)===t)return;$.set(e,t);const o=e.querySelectorAll(".vp-block-loop-carousel-thumb")[t];if(!o||e.scrollWidth<=e.clientWidth)return;const n=o.offsetLeft+o.offsetWidth/2,r=e.scrollWidth-e.clientWidth,s=n-e.clientWidth/2,a=fe(e)?Math.max(-r,Math.min(0,s)):Math.max(0,Math.min(r,s));e.scrollTo({left:a,behavior:ve()})}(e,o)}),t.querySelectorAll(".vp-block-loop-carousel-indicator--counter").forEach(e=>{ge(e,".vp-block-loop-carousel-counter-current",o+1),ge(e,".vp-block-loop-carousel-counter-total",n)});const s=function(e){if(j(e)){const t=e.querySelectorAll(c).length;return t>1?ye(e)/(t-1):1}const t=e.scrollWidth-e.clientWidth;return t>0?Math.min(1,Math.max(0,me(e)/t)):1}(e);t.querySelectorAll(".vp-block-loop-carousel-indicator--progress").forEach(e=>{e.style.setProperty("--vp-carousel-progress",100*s+"%"),e.setAttribute("aria-valuenow",String(Math.round(100*s)));const t=e.dataset.vpPositionLabel;t&&e.setAttribute("aria-valuetext",t.replace("%1$d",String(o+1)).replace("%2$d",String(n)))})}(e,t)}function ye(e){const t=N.get(e);return t&&window.performance.now()-t.time<1200?t.index:he(e)}function ge(e,t,o){const n=e.querySelector(t),r=String(o);n&&n.textContent!==r&&(n.textContent=r)}function Ee(e,t,o){const n=`--vp-carousel-fade-${t}`;o!==("0px"===e.style.getPropertyValue(n))&&(o?e.style.setProperty(n,"0px"):e.style.removeProperty(n))}function Le(e){const t=Se(e);ue(e).querySelectorAll(d).forEach(e=>{!function(e,t){const o=e.querySelectorAll(p),n=e.dataset.vpDotLabel||"",r=t.length;for(let e=o.length-1;e>=r;e-=1)o[e].remove();for(let t=o.length;t{const r=t[o];e.dataset.vpSlide=String(r),e.setAttribute("aria-label",n.replace("%d",String(r+1)))}),r&&!e.querySelector(v)){const t=document.createElement("span");t.className=f,t.setAttribute("aria-hidden","true"),t.innerHTML='',e.prepend(t)}}(e,t)})}function be(e,t,o){const n=window.getComputedStyle(e),r=parseFloat(n.getPropertyValue("--vp-carousel-dot-slot"))||18,s=parseFloat(n.getPropertyValue("--vp-carousel-dot-size"))||6,a=parseFloat(n.getPropertyValue("--vp-carousel-dot-active-size"))||r,i=Math.max(0,(a-s)/2),l=parseFloat(n.paddingInlineStart)||0,c=Math.min(Math.max(o,0),Math.max(0,t-1));return{slot:r,grown:a,index:c,centreOf:e=>l+e*r+r/2+(e=>e===c?0:e{const i=0===t%n||!r&&t===s;e.classList.toggle("vp-carousel-no-snap",n>1&&!i);const l=a[a.length-1];i&&(r||1===n||void 0===l||o[t]!==o[l])&&a.push(t)}),_.set(e,a)}function Se(e){return _.get(e)||Array.from(e.querySelectorAll(c),(e,t)=>t)}function Ae(e,t,o){const n=e.querySelectorAll(p),r=e.clientWidth;if(!r||$.get(e)===o)return;$.set(e,o);const{centreOf:s,content:a}=t,i=Math.round(Math.min(0,Math.max(r-a,r/2-s(o))));e.style.setProperty(g,`${i}px`);const l=[i<0,i>r-a],c=[];n.forEach((e,t)=>{const o=s(t)+i;o>=0&&o<=r&&c.push(t)}),n.forEach((e,t)=>{const n=c.indexOf(t),r=t===o||n<0?n<0?-1:Number.POSITIVE_INFINITY:Math.min(l[0]?n:Number.POSITIVE_INFINITY,l[1]?c.length-1-n:Number.POSITIVE_INFINITY);e.classList.toggle(w,1===r),e.classList.toggle(y,r<=0)})}function xe(e,t,o){let n=t+o;for(;n>=0&&n=1)return n;if(!Number.isInteger(n))return 1;const r=e.clientWidth;if(j(e)){const{step:t}=U(e);return t>0?Math.max(1,Math.round(r/t)):1}const s=t[Math.max(0,Math.min(t.length-1,o))];for(let e=o+1;e=r)return e-o;return Math.max(1,t.length-1-o)}function qe(e,t,o){if(!e.length)return t;let n=t,r=Number.POSITIVE_INFINITY;return e.forEach(e=>{[e-o,e,e+o].forEach(e=>{const o=Math.abs(e-t);o0?null!==(r=e.find(e=>e>t))&&void 0!==r?r:e[0]:null!==(n=[...e].reverse().find(e=>e0&&t>=e.length-1||o<0&&t<=0)return r;const s=Math.max(0,Math.min(e.length-1,r));return e[s]===e[t]?xe(e,t,o):s}(r,s,t,a),r)}function We(e,t,o=pe(e)){if(j(e))return void Z(e,t);const n=Math.max(0,Math.min(o.length-1,t));o.length&&n===t&&(N.set(e,{index:n,time:window.performance.now()}),re(e,o[n]))}function Ie(e,t=ue(e)){const o=!V.has(e);t.classList.toggle("vp-carousel-is-stopped",!o),t.querySelectorAll(E).forEach(e=>{const t=o?e.dataset.vpPauseLabel:e.dataset.vpPlayLabel;t&&e.setAttribute("aria-label",t)})}function Ce(e,t){const o=()=>we(e),r=t=>{var o;return We(e,null===(o=t.detail)||void 0===o?void 0:o.index)};let s;j(e)&&O.add(e);let a=0;const l=n(e,t=>{a=t,void 0!==s&&O.has(e)&&B(e,t)!==s?e.dispatchEvent(new window.Event(F)):(Me(e),Le(e),we(e),T.has(e)&&i(e))});s=O.has(e)&&B(e,a),s?e.dataset.vpCarouselRepeat="true":delete e.dataset.vpCarouselRepeat;const u=!!parseFloat(e.dataset.vpCarouselAutoplay)&&!window.matchMedia("(prefers-reduced-motion: reduce)").matches,d=function(e,t){const o=de(e).filter(e=>t||!e.matches(E));return o.forEach(e=>{e.classList.remove(M)}),()=>{o.forEach(e=>{e.classList.add(M)})}}(e,u);Me(e),Le(e),we(e),e.addEventListener("scroll",o,{passive:!0}),e.addEventListener(W,r);const p=function(e,t){const o=new window.MutationObserver(e=>{const o=e.flatMap(e=>Array.from(e.addedNodes)).filter(e=>{var t;return 1===e.nodeType&&(null===(t=e.matches)||void 0===t?void 0:t.call(e,c))});o.length&&t()});return o.observe(e,{childList:!0}),()=>o.disconnect()}(e,()=>{Me(e),Le(e),we(e)}),h=s?function(e){const t=e.ownerDocument.defaultView||window,o=()=>{const t=parseFloat(e.style.getPropertyValue(z))||0,{count:o,step:n,period:r,origin:s}=U(e);if(!o||!n)return;const a=((s-t)%n+n)%n,l=a<5||a>n-5?10:0;l!==t&&(l?e.style.setProperty(z,`${l}px`):e.style.removeProperty(z),r&&te(e,me(e)+(l-t),r),T.has(e)&&i(e))};o();const n=new t.ResizeObserver(o);return n.observe(e),()=>{n.disconnect(),e.style.removeProperty(z)}}(e):k;s&&ne(e,null!=t?t:0);const f=window.matchMedia("(hover: hover) and (pointer: fine)").matches,v=e.dataset.vpCarouselSrc,m=t=>{0===t.button&&(t.preventDefault(),e.classList.add(X),e.focus({preventScroll:!0}))},w=()=>e.classList.remove(X),y=e=>{G.has(e.key)||w()};f&&(e.addEventListener("mousedown",m),e.addEventListener("keydown",y),e.addEventListener("blur",w));const g=s?function(e){let t=[],o=0;const n=e=>{o+=Math.abs(e.clientX-t[t.length-1].x),t.push({x:e.clientX,time:e.timeStamp})},r=()=>{window.removeEventListener("pointermove",n),window.removeEventListener("pointerup",s),window.removeEventListener("pointercancel",s)};function s(n){if(r(),o<=10||"true"!==e.getAttribute("has-overflow"))return;const{count:s,step:a,origin:i}=U(e);if(!s||!a)return;const l=n.clientX,c=n.timeStamp,u=t.find(e=>c-e.time<=80)||t[t.length-1],d=Math.max(1,c-u.time),p=(l-u.x)/d*(fe(e)?1:-1),h=me(e)+290*p;Z(e,qe(Se(e),Math.round((h-i)/a),s),0,p)}const a=r=>{oe(e),t=[{x:r.clientX,time:r.timeStamp}],o=0,window.addEventListener("pointermove",n),window.addEventListener("pointerup",s),window.addEventListener("pointercancel",s)};return e.addEventListener("pointerdown",a),()=>{e.removeEventListener("pointerdown",a),r()}}(e):k,q=s?function(e){const t=Object.getOwnPropertyDescriptor(Element.prototype,"scrollWidth");return null!=t&&t.get?(Object.defineProperty(e,"scrollWidth",{configurable:!0,get(){const o=e.querySelectorAll(c);return o.length<2?t.get.call(e):e.clientWidth+o.length*Math.abs(o[1].offsetLeft-o[0].offsetLeft)}}),()=>{delete e.scrollWidth}):k}(e):k;let $=!1;(f||s)&&v&&import(v).then(({Blossom:o})=>{if($||!e.isConnected||T.has(e))return;const n=o(e,{repeat:s});T.set(e,n),n.init(),s&&(i(e),ne(e,null!=t?t:0),window.requestAnimationFrame(()=>{window.requestAnimationFrame(()=>{T.has(e)&&i(e)})}))}).catch(()=>{});const D=function(e){const t=1e3*parseFloat(e.dataset.vpCarouselAutoplay);if(!t||window.matchMedia("(prefers-reduced-motion: reduce)").matches)return k;const o=ue(e),n=[ce(e)||e,...de(e)];let r=0,s=0,a=0;const i=new Set,l=new Set;let c=!1,u=!0,d=-1;const p=function(e){const t=parseFloat(e.dataset.vpCarouselMarquee),o=parseFloat(e.dataset.vpCarouselMarqueeHover);return t>0&&j(e)?{speed:t/1e3*("backward"===e.dataset.vpCarouselMarqueeDirection?-1:1),hover:Number.isFinite(o)?Math.max(0,Math.min(1,o)):0}:null}(e),h=p?function(e,t){let o=null,n=0,r=!1,s=!1,a=!1,i=me(e),l=0,c=e.style.getPropertyValue(J);const u=t=>{t?e.style.setProperty(J,t):e.style.removeProperty(J)},d=t=>{e.style.setProperty(Y,`${t}px`)},p=e=>{o=null,n=0,l=e,d(0)},h=e=>{r=0===e.button},f=()=>{r=!1},v=e=>{s=e.touches.length>0},m=e=>{e.deltaX&&(a=!0)};return e.addEventListener("pointerdown",h),window.addEventListener("pointerup",f),window.addEventListener("pointercancel",f),e.addEventListener("touchstart",v,{passive:!0}),window.addEventListener("touchend",v,{passive:!0}),window.addEventListener("touchcancel",v,{passive:!0}),e.addEventListener("wheel",m,{passive:!0}),{drift:(u,h,f)=>{const v=e.style.getPropertyValue(J);if("none"!==v&&(c=v,e.style.setProperty(J,"none")),!h&&!n&&!a)return;const m=me(e),{period:w}=U(e),y=K(m-i,w),g=a||y>.5&&y{(null!==o||n)&&p(t),"none"===e.style.getPropertyValue(J)&&u(c),i=me(e)},stop:()=>{e.removeEventListener("pointerdown",h),window.removeEventListener("pointerup",f),window.removeEventListener("pointercancel",f),e.removeEventListener("touchstart",v),window.removeEventListener("touchend",v),window.removeEventListener("touchcancel",v),e.removeEventListener("wheel",m),e.style.removeProperty(Y),u(c)}}}(e,p):null,f=e=>{o.style.setProperty("--vp-carousel-autoplay-progress",100*e+"%")},v=()=>{r=0,f(0)},m=o=>{a=window.requestAnimationFrame(m);const n=o-s;s=o,[i,l].forEach(e=>{e.forEach(t=>{t.isConnected||e.delete(t)})});const w=l.size||c||u||V.has(e);if(h&&l.size)return void h.rest(o);if(h){let e=i.size?p.hover:1;return w&&(e=0),void h.drift(Math.min(n,100),e,o)}if(i.size||w)return;const y=ye(e);y!==d&&(d=y,v()),r+=n,f(Math.min(1,r/t)),r=e.scrollWidth-e.clientWidth-1?e.scrollTo({left:0,behavior:ve()}):Fe(e,1))},w=e=>i.add(e.currentTarget),y=e=>i.delete(e.currentTarget),g=e=>{var t,o;null!==(t=(o=e.target).matches)&&void 0!==t&&t.call(o,":focus-visible")&&!e.target.classList.contains(X)&&l.add(e.currentTarget)},E=e=>l.delete(e.currentTarget),L=e=>{var t,o;"visitor"!==(null===(t=e.detail)||void 0===t?void 0:t.source)&&(c=!1===(null===(o=e.detail)||void 0===o?void 0:o.playing))},b=ce(e)||e,M=new(b.ownerDocument.defaultView||window).IntersectionObserver(e=>{e.forEach(e=>{u=!e.isIntersecting})},{threshold:.5});return M.observe(b),o.classList.add(S),n.forEach(e=>{e.addEventListener("pointerenter",w),e.addEventListener("pointerleave",y),e.addEventListener("focusin",g),e.addEventListener("focusout",E)}),e.addEventListener(I,L),e.addEventListener(C,v),Ie(e,o),a=window.requestAnimationFrame(e=>{s=e,m(e)}),()=>{window.cancelAnimationFrame(a),M.disconnect(),o.classList.remove(S),n.forEach(e=>{e.removeEventListener("pointerenter",w),e.removeEventListener("pointerleave",y),e.removeEventListener("focusin",g),e.removeEventListener("focusout",E)}),e.removeEventListener(I,L),e.removeEventListener(C,v),o.style.removeProperty("--vp-carousel-autoplay-progress"),null==h||h.stop()}}(e),R=function(e){const t=ue(e),o=Array.from(t.querySelectorAll(".vp-block-loop-carousel-indicator--progress.is-draggable"));if(!o.length)return k;let n=null,r=null,s=0,a=!1;const i=()=>{n?e.style.setProperty(J,n):e.style.removeProperty(J),n=null,e.classList.remove(L)},l=(t,o)=>{const n=t.getBoundingClientRect(),r=fe(e)?n.right-o:o-n.left;return n.width>0?Math.min(1,Math.max(0,r/n.width)):0},u=(t,o)=>qe(Se(e),Math.round(t*Math.max(0,o-1)),o),d=t=>{if(r){if(!a){if(Math.abs(t.clientX-s)<3)return;a=!0,n=e.style.getPropertyValue(J),e.style.setProperty(J,"none"),e.classList.add(L),N.delete(e)}(t=>{if(j(e)){const{count:o,step:n,origin:r,period:s}=U(e);return void te(e,r+t*Math.max(0,o-1)*n,s)}re(e,t*(e.scrollWidth-e.clientWidth),"instant")})(l(r,t.clientX))}},p=t=>{if(!r)return;const o=l(r,t.clientX),n=a;r=null,a=!1,window.removeEventListener("pointermove",d),window.removeEventListener("pointerup",p),window.removeEventListener("pointercancel",p),n?(t=>{if(i(),!j(e))return;const o=e.querySelectorAll(c).length;Z(e,u(t,o),0)})(o):(t=>{const o=e.querySelectorAll(c).length;e.dispatchEvent(new window.CustomEvent(C)),j(e)?Z(e,u(t,o),0):re(e,t*(e.scrollWidth-e.clientWidth))})(o)},h=t=>{oe(e),r=t.currentTarget,s=t.clientX,a=!1,window.addEventListener("pointermove",d),window.addEventListener("pointerup",p),window.addEventListener("pointercancel",p)},f=t=>{const o=fe(e),n=e.querySelectorAll(c).length,r=o?"ArrowRight":"ArrowLeft",s=o?"ArrowLeft":"ArrowRight";switch(t.key){case r:case"ArrowDown":case"PageDown":Fe(e,-1);break;case s:case"ArrowUp":case"PageUp":Fe(e,1);break;case"Home":We(e,0);break;case"End":We(e,n-1);break;default:return}t.preventDefault()};return o.forEach(e=>{e.addEventListener("pointerdown",h),e.addEventListener("keydown",f)}),()=>{o.forEach(e=>{e.removeEventListener("pointerdown",h),e.removeEventListener("keydown",f)}),window.removeEventListener("pointermove",d),window.removeEventListener("pointerup",p),window.removeEventListener("pointercancel",p),i()}}(e),H=function(e,t){const o=Array.from(ue(e).querySelectorAll(b)),n=e.dataset.vpCarouselSrc;if(!o.length||!n||!t)return k;const r=[];let s=!1;return import(n).then(({Blossom:e})=>{s||o.forEach(t=>{if(!t.isConnected||T.has(t))return;const o=e(t,{repeat:!1});T.set(t,o),o.init(),r.push(t)})}).catch(()=>{}),()=>{s=!0,r.forEach(e=>{var t;null===(t=T.get(e))||void 0===t||t.destroy(),T.delete(e)})}}(e,f),_=s?function(e){const t=t=>{const o=parseFloat(t.style.translate)||0;if(t.classList.toggle(A,!!o),!o)return t.style.removeProperty(x),void t.style.removeProperty(P);const n=parseFloat(window.getComputedStyle(t).viewTimelineInset)||0,r=t.offsetLeft+o,s=r+t.offsetWidth,a=e.clientWidth;t.style.setProperty(x,`${r-a+n}px ${s-n}px`),t.style.setProperty(P,`${s-a+n}px ${r-n}px`)},o=new window.MutationObserver(e=>{e.forEach(e=>{t(e.target)})});return e.querySelectorAll(c).forEach(t),o.observe(e,{attributes:!0,attributeFilter:["style"],subtree:!0}),()=>{o.disconnect(),e.querySelectorAll(c).forEach(e=>{e.classList.remove(A),e.style.removeProperty(x),e.style.removeProperty(P)})}}(e):k;return e.dispatchEvent(new window.CustomEvent("vp-carousel-start",{bubbles:!0})),()=>{$=!0,e.dispatchEvent(new window.CustomEvent("vp-carousel-stop",{bubbles:!0})),_(),D(),R(),H(),l(),d(),e.removeEventListener("scroll",o),e.removeEventListener(W,r),e.removeEventListener("mousedown",m),e.removeEventListener("keydown",y),e.removeEventListener("blur",w),w(),h(),g(),oe(e),q(),p();const t=T.get(e);t&&(T.delete(e),t.destroy(),e.querySelectorAll(c).forEach(e=>{e.style.removeProperty("translate")}))}}function ke(e){var t;return(null===(t=e.closest(u))||void 0===t?void 0:t.querySelector(l))||null}function Te(e,t){return"justified"===e.dataset.vpLayout?le(e):"carousel"===e.dataset.vpLayout?Ce(e,t):void 0}se&&"undefined"!=typeof document&&document.querySelectorAll(`${l}.${q}`).forEach(e=>{e.classList.remove(q),e.classList.add("vp-layout-masonry-native")}),t("visual-portfolio/item-template",{state:{hasScript:!0,useJsMasonry:!se,useNativeMasonry:se},actions:{carouselPrev(){const t=ke(e().ref);t&&Fe(t,-1)},carouselNext(){const t=ke(e().ref);t&&Fe(t,1)},carouselAutoplayToggle(){const{ref:t}=e(),o=ke(t);if(!o)return;const n=V.has(o);n?V.delete(o):V.add(o),Ie(o),o.dispatchEvent(new window.CustomEvent(I,{detail:{playing:n,source:"visitor"}}))},carouselGoTo(t){const{ref:o}=e(),n=t.target.closest(h),r=ke(o),s=n?parseInt(n.dataset.vpSlide,10):-1;!r||s<0||(r.dispatchEvent(new window.CustomEvent(C)),We(r,s))}},callbacks:{initLayout(){const{ref:t}=e();let o=Te(t);if(!o)return;const n=()=>{const e="carousel"===t.dataset.vpLayout?he(t):void 0;o(),o=Te(t,e)||k};return t.addEventListener(F,n),()=>{t.removeEventListener(F,n),o()}}}}); \ No newline at end of file diff --git a/gutenberg/blocks/item-template/view.js b/gutenberg/blocks/item-template/view.js index 1f23ad2f..529005f9 100644 --- a/gutenberg/blocks/item-template/view.js +++ b/gutenberg/blocks/item-template/view.js @@ -2553,7 +2553,8 @@ function getMarquee(list) { * * @return {Object} `drift( elapsed, wanted, now )` to call every frame, with * the share of the speed the carousel should be moving at, - * and `stop()`. + * `rest( now )` for a frame the keyboard has it, and + * `stop()`. */ function initMarquee(list, marquee) { // Where the marquee put the carousel, between whole pixels. Null while @@ -2563,11 +2564,27 @@ function initMarquee(list, marquee) { // for, so a pointer that rests on it slows it rather than stopping it // dead. let rate = 0; + // A mouse button held on the list, and a finger on it: the browser takes + // the pointer of a finger away the moment it starts to pan, and a finger + // that stopped mid-pan was moved on under. let pressed = false; + let touching = false; + // A sideways wheel or trackpad scroll, which moves the list a pixel at a + // time when it is slow - no more than the marquee itself does in a frame. + let nudged = false; let lastPosition = getScrollPosition(list); let lastMove = 0; + // The snap the carousel has when the marquee is not moving it. Blossom + // writes its own when it loads, after the marquee has started. + let snap = list.style.getPropertyValue(SNAP_TYPE_PROPERTY); - const snap = list.style.getPropertyValue(SNAP_TYPE_PROPERTY); + const setSnap = (value) => { + if (value) { + list.style.setProperty(SNAP_TYPE_PROPERTY, value); + } else { + list.style.removeProperty(SNAP_TYPE_PROPERTY); + } + }; const setShift = (value) => { list.style.setProperty(MARQUEE_SHIFT_PROPERTY, `${value}px`); @@ -2580,33 +2597,58 @@ function initMarquee(list, marquee) { setShift(0); }; - const onDown = () => { - pressed = true; + // The main button only: the menu a right click opens on a Mac swallows + // the release, and the marquee stood still until the next click. + const onDown = (event) => { + pressed = 0 === event.button; }; const onUp = () => { pressed = false; }; + const onTouch = (event) => { + touching = event.touches.length > 0; + }; + const onWheel = (event) => { + if (event.deltaX) { + nudged = true; + } + }; list.addEventListener('pointerdown', onDown); window.addEventListener('pointerup', onUp); window.addEventListener('pointercancel', onUp); + list.addEventListener('touchstart', onTouch, { passive: true }); + window.addEventListener('touchend', onTouch, { passive: true }); + window.addEventListener('touchcancel', onTouch, { passive: true }); + list.addEventListener('wheel', onWheel, { passive: true }); const drift = (elapsed, wanted, now) => { // A marquee rests nowhere, and a snap pulled it back to the slide it - // was leaving on every frame. Written every frame: Blossom writes its - // own snap type when it loads, after the marquee has started. - if ('none' !== list.style.getPropertyValue(SNAP_TYPE_PROPERTY)) { + // was leaving on every frame. Written every frame, since Blossom + // writes its own. + const current = list.style.getPropertyValue(SNAP_TYPE_PROPERTY); + + if ('none' !== current) { + snap = current; list.style.setProperty(SNAP_TYPE_PROPERTY, 'none'); } + // Held and at a stop, there is nothing to move - and nothing to + // measure until it runs again, when a move made meanwhile is found. + if (!wanted && !rate && !nudged) { + return; + } + const position = getScrollPosition(list); const { period } = getRepeatGeometry(list); - // Moved by something other than the marquee since the last frame. A - // turn of the loop is the same picture, so only a move off it counts. + // Moved by something other than the marquee since the last frame: the + // marquee reads back the very pixel it scrolled to. A turn of the loop + // is the same picture, so only a move off it counts. const off = onTheClock(position - lastPosition, period); - const moved = off > 1 && off < period - 1; + const moved = nudged || (off > 0.5 && off < period - 0.5); lastPosition = position; + nudged = false; if (moved) { lastMove = now; @@ -2615,6 +2657,7 @@ function initMarquee(list, marquee) { if ( !period || pressed || + touching || travels.has(list) || (moved && null !== place) ) { @@ -2650,20 +2693,34 @@ function initMarquee(list, marquee) { setShift(short - period / 2); }; + // The keyboard has the carousel: it is given its snap back, so an arrow + // key moves it a slide, and the marquee takes it up again when the focus + // leaves. + const rest = (now) => { + if (null !== place || rate) { + letGo(now); + } + + if ('none' === list.style.getPropertyValue(SNAP_TYPE_PROPERTY)) { + setSnap(snap); + } + + lastPosition = getScrollPosition(list); + }; + const stop = () => { list.removeEventListener('pointerdown', onDown); window.removeEventListener('pointerup', onUp); window.removeEventListener('pointercancel', onUp); + list.removeEventListener('touchstart', onTouch); + window.removeEventListener('touchend', onTouch); + window.removeEventListener('touchcancel', onTouch); + list.removeEventListener('wheel', onWheel); list.style.removeProperty(MARQUEE_SHIFT_PROPERTY); - - if (snap) { - list.style.setProperty(SNAP_TYPE_PROPERTY, snap); - } else { - list.style.removeProperty(SNAP_TYPE_PROPERTY); - } + setSnap(snap); }; - return { drift, stop }; + return { drift, rest, stop }; } /** @@ -2766,6 +2823,12 @@ function initAutoplay(list) { // Under the pointer a marquee keeps the share of its speed it was // given, and slows to it. A frame that comes long after the last one - // a tab brought back - moves it no further than a frame's worth. + if (drifting && focusIn.size) { + drifting.rest(now); + + return; + } + if (drifting) { let wanted = pointerOn.size ? marquee.hover : 1; From 892ab8ac36e5464e57eaa347fdeaf6088474419b Mon Sep 17 00:00:00 2001 From: Nikita Date: Sun, 27 Sep 2026 12:01:22 +0300 Subject: [PATCH 3/6] fix(loop): keep a keyboard step and a click-then-key on a marquee - A step started from a focused control keeps its snap off until it lands; the keyboard hold no longer turns it back on under it. - A key on the list gives the snap back before it scrolls, so a list focused by a click steps a slide too. - Only fingers on the list hold it, and a context menu releases it. - The wheel hint is gone: a slow wheel already moves the list off the marquee's pixel. --- .../blocks/item-template/view.asset.php | 2 +- build/gutenberg/blocks/item-template/view.js | 2 +- gutenberg/blocks/item-template/view.js | 74 +++++++++++++------ 3 files changed, 52 insertions(+), 26 deletions(-) diff --git a/build/gutenberg/blocks/item-template/view.asset.php b/build/gutenberg/blocks/item-template/view.asset.php index 9b9943c6..b4273994 100644 --- a/build/gutenberg/blocks/item-template/view.asset.php +++ b/build/gutenberg/blocks/item-template/view.asset.php @@ -1 +1 @@ - array('@wordpress/interactivity'), 'version' => 'e7640b291a2ace8bc65a', 'type' => 'module'); + array('@wordpress/interactivity'), 'version' => '5d743ec4b0ce856127a0', 'type' => 'module'); diff --git a/build/gutenberg/blocks/item-template/view.js b/build/gutenberg/blocks/item-template/view.js index a7ea464d..3245c4d6 100644 --- a/build/gutenberg/blocks/item-template/view.js +++ b/build/gutenberg/blocks/item-template/view.js @@ -1 +1 @@ -import{getElement as e,store as t}from"@wordpress/interactivity";const o="--vp-layout-current-columns";function n(e,t=()=>{}){const n=e.ownerDocument.defaultView||window,r=e.classList.contains("vp-layout-auto-columns");let s=0;const a=()=>{const n=r?function(e){const t=(e.ownerDocument.defaultView||window).getComputedStyle(e),o=e.clientWidth,n=parseFloat(t.columnGap)||0,r=function(e){const t=e.ownerDocument.createElement("div");t.style.cssText="position:absolute;visibility:hidden;pointer-events:none;width:var(--vp-layout-min-column-width,16rem)",e.appendChild(t);const o=t.offsetWidth;return t.remove(),o}(e);if(!o||!r)return 1;const s=parseInt(t.getPropertyValue("--vp-layout-columns"),10),a=Math.floor((o+n)/(r+n));return Math.max(1,s>0?Math.min(a,s):a)}(e):function(e){const t=(e.ownerDocument.defaultView||window).getComputedStyle(e);return Math.max(1,parseInt(t.getPropertyValue(o),10)||1)}(e);n!==s&&(s=n,r&&e.style.setProperty(o,String(n)),t(n))};a();const i=new n.ResizeObserver(a);return i.observe(e),r||i.observe(e.ownerDocument.documentElement),()=>{i.disconnect(),r&&e.style.removeProperty(o)}}const r=".wp-block-visual-portfolio-item-template__item",s=".wp-block-visual-portfolio-item-image";function a(e){const t=e.querySelector("img");return null!=t&&t.naturalWidth&&null!=t&&t.naturalHeight?t.naturalWidth/t.naturalHeight:1}function i(e){const t=e.ownerDocument.createComment("");e.appendChild(t),t.remove()}const l=".wp-block-visual-portfolio-item-template",c=".wp-block-visual-portfolio-item-template__item",u=".vp-block-loop",d=".vp-block-loop-carousel-indicator--dots",p=".vp-block-loop-carousel-dot",h="[data-vp-slide]",f="vp-block-loop-carousel-dot-worm",v=`.${f}`,m="is-collapsed",w="is-edge",y="is-edge-far",g="--vp-carousel-dots-shift",E='[data-vp-carousel-control="autoplay"]',L="vp-carousel-is-scrubbing",b=".vp-block-loop-carousel-thumbnails",M="vp-carousel-control-idle",S="vp-carousel-is-playing",A="vp-carousel-moved-round",x="--vp-carousel-copy-cover",P="--vp-carousel-copy-contain",q="vp-layout-masonry",F="vp-relayout",W="vp-carousel-go-to",I="vp-carousel-autoplay",C="vp-carousel-step",k=()=>{},T=new WeakMap,N=new WeakMap,V=new WeakSet,O=new WeakSet,$=new WeakMap,D=new WeakSet,R=new WeakMap,H=new WeakMap,_=new WeakMap,z="--vp-carousel-seam-shift",X="vp-carousel-pointer-focus",G=new Set(["Alt","AltGraph","CapsLock","Control","Fn","Meta","NumLock","OS","ScrollLock","Shift","Symbol"]),Y="--vp-carousel-marquee-shift",J="--snap-type";function j(e){return"true"===e.dataset.vpCarouselRepeat}function B(e,t){return!fe(e)&&e.querySelectorAll(c).length>Math.max(1,t)}function U(e){const t=e.querySelectorAll(c),o=t.length>1?Math.abs(t[1].offsetLeft-t[0].offsetLeft):e.scrollWidth-e.clientWidth,n=t.length?t.length*o:0;let r=0;if(t.length){const o=window.getComputedStyle(e),n=window.getComputedStyle(t[0]).scrollSnapAlign.startsWith("center"),s=parseFloat(o.paddingInlineStart)||0;r=n?s+(t[0].offsetWidth-e.clientWidth)/2:s-(parseFloat(o.scrollPaddingInlineStart)||0)}return{count:t.length,step:o,period:n,origin:r}}function K(e,t){return t>0?(e%t+t)%t:0}function Q(e,t=U(e)){const{count:o,step:n,period:r,origin:s}=t;return o&&n?Math.round(K(me(e)-s,r)/n)%o:0}function Z(e,t,o=0,n=0){const r=U(e),{count:s,step:a,period:l,origin:c}=r;if(!s||!a)return;const u=(t%s+s)%s,d=me(e),p=c+u*a;let h=p;if(o>0){for(;h-l>d+1;)h-=l;for(;h<=d+1;)h+=l}else if(o<0){for(;h+l=d-1;)h-=l}else h=[p-l,p,p+l].reduce((e,t)=>Math.abs(t-d)te(e,t,n),l=()=>{ee.delete(e),s?e.style.setProperty(J,s):e.style.removeProperty(J),i(e)},c=Math.abs(o-t),u=c>0&&Math.sign(o-t)===Math.sign(r),d=Math.min(700,Math.max(120,3*c/Math.abs(r)));let p=u?d:450;"auto"===ve()&&(p=0);const h=window.performance.now();let f=0;const v=e=>{const n=p?Math.min(1,(e-h)/p):1,r=1-n,s=u?1-r*r*r:.5-Math.cos(Math.PI*n)/2;a(t+(o-t)*s),f=n<1?window.requestAnimationFrame(v):window.requestAnimationFrame(()=>{f=window.requestAnimationFrame(l)})};ee.set(e,()=>{window.cancelAnimationFrame(f),l()}),a(t),f=window.requestAnimationFrame(v)}(e,d,h,l,n)}const ee=new WeakMap;function te(e,t,o){const n=function(e,t){const o=t-4,n=K(e,t);return n>=4&&n<=o?n:n+t<=o?n+t:4}(t,o),r=n!==me(e);e.scrollTo({left:fe(e)?-n:n,behavior:"instant"}),r&&e.dispatchEvent(new window.Event("scroll"))}function oe(e){var t;null===(t=ee.get(e))||void 0===t||t()}function ne(e,t){const{count:o,step:n,origin:r}=U(e),s=r+(o?t%o:0)*n;e.scrollTo({left:fe(e)?-s:s,behavior:"instant"}),we(e)}function re(e,t,o=ve()){e.scrollTo({left:fe(e)?-t:t,behavior:o})}const se=!(null===(ae=window.CSS)||void 0===ae||null===(ie=ae.supports)||void 0===ie||!ie.call(ae,"display","grid-lanes"));var ae,ie;function le(e){return function(e,t){const o=e.ownerDocument.defaultView||window,a=()=>t(e),i=n(e,a);a(),e.addEventListener("load",a,!0);const l=new o.ResizeObserver(a);return l.observe(e),()=>{i(),e.removeEventListener("load",a,!0),l.disconnect(),e.style.height="",Array.from(e.querySelectorAll(r)).forEach(e=>{!function(e){e.style.position="",e.style.left="",e.style.top="",e.style.width="",e.style.height="";const t=e.querySelector(s);t&&(t.style.height="")}(e),e.dataset.vpLayoutHidden&&(delete e.dataset.vpLayoutHidden,e.style.display="")})}}(e,e=>function(e,t){const{width:o,gap:n,rowGap:i,rowHeight:l}=function(e){const t=(e.ownerDocument.defaultView||window).getComputedStyle(e),o=e.clientWidth,n=e=>e.endsWith("%")?parseFloat(e)/100*o:parseFloat(e),r=n(t.columnGap)||0,s=n(t.rowGap);return{width:o,gap:r,rowGap:Number.isNaN(s)?r:s,columns:Math.max(1,parseInt(t.getPropertyValue("--vp-layout-current-columns"),10)||1),rowHeight:parseFloat(t.getPropertyValue("--vp-layout-row-height"))||320}}(e),c=function(e){const t=e.ownerDocument.defaultView||window;return Array.from(e.querySelectorAll(r)).filter(e=>"true"===e.dataset.vpLayoutHidden||"none"!==t.getComputedStyle(e).display)}(e);if(!c.length||!o)return;const u=c.map(a),d=[];let p=[],h=0;const f=l*(1+Math.max(0,t.rowHeightTolerance||0));c.forEach((e,t)=>{p.push(t),h+=u[t];const r=(o-n*(p.length-1))/h;r<=f&&(d.push({items:p,height:r,isFull:!0}),p=[],h=0)}),p.length&&d.push({items:p,height:l,isFull:!1});const v=t.maxRowsCount?d.slice(0,t.maxRowsCount):d;let m=0;v.forEach(e=>{const r=e.items.reduce((t,o)=>t+u[o]*e.height,0)+n*(e.items.length-1);let a=0;e.isFull||("center"===t.lastRow?a=(o-r)/2:"right"===t.lastRow&&(a=o-r));let l=0;e.items.forEach(t=>{const o=c[t],r=u[t]*e.height,i=o.querySelector(s);o.style.position="absolute",o.style.left=`${a}px`,o.style.top=`${m}px`,o.style.width=`${r}px`,i&&(i.style.height=`${e.height}px`),l=Math.max(l,o.offsetHeight),a+=r+n}),m+=l+i}),d.forEach((e,o)=>{const n=o>=v.length||!e.isFull&&"hide"===t.lastRow;e.items.forEach(e=>{const t=c[e];n?(t.dataset.vpLayoutHidden="true",t.style.display="none"):t.dataset.vpLayoutHidden&&(delete t.dataset.vpLayoutHidden,t.style.display="")})}),e.style.height=`${Math.max(0,m-i)}px`}(e,function(e){const t=e.dataset;return{rowHeight:parseFloat(t.vpJustifiedRowHeight)||320,rowHeightTolerance:parseFloat(t.vpJustifiedTolerance)||0,maxRowsCount:parseInt(t.vpJustifiedMaxRows,10)||0,lastRow:t.vpJustifiedLastRow||"left"}}(e)))}function ce(e){return e.closest(".wp-block-visual-portfolio-item-template__carousel-frame")}function ue(e){return e.closest(u)||ce(e)||e}function de(e){return Array.from(ue(e).querySelectorAll("[data-vp-carousel-control]"))}function pe(e){const t=Array.from(e.querySelectorAll(c));if(!t.length)return[];const o=fe(e),n=Math.max(0,e.scrollWidth-e.clientWidth),r=window.getComputedStyle(t[0]).scrollSnapAlign.startsWith("center"),s=r?0:parseFloat(window.getComputedStyle(e).scrollPaddingInlineStart)||0;return t.map(t=>{const a=o?e.clientWidth-t.offsetLeft-t.offsetWidth:t.offsetLeft,i=r?(e.clientWidth-t.offsetWidth)/2:s,l=Math.max(0,Math.min(n,a-i));return n-l<2?n:l})}function he(e,t=pe(e)){if(j(e))return Q(e);const o=me(e);let n=0,r=Number.POSITIVE_INFINITY;return t.forEach((e,t)=>{const s=Math.abs(e-o);s=n;if(t.querySelectorAll(".vp-block-loop-carousel-previous").forEach(e=>{e.disabled=s}),t.querySelectorAll(".vp-block-loop-carousel-next").forEach(e=>{e.disabled=a}),e.classList.contains("vp-carousel-edge-fade")){const t=fe(e);Ee(e,"left",t?a:s),Ee(e,"right",t?s:a)}!function(e,t=ue(e)){const o=ye(e),n=e.querySelectorAll(c).length;t.querySelectorAll(h).forEach(e=>{const t=parseInt(e.dataset.vpSlide,10);e.setAttribute("aria-current",t===o?"true":"false")});const r=Se(e);t.querySelectorAll(d).forEach(e=>{!function(e,t,o){const n=e.querySelectorAll(p);if(!n.length)return;let r=0;o.forEach((e,o)=>{e<=t&&(r=o)}),n.forEach((e,t)=>{e.setAttribute("aria-current",t===r?"true":"false")});const s=parseInt(e.dataset.vpMaxDots,10)||0,a=s>0&&n.length>s,i=be(e,n.length,r);if(function(e,t,o){const n=e.querySelector(v);if(!n)return;const r={left:Math.round(t.centreOf(t.index)-t.grown/2),width:t.grown},s=R.get(e);if(s&&s.left===r.left&&s.width===r.width)return;R.set(e,r);const a=(e,t)=>{n.style.insetInlineStart=`${Math.round(e)}px`,n.style.width=`${Math.round(t)}px`};if(!s||"auto"===ve())return H.delete(e),void a(r.left,r.width);const i=H.get(e)||{tail:s.left,head:s.left+s.width,frame:0};if(i.tailFrom=i.tail,i.headFrom=i.head,i.tailTo=r.left,i.headTo=r.left+r.width,i.onwards=i.tailTo>=i.tailFrom,i.reach=o,i.started=window.performance.now(),H.set(e,i),i.frame)return;const l=()=>{if(!n.isConnected||H.get(e)!==i)return void(i.frame=0);const t=Math.min(1,(window.performance.now()-i.started)/420),o=(e=>1-(1-e)**3)(Math.min(1,t/.55)),r=(e=>e*e*(3-2*e))(Math.max(0,(t-.32)/.6799999999999999)),s=i.onwards?o:r,c=i.onwards?r:o;i.head=i.headFrom+(i.headTo-i.headFrom)*s,i.tail=i.tailFrom+(i.tailTo-i.tailFrom)*c,i.head-i.tail>i.reach&&(i.onwards?i.tail=i.head-i.reach:i.head=i.tail+i.reach),a(i.tail,Math.max(1,i.head-i.tail)),i.frame=t<1?window.requestAnimationFrame(l):0};i.frame=window.requestAnimationFrame(l)}(e,i,a?3*i.slot:Number.POSITIVE_INFINITY),!a)return e.classList.remove(m),e.style.removeProperty(g),n.forEach(e=>{e.classList.remove(w,y)}),void $.delete(e);e.classList.add(m);const l=e.querySelector(`${p}:focus-visible`),c=l?Array.prototype.indexOf.call(n,l):r;D.has(e)||(D.add(e),e.addEventListener("focusin",t=>{const o=t.target.closest(p);if(null==o||!o.matches(":focus-visible"))return;const n=e.querySelectorAll(p),r=Math.max(0,Array.prototype.findIndex.call(n,e=>"true"===e.getAttribute("aria-current")));Ae(e,be(e,n.length,r),Array.prototype.indexOf.call(n,o))})),Ae(e,i,c)}(e,o,r)}),t.querySelectorAll(b).forEach(e=>{!function(e,t){if($.get(e)===t)return;$.set(e,t);const o=e.querySelectorAll(".vp-block-loop-carousel-thumb")[t];if(!o||e.scrollWidth<=e.clientWidth)return;const n=o.offsetLeft+o.offsetWidth/2,r=e.scrollWidth-e.clientWidth,s=n-e.clientWidth/2,a=fe(e)?Math.max(-r,Math.min(0,s)):Math.max(0,Math.min(r,s));e.scrollTo({left:a,behavior:ve()})}(e,o)}),t.querySelectorAll(".vp-block-loop-carousel-indicator--counter").forEach(e=>{ge(e,".vp-block-loop-carousel-counter-current",o+1),ge(e,".vp-block-loop-carousel-counter-total",n)});const s=function(e){if(j(e)){const t=e.querySelectorAll(c).length;return t>1?ye(e)/(t-1):1}const t=e.scrollWidth-e.clientWidth;return t>0?Math.min(1,Math.max(0,me(e)/t)):1}(e);t.querySelectorAll(".vp-block-loop-carousel-indicator--progress").forEach(e=>{e.style.setProperty("--vp-carousel-progress",100*s+"%"),e.setAttribute("aria-valuenow",String(Math.round(100*s)));const t=e.dataset.vpPositionLabel;t&&e.setAttribute("aria-valuetext",t.replace("%1$d",String(o+1)).replace("%2$d",String(n)))})}(e,t)}function ye(e){const t=N.get(e);return t&&window.performance.now()-t.time<1200?t.index:he(e)}function ge(e,t,o){const n=e.querySelector(t),r=String(o);n&&n.textContent!==r&&(n.textContent=r)}function Ee(e,t,o){const n=`--vp-carousel-fade-${t}`;o!==("0px"===e.style.getPropertyValue(n))&&(o?e.style.setProperty(n,"0px"):e.style.removeProperty(n))}function Le(e){const t=Se(e);ue(e).querySelectorAll(d).forEach(e=>{!function(e,t){const o=e.querySelectorAll(p),n=e.dataset.vpDotLabel||"",r=t.length;for(let e=o.length-1;e>=r;e-=1)o[e].remove();for(let t=o.length;t{const r=t[o];e.dataset.vpSlide=String(r),e.setAttribute("aria-label",n.replace("%d",String(r+1)))}),r&&!e.querySelector(v)){const t=document.createElement("span");t.className=f,t.setAttribute("aria-hidden","true"),t.innerHTML='',e.prepend(t)}}(e,t)})}function be(e,t,o){const n=window.getComputedStyle(e),r=parseFloat(n.getPropertyValue("--vp-carousel-dot-slot"))||18,s=parseFloat(n.getPropertyValue("--vp-carousel-dot-size"))||6,a=parseFloat(n.getPropertyValue("--vp-carousel-dot-active-size"))||r,i=Math.max(0,(a-s)/2),l=parseFloat(n.paddingInlineStart)||0,c=Math.min(Math.max(o,0),Math.max(0,t-1));return{slot:r,grown:a,index:c,centreOf:e=>l+e*r+r/2+(e=>e===c?0:e{const i=0===t%n||!r&&t===s;e.classList.toggle("vp-carousel-no-snap",n>1&&!i);const l=a[a.length-1];i&&(r||1===n||void 0===l||o[t]!==o[l])&&a.push(t)}),_.set(e,a)}function Se(e){return _.get(e)||Array.from(e.querySelectorAll(c),(e,t)=>t)}function Ae(e,t,o){const n=e.querySelectorAll(p),r=e.clientWidth;if(!r||$.get(e)===o)return;$.set(e,o);const{centreOf:s,content:a}=t,i=Math.round(Math.min(0,Math.max(r-a,r/2-s(o))));e.style.setProperty(g,`${i}px`);const l=[i<0,i>r-a],c=[];n.forEach((e,t)=>{const o=s(t)+i;o>=0&&o<=r&&c.push(t)}),n.forEach((e,t)=>{const n=c.indexOf(t),r=t===o||n<0?n<0?-1:Number.POSITIVE_INFINITY:Math.min(l[0]?n:Number.POSITIVE_INFINITY,l[1]?c.length-1-n:Number.POSITIVE_INFINITY);e.classList.toggle(w,1===r),e.classList.toggle(y,r<=0)})}function xe(e,t,o){let n=t+o;for(;n>=0&&n=1)return n;if(!Number.isInteger(n))return 1;const r=e.clientWidth;if(j(e)){const{step:t}=U(e);return t>0?Math.max(1,Math.round(r/t)):1}const s=t[Math.max(0,Math.min(t.length-1,o))];for(let e=o+1;e=r)return e-o;return Math.max(1,t.length-1-o)}function qe(e,t,o){if(!e.length)return t;let n=t,r=Number.POSITIVE_INFINITY;return e.forEach(e=>{[e-o,e,e+o].forEach(e=>{const o=Math.abs(e-t);o0?null!==(r=e.find(e=>e>t))&&void 0!==r?r:e[0]:null!==(n=[...e].reverse().find(e=>e0&&t>=e.length-1||o<0&&t<=0)return r;const s=Math.max(0,Math.min(e.length-1,r));return e[s]===e[t]?xe(e,t,o):s}(r,s,t,a),r)}function We(e,t,o=pe(e)){if(j(e))return void Z(e,t);const n=Math.max(0,Math.min(o.length-1,t));o.length&&n===t&&(N.set(e,{index:n,time:window.performance.now()}),re(e,o[n]))}function Ie(e,t=ue(e)){const o=!V.has(e);t.classList.toggle("vp-carousel-is-stopped",!o),t.querySelectorAll(E).forEach(e=>{const t=o?e.dataset.vpPauseLabel:e.dataset.vpPlayLabel;t&&e.setAttribute("aria-label",t)})}function Ce(e,t){const o=()=>we(e),r=t=>{var o;return We(e,null===(o=t.detail)||void 0===o?void 0:o.index)};let s;j(e)&&O.add(e);let a=0;const l=n(e,t=>{a=t,void 0!==s&&O.has(e)&&B(e,t)!==s?e.dispatchEvent(new window.Event(F)):(Me(e),Le(e),we(e),T.has(e)&&i(e))});s=O.has(e)&&B(e,a),s?e.dataset.vpCarouselRepeat="true":delete e.dataset.vpCarouselRepeat;const u=!!parseFloat(e.dataset.vpCarouselAutoplay)&&!window.matchMedia("(prefers-reduced-motion: reduce)").matches,d=function(e,t){const o=de(e).filter(e=>t||!e.matches(E));return o.forEach(e=>{e.classList.remove(M)}),()=>{o.forEach(e=>{e.classList.add(M)})}}(e,u);Me(e),Le(e),we(e),e.addEventListener("scroll",o,{passive:!0}),e.addEventListener(W,r);const p=function(e,t){const o=new window.MutationObserver(e=>{const o=e.flatMap(e=>Array.from(e.addedNodes)).filter(e=>{var t;return 1===e.nodeType&&(null===(t=e.matches)||void 0===t?void 0:t.call(e,c))});o.length&&t()});return o.observe(e,{childList:!0}),()=>o.disconnect()}(e,()=>{Me(e),Le(e),we(e)}),h=s?function(e){const t=e.ownerDocument.defaultView||window,o=()=>{const t=parseFloat(e.style.getPropertyValue(z))||0,{count:o,step:n,period:r,origin:s}=U(e);if(!o||!n)return;const a=((s-t)%n+n)%n,l=a<5||a>n-5?10:0;l!==t&&(l?e.style.setProperty(z,`${l}px`):e.style.removeProperty(z),r&&te(e,me(e)+(l-t),r),T.has(e)&&i(e))};o();const n=new t.ResizeObserver(o);return n.observe(e),()=>{n.disconnect(),e.style.removeProperty(z)}}(e):k;s&&ne(e,null!=t?t:0);const f=window.matchMedia("(hover: hover) and (pointer: fine)").matches,v=e.dataset.vpCarouselSrc,m=t=>{0===t.button&&(t.preventDefault(),e.classList.add(X),e.focus({preventScroll:!0}))},w=()=>e.classList.remove(X),y=e=>{G.has(e.key)||w()};f&&(e.addEventListener("mousedown",m),e.addEventListener("keydown",y),e.addEventListener("blur",w));const g=s?function(e){let t=[],o=0;const n=e=>{o+=Math.abs(e.clientX-t[t.length-1].x),t.push({x:e.clientX,time:e.timeStamp})},r=()=>{window.removeEventListener("pointermove",n),window.removeEventListener("pointerup",s),window.removeEventListener("pointercancel",s)};function s(n){if(r(),o<=10||"true"!==e.getAttribute("has-overflow"))return;const{count:s,step:a,origin:i}=U(e);if(!s||!a)return;const l=n.clientX,c=n.timeStamp,u=t.find(e=>c-e.time<=80)||t[t.length-1],d=Math.max(1,c-u.time),p=(l-u.x)/d*(fe(e)?1:-1),h=me(e)+290*p;Z(e,qe(Se(e),Math.round((h-i)/a),s),0,p)}const a=r=>{oe(e),t=[{x:r.clientX,time:r.timeStamp}],o=0,window.addEventListener("pointermove",n),window.addEventListener("pointerup",s),window.addEventListener("pointercancel",s)};return e.addEventListener("pointerdown",a),()=>{e.removeEventListener("pointerdown",a),r()}}(e):k,q=s?function(e){const t=Object.getOwnPropertyDescriptor(Element.prototype,"scrollWidth");return null!=t&&t.get?(Object.defineProperty(e,"scrollWidth",{configurable:!0,get(){const o=e.querySelectorAll(c);return o.length<2?t.get.call(e):e.clientWidth+o.length*Math.abs(o[1].offsetLeft-o[0].offsetLeft)}}),()=>{delete e.scrollWidth}):k}(e):k;let $=!1;(f||s)&&v&&import(v).then(({Blossom:o})=>{if($||!e.isConnected||T.has(e))return;const n=o(e,{repeat:s});T.set(e,n),n.init(),s&&(i(e),ne(e,null!=t?t:0),window.requestAnimationFrame(()=>{window.requestAnimationFrame(()=>{T.has(e)&&i(e)})}))}).catch(()=>{});const D=function(e){const t=1e3*parseFloat(e.dataset.vpCarouselAutoplay);if(!t||window.matchMedia("(prefers-reduced-motion: reduce)").matches)return k;const o=ue(e),n=[ce(e)||e,...de(e)];let r=0,s=0,a=0;const i=new Set,l=new Set;let c=!1,u=!0,d=-1;const p=function(e){const t=parseFloat(e.dataset.vpCarouselMarquee),o=parseFloat(e.dataset.vpCarouselMarqueeHover);return t>0&&j(e)?{speed:t/1e3*("backward"===e.dataset.vpCarouselMarqueeDirection?-1:1),hover:Number.isFinite(o)?Math.max(0,Math.min(1,o)):0}:null}(e),h=p?function(e,t){let o=null,n=0,r=!1,s=!1,a=!1,i=me(e),l=0,c=e.style.getPropertyValue(J);const u=t=>{t?e.style.setProperty(J,t):e.style.removeProperty(J)},d=t=>{e.style.setProperty(Y,`${t}px`)},p=e=>{o=null,n=0,l=e,d(0)},h=e=>{r=0===e.button},f=()=>{r=!1},v=e=>{s=e.touches.length>0},m=e=>{e.deltaX&&(a=!0)};return e.addEventListener("pointerdown",h),window.addEventListener("pointerup",f),window.addEventListener("pointercancel",f),e.addEventListener("touchstart",v,{passive:!0}),window.addEventListener("touchend",v,{passive:!0}),window.addEventListener("touchcancel",v,{passive:!0}),e.addEventListener("wheel",m,{passive:!0}),{drift:(u,h,f)=>{const v=e.style.getPropertyValue(J);if("none"!==v&&(c=v,e.style.setProperty(J,"none")),!h&&!n&&!a)return;const m=me(e),{period:w}=U(e),y=K(m-i,w),g=a||y>.5&&y{(null!==o||n)&&p(t),"none"===e.style.getPropertyValue(J)&&u(c),i=me(e)},stop:()=>{e.removeEventListener("pointerdown",h),window.removeEventListener("pointerup",f),window.removeEventListener("pointercancel",f),e.removeEventListener("touchstart",v),window.removeEventListener("touchend",v),window.removeEventListener("touchcancel",v),e.removeEventListener("wheel",m),e.style.removeProperty(Y),u(c)}}}(e,p):null,f=e=>{o.style.setProperty("--vp-carousel-autoplay-progress",100*e+"%")},v=()=>{r=0,f(0)},m=o=>{a=window.requestAnimationFrame(m);const n=o-s;s=o,[i,l].forEach(e=>{e.forEach(t=>{t.isConnected||e.delete(t)})});const w=l.size||c||u||V.has(e);if(h&&l.size)return void h.rest(o);if(h){let e=i.size?p.hover:1;return w&&(e=0),void h.drift(Math.min(n,100),e,o)}if(i.size||w)return;const y=ye(e);y!==d&&(d=y,v()),r+=n,f(Math.min(1,r/t)),r=e.scrollWidth-e.clientWidth-1?e.scrollTo({left:0,behavior:ve()}):Fe(e,1))},w=e=>i.add(e.currentTarget),y=e=>i.delete(e.currentTarget),g=e=>{var t,o;null!==(t=(o=e.target).matches)&&void 0!==t&&t.call(o,":focus-visible")&&!e.target.classList.contains(X)&&l.add(e.currentTarget)},E=e=>l.delete(e.currentTarget),L=e=>{var t,o;"visitor"!==(null===(t=e.detail)||void 0===t?void 0:t.source)&&(c=!1===(null===(o=e.detail)||void 0===o?void 0:o.playing))},b=ce(e)||e,M=new(b.ownerDocument.defaultView||window).IntersectionObserver(e=>{e.forEach(e=>{u=!e.isIntersecting})},{threshold:.5});return M.observe(b),o.classList.add(S),n.forEach(e=>{e.addEventListener("pointerenter",w),e.addEventListener("pointerleave",y),e.addEventListener("focusin",g),e.addEventListener("focusout",E)}),e.addEventListener(I,L),e.addEventListener(C,v),Ie(e,o),a=window.requestAnimationFrame(e=>{s=e,m(e)}),()=>{window.cancelAnimationFrame(a),M.disconnect(),o.classList.remove(S),n.forEach(e=>{e.removeEventListener("pointerenter",w),e.removeEventListener("pointerleave",y),e.removeEventListener("focusin",g),e.removeEventListener("focusout",E)}),e.removeEventListener(I,L),e.removeEventListener(C,v),o.style.removeProperty("--vp-carousel-autoplay-progress"),null==h||h.stop()}}(e),R=function(e){const t=ue(e),o=Array.from(t.querySelectorAll(".vp-block-loop-carousel-indicator--progress.is-draggable"));if(!o.length)return k;let n=null,r=null,s=0,a=!1;const i=()=>{n?e.style.setProperty(J,n):e.style.removeProperty(J),n=null,e.classList.remove(L)},l=(t,o)=>{const n=t.getBoundingClientRect(),r=fe(e)?n.right-o:o-n.left;return n.width>0?Math.min(1,Math.max(0,r/n.width)):0},u=(t,o)=>qe(Se(e),Math.round(t*Math.max(0,o-1)),o),d=t=>{if(r){if(!a){if(Math.abs(t.clientX-s)<3)return;a=!0,n=e.style.getPropertyValue(J),e.style.setProperty(J,"none"),e.classList.add(L),N.delete(e)}(t=>{if(j(e)){const{count:o,step:n,origin:r,period:s}=U(e);return void te(e,r+t*Math.max(0,o-1)*n,s)}re(e,t*(e.scrollWidth-e.clientWidth),"instant")})(l(r,t.clientX))}},p=t=>{if(!r)return;const o=l(r,t.clientX),n=a;r=null,a=!1,window.removeEventListener("pointermove",d),window.removeEventListener("pointerup",p),window.removeEventListener("pointercancel",p),n?(t=>{if(i(),!j(e))return;const o=e.querySelectorAll(c).length;Z(e,u(t,o),0)})(o):(t=>{const o=e.querySelectorAll(c).length;e.dispatchEvent(new window.CustomEvent(C)),j(e)?Z(e,u(t,o),0):re(e,t*(e.scrollWidth-e.clientWidth))})(o)},h=t=>{oe(e),r=t.currentTarget,s=t.clientX,a=!1,window.addEventListener("pointermove",d),window.addEventListener("pointerup",p),window.addEventListener("pointercancel",p)},f=t=>{const o=fe(e),n=e.querySelectorAll(c).length,r=o?"ArrowRight":"ArrowLeft",s=o?"ArrowLeft":"ArrowRight";switch(t.key){case r:case"ArrowDown":case"PageDown":Fe(e,-1);break;case s:case"ArrowUp":case"PageUp":Fe(e,1);break;case"Home":We(e,0);break;case"End":We(e,n-1);break;default:return}t.preventDefault()};return o.forEach(e=>{e.addEventListener("pointerdown",h),e.addEventListener("keydown",f)}),()=>{o.forEach(e=>{e.removeEventListener("pointerdown",h),e.removeEventListener("keydown",f)}),window.removeEventListener("pointermove",d),window.removeEventListener("pointerup",p),window.removeEventListener("pointercancel",p),i()}}(e),H=function(e,t){const o=Array.from(ue(e).querySelectorAll(b)),n=e.dataset.vpCarouselSrc;if(!o.length||!n||!t)return k;const r=[];let s=!1;return import(n).then(({Blossom:e})=>{s||o.forEach(t=>{if(!t.isConnected||T.has(t))return;const o=e(t,{repeat:!1});T.set(t,o),o.init(),r.push(t)})}).catch(()=>{}),()=>{s=!0,r.forEach(e=>{var t;null===(t=T.get(e))||void 0===t||t.destroy(),T.delete(e)})}}(e,f),_=s?function(e){const t=t=>{const o=parseFloat(t.style.translate)||0;if(t.classList.toggle(A,!!o),!o)return t.style.removeProperty(x),void t.style.removeProperty(P);const n=parseFloat(window.getComputedStyle(t).viewTimelineInset)||0,r=t.offsetLeft+o,s=r+t.offsetWidth,a=e.clientWidth;t.style.setProperty(x,`${r-a+n}px ${s-n}px`),t.style.setProperty(P,`${s-a+n}px ${r-n}px`)},o=new window.MutationObserver(e=>{e.forEach(e=>{t(e.target)})});return e.querySelectorAll(c).forEach(t),o.observe(e,{attributes:!0,attributeFilter:["style"],subtree:!0}),()=>{o.disconnect(),e.querySelectorAll(c).forEach(e=>{e.classList.remove(A),e.style.removeProperty(x),e.style.removeProperty(P)})}}(e):k;return e.dispatchEvent(new window.CustomEvent("vp-carousel-start",{bubbles:!0})),()=>{$=!0,e.dispatchEvent(new window.CustomEvent("vp-carousel-stop",{bubbles:!0})),_(),D(),R(),H(),l(),d(),e.removeEventListener("scroll",o),e.removeEventListener(W,r),e.removeEventListener("mousedown",m),e.removeEventListener("keydown",y),e.removeEventListener("blur",w),w(),h(),g(),oe(e),q(),p();const t=T.get(e);t&&(T.delete(e),t.destroy(),e.querySelectorAll(c).forEach(e=>{e.style.removeProperty("translate")}))}}function ke(e){var t;return(null===(t=e.closest(u))||void 0===t?void 0:t.querySelector(l))||null}function Te(e,t){return"justified"===e.dataset.vpLayout?le(e):"carousel"===e.dataset.vpLayout?Ce(e,t):void 0}se&&"undefined"!=typeof document&&document.querySelectorAll(`${l}.${q}`).forEach(e=>{e.classList.remove(q),e.classList.add("vp-layout-masonry-native")}),t("visual-portfolio/item-template",{state:{hasScript:!0,useJsMasonry:!se,useNativeMasonry:se},actions:{carouselPrev(){const t=ke(e().ref);t&&Fe(t,-1)},carouselNext(){const t=ke(e().ref);t&&Fe(t,1)},carouselAutoplayToggle(){const{ref:t}=e(),o=ke(t);if(!o)return;const n=V.has(o);n?V.delete(o):V.add(o),Ie(o),o.dispatchEvent(new window.CustomEvent(I,{detail:{playing:n,source:"visitor"}}))},carouselGoTo(t){const{ref:o}=e(),n=t.target.closest(h),r=ke(o),s=n?parseInt(n.dataset.vpSlide,10):-1;!r||s<0||(r.dispatchEvent(new window.CustomEvent(C)),We(r,s))}},callbacks:{initLayout(){const{ref:t}=e();let o=Te(t);if(!o)return;const n=()=>{const e="carousel"===t.dataset.vpLayout?he(t):void 0;o(),o=Te(t,e)||k};return t.addEventListener(F,n),()=>{t.removeEventListener(F,n),o()}}}}); \ No newline at end of file +import{getElement as e,store as t}from"@wordpress/interactivity";const n="--vp-layout-current-columns";function o(e,t=()=>{}){const o=e.ownerDocument.defaultView||window,r=e.classList.contains("vp-layout-auto-columns");let s=0;const a=()=>{const o=r?function(e){const t=(e.ownerDocument.defaultView||window).getComputedStyle(e),n=e.clientWidth,o=parseFloat(t.columnGap)||0,r=function(e){const t=e.ownerDocument.createElement("div");t.style.cssText="position:absolute;visibility:hidden;pointer-events:none;width:var(--vp-layout-min-column-width,16rem)",e.appendChild(t);const n=t.offsetWidth;return t.remove(),n}(e);if(!n||!r)return 1;const s=parseInt(t.getPropertyValue("--vp-layout-columns"),10),a=Math.floor((n+o)/(r+o));return Math.max(1,s>0?Math.min(a,s):a)}(e):function(e){const t=(e.ownerDocument.defaultView||window).getComputedStyle(e);return Math.max(1,parseInt(t.getPropertyValue(n),10)||1)}(e);o!==s&&(s=o,r&&e.style.setProperty(n,String(o)),t(o))};a();const i=new o.ResizeObserver(a);return i.observe(e),r||i.observe(e.ownerDocument.documentElement),()=>{i.disconnect(),r&&e.style.removeProperty(n)}}const r=".wp-block-visual-portfolio-item-template__item",s=".wp-block-visual-portfolio-item-image";function a(e){const t=e.querySelector("img");return null!=t&&t.naturalWidth&&null!=t&&t.naturalHeight?t.naturalWidth/t.naturalHeight:1}function i(e){const t=e.ownerDocument.createComment("");e.appendChild(t),t.remove()}const l=".wp-block-visual-portfolio-item-template",c=".wp-block-visual-portfolio-item-template__item",u=".vp-block-loop",d=".vp-block-loop-carousel-indicator--dots",p=".vp-block-loop-carousel-dot",h="[data-vp-slide]",v="vp-block-loop-carousel-dot-worm",f=`.${v}`,m="is-collapsed",w="is-edge",y="is-edge-far",g="--vp-carousel-dots-shift",E='[data-vp-carousel-control="autoplay"]',L="vp-carousel-is-scrubbing",b=".vp-block-loop-carousel-thumbnails",M="vp-carousel-control-idle",S="vp-carousel-is-playing",A="vp-carousel-moved-round",x="--vp-carousel-copy-cover",P="--vp-carousel-copy-contain",q="vp-layout-masonry",F="vp-relayout",W="vp-carousel-go-to",I="vp-carousel-autoplay",k="vp-carousel-step",C=()=>{},T=new WeakMap,N=new WeakMap,V=new WeakSet,O=new WeakSet,$=new WeakMap,D=new WeakSet,R=new WeakMap,H=new WeakMap,_=new WeakMap,z="--vp-carousel-seam-shift",G="vp-carousel-pointer-focus",X=new Set(["Alt","AltGraph","CapsLock","Control","Fn","Meta","NumLock","OS","ScrollLock","Shift","Symbol"]),Y="--vp-carousel-marquee-shift",J="--snap-type";function j(e){return"true"===e.dataset.vpCarouselRepeat}function B(e,t){return!ve(e)&&e.querySelectorAll(c).length>Math.max(1,t)}function U(e){const t=e.querySelectorAll(c),n=t.length>1?Math.abs(t[1].offsetLeft-t[0].offsetLeft):e.scrollWidth-e.clientWidth,o=t.length?t.length*n:0;let r=0;if(t.length){const n=window.getComputedStyle(e),o=window.getComputedStyle(t[0]).scrollSnapAlign.startsWith("center"),s=parseFloat(n.paddingInlineStart)||0;r=o?s+(t[0].offsetWidth-e.clientWidth)/2:s-(parseFloat(n.scrollPaddingInlineStart)||0)}return{count:t.length,step:n,period:o,origin:r}}function K(e,t){return t>0?(e%t+t)%t:0}function Q(e,t=U(e)){const{count:n,step:o,period:r,origin:s}=t;return n&&o?Math.round(K(me(e)-s,r)/o)%n:0}function Z(e,t,n=0,o=0){const r=U(e),{count:s,step:a,period:l,origin:c}=r;if(!s||!a)return;const u=(t%s+s)%s,d=me(e),p=c+u*a;let h=p;if(n>0){for(;h-l>d+1;)h-=l;for(;h<=d+1;)h+=l}else if(n<0){for(;h+l=d-1;)h-=l}else h=[p-l,p,p+l].reduce((e,t)=>Math.abs(t-d)te(e,t,o),l=()=>{ee.delete(e),s?e.style.setProperty(J,s):e.style.removeProperty(J),i(e)},c=Math.abs(n-t),u=c>0&&Math.sign(n-t)===Math.sign(r),d=Math.min(700,Math.max(120,3*c/Math.abs(r)));let p=u?d:450;"auto"===fe()&&(p=0);const h=window.performance.now();let v=0;const f=e=>{const o=p?Math.min(1,(e-h)/p):1,r=1-o,s=u?1-r*r*r:.5-Math.cos(Math.PI*o)/2;a(t+(n-t)*s),v=o<1?window.requestAnimationFrame(f):window.requestAnimationFrame(()=>{v=window.requestAnimationFrame(l)})};ee.set(e,()=>{window.cancelAnimationFrame(v),l()}),a(t),v=window.requestAnimationFrame(f)}(e,d,h,l,o)}const ee=new WeakMap;function te(e,t,n){const o=function(e,t){const n=t-4,o=K(e,t);return o>=4&&o<=n?o:o+t<=n?o+t:4}(t,n),r=o!==me(e);e.scrollTo({left:ve(e)?-o:o,behavior:"instant"}),r&&e.dispatchEvent(new window.Event("scroll"))}function ne(e){var t;null===(t=ee.get(e))||void 0===t||t()}function oe(e,t){const{count:n,step:o,origin:r}=U(e),s=r+(n?t%n:0)*o;e.scrollTo({left:ve(e)?-s:s,behavior:"instant"}),we(e)}function re(e,t,n=fe()){e.scrollTo({left:ve(e)?-t:t,behavior:n})}const se=!(null===(ae=window.CSS)||void 0===ae||null===(ie=ae.supports)||void 0===ie||!ie.call(ae,"display","grid-lanes"));var ae,ie;function le(e){return function(e,t){const n=e.ownerDocument.defaultView||window,a=()=>t(e),i=o(e,a);a(),e.addEventListener("load",a,!0);const l=new n.ResizeObserver(a);return l.observe(e),()=>{i(),e.removeEventListener("load",a,!0),l.disconnect(),e.style.height="",Array.from(e.querySelectorAll(r)).forEach(e=>{!function(e){e.style.position="",e.style.left="",e.style.top="",e.style.width="",e.style.height="";const t=e.querySelector(s);t&&(t.style.height="")}(e),e.dataset.vpLayoutHidden&&(delete e.dataset.vpLayoutHidden,e.style.display="")})}}(e,e=>function(e,t){const{width:n,gap:o,rowGap:i,rowHeight:l}=function(e){const t=(e.ownerDocument.defaultView||window).getComputedStyle(e),n=e.clientWidth,o=e=>e.endsWith("%")?parseFloat(e)/100*n:parseFloat(e),r=o(t.columnGap)||0,s=o(t.rowGap);return{width:n,gap:r,rowGap:Number.isNaN(s)?r:s,columns:Math.max(1,parseInt(t.getPropertyValue("--vp-layout-current-columns"),10)||1),rowHeight:parseFloat(t.getPropertyValue("--vp-layout-row-height"))||320}}(e),c=function(e){const t=e.ownerDocument.defaultView||window;return Array.from(e.querySelectorAll(r)).filter(e=>"true"===e.dataset.vpLayoutHidden||"none"!==t.getComputedStyle(e).display)}(e);if(!c.length||!n)return;const u=c.map(a),d=[];let p=[],h=0;const v=l*(1+Math.max(0,t.rowHeightTolerance||0));c.forEach((e,t)=>{p.push(t),h+=u[t];const r=(n-o*(p.length-1))/h;r<=v&&(d.push({items:p,height:r,isFull:!0}),p=[],h=0)}),p.length&&d.push({items:p,height:l,isFull:!1});const f=t.maxRowsCount?d.slice(0,t.maxRowsCount):d;let m=0;f.forEach(e=>{const r=e.items.reduce((t,n)=>t+u[n]*e.height,0)+o*(e.items.length-1);let a=0;e.isFull||("center"===t.lastRow?a=(n-r)/2:"right"===t.lastRow&&(a=n-r));let l=0;e.items.forEach(t=>{const n=c[t],r=u[t]*e.height,i=n.querySelector(s);n.style.position="absolute",n.style.left=`${a}px`,n.style.top=`${m}px`,n.style.width=`${r}px`,i&&(i.style.height=`${e.height}px`),l=Math.max(l,n.offsetHeight),a+=r+o}),m+=l+i}),d.forEach((e,n)=>{const o=n>=f.length||!e.isFull&&"hide"===t.lastRow;e.items.forEach(e=>{const t=c[e];o?(t.dataset.vpLayoutHidden="true",t.style.display="none"):t.dataset.vpLayoutHidden&&(delete t.dataset.vpLayoutHidden,t.style.display="")})}),e.style.height=`${Math.max(0,m-i)}px`}(e,function(e){const t=e.dataset;return{rowHeight:parseFloat(t.vpJustifiedRowHeight)||320,rowHeightTolerance:parseFloat(t.vpJustifiedTolerance)||0,maxRowsCount:parseInt(t.vpJustifiedMaxRows,10)||0,lastRow:t.vpJustifiedLastRow||"left"}}(e)))}function ce(e){return e.closest(".wp-block-visual-portfolio-item-template__carousel-frame")}function ue(e){return e.closest(u)||ce(e)||e}function de(e){return Array.from(ue(e).querySelectorAll("[data-vp-carousel-control]"))}function pe(e){const t=Array.from(e.querySelectorAll(c));if(!t.length)return[];const n=ve(e),o=Math.max(0,e.scrollWidth-e.clientWidth),r=window.getComputedStyle(t[0]).scrollSnapAlign.startsWith("center"),s=r?0:parseFloat(window.getComputedStyle(e).scrollPaddingInlineStart)||0;return t.map(t=>{const a=n?e.clientWidth-t.offsetLeft-t.offsetWidth:t.offsetLeft,i=r?(e.clientWidth-t.offsetWidth)/2:s,l=Math.max(0,Math.min(o,a-i));return o-l<2?o:l})}function he(e,t=pe(e)){if(j(e))return Q(e);const n=me(e);let o=0,r=Number.POSITIVE_INFINITY;return t.forEach((e,t)=>{const s=Math.abs(e-n);s=o;if(t.querySelectorAll(".vp-block-loop-carousel-previous").forEach(e=>{e.disabled=s}),t.querySelectorAll(".vp-block-loop-carousel-next").forEach(e=>{e.disabled=a}),e.classList.contains("vp-carousel-edge-fade")){const t=ve(e);Ee(e,"left",t?a:s),Ee(e,"right",t?s:a)}!function(e,t=ue(e)){const n=ye(e),o=e.querySelectorAll(c).length;t.querySelectorAll(h).forEach(e=>{const t=parseInt(e.dataset.vpSlide,10);e.setAttribute("aria-current",t===n?"true":"false")});const r=Se(e);t.querySelectorAll(d).forEach(e=>{!function(e,t,n){const o=e.querySelectorAll(p);if(!o.length)return;let r=0;n.forEach((e,n)=>{e<=t&&(r=n)}),o.forEach((e,t)=>{e.setAttribute("aria-current",t===r?"true":"false")});const s=parseInt(e.dataset.vpMaxDots,10)||0,a=s>0&&o.length>s,i=be(e,o.length,r);if(function(e,t,n){const o=e.querySelector(f);if(!o)return;const r={left:Math.round(t.centreOf(t.index)-t.grown/2),width:t.grown},s=R.get(e);if(s&&s.left===r.left&&s.width===r.width)return;R.set(e,r);const a=(e,t)=>{o.style.insetInlineStart=`${Math.round(e)}px`,o.style.width=`${Math.round(t)}px`};if(!s||"auto"===fe())return H.delete(e),void a(r.left,r.width);const i=H.get(e)||{tail:s.left,head:s.left+s.width,frame:0};if(i.tailFrom=i.tail,i.headFrom=i.head,i.tailTo=r.left,i.headTo=r.left+r.width,i.onwards=i.tailTo>=i.tailFrom,i.reach=n,i.started=window.performance.now(),H.set(e,i),i.frame)return;const l=()=>{if(!o.isConnected||H.get(e)!==i)return void(i.frame=0);const t=Math.min(1,(window.performance.now()-i.started)/420),n=(e=>1-(1-e)**3)(Math.min(1,t/.55)),r=(e=>e*e*(3-2*e))(Math.max(0,(t-.32)/.6799999999999999)),s=i.onwards?n:r,c=i.onwards?r:n;i.head=i.headFrom+(i.headTo-i.headFrom)*s,i.tail=i.tailFrom+(i.tailTo-i.tailFrom)*c,i.head-i.tail>i.reach&&(i.onwards?i.tail=i.head-i.reach:i.head=i.tail+i.reach),a(i.tail,Math.max(1,i.head-i.tail)),i.frame=t<1?window.requestAnimationFrame(l):0};i.frame=window.requestAnimationFrame(l)}(e,i,a?3*i.slot:Number.POSITIVE_INFINITY),!a)return e.classList.remove(m),e.style.removeProperty(g),o.forEach(e=>{e.classList.remove(w,y)}),void $.delete(e);e.classList.add(m);const l=e.querySelector(`${p}:focus-visible`),c=l?Array.prototype.indexOf.call(o,l):r;D.has(e)||(D.add(e),e.addEventListener("focusin",t=>{const n=t.target.closest(p);if(null==n||!n.matches(":focus-visible"))return;const o=e.querySelectorAll(p),r=Math.max(0,Array.prototype.findIndex.call(o,e=>"true"===e.getAttribute("aria-current")));Ae(e,be(e,o.length,r),Array.prototype.indexOf.call(o,n))})),Ae(e,i,c)}(e,n,r)}),t.querySelectorAll(b).forEach(e=>{!function(e,t){if($.get(e)===t)return;$.set(e,t);const n=e.querySelectorAll(".vp-block-loop-carousel-thumb")[t];if(!n||e.scrollWidth<=e.clientWidth)return;const o=n.offsetLeft+n.offsetWidth/2,r=e.scrollWidth-e.clientWidth,s=o-e.clientWidth/2,a=ve(e)?Math.max(-r,Math.min(0,s)):Math.max(0,Math.min(r,s));e.scrollTo({left:a,behavior:fe()})}(e,n)}),t.querySelectorAll(".vp-block-loop-carousel-indicator--counter").forEach(e=>{ge(e,".vp-block-loop-carousel-counter-current",n+1),ge(e,".vp-block-loop-carousel-counter-total",o)});const s=function(e){if(j(e)){const t=e.querySelectorAll(c).length;return t>1?ye(e)/(t-1):1}const t=e.scrollWidth-e.clientWidth;return t>0?Math.min(1,Math.max(0,me(e)/t)):1}(e);t.querySelectorAll(".vp-block-loop-carousel-indicator--progress").forEach(e=>{e.style.setProperty("--vp-carousel-progress",100*s+"%"),e.setAttribute("aria-valuenow",String(Math.round(100*s)));const t=e.dataset.vpPositionLabel;t&&e.setAttribute("aria-valuetext",t.replace("%1$d",String(n+1)).replace("%2$d",String(o)))})}(e,t)}function ye(e){const t=N.get(e);return t&&window.performance.now()-t.time<1200?t.index:he(e)}function ge(e,t,n){const o=e.querySelector(t),r=String(n);o&&o.textContent!==r&&(o.textContent=r)}function Ee(e,t,n){const o=`--vp-carousel-fade-${t}`;n!==("0px"===e.style.getPropertyValue(o))&&(n?e.style.setProperty(o,"0px"):e.style.removeProperty(o))}function Le(e){const t=Se(e);ue(e).querySelectorAll(d).forEach(e=>{!function(e,t){const n=e.querySelectorAll(p),o=e.dataset.vpDotLabel||"",r=t.length;for(let e=n.length-1;e>=r;e-=1)n[e].remove();for(let t=n.length;t{const r=t[n];e.dataset.vpSlide=String(r),e.setAttribute("aria-label",o.replace("%d",String(r+1)))}),r&&!e.querySelector(f)){const t=document.createElement("span");t.className=v,t.setAttribute("aria-hidden","true"),t.innerHTML='',e.prepend(t)}}(e,t)})}function be(e,t,n){const o=window.getComputedStyle(e),r=parseFloat(o.getPropertyValue("--vp-carousel-dot-slot"))||18,s=parseFloat(o.getPropertyValue("--vp-carousel-dot-size"))||6,a=parseFloat(o.getPropertyValue("--vp-carousel-dot-active-size"))||r,i=Math.max(0,(a-s)/2),l=parseFloat(o.paddingInlineStart)||0,c=Math.min(Math.max(n,0),Math.max(0,t-1));return{slot:r,grown:a,index:c,centreOf:e=>l+e*r+r/2+(e=>e===c?0:e{const i=0===t%o||!r&&t===s;e.classList.toggle("vp-carousel-no-snap",o>1&&!i);const l=a[a.length-1];i&&(r||1===o||void 0===l||n[t]!==n[l])&&a.push(t)}),_.set(e,a)}function Se(e){return _.get(e)||Array.from(e.querySelectorAll(c),(e,t)=>t)}function Ae(e,t,n){const o=e.querySelectorAll(p),r=e.clientWidth;if(!r||$.get(e)===n)return;$.set(e,n);const{centreOf:s,content:a}=t,i=Math.round(Math.min(0,Math.max(r-a,r/2-s(n))));e.style.setProperty(g,`${i}px`);const l=[i<0,i>r-a],c=[];o.forEach((e,t)=>{const n=s(t)+i;n>=0&&n<=r&&c.push(t)}),o.forEach((e,t)=>{const o=c.indexOf(t),r=t===n||o<0?o<0?-1:Number.POSITIVE_INFINITY:Math.min(l[0]?o:Number.POSITIVE_INFINITY,l[1]?c.length-1-o:Number.POSITIVE_INFINITY);e.classList.toggle(w,1===r),e.classList.toggle(y,r<=0)})}function xe(e,t,n){let o=t+n;for(;o>=0&&o=1)return o;if(!Number.isInteger(o))return 1;const r=e.clientWidth;if(j(e)){const{step:t}=U(e);return t>0?Math.max(1,Math.round(r/t)):1}const s=t[Math.max(0,Math.min(t.length-1,n))];for(let e=n+1;e=r)return e-n;return Math.max(1,t.length-1-n)}function qe(e,t,n){if(!e.length)return t;let o=t,r=Number.POSITIVE_INFINITY;return e.forEach(e=>{[e-n,e,e+n].forEach(e=>{const n=Math.abs(e-t);n0?null!==(r=e.find(e=>e>t))&&void 0!==r?r:e[0]:null!==(o=[...e].reverse().find(e=>e0&&t>=e.length-1||n<0&&t<=0)return r;const s=Math.max(0,Math.min(e.length-1,r));return e[s]===e[t]?xe(e,t,n):s}(r,s,t,a),r)}function We(e,t,n=pe(e)){if(j(e))return void Z(e,t);const o=Math.max(0,Math.min(n.length-1,t));n.length&&o===t&&(N.set(e,{index:o,time:window.performance.now()}),re(e,n[o]))}function Ie(e,t=ue(e)){const n=!V.has(e);t.classList.toggle("vp-carousel-is-stopped",!n),t.querySelectorAll(E).forEach(e=>{const t=n?e.dataset.vpPauseLabel:e.dataset.vpPlayLabel;t&&e.setAttribute("aria-label",t)})}function ke(e,t){const n=()=>we(e),r=t=>{var n;return We(e,null===(n=t.detail)||void 0===n?void 0:n.index)};let s;j(e)&&O.add(e);let a=0;const l=o(e,t=>{a=t,void 0!==s&&O.has(e)&&B(e,t)!==s?e.dispatchEvent(new window.Event(F)):(Me(e),Le(e),we(e),T.has(e)&&i(e))});s=O.has(e)&&B(e,a),s?e.dataset.vpCarouselRepeat="true":delete e.dataset.vpCarouselRepeat;const u=!!parseFloat(e.dataset.vpCarouselAutoplay)&&!window.matchMedia("(prefers-reduced-motion: reduce)").matches,d=function(e,t){const n=de(e).filter(e=>t||!e.matches(E));return n.forEach(e=>{e.classList.remove(M)}),()=>{n.forEach(e=>{e.classList.add(M)})}}(e,u);Me(e),Le(e),we(e),e.addEventListener("scroll",n,{passive:!0}),e.addEventListener(W,r);const p=function(e,t){const n=new window.MutationObserver(e=>{const n=e.flatMap(e=>Array.from(e.addedNodes)).filter(e=>{var t;return 1===e.nodeType&&(null===(t=e.matches)||void 0===t?void 0:t.call(e,c))});n.length&&t()});return n.observe(e,{childList:!0}),()=>n.disconnect()}(e,()=>{Me(e),Le(e),we(e)}),h=s?function(e){const t=e.ownerDocument.defaultView||window,n=()=>{const t=parseFloat(e.style.getPropertyValue(z))||0,{count:n,step:o,period:r,origin:s}=U(e);if(!n||!o)return;const a=((s-t)%o+o)%o,l=a<5||a>o-5?10:0;l!==t&&(l?e.style.setProperty(z,`${l}px`):e.style.removeProperty(z),r&&te(e,me(e)+(l-t),r),T.has(e)&&i(e))};n();const o=new t.ResizeObserver(n);return o.observe(e),()=>{o.disconnect(),e.style.removeProperty(z)}}(e):C;s&&oe(e,null!=t?t:0);const v=window.matchMedia("(hover: hover) and (pointer: fine)").matches,f=e.dataset.vpCarouselSrc,m=t=>{0===t.button&&(t.preventDefault(),e.classList.add(G),e.focus({preventScroll:!0}))},w=()=>e.classList.remove(G),y=e=>{X.has(e.key)||w()};v&&(e.addEventListener("mousedown",m),e.addEventListener("keydown",y),e.addEventListener("blur",w));const g=s?function(e){let t=[],n=0;const o=e=>{n+=Math.abs(e.clientX-t[t.length-1].x),t.push({x:e.clientX,time:e.timeStamp})},r=()=>{window.removeEventListener("pointermove",o),window.removeEventListener("pointerup",s),window.removeEventListener("pointercancel",s)};function s(o){if(r(),n<=10||"true"!==e.getAttribute("has-overflow"))return;const{count:s,step:a,origin:i}=U(e);if(!s||!a)return;const l=o.clientX,c=o.timeStamp,u=t.find(e=>c-e.time<=80)||t[t.length-1],d=Math.max(1,c-u.time),p=(l-u.x)/d*(ve(e)?1:-1),h=me(e)+290*p;Z(e,qe(Se(e),Math.round((h-i)/a),s),0,p)}const a=r=>{ne(e),t=[{x:r.clientX,time:r.timeStamp}],n=0,window.addEventListener("pointermove",o),window.addEventListener("pointerup",s),window.addEventListener("pointercancel",s)};return e.addEventListener("pointerdown",a),()=>{e.removeEventListener("pointerdown",a),r()}}(e):C,q=s?function(e){const t=Object.getOwnPropertyDescriptor(Element.prototype,"scrollWidth");return null!=t&&t.get?(Object.defineProperty(e,"scrollWidth",{configurable:!0,get(){const n=e.querySelectorAll(c);return n.length<2?t.get.call(e):e.clientWidth+n.length*Math.abs(n[1].offsetLeft-n[0].offsetLeft)}}),()=>{delete e.scrollWidth}):C}(e):C;let $=!1;(v||s)&&f&&import(f).then(({Blossom:n})=>{if($||!e.isConnected||T.has(e))return;const o=n(e,{repeat:s});T.set(e,o),o.init(),s&&(i(e),oe(e,null!=t?t:0),window.requestAnimationFrame(()=>{window.requestAnimationFrame(()=>{T.has(e)&&i(e)})}))}).catch(()=>{});const D=function(e){const t=1e3*parseFloat(e.dataset.vpCarouselAutoplay);if(!t||window.matchMedia("(prefers-reduced-motion: reduce)").matches)return C;const n=ue(e),o=[ce(e)||e,...de(e)];let r=0,s=0,a=0;const i=new Set,l=new Set;let c=!1,u=!0,d=-1;const p=function(e){const t=parseFloat(e.dataset.vpCarouselMarquee),n=parseFloat(e.dataset.vpCarouselMarqueeHover);return t>0&&j(e)?{speed:t/1e3*("backward"===e.dataset.vpCarouselMarqueeDirection?-1:1),hover:Number.isFinite(n)?Math.max(0,Math.min(1,n)):0}:null}(e),h=p?function(e,t){let n=null,o=0,r=!1,s=!1,a=!1,i=me(e),l=0,c=e.style.getPropertyValue(J);const u=t=>{t?e.style.setProperty(J,t):e.style.removeProperty(J)},d=t=>{e.style.setProperty(Y,`${t}px`)},p=e=>{n=null,o=0,l=e,d(0)},h=e=>{r=0===e.button},v=()=>{r=!1},f=t=>{s=Array.from(t.touches).some(t=>e.contains(t.target))},m=t=>{(null!==n||o)&&p(t),ee.has(e)||"none"!==e.style.getPropertyValue(J)||u(c),i=me(e)},w=e=>{X.has(e.key)||(a=!0,m(e.timeStamp))},y=()=>{a=!1};return e.addEventListener("pointerdown",h),window.addEventListener("pointerup",v),window.addEventListener("pointercancel",v),window.addEventListener("contextmenu",v),e.addEventListener("touchstart",f,{passive:!0}),window.addEventListener("touchend",f,{passive:!0}),window.addEventListener("touchcancel",f,{passive:!0}),e.addEventListener("keydown",w),e.addEventListener("blur",y),{drift:(u,h,v)=>{if(a)return void m(v);const f=e.style.getPropertyValue(J);if("none"!==f&&(c=f,e.style.setProperty(J,"none")),!h&&!o)return;const w=me(e),{period:y}=U(e),g=K(w-i,y),E=g>.5&&g{e.removeEventListener("pointerdown",h),window.removeEventListener("pointerup",v),window.removeEventListener("pointercancel",v),window.removeEventListener("contextmenu",v),e.removeEventListener("touchstart",f),window.removeEventListener("touchend",f),window.removeEventListener("touchcancel",f),e.removeEventListener("keydown",w),e.removeEventListener("blur",y),e.style.removeProperty(Y),u(c)}}}(e,p):null,v=e=>{n.style.setProperty("--vp-carousel-autoplay-progress",100*e+"%")},f=()=>{r=0,v(0)},m=n=>{a=window.requestAnimationFrame(m);const o=n-s;s=n,[i,l].forEach(e=>{e.forEach(t=>{t.isConnected||e.delete(t)})});const w=l.size||c||u||V.has(e);if(h&&l.size)return void h.rest(n);if(h){let e=i.size?p.hover:1;return w&&(e=0),void h.drift(Math.min(o,100),e,n)}if(i.size||w)return;const y=ye(e);y!==d&&(d=y,f()),r+=o,v(Math.min(1,r/t)),r=e.scrollWidth-e.clientWidth-1?e.scrollTo({left:0,behavior:fe()}):Fe(e,1))},w=e=>i.add(e.currentTarget),y=e=>i.delete(e.currentTarget),g=e=>{var t,n;null!==(t=(n=e.target).matches)&&void 0!==t&&t.call(n,":focus-visible")&&!e.target.classList.contains(G)&&l.add(e.currentTarget)},E=e=>l.delete(e.currentTarget),L=e=>{var t,n;"visitor"!==(null===(t=e.detail)||void 0===t?void 0:t.source)&&(c=!1===(null===(n=e.detail)||void 0===n?void 0:n.playing))},b=ce(e)||e,M=new(b.ownerDocument.defaultView||window).IntersectionObserver(e=>{e.forEach(e=>{u=!e.isIntersecting})},{threshold:.5});return M.observe(b),n.classList.add(S),o.forEach(e=>{e.addEventListener("pointerenter",w),e.addEventListener("pointerleave",y),e.addEventListener("focusin",g),e.addEventListener("focusout",E)}),e.addEventListener(I,L),e.addEventListener(k,f),Ie(e,n),a=window.requestAnimationFrame(e=>{s=e,m(e)}),()=>{window.cancelAnimationFrame(a),M.disconnect(),n.classList.remove(S),o.forEach(e=>{e.removeEventListener("pointerenter",w),e.removeEventListener("pointerleave",y),e.removeEventListener("focusin",g),e.removeEventListener("focusout",E)}),e.removeEventListener(I,L),e.removeEventListener(k,f),n.style.removeProperty("--vp-carousel-autoplay-progress"),null==h||h.stop()}}(e),R=function(e){const t=ue(e),n=Array.from(t.querySelectorAll(".vp-block-loop-carousel-indicator--progress.is-draggable"));if(!n.length)return C;let o=null,r=null,s=0,a=!1;const i=()=>{o?e.style.setProperty(J,o):e.style.removeProperty(J),o=null,e.classList.remove(L)},l=(t,n)=>{const o=t.getBoundingClientRect(),r=ve(e)?o.right-n:n-o.left;return o.width>0?Math.min(1,Math.max(0,r/o.width)):0},u=(t,n)=>qe(Se(e),Math.round(t*Math.max(0,n-1)),n),d=t=>{if(r){if(!a){if(Math.abs(t.clientX-s)<3)return;a=!0,o=e.style.getPropertyValue(J),e.style.setProperty(J,"none"),e.classList.add(L),N.delete(e)}(t=>{if(j(e)){const{count:n,step:o,origin:r,period:s}=U(e);return void te(e,r+t*Math.max(0,n-1)*o,s)}re(e,t*(e.scrollWidth-e.clientWidth),"instant")})(l(r,t.clientX))}},p=t=>{if(!r)return;const n=l(r,t.clientX),o=a;r=null,a=!1,window.removeEventListener("pointermove",d),window.removeEventListener("pointerup",p),window.removeEventListener("pointercancel",p),o?(t=>{if(i(),!j(e))return;const n=e.querySelectorAll(c).length;Z(e,u(t,n),0)})(n):(t=>{const n=e.querySelectorAll(c).length;e.dispatchEvent(new window.CustomEvent(k)),j(e)?Z(e,u(t,n),0):re(e,t*(e.scrollWidth-e.clientWidth))})(n)},h=t=>{ne(e),r=t.currentTarget,s=t.clientX,a=!1,window.addEventListener("pointermove",d),window.addEventListener("pointerup",p),window.addEventListener("pointercancel",p)},v=t=>{const n=ve(e),o=e.querySelectorAll(c).length,r=n?"ArrowRight":"ArrowLeft",s=n?"ArrowLeft":"ArrowRight";switch(t.key){case r:case"ArrowDown":case"PageDown":Fe(e,-1);break;case s:case"ArrowUp":case"PageUp":Fe(e,1);break;case"Home":We(e,0);break;case"End":We(e,o-1);break;default:return}t.preventDefault()};return n.forEach(e=>{e.addEventListener("pointerdown",h),e.addEventListener("keydown",v)}),()=>{n.forEach(e=>{e.removeEventListener("pointerdown",h),e.removeEventListener("keydown",v)}),window.removeEventListener("pointermove",d),window.removeEventListener("pointerup",p),window.removeEventListener("pointercancel",p),i()}}(e),H=function(e,t){const n=Array.from(ue(e).querySelectorAll(b)),o=e.dataset.vpCarouselSrc;if(!n.length||!o||!t)return C;const r=[];let s=!1;return import(o).then(({Blossom:e})=>{s||n.forEach(t=>{if(!t.isConnected||T.has(t))return;const n=e(t,{repeat:!1});T.set(t,n),n.init(),r.push(t)})}).catch(()=>{}),()=>{s=!0,r.forEach(e=>{var t;null===(t=T.get(e))||void 0===t||t.destroy(),T.delete(e)})}}(e,v),_=s?function(e){const t=t=>{const n=parseFloat(t.style.translate)||0;if(t.classList.toggle(A,!!n),!n)return t.style.removeProperty(x),void t.style.removeProperty(P);const o=parseFloat(window.getComputedStyle(t).viewTimelineInset)||0,r=t.offsetLeft+n,s=r+t.offsetWidth,a=e.clientWidth;t.style.setProperty(x,`${r-a+o}px ${s-o}px`),t.style.setProperty(P,`${s-a+o}px ${r-o}px`)},n=new window.MutationObserver(e=>{e.forEach(e=>{t(e.target)})});return e.querySelectorAll(c).forEach(t),n.observe(e,{attributes:!0,attributeFilter:["style"],subtree:!0}),()=>{n.disconnect(),e.querySelectorAll(c).forEach(e=>{e.classList.remove(A),e.style.removeProperty(x),e.style.removeProperty(P)})}}(e):C;return e.dispatchEvent(new window.CustomEvent("vp-carousel-start",{bubbles:!0})),()=>{$=!0,e.dispatchEvent(new window.CustomEvent("vp-carousel-stop",{bubbles:!0})),_(),D(),R(),H(),l(),d(),e.removeEventListener("scroll",n),e.removeEventListener(W,r),e.removeEventListener("mousedown",m),e.removeEventListener("keydown",y),e.removeEventListener("blur",w),w(),h(),g(),ne(e),q(),p();const t=T.get(e);t&&(T.delete(e),t.destroy(),e.querySelectorAll(c).forEach(e=>{e.style.removeProperty("translate")}))}}function Ce(e){var t;return(null===(t=e.closest(u))||void 0===t?void 0:t.querySelector(l))||null}function Te(e,t){return"justified"===e.dataset.vpLayout?le(e):"carousel"===e.dataset.vpLayout?ke(e,t):void 0}se&&"undefined"!=typeof document&&document.querySelectorAll(`${l}.${q}`).forEach(e=>{e.classList.remove(q),e.classList.add("vp-layout-masonry-native")}),t("visual-portfolio/item-template",{state:{hasScript:!0,useJsMasonry:!se,useNativeMasonry:se},actions:{carouselPrev(){const t=Ce(e().ref);t&&Fe(t,-1)},carouselNext(){const t=Ce(e().ref);t&&Fe(t,1)},carouselAutoplayToggle(){const{ref:t}=e(),n=Ce(t);if(!n)return;const o=V.has(n);o?V.delete(n):V.add(n),Ie(n),n.dispatchEvent(new window.CustomEvent(I,{detail:{playing:o,source:"visitor"}}))},carouselGoTo(t){const{ref:n}=e(),o=t.target.closest(h),r=Ce(n),s=o?parseInt(o.dataset.vpSlide,10):-1;!r||s<0||(r.dispatchEvent(new window.CustomEvent(k)),We(r,s))}},callbacks:{initLayout(){const{ref:t}=e();let n=Te(t);if(!n)return;const o=()=>{const e="carousel"===t.dataset.vpLayout?he(t):void 0;n(),n=Te(t,e)||C};return t.addEventListener(F,o),()=>{t.removeEventListener(F,o),n()}}}}); \ No newline at end of file diff --git a/gutenberg/blocks/item-template/view.js b/gutenberg/blocks/item-template/view.js index 529005f9..7fb985b4 100644 --- a/gutenberg/blocks/item-template/view.js +++ b/gutenberg/blocks/item-template/view.js @@ -2569,9 +2569,10 @@ function initMarquee(list, marquee) { // that stopped mid-pan was moved on under. let pressed = false; let touching = false; - // A sideways wheel or trackpad scroll, which moves the list a pixel at a - // time when it is slow - no more than the marquee itself does in a frame. - let nudged = false; + // A key pressed on the list, focused by a click as often as by the Tab + // key - and a click leaves no focus the keyboard's for the autoplay to + // hold on. + let keyboard = false; let lastPosition = getScrollPosition(list); let lastMove = 0; // The snap the carousel has when the marquee is not moving it. Blossom @@ -2597,32 +2598,30 @@ function initMarquee(list, marquee) { setShift(0); }; - // The main button only: the menu a right click opens on a Mac swallows - // the release, and the marquee stood still until the next click. + // The main button only, and never past a menu: the menu a right click + // or a Ctrl click opens on a Mac swallows the release, and the marquee + // stood still until the next click. const onDown = (event) => { pressed = 0 === event.button; }; const onUp = () => { pressed = false; }; + // The fingers on this list, not on the page: a finger lifted elsewhere + // with another still down held every marquee on it. const onTouch = (event) => { - touching = event.touches.length > 0; - }; - const onWheel = (event) => { - if (event.deltaX) { - nudged = true; - } + touching = Array.from(event.touches).some((touch) => + list.contains(touch.target) + ); }; - list.addEventListener('pointerdown', onDown); - window.addEventListener('pointerup', onUp); - window.addEventListener('pointercancel', onUp); - list.addEventListener('touchstart', onTouch, { passive: true }); - window.addEventListener('touchend', onTouch, { passive: true }); - window.addEventListener('touchcancel', onTouch, { passive: true }); - list.addEventListener('wheel', onWheel, { passive: true }); - const drift = (elapsed, wanted, now) => { + if (keyboard) { + rest(now); + + return; + } + // A marquee rests nowhere, and a snap pulled it back to the slide it // was leaving on every frame. Written every frame, since Blossom // writes its own. @@ -2635,7 +2634,7 @@ function initMarquee(list, marquee) { // Held and at a stop, there is nothing to move - and nothing to // measure until it runs again, when a move made meanwhile is found. - if (!wanted && !rate && !nudged) { + if (!wanted && !rate) { return; } @@ -2645,10 +2644,9 @@ function initMarquee(list, marquee) { // marquee reads back the very pixel it scrolled to. A turn of the loop // is the same picture, so only a move off it counts. const off = onTheClock(position - lastPosition, period); - const moved = nudged || (off > 0.5 && off < period - 0.5); + const moved = off > 0.5 && off < period - 0.5; lastPosition = position; - nudged = false; if (moved) { lastMove = now; @@ -2701,21 +2699,49 @@ function initMarquee(list, marquee) { letGo(now); } - if ('none' === list.style.getPropertyValue(SNAP_TYPE_PROPERTY)) { + // Not under a step the module is drawing, which holds the snap off + // until it arrives and gives it back itself. + if ( + !travels.has(list) && + 'none' === list.style.getPropertyValue(SNAP_TYPE_PROPERTY) + ) { setSnap(snap); } lastPosition = getScrollPosition(list); }; + // The snap is given back before the key scrolls, so the key moves a slide. + const onKey = (event) => { + if (!MODIFIER_KEYS.has(event.key)) { + keyboard = true; + rest(event.timeStamp); + } + }; + const onBlur = () => { + keyboard = false; + }; + + list.addEventListener('pointerdown', onDown); + window.addEventListener('pointerup', onUp); + window.addEventListener('pointercancel', onUp); + window.addEventListener('contextmenu', onUp); + list.addEventListener('touchstart', onTouch, { passive: true }); + window.addEventListener('touchend', onTouch, { passive: true }); + window.addEventListener('touchcancel', onTouch, { passive: true }); + list.addEventListener('keydown', onKey); + list.addEventListener('blur', onBlur); + const stop = () => { list.removeEventListener('pointerdown', onDown); window.removeEventListener('pointerup', onUp); window.removeEventListener('pointercancel', onUp); + window.removeEventListener('contextmenu', onUp); list.removeEventListener('touchstart', onTouch); window.removeEventListener('touchend', onTouch); window.removeEventListener('touchcancel', onTouch); - list.removeEventListener('wheel', onWheel); + list.removeEventListener('keydown', onKey); + list.removeEventListener('blur', onBlur); list.style.removeProperty(MARQUEE_SHIFT_PROPERTY); setSnap(snap); }; From 4c87ba85f05feb35b9cebf3f22cf0a8dd3a36286 Mon Sep 17 00:00:00 2001 From: Nikita Date: Sun, 27 Sep 2026 12:10:35 +0300 Subject: [PATCH 4/6] fix(loop): release a marquee when the focus leaves a slide link --- build/gutenberg/blocks/item-template/view.asset.php | 2 +- build/gutenberg/blocks/item-template/view.js | 2 +- gutenberg/blocks/item-template/view.js | 12 ++++++++---- 3 files changed, 10 insertions(+), 6 deletions(-) diff --git a/build/gutenberg/blocks/item-template/view.asset.php b/build/gutenberg/blocks/item-template/view.asset.php index b4273994..ba3abd09 100644 --- a/build/gutenberg/blocks/item-template/view.asset.php +++ b/build/gutenberg/blocks/item-template/view.asset.php @@ -1 +1 @@ - array('@wordpress/interactivity'), 'version' => '5d743ec4b0ce856127a0', 'type' => 'module'); + array('@wordpress/interactivity'), 'version' => '9a50cc0c755931e09323', 'type' => 'module'); diff --git a/build/gutenberg/blocks/item-template/view.js b/build/gutenberg/blocks/item-template/view.js index 3245c4d6..c26b953e 100644 --- a/build/gutenberg/blocks/item-template/view.js +++ b/build/gutenberg/blocks/item-template/view.js @@ -1 +1 @@ -import{getElement as e,store as t}from"@wordpress/interactivity";const n="--vp-layout-current-columns";function o(e,t=()=>{}){const o=e.ownerDocument.defaultView||window,r=e.classList.contains("vp-layout-auto-columns");let s=0;const a=()=>{const o=r?function(e){const t=(e.ownerDocument.defaultView||window).getComputedStyle(e),n=e.clientWidth,o=parseFloat(t.columnGap)||0,r=function(e){const t=e.ownerDocument.createElement("div");t.style.cssText="position:absolute;visibility:hidden;pointer-events:none;width:var(--vp-layout-min-column-width,16rem)",e.appendChild(t);const n=t.offsetWidth;return t.remove(),n}(e);if(!n||!r)return 1;const s=parseInt(t.getPropertyValue("--vp-layout-columns"),10),a=Math.floor((n+o)/(r+o));return Math.max(1,s>0?Math.min(a,s):a)}(e):function(e){const t=(e.ownerDocument.defaultView||window).getComputedStyle(e);return Math.max(1,parseInt(t.getPropertyValue(n),10)||1)}(e);o!==s&&(s=o,r&&e.style.setProperty(n,String(o)),t(o))};a();const i=new o.ResizeObserver(a);return i.observe(e),r||i.observe(e.ownerDocument.documentElement),()=>{i.disconnect(),r&&e.style.removeProperty(n)}}const r=".wp-block-visual-portfolio-item-template__item",s=".wp-block-visual-portfolio-item-image";function a(e){const t=e.querySelector("img");return null!=t&&t.naturalWidth&&null!=t&&t.naturalHeight?t.naturalWidth/t.naturalHeight:1}function i(e){const t=e.ownerDocument.createComment("");e.appendChild(t),t.remove()}const l=".wp-block-visual-portfolio-item-template",c=".wp-block-visual-portfolio-item-template__item",u=".vp-block-loop",d=".vp-block-loop-carousel-indicator--dots",p=".vp-block-loop-carousel-dot",h="[data-vp-slide]",v="vp-block-loop-carousel-dot-worm",f=`.${v}`,m="is-collapsed",w="is-edge",y="is-edge-far",g="--vp-carousel-dots-shift",E='[data-vp-carousel-control="autoplay"]',L="vp-carousel-is-scrubbing",b=".vp-block-loop-carousel-thumbnails",M="vp-carousel-control-idle",S="vp-carousel-is-playing",A="vp-carousel-moved-round",x="--vp-carousel-copy-cover",P="--vp-carousel-copy-contain",q="vp-layout-masonry",F="vp-relayout",W="vp-carousel-go-to",I="vp-carousel-autoplay",k="vp-carousel-step",C=()=>{},T=new WeakMap,N=new WeakMap,V=new WeakSet,O=new WeakSet,$=new WeakMap,D=new WeakSet,R=new WeakMap,H=new WeakMap,_=new WeakMap,z="--vp-carousel-seam-shift",G="vp-carousel-pointer-focus",X=new Set(["Alt","AltGraph","CapsLock","Control","Fn","Meta","NumLock","OS","ScrollLock","Shift","Symbol"]),Y="--vp-carousel-marquee-shift",J="--snap-type";function j(e){return"true"===e.dataset.vpCarouselRepeat}function B(e,t){return!ve(e)&&e.querySelectorAll(c).length>Math.max(1,t)}function U(e){const t=e.querySelectorAll(c),n=t.length>1?Math.abs(t[1].offsetLeft-t[0].offsetLeft):e.scrollWidth-e.clientWidth,o=t.length?t.length*n:0;let r=0;if(t.length){const n=window.getComputedStyle(e),o=window.getComputedStyle(t[0]).scrollSnapAlign.startsWith("center"),s=parseFloat(n.paddingInlineStart)||0;r=o?s+(t[0].offsetWidth-e.clientWidth)/2:s-(parseFloat(n.scrollPaddingInlineStart)||0)}return{count:t.length,step:n,period:o,origin:r}}function K(e,t){return t>0?(e%t+t)%t:0}function Q(e,t=U(e)){const{count:n,step:o,period:r,origin:s}=t;return n&&o?Math.round(K(me(e)-s,r)/o)%n:0}function Z(e,t,n=0,o=0){const r=U(e),{count:s,step:a,period:l,origin:c}=r;if(!s||!a)return;const u=(t%s+s)%s,d=me(e),p=c+u*a;let h=p;if(n>0){for(;h-l>d+1;)h-=l;for(;h<=d+1;)h+=l}else if(n<0){for(;h+l=d-1;)h-=l}else h=[p-l,p,p+l].reduce((e,t)=>Math.abs(t-d)te(e,t,o),l=()=>{ee.delete(e),s?e.style.setProperty(J,s):e.style.removeProperty(J),i(e)},c=Math.abs(n-t),u=c>0&&Math.sign(n-t)===Math.sign(r),d=Math.min(700,Math.max(120,3*c/Math.abs(r)));let p=u?d:450;"auto"===fe()&&(p=0);const h=window.performance.now();let v=0;const f=e=>{const o=p?Math.min(1,(e-h)/p):1,r=1-o,s=u?1-r*r*r:.5-Math.cos(Math.PI*o)/2;a(t+(n-t)*s),v=o<1?window.requestAnimationFrame(f):window.requestAnimationFrame(()=>{v=window.requestAnimationFrame(l)})};ee.set(e,()=>{window.cancelAnimationFrame(v),l()}),a(t),v=window.requestAnimationFrame(f)}(e,d,h,l,o)}const ee=new WeakMap;function te(e,t,n){const o=function(e,t){const n=t-4,o=K(e,t);return o>=4&&o<=n?o:o+t<=n?o+t:4}(t,n),r=o!==me(e);e.scrollTo({left:ve(e)?-o:o,behavior:"instant"}),r&&e.dispatchEvent(new window.Event("scroll"))}function ne(e){var t;null===(t=ee.get(e))||void 0===t||t()}function oe(e,t){const{count:n,step:o,origin:r}=U(e),s=r+(n?t%n:0)*o;e.scrollTo({left:ve(e)?-s:s,behavior:"instant"}),we(e)}function re(e,t,n=fe()){e.scrollTo({left:ve(e)?-t:t,behavior:n})}const se=!(null===(ae=window.CSS)||void 0===ae||null===(ie=ae.supports)||void 0===ie||!ie.call(ae,"display","grid-lanes"));var ae,ie;function le(e){return function(e,t){const n=e.ownerDocument.defaultView||window,a=()=>t(e),i=o(e,a);a(),e.addEventListener("load",a,!0);const l=new n.ResizeObserver(a);return l.observe(e),()=>{i(),e.removeEventListener("load",a,!0),l.disconnect(),e.style.height="",Array.from(e.querySelectorAll(r)).forEach(e=>{!function(e){e.style.position="",e.style.left="",e.style.top="",e.style.width="",e.style.height="";const t=e.querySelector(s);t&&(t.style.height="")}(e),e.dataset.vpLayoutHidden&&(delete e.dataset.vpLayoutHidden,e.style.display="")})}}(e,e=>function(e,t){const{width:n,gap:o,rowGap:i,rowHeight:l}=function(e){const t=(e.ownerDocument.defaultView||window).getComputedStyle(e),n=e.clientWidth,o=e=>e.endsWith("%")?parseFloat(e)/100*n:parseFloat(e),r=o(t.columnGap)||0,s=o(t.rowGap);return{width:n,gap:r,rowGap:Number.isNaN(s)?r:s,columns:Math.max(1,parseInt(t.getPropertyValue("--vp-layout-current-columns"),10)||1),rowHeight:parseFloat(t.getPropertyValue("--vp-layout-row-height"))||320}}(e),c=function(e){const t=e.ownerDocument.defaultView||window;return Array.from(e.querySelectorAll(r)).filter(e=>"true"===e.dataset.vpLayoutHidden||"none"!==t.getComputedStyle(e).display)}(e);if(!c.length||!n)return;const u=c.map(a),d=[];let p=[],h=0;const v=l*(1+Math.max(0,t.rowHeightTolerance||0));c.forEach((e,t)=>{p.push(t),h+=u[t];const r=(n-o*(p.length-1))/h;r<=v&&(d.push({items:p,height:r,isFull:!0}),p=[],h=0)}),p.length&&d.push({items:p,height:l,isFull:!1});const f=t.maxRowsCount?d.slice(0,t.maxRowsCount):d;let m=0;f.forEach(e=>{const r=e.items.reduce((t,n)=>t+u[n]*e.height,0)+o*(e.items.length-1);let a=0;e.isFull||("center"===t.lastRow?a=(n-r)/2:"right"===t.lastRow&&(a=n-r));let l=0;e.items.forEach(t=>{const n=c[t],r=u[t]*e.height,i=n.querySelector(s);n.style.position="absolute",n.style.left=`${a}px`,n.style.top=`${m}px`,n.style.width=`${r}px`,i&&(i.style.height=`${e.height}px`),l=Math.max(l,n.offsetHeight),a+=r+o}),m+=l+i}),d.forEach((e,n)=>{const o=n>=f.length||!e.isFull&&"hide"===t.lastRow;e.items.forEach(e=>{const t=c[e];o?(t.dataset.vpLayoutHidden="true",t.style.display="none"):t.dataset.vpLayoutHidden&&(delete t.dataset.vpLayoutHidden,t.style.display="")})}),e.style.height=`${Math.max(0,m-i)}px`}(e,function(e){const t=e.dataset;return{rowHeight:parseFloat(t.vpJustifiedRowHeight)||320,rowHeightTolerance:parseFloat(t.vpJustifiedTolerance)||0,maxRowsCount:parseInt(t.vpJustifiedMaxRows,10)||0,lastRow:t.vpJustifiedLastRow||"left"}}(e)))}function ce(e){return e.closest(".wp-block-visual-portfolio-item-template__carousel-frame")}function ue(e){return e.closest(u)||ce(e)||e}function de(e){return Array.from(ue(e).querySelectorAll("[data-vp-carousel-control]"))}function pe(e){const t=Array.from(e.querySelectorAll(c));if(!t.length)return[];const n=ve(e),o=Math.max(0,e.scrollWidth-e.clientWidth),r=window.getComputedStyle(t[0]).scrollSnapAlign.startsWith("center"),s=r?0:parseFloat(window.getComputedStyle(e).scrollPaddingInlineStart)||0;return t.map(t=>{const a=n?e.clientWidth-t.offsetLeft-t.offsetWidth:t.offsetLeft,i=r?(e.clientWidth-t.offsetWidth)/2:s,l=Math.max(0,Math.min(o,a-i));return o-l<2?o:l})}function he(e,t=pe(e)){if(j(e))return Q(e);const n=me(e);let o=0,r=Number.POSITIVE_INFINITY;return t.forEach((e,t)=>{const s=Math.abs(e-n);s=o;if(t.querySelectorAll(".vp-block-loop-carousel-previous").forEach(e=>{e.disabled=s}),t.querySelectorAll(".vp-block-loop-carousel-next").forEach(e=>{e.disabled=a}),e.classList.contains("vp-carousel-edge-fade")){const t=ve(e);Ee(e,"left",t?a:s),Ee(e,"right",t?s:a)}!function(e,t=ue(e)){const n=ye(e),o=e.querySelectorAll(c).length;t.querySelectorAll(h).forEach(e=>{const t=parseInt(e.dataset.vpSlide,10);e.setAttribute("aria-current",t===n?"true":"false")});const r=Se(e);t.querySelectorAll(d).forEach(e=>{!function(e,t,n){const o=e.querySelectorAll(p);if(!o.length)return;let r=0;n.forEach((e,n)=>{e<=t&&(r=n)}),o.forEach((e,t)=>{e.setAttribute("aria-current",t===r?"true":"false")});const s=parseInt(e.dataset.vpMaxDots,10)||0,a=s>0&&o.length>s,i=be(e,o.length,r);if(function(e,t,n){const o=e.querySelector(f);if(!o)return;const r={left:Math.round(t.centreOf(t.index)-t.grown/2),width:t.grown},s=R.get(e);if(s&&s.left===r.left&&s.width===r.width)return;R.set(e,r);const a=(e,t)=>{o.style.insetInlineStart=`${Math.round(e)}px`,o.style.width=`${Math.round(t)}px`};if(!s||"auto"===fe())return H.delete(e),void a(r.left,r.width);const i=H.get(e)||{tail:s.left,head:s.left+s.width,frame:0};if(i.tailFrom=i.tail,i.headFrom=i.head,i.tailTo=r.left,i.headTo=r.left+r.width,i.onwards=i.tailTo>=i.tailFrom,i.reach=n,i.started=window.performance.now(),H.set(e,i),i.frame)return;const l=()=>{if(!o.isConnected||H.get(e)!==i)return void(i.frame=0);const t=Math.min(1,(window.performance.now()-i.started)/420),n=(e=>1-(1-e)**3)(Math.min(1,t/.55)),r=(e=>e*e*(3-2*e))(Math.max(0,(t-.32)/.6799999999999999)),s=i.onwards?n:r,c=i.onwards?r:n;i.head=i.headFrom+(i.headTo-i.headFrom)*s,i.tail=i.tailFrom+(i.tailTo-i.tailFrom)*c,i.head-i.tail>i.reach&&(i.onwards?i.tail=i.head-i.reach:i.head=i.tail+i.reach),a(i.tail,Math.max(1,i.head-i.tail)),i.frame=t<1?window.requestAnimationFrame(l):0};i.frame=window.requestAnimationFrame(l)}(e,i,a?3*i.slot:Number.POSITIVE_INFINITY),!a)return e.classList.remove(m),e.style.removeProperty(g),o.forEach(e=>{e.classList.remove(w,y)}),void $.delete(e);e.classList.add(m);const l=e.querySelector(`${p}:focus-visible`),c=l?Array.prototype.indexOf.call(o,l):r;D.has(e)||(D.add(e),e.addEventListener("focusin",t=>{const n=t.target.closest(p);if(null==n||!n.matches(":focus-visible"))return;const o=e.querySelectorAll(p),r=Math.max(0,Array.prototype.findIndex.call(o,e=>"true"===e.getAttribute("aria-current")));Ae(e,be(e,o.length,r),Array.prototype.indexOf.call(o,n))})),Ae(e,i,c)}(e,n,r)}),t.querySelectorAll(b).forEach(e=>{!function(e,t){if($.get(e)===t)return;$.set(e,t);const n=e.querySelectorAll(".vp-block-loop-carousel-thumb")[t];if(!n||e.scrollWidth<=e.clientWidth)return;const o=n.offsetLeft+n.offsetWidth/2,r=e.scrollWidth-e.clientWidth,s=o-e.clientWidth/2,a=ve(e)?Math.max(-r,Math.min(0,s)):Math.max(0,Math.min(r,s));e.scrollTo({left:a,behavior:fe()})}(e,n)}),t.querySelectorAll(".vp-block-loop-carousel-indicator--counter").forEach(e=>{ge(e,".vp-block-loop-carousel-counter-current",n+1),ge(e,".vp-block-loop-carousel-counter-total",o)});const s=function(e){if(j(e)){const t=e.querySelectorAll(c).length;return t>1?ye(e)/(t-1):1}const t=e.scrollWidth-e.clientWidth;return t>0?Math.min(1,Math.max(0,me(e)/t)):1}(e);t.querySelectorAll(".vp-block-loop-carousel-indicator--progress").forEach(e=>{e.style.setProperty("--vp-carousel-progress",100*s+"%"),e.setAttribute("aria-valuenow",String(Math.round(100*s)));const t=e.dataset.vpPositionLabel;t&&e.setAttribute("aria-valuetext",t.replace("%1$d",String(n+1)).replace("%2$d",String(o)))})}(e,t)}function ye(e){const t=N.get(e);return t&&window.performance.now()-t.time<1200?t.index:he(e)}function ge(e,t,n){const o=e.querySelector(t),r=String(n);o&&o.textContent!==r&&(o.textContent=r)}function Ee(e,t,n){const o=`--vp-carousel-fade-${t}`;n!==("0px"===e.style.getPropertyValue(o))&&(n?e.style.setProperty(o,"0px"):e.style.removeProperty(o))}function Le(e){const t=Se(e);ue(e).querySelectorAll(d).forEach(e=>{!function(e,t){const n=e.querySelectorAll(p),o=e.dataset.vpDotLabel||"",r=t.length;for(let e=n.length-1;e>=r;e-=1)n[e].remove();for(let t=n.length;t{const r=t[n];e.dataset.vpSlide=String(r),e.setAttribute("aria-label",o.replace("%d",String(r+1)))}),r&&!e.querySelector(f)){const t=document.createElement("span");t.className=v,t.setAttribute("aria-hidden","true"),t.innerHTML='',e.prepend(t)}}(e,t)})}function be(e,t,n){const o=window.getComputedStyle(e),r=parseFloat(o.getPropertyValue("--vp-carousel-dot-slot"))||18,s=parseFloat(o.getPropertyValue("--vp-carousel-dot-size"))||6,a=parseFloat(o.getPropertyValue("--vp-carousel-dot-active-size"))||r,i=Math.max(0,(a-s)/2),l=parseFloat(o.paddingInlineStart)||0,c=Math.min(Math.max(n,0),Math.max(0,t-1));return{slot:r,grown:a,index:c,centreOf:e=>l+e*r+r/2+(e=>e===c?0:e{const i=0===t%o||!r&&t===s;e.classList.toggle("vp-carousel-no-snap",o>1&&!i);const l=a[a.length-1];i&&(r||1===o||void 0===l||n[t]!==n[l])&&a.push(t)}),_.set(e,a)}function Se(e){return _.get(e)||Array.from(e.querySelectorAll(c),(e,t)=>t)}function Ae(e,t,n){const o=e.querySelectorAll(p),r=e.clientWidth;if(!r||$.get(e)===n)return;$.set(e,n);const{centreOf:s,content:a}=t,i=Math.round(Math.min(0,Math.max(r-a,r/2-s(n))));e.style.setProperty(g,`${i}px`);const l=[i<0,i>r-a],c=[];o.forEach((e,t)=>{const n=s(t)+i;n>=0&&n<=r&&c.push(t)}),o.forEach((e,t)=>{const o=c.indexOf(t),r=t===n||o<0?o<0?-1:Number.POSITIVE_INFINITY:Math.min(l[0]?o:Number.POSITIVE_INFINITY,l[1]?c.length-1-o:Number.POSITIVE_INFINITY);e.classList.toggle(w,1===r),e.classList.toggle(y,r<=0)})}function xe(e,t,n){let o=t+n;for(;o>=0&&o=1)return o;if(!Number.isInteger(o))return 1;const r=e.clientWidth;if(j(e)){const{step:t}=U(e);return t>0?Math.max(1,Math.round(r/t)):1}const s=t[Math.max(0,Math.min(t.length-1,n))];for(let e=n+1;e=r)return e-n;return Math.max(1,t.length-1-n)}function qe(e,t,n){if(!e.length)return t;let o=t,r=Number.POSITIVE_INFINITY;return e.forEach(e=>{[e-n,e,e+n].forEach(e=>{const n=Math.abs(e-t);n0?null!==(r=e.find(e=>e>t))&&void 0!==r?r:e[0]:null!==(o=[...e].reverse().find(e=>e0&&t>=e.length-1||n<0&&t<=0)return r;const s=Math.max(0,Math.min(e.length-1,r));return e[s]===e[t]?xe(e,t,n):s}(r,s,t,a),r)}function We(e,t,n=pe(e)){if(j(e))return void Z(e,t);const o=Math.max(0,Math.min(n.length-1,t));n.length&&o===t&&(N.set(e,{index:o,time:window.performance.now()}),re(e,n[o]))}function Ie(e,t=ue(e)){const n=!V.has(e);t.classList.toggle("vp-carousel-is-stopped",!n),t.querySelectorAll(E).forEach(e=>{const t=n?e.dataset.vpPauseLabel:e.dataset.vpPlayLabel;t&&e.setAttribute("aria-label",t)})}function ke(e,t){const n=()=>we(e),r=t=>{var n;return We(e,null===(n=t.detail)||void 0===n?void 0:n.index)};let s;j(e)&&O.add(e);let a=0;const l=o(e,t=>{a=t,void 0!==s&&O.has(e)&&B(e,t)!==s?e.dispatchEvent(new window.Event(F)):(Me(e),Le(e),we(e),T.has(e)&&i(e))});s=O.has(e)&&B(e,a),s?e.dataset.vpCarouselRepeat="true":delete e.dataset.vpCarouselRepeat;const u=!!parseFloat(e.dataset.vpCarouselAutoplay)&&!window.matchMedia("(prefers-reduced-motion: reduce)").matches,d=function(e,t){const n=de(e).filter(e=>t||!e.matches(E));return n.forEach(e=>{e.classList.remove(M)}),()=>{n.forEach(e=>{e.classList.add(M)})}}(e,u);Me(e),Le(e),we(e),e.addEventListener("scroll",n,{passive:!0}),e.addEventListener(W,r);const p=function(e,t){const n=new window.MutationObserver(e=>{const n=e.flatMap(e=>Array.from(e.addedNodes)).filter(e=>{var t;return 1===e.nodeType&&(null===(t=e.matches)||void 0===t?void 0:t.call(e,c))});n.length&&t()});return n.observe(e,{childList:!0}),()=>n.disconnect()}(e,()=>{Me(e),Le(e),we(e)}),h=s?function(e){const t=e.ownerDocument.defaultView||window,n=()=>{const t=parseFloat(e.style.getPropertyValue(z))||0,{count:n,step:o,period:r,origin:s}=U(e);if(!n||!o)return;const a=((s-t)%o+o)%o,l=a<5||a>o-5?10:0;l!==t&&(l?e.style.setProperty(z,`${l}px`):e.style.removeProperty(z),r&&te(e,me(e)+(l-t),r),T.has(e)&&i(e))};n();const o=new t.ResizeObserver(n);return o.observe(e),()=>{o.disconnect(),e.style.removeProperty(z)}}(e):C;s&&oe(e,null!=t?t:0);const v=window.matchMedia("(hover: hover) and (pointer: fine)").matches,f=e.dataset.vpCarouselSrc,m=t=>{0===t.button&&(t.preventDefault(),e.classList.add(G),e.focus({preventScroll:!0}))},w=()=>e.classList.remove(G),y=e=>{X.has(e.key)||w()};v&&(e.addEventListener("mousedown",m),e.addEventListener("keydown",y),e.addEventListener("blur",w));const g=s?function(e){let t=[],n=0;const o=e=>{n+=Math.abs(e.clientX-t[t.length-1].x),t.push({x:e.clientX,time:e.timeStamp})},r=()=>{window.removeEventListener("pointermove",o),window.removeEventListener("pointerup",s),window.removeEventListener("pointercancel",s)};function s(o){if(r(),n<=10||"true"!==e.getAttribute("has-overflow"))return;const{count:s,step:a,origin:i}=U(e);if(!s||!a)return;const l=o.clientX,c=o.timeStamp,u=t.find(e=>c-e.time<=80)||t[t.length-1],d=Math.max(1,c-u.time),p=(l-u.x)/d*(ve(e)?1:-1),h=me(e)+290*p;Z(e,qe(Se(e),Math.round((h-i)/a),s),0,p)}const a=r=>{ne(e),t=[{x:r.clientX,time:r.timeStamp}],n=0,window.addEventListener("pointermove",o),window.addEventListener("pointerup",s),window.addEventListener("pointercancel",s)};return e.addEventListener("pointerdown",a),()=>{e.removeEventListener("pointerdown",a),r()}}(e):C,q=s?function(e){const t=Object.getOwnPropertyDescriptor(Element.prototype,"scrollWidth");return null!=t&&t.get?(Object.defineProperty(e,"scrollWidth",{configurable:!0,get(){const n=e.querySelectorAll(c);return n.length<2?t.get.call(e):e.clientWidth+n.length*Math.abs(n[1].offsetLeft-n[0].offsetLeft)}}),()=>{delete e.scrollWidth}):C}(e):C;let $=!1;(v||s)&&f&&import(f).then(({Blossom:n})=>{if($||!e.isConnected||T.has(e))return;const o=n(e,{repeat:s});T.set(e,o),o.init(),s&&(i(e),oe(e,null!=t?t:0),window.requestAnimationFrame(()=>{window.requestAnimationFrame(()=>{T.has(e)&&i(e)})}))}).catch(()=>{});const D=function(e){const t=1e3*parseFloat(e.dataset.vpCarouselAutoplay);if(!t||window.matchMedia("(prefers-reduced-motion: reduce)").matches)return C;const n=ue(e),o=[ce(e)||e,...de(e)];let r=0,s=0,a=0;const i=new Set,l=new Set;let c=!1,u=!0,d=-1;const p=function(e){const t=parseFloat(e.dataset.vpCarouselMarquee),n=parseFloat(e.dataset.vpCarouselMarqueeHover);return t>0&&j(e)?{speed:t/1e3*("backward"===e.dataset.vpCarouselMarqueeDirection?-1:1),hover:Number.isFinite(n)?Math.max(0,Math.min(1,n)):0}:null}(e),h=p?function(e,t){let n=null,o=0,r=!1,s=!1,a=!1,i=me(e),l=0,c=e.style.getPropertyValue(J);const u=t=>{t?e.style.setProperty(J,t):e.style.removeProperty(J)},d=t=>{e.style.setProperty(Y,`${t}px`)},p=e=>{n=null,o=0,l=e,d(0)},h=e=>{r=0===e.button},v=()=>{r=!1},f=t=>{s=Array.from(t.touches).some(t=>e.contains(t.target))},m=t=>{(null!==n||o)&&p(t),ee.has(e)||"none"!==e.style.getPropertyValue(J)||u(c),i=me(e)},w=e=>{X.has(e.key)||(a=!0,m(e.timeStamp))},y=()=>{a=!1};return e.addEventListener("pointerdown",h),window.addEventListener("pointerup",v),window.addEventListener("pointercancel",v),window.addEventListener("contextmenu",v),e.addEventListener("touchstart",f,{passive:!0}),window.addEventListener("touchend",f,{passive:!0}),window.addEventListener("touchcancel",f,{passive:!0}),e.addEventListener("keydown",w),e.addEventListener("blur",y),{drift:(u,h,v)=>{if(a)return void m(v);const f=e.style.getPropertyValue(J);if("none"!==f&&(c=f,e.style.setProperty(J,"none")),!h&&!o)return;const w=me(e),{period:y}=U(e),g=K(w-i,y),E=g>.5&&g{e.removeEventListener("pointerdown",h),window.removeEventListener("pointerup",v),window.removeEventListener("pointercancel",v),window.removeEventListener("contextmenu",v),e.removeEventListener("touchstart",f),window.removeEventListener("touchend",f),window.removeEventListener("touchcancel",f),e.removeEventListener("keydown",w),e.removeEventListener("blur",y),e.style.removeProperty(Y),u(c)}}}(e,p):null,v=e=>{n.style.setProperty("--vp-carousel-autoplay-progress",100*e+"%")},f=()=>{r=0,v(0)},m=n=>{a=window.requestAnimationFrame(m);const o=n-s;s=n,[i,l].forEach(e=>{e.forEach(t=>{t.isConnected||e.delete(t)})});const w=l.size||c||u||V.has(e);if(h&&l.size)return void h.rest(n);if(h){let e=i.size?p.hover:1;return w&&(e=0),void h.drift(Math.min(o,100),e,n)}if(i.size||w)return;const y=ye(e);y!==d&&(d=y,f()),r+=o,v(Math.min(1,r/t)),r=e.scrollWidth-e.clientWidth-1?e.scrollTo({left:0,behavior:fe()}):Fe(e,1))},w=e=>i.add(e.currentTarget),y=e=>i.delete(e.currentTarget),g=e=>{var t,n;null!==(t=(n=e.target).matches)&&void 0!==t&&t.call(n,":focus-visible")&&!e.target.classList.contains(G)&&l.add(e.currentTarget)},E=e=>l.delete(e.currentTarget),L=e=>{var t,n;"visitor"!==(null===(t=e.detail)||void 0===t?void 0:t.source)&&(c=!1===(null===(n=e.detail)||void 0===n?void 0:n.playing))},b=ce(e)||e,M=new(b.ownerDocument.defaultView||window).IntersectionObserver(e=>{e.forEach(e=>{u=!e.isIntersecting})},{threshold:.5});return M.observe(b),n.classList.add(S),o.forEach(e=>{e.addEventListener("pointerenter",w),e.addEventListener("pointerleave",y),e.addEventListener("focusin",g),e.addEventListener("focusout",E)}),e.addEventListener(I,L),e.addEventListener(k,f),Ie(e,n),a=window.requestAnimationFrame(e=>{s=e,m(e)}),()=>{window.cancelAnimationFrame(a),M.disconnect(),n.classList.remove(S),o.forEach(e=>{e.removeEventListener("pointerenter",w),e.removeEventListener("pointerleave",y),e.removeEventListener("focusin",g),e.removeEventListener("focusout",E)}),e.removeEventListener(I,L),e.removeEventListener(k,f),n.style.removeProperty("--vp-carousel-autoplay-progress"),null==h||h.stop()}}(e),R=function(e){const t=ue(e),n=Array.from(t.querySelectorAll(".vp-block-loop-carousel-indicator--progress.is-draggable"));if(!n.length)return C;let o=null,r=null,s=0,a=!1;const i=()=>{o?e.style.setProperty(J,o):e.style.removeProperty(J),o=null,e.classList.remove(L)},l=(t,n)=>{const o=t.getBoundingClientRect(),r=ve(e)?o.right-n:n-o.left;return o.width>0?Math.min(1,Math.max(0,r/o.width)):0},u=(t,n)=>qe(Se(e),Math.round(t*Math.max(0,n-1)),n),d=t=>{if(r){if(!a){if(Math.abs(t.clientX-s)<3)return;a=!0,o=e.style.getPropertyValue(J),e.style.setProperty(J,"none"),e.classList.add(L),N.delete(e)}(t=>{if(j(e)){const{count:n,step:o,origin:r,period:s}=U(e);return void te(e,r+t*Math.max(0,n-1)*o,s)}re(e,t*(e.scrollWidth-e.clientWidth),"instant")})(l(r,t.clientX))}},p=t=>{if(!r)return;const n=l(r,t.clientX),o=a;r=null,a=!1,window.removeEventListener("pointermove",d),window.removeEventListener("pointerup",p),window.removeEventListener("pointercancel",p),o?(t=>{if(i(),!j(e))return;const n=e.querySelectorAll(c).length;Z(e,u(t,n),0)})(n):(t=>{const n=e.querySelectorAll(c).length;e.dispatchEvent(new window.CustomEvent(k)),j(e)?Z(e,u(t,n),0):re(e,t*(e.scrollWidth-e.clientWidth))})(n)},h=t=>{ne(e),r=t.currentTarget,s=t.clientX,a=!1,window.addEventListener("pointermove",d),window.addEventListener("pointerup",p),window.addEventListener("pointercancel",p)},v=t=>{const n=ve(e),o=e.querySelectorAll(c).length,r=n?"ArrowRight":"ArrowLeft",s=n?"ArrowLeft":"ArrowRight";switch(t.key){case r:case"ArrowDown":case"PageDown":Fe(e,-1);break;case s:case"ArrowUp":case"PageUp":Fe(e,1);break;case"Home":We(e,0);break;case"End":We(e,o-1);break;default:return}t.preventDefault()};return n.forEach(e=>{e.addEventListener("pointerdown",h),e.addEventListener("keydown",v)}),()=>{n.forEach(e=>{e.removeEventListener("pointerdown",h),e.removeEventListener("keydown",v)}),window.removeEventListener("pointermove",d),window.removeEventListener("pointerup",p),window.removeEventListener("pointercancel",p),i()}}(e),H=function(e,t){const n=Array.from(ue(e).querySelectorAll(b)),o=e.dataset.vpCarouselSrc;if(!n.length||!o||!t)return C;const r=[];let s=!1;return import(o).then(({Blossom:e})=>{s||n.forEach(t=>{if(!t.isConnected||T.has(t))return;const n=e(t,{repeat:!1});T.set(t,n),n.init(),r.push(t)})}).catch(()=>{}),()=>{s=!0,r.forEach(e=>{var t;null===(t=T.get(e))||void 0===t||t.destroy(),T.delete(e)})}}(e,v),_=s?function(e){const t=t=>{const n=parseFloat(t.style.translate)||0;if(t.classList.toggle(A,!!n),!n)return t.style.removeProperty(x),void t.style.removeProperty(P);const o=parseFloat(window.getComputedStyle(t).viewTimelineInset)||0,r=t.offsetLeft+n,s=r+t.offsetWidth,a=e.clientWidth;t.style.setProperty(x,`${r-a+o}px ${s-o}px`),t.style.setProperty(P,`${s-a+o}px ${r-o}px`)},n=new window.MutationObserver(e=>{e.forEach(e=>{t(e.target)})});return e.querySelectorAll(c).forEach(t),n.observe(e,{attributes:!0,attributeFilter:["style"],subtree:!0}),()=>{n.disconnect(),e.querySelectorAll(c).forEach(e=>{e.classList.remove(A),e.style.removeProperty(x),e.style.removeProperty(P)})}}(e):C;return e.dispatchEvent(new window.CustomEvent("vp-carousel-start",{bubbles:!0})),()=>{$=!0,e.dispatchEvent(new window.CustomEvent("vp-carousel-stop",{bubbles:!0})),_(),D(),R(),H(),l(),d(),e.removeEventListener("scroll",n),e.removeEventListener(W,r),e.removeEventListener("mousedown",m),e.removeEventListener("keydown",y),e.removeEventListener("blur",w),w(),h(),g(),ne(e),q(),p();const t=T.get(e);t&&(T.delete(e),t.destroy(),e.querySelectorAll(c).forEach(e=>{e.style.removeProperty("translate")}))}}function Ce(e){var t;return(null===(t=e.closest(u))||void 0===t?void 0:t.querySelector(l))||null}function Te(e,t){return"justified"===e.dataset.vpLayout?le(e):"carousel"===e.dataset.vpLayout?ke(e,t):void 0}se&&"undefined"!=typeof document&&document.querySelectorAll(`${l}.${q}`).forEach(e=>{e.classList.remove(q),e.classList.add("vp-layout-masonry-native")}),t("visual-portfolio/item-template",{state:{hasScript:!0,useJsMasonry:!se,useNativeMasonry:se},actions:{carouselPrev(){const t=Ce(e().ref);t&&Fe(t,-1)},carouselNext(){const t=Ce(e().ref);t&&Fe(t,1)},carouselAutoplayToggle(){const{ref:t}=e(),n=Ce(t);if(!n)return;const o=V.has(n);o?V.delete(n):V.add(n),Ie(n),n.dispatchEvent(new window.CustomEvent(I,{detail:{playing:o,source:"visitor"}}))},carouselGoTo(t){const{ref:n}=e(),o=t.target.closest(h),r=Ce(n),s=o?parseInt(o.dataset.vpSlide,10):-1;!r||s<0||(r.dispatchEvent(new window.CustomEvent(k)),We(r,s))}},callbacks:{initLayout(){const{ref:t}=e();let n=Te(t);if(!n)return;const o=()=>{const e="carousel"===t.dataset.vpLayout?he(t):void 0;n(),n=Te(t,e)||C};return t.addEventListener(F,o),()=>{t.removeEventListener(F,o),n()}}}}); \ No newline at end of file +import{getElement as e,store as t}from"@wordpress/interactivity";const o="--vp-layout-current-columns";function n(e,t=()=>{}){const n=e.ownerDocument.defaultView||window,r=e.classList.contains("vp-layout-auto-columns");let s=0;const a=()=>{const n=r?function(e){const t=(e.ownerDocument.defaultView||window).getComputedStyle(e),o=e.clientWidth,n=parseFloat(t.columnGap)||0,r=function(e){const t=e.ownerDocument.createElement("div");t.style.cssText="position:absolute;visibility:hidden;pointer-events:none;width:var(--vp-layout-min-column-width,16rem)",e.appendChild(t);const o=t.offsetWidth;return t.remove(),o}(e);if(!o||!r)return 1;const s=parseInt(t.getPropertyValue("--vp-layout-columns"),10),a=Math.floor((o+n)/(r+n));return Math.max(1,s>0?Math.min(a,s):a)}(e):function(e){const t=(e.ownerDocument.defaultView||window).getComputedStyle(e);return Math.max(1,parseInt(t.getPropertyValue(o),10)||1)}(e);n!==s&&(s=n,r&&e.style.setProperty(o,String(n)),t(n))};a();const i=new n.ResizeObserver(a);return i.observe(e),r||i.observe(e.ownerDocument.documentElement),()=>{i.disconnect(),r&&e.style.removeProperty(o)}}const r=".wp-block-visual-portfolio-item-template__item",s=".wp-block-visual-portfolio-item-image";function a(e){const t=e.querySelector("img");return null!=t&&t.naturalWidth&&null!=t&&t.naturalHeight?t.naturalWidth/t.naturalHeight:1}function i(e){const t=e.ownerDocument.createComment("");e.appendChild(t),t.remove()}const l=".wp-block-visual-portfolio-item-template",c=".wp-block-visual-portfolio-item-template__item",u=".vp-block-loop",d=".vp-block-loop-carousel-indicator--dots",p=".vp-block-loop-carousel-dot",h="[data-vp-slide]",f="vp-block-loop-carousel-dot-worm",v=`.${f}`,m="is-collapsed",w="is-edge",y="is-edge-far",g="--vp-carousel-dots-shift",E='[data-vp-carousel-control="autoplay"]',L="vp-carousel-is-scrubbing",b=".vp-block-loop-carousel-thumbnails",M="vp-carousel-control-idle",S="vp-carousel-is-playing",A="vp-carousel-moved-round",x="--vp-carousel-copy-cover",P="--vp-carousel-copy-contain",q="vp-layout-masonry",F="vp-relayout",W="vp-carousel-go-to",I="vp-carousel-autoplay",k="vp-carousel-step",C=()=>{},T=new WeakMap,N=new WeakMap,V=new WeakSet,O=new WeakSet,$=new WeakMap,D=new WeakSet,R=new WeakMap,H=new WeakMap,_=new WeakMap,z="--vp-carousel-seam-shift",G="vp-carousel-pointer-focus",X=new Set(["Alt","AltGraph","CapsLock","Control","Fn","Meta","NumLock","OS","ScrollLock","Shift","Symbol"]),Y="--vp-carousel-marquee-shift",J="--snap-type";function j(e){return"true"===e.dataset.vpCarouselRepeat}function B(e,t){return!fe(e)&&e.querySelectorAll(c).length>Math.max(1,t)}function U(e){const t=e.querySelectorAll(c),o=t.length>1?Math.abs(t[1].offsetLeft-t[0].offsetLeft):e.scrollWidth-e.clientWidth,n=t.length?t.length*o:0;let r=0;if(t.length){const o=window.getComputedStyle(e),n=window.getComputedStyle(t[0]).scrollSnapAlign.startsWith("center"),s=parseFloat(o.paddingInlineStart)||0;r=n?s+(t[0].offsetWidth-e.clientWidth)/2:s-(parseFloat(o.scrollPaddingInlineStart)||0)}return{count:t.length,step:o,period:n,origin:r}}function K(e,t){return t>0?(e%t+t)%t:0}function Q(e,t=U(e)){const{count:o,step:n,period:r,origin:s}=t;return o&&n?Math.round(K(me(e)-s,r)/n)%o:0}function Z(e,t,o=0,n=0){const r=U(e),{count:s,step:a,period:l,origin:c}=r;if(!s||!a)return;const u=(t%s+s)%s,d=me(e),p=c+u*a;let h=p;if(o>0){for(;h-l>d+1;)h-=l;for(;h<=d+1;)h+=l}else if(o<0){for(;h+l=d-1;)h-=l}else h=[p-l,p,p+l].reduce((e,t)=>Math.abs(t-d)te(e,t,n),l=()=>{ee.delete(e),s?e.style.setProperty(J,s):e.style.removeProperty(J),i(e)},c=Math.abs(o-t),u=c>0&&Math.sign(o-t)===Math.sign(r),d=Math.min(700,Math.max(120,3*c/Math.abs(r)));let p=u?d:450;"auto"===ve()&&(p=0);const h=window.performance.now();let f=0;const v=e=>{const n=p?Math.min(1,(e-h)/p):1,r=1-n,s=u?1-r*r*r:.5-Math.cos(Math.PI*n)/2;a(t+(o-t)*s),f=n<1?window.requestAnimationFrame(v):window.requestAnimationFrame(()=>{f=window.requestAnimationFrame(l)})};ee.set(e,()=>{window.cancelAnimationFrame(f),l()}),a(t),f=window.requestAnimationFrame(v)}(e,d,h,l,n)}const ee=new WeakMap;function te(e,t,o){const n=function(e,t){const o=t-4,n=K(e,t);return n>=4&&n<=o?n:n+t<=o?n+t:4}(t,o),r=n!==me(e);e.scrollTo({left:fe(e)?-n:n,behavior:"instant"}),r&&e.dispatchEvent(new window.Event("scroll"))}function oe(e){var t;null===(t=ee.get(e))||void 0===t||t()}function ne(e,t){const{count:o,step:n,origin:r}=U(e),s=r+(o?t%o:0)*n;e.scrollTo({left:fe(e)?-s:s,behavior:"instant"}),we(e)}function re(e,t,o=ve()){e.scrollTo({left:fe(e)?-t:t,behavior:o})}const se=!(null===(ae=window.CSS)||void 0===ae||null===(ie=ae.supports)||void 0===ie||!ie.call(ae,"display","grid-lanes"));var ae,ie;function le(e){return function(e,t){const o=e.ownerDocument.defaultView||window,a=()=>t(e),i=n(e,a);a(),e.addEventListener("load",a,!0);const l=new o.ResizeObserver(a);return l.observe(e),()=>{i(),e.removeEventListener("load",a,!0),l.disconnect(),e.style.height="",Array.from(e.querySelectorAll(r)).forEach(e=>{!function(e){e.style.position="",e.style.left="",e.style.top="",e.style.width="",e.style.height="";const t=e.querySelector(s);t&&(t.style.height="")}(e),e.dataset.vpLayoutHidden&&(delete e.dataset.vpLayoutHidden,e.style.display="")})}}(e,e=>function(e,t){const{width:o,gap:n,rowGap:i,rowHeight:l}=function(e){const t=(e.ownerDocument.defaultView||window).getComputedStyle(e),o=e.clientWidth,n=e=>e.endsWith("%")?parseFloat(e)/100*o:parseFloat(e),r=n(t.columnGap)||0,s=n(t.rowGap);return{width:o,gap:r,rowGap:Number.isNaN(s)?r:s,columns:Math.max(1,parseInt(t.getPropertyValue("--vp-layout-current-columns"),10)||1),rowHeight:parseFloat(t.getPropertyValue("--vp-layout-row-height"))||320}}(e),c=function(e){const t=e.ownerDocument.defaultView||window;return Array.from(e.querySelectorAll(r)).filter(e=>"true"===e.dataset.vpLayoutHidden||"none"!==t.getComputedStyle(e).display)}(e);if(!c.length||!o)return;const u=c.map(a),d=[];let p=[],h=0;const f=l*(1+Math.max(0,t.rowHeightTolerance||0));c.forEach((e,t)=>{p.push(t),h+=u[t];const r=(o-n*(p.length-1))/h;r<=f&&(d.push({items:p,height:r,isFull:!0}),p=[],h=0)}),p.length&&d.push({items:p,height:l,isFull:!1});const v=t.maxRowsCount?d.slice(0,t.maxRowsCount):d;let m=0;v.forEach(e=>{const r=e.items.reduce((t,o)=>t+u[o]*e.height,0)+n*(e.items.length-1);let a=0;e.isFull||("center"===t.lastRow?a=(o-r)/2:"right"===t.lastRow&&(a=o-r));let l=0;e.items.forEach(t=>{const o=c[t],r=u[t]*e.height,i=o.querySelector(s);o.style.position="absolute",o.style.left=`${a}px`,o.style.top=`${m}px`,o.style.width=`${r}px`,i&&(i.style.height=`${e.height}px`),l=Math.max(l,o.offsetHeight),a+=r+n}),m+=l+i}),d.forEach((e,o)=>{const n=o>=v.length||!e.isFull&&"hide"===t.lastRow;e.items.forEach(e=>{const t=c[e];n?(t.dataset.vpLayoutHidden="true",t.style.display="none"):t.dataset.vpLayoutHidden&&(delete t.dataset.vpLayoutHidden,t.style.display="")})}),e.style.height=`${Math.max(0,m-i)}px`}(e,function(e){const t=e.dataset;return{rowHeight:parseFloat(t.vpJustifiedRowHeight)||320,rowHeightTolerance:parseFloat(t.vpJustifiedTolerance)||0,maxRowsCount:parseInt(t.vpJustifiedMaxRows,10)||0,lastRow:t.vpJustifiedLastRow||"left"}}(e)))}function ce(e){return e.closest(".wp-block-visual-portfolio-item-template__carousel-frame")}function ue(e){return e.closest(u)||ce(e)||e}function de(e){return Array.from(ue(e).querySelectorAll("[data-vp-carousel-control]"))}function pe(e){const t=Array.from(e.querySelectorAll(c));if(!t.length)return[];const o=fe(e),n=Math.max(0,e.scrollWidth-e.clientWidth),r=window.getComputedStyle(t[0]).scrollSnapAlign.startsWith("center"),s=r?0:parseFloat(window.getComputedStyle(e).scrollPaddingInlineStart)||0;return t.map(t=>{const a=o?e.clientWidth-t.offsetLeft-t.offsetWidth:t.offsetLeft,i=r?(e.clientWidth-t.offsetWidth)/2:s,l=Math.max(0,Math.min(n,a-i));return n-l<2?n:l})}function he(e,t=pe(e)){if(j(e))return Q(e);const o=me(e);let n=0,r=Number.POSITIVE_INFINITY;return t.forEach((e,t)=>{const s=Math.abs(e-o);s=n;if(t.querySelectorAll(".vp-block-loop-carousel-previous").forEach(e=>{e.disabled=s}),t.querySelectorAll(".vp-block-loop-carousel-next").forEach(e=>{e.disabled=a}),e.classList.contains("vp-carousel-edge-fade")){const t=fe(e);Ee(e,"left",t?a:s),Ee(e,"right",t?s:a)}!function(e,t=ue(e)){const o=ye(e),n=e.querySelectorAll(c).length;t.querySelectorAll(h).forEach(e=>{const t=parseInt(e.dataset.vpSlide,10);e.setAttribute("aria-current",t===o?"true":"false")});const r=Se(e);t.querySelectorAll(d).forEach(e=>{!function(e,t,o){const n=e.querySelectorAll(p);if(!n.length)return;let r=0;o.forEach((e,o)=>{e<=t&&(r=o)}),n.forEach((e,t)=>{e.setAttribute("aria-current",t===r?"true":"false")});const s=parseInt(e.dataset.vpMaxDots,10)||0,a=s>0&&n.length>s,i=be(e,n.length,r);if(function(e,t,o){const n=e.querySelector(v);if(!n)return;const r={left:Math.round(t.centreOf(t.index)-t.grown/2),width:t.grown},s=R.get(e);if(s&&s.left===r.left&&s.width===r.width)return;R.set(e,r);const a=(e,t)=>{n.style.insetInlineStart=`${Math.round(e)}px`,n.style.width=`${Math.round(t)}px`};if(!s||"auto"===ve())return H.delete(e),void a(r.left,r.width);const i=H.get(e)||{tail:s.left,head:s.left+s.width,frame:0};if(i.tailFrom=i.tail,i.headFrom=i.head,i.tailTo=r.left,i.headTo=r.left+r.width,i.onwards=i.tailTo>=i.tailFrom,i.reach=o,i.started=window.performance.now(),H.set(e,i),i.frame)return;const l=()=>{if(!n.isConnected||H.get(e)!==i)return void(i.frame=0);const t=Math.min(1,(window.performance.now()-i.started)/420),o=(e=>1-(1-e)**3)(Math.min(1,t/.55)),r=(e=>e*e*(3-2*e))(Math.max(0,(t-.32)/.6799999999999999)),s=i.onwards?o:r,c=i.onwards?r:o;i.head=i.headFrom+(i.headTo-i.headFrom)*s,i.tail=i.tailFrom+(i.tailTo-i.tailFrom)*c,i.head-i.tail>i.reach&&(i.onwards?i.tail=i.head-i.reach:i.head=i.tail+i.reach),a(i.tail,Math.max(1,i.head-i.tail)),i.frame=t<1?window.requestAnimationFrame(l):0};i.frame=window.requestAnimationFrame(l)}(e,i,a?3*i.slot:Number.POSITIVE_INFINITY),!a)return e.classList.remove(m),e.style.removeProperty(g),n.forEach(e=>{e.classList.remove(w,y)}),void $.delete(e);e.classList.add(m);const l=e.querySelector(`${p}:focus-visible`),c=l?Array.prototype.indexOf.call(n,l):r;D.has(e)||(D.add(e),e.addEventListener("focusin",t=>{const o=t.target.closest(p);if(null==o||!o.matches(":focus-visible"))return;const n=e.querySelectorAll(p),r=Math.max(0,Array.prototype.findIndex.call(n,e=>"true"===e.getAttribute("aria-current")));Ae(e,be(e,n.length,r),Array.prototype.indexOf.call(n,o))})),Ae(e,i,c)}(e,o,r)}),t.querySelectorAll(b).forEach(e=>{!function(e,t){if($.get(e)===t)return;$.set(e,t);const o=e.querySelectorAll(".vp-block-loop-carousel-thumb")[t];if(!o||e.scrollWidth<=e.clientWidth)return;const n=o.offsetLeft+o.offsetWidth/2,r=e.scrollWidth-e.clientWidth,s=n-e.clientWidth/2,a=fe(e)?Math.max(-r,Math.min(0,s)):Math.max(0,Math.min(r,s));e.scrollTo({left:a,behavior:ve()})}(e,o)}),t.querySelectorAll(".vp-block-loop-carousel-indicator--counter").forEach(e=>{ge(e,".vp-block-loop-carousel-counter-current",o+1),ge(e,".vp-block-loop-carousel-counter-total",n)});const s=function(e){if(j(e)){const t=e.querySelectorAll(c).length;return t>1?ye(e)/(t-1):1}const t=e.scrollWidth-e.clientWidth;return t>0?Math.min(1,Math.max(0,me(e)/t)):1}(e);t.querySelectorAll(".vp-block-loop-carousel-indicator--progress").forEach(e=>{e.style.setProperty("--vp-carousel-progress",100*s+"%"),e.setAttribute("aria-valuenow",String(Math.round(100*s)));const t=e.dataset.vpPositionLabel;t&&e.setAttribute("aria-valuetext",t.replace("%1$d",String(o+1)).replace("%2$d",String(n)))})}(e,t)}function ye(e){const t=N.get(e);return t&&window.performance.now()-t.time<1200?t.index:he(e)}function ge(e,t,o){const n=e.querySelector(t),r=String(o);n&&n.textContent!==r&&(n.textContent=r)}function Ee(e,t,o){const n=`--vp-carousel-fade-${t}`;o!==("0px"===e.style.getPropertyValue(n))&&(o?e.style.setProperty(n,"0px"):e.style.removeProperty(n))}function Le(e){const t=Se(e);ue(e).querySelectorAll(d).forEach(e=>{!function(e,t){const o=e.querySelectorAll(p),n=e.dataset.vpDotLabel||"",r=t.length;for(let e=o.length-1;e>=r;e-=1)o[e].remove();for(let t=o.length;t{const r=t[o];e.dataset.vpSlide=String(r),e.setAttribute("aria-label",n.replace("%d",String(r+1)))}),r&&!e.querySelector(v)){const t=document.createElement("span");t.className=f,t.setAttribute("aria-hidden","true"),t.innerHTML='',e.prepend(t)}}(e,t)})}function be(e,t,o){const n=window.getComputedStyle(e),r=parseFloat(n.getPropertyValue("--vp-carousel-dot-slot"))||18,s=parseFloat(n.getPropertyValue("--vp-carousel-dot-size"))||6,a=parseFloat(n.getPropertyValue("--vp-carousel-dot-active-size"))||r,i=Math.max(0,(a-s)/2),l=parseFloat(n.paddingInlineStart)||0,c=Math.min(Math.max(o,0),Math.max(0,t-1));return{slot:r,grown:a,index:c,centreOf:e=>l+e*r+r/2+(e=>e===c?0:e{const i=0===t%n||!r&&t===s;e.classList.toggle("vp-carousel-no-snap",n>1&&!i);const l=a[a.length-1];i&&(r||1===n||void 0===l||o[t]!==o[l])&&a.push(t)}),_.set(e,a)}function Se(e){return _.get(e)||Array.from(e.querySelectorAll(c),(e,t)=>t)}function Ae(e,t,o){const n=e.querySelectorAll(p),r=e.clientWidth;if(!r||$.get(e)===o)return;$.set(e,o);const{centreOf:s,content:a}=t,i=Math.round(Math.min(0,Math.max(r-a,r/2-s(o))));e.style.setProperty(g,`${i}px`);const l=[i<0,i>r-a],c=[];n.forEach((e,t)=>{const o=s(t)+i;o>=0&&o<=r&&c.push(t)}),n.forEach((e,t)=>{const n=c.indexOf(t),r=t===o||n<0?n<0?-1:Number.POSITIVE_INFINITY:Math.min(l[0]?n:Number.POSITIVE_INFINITY,l[1]?c.length-1-n:Number.POSITIVE_INFINITY);e.classList.toggle(w,1===r),e.classList.toggle(y,r<=0)})}function xe(e,t,o){let n=t+o;for(;n>=0&&n=1)return n;if(!Number.isInteger(n))return 1;const r=e.clientWidth;if(j(e)){const{step:t}=U(e);return t>0?Math.max(1,Math.round(r/t)):1}const s=t[Math.max(0,Math.min(t.length-1,o))];for(let e=o+1;e=r)return e-o;return Math.max(1,t.length-1-o)}function qe(e,t,o){if(!e.length)return t;let n=t,r=Number.POSITIVE_INFINITY;return e.forEach(e=>{[e-o,e,e+o].forEach(e=>{const o=Math.abs(e-t);o0?null!==(r=e.find(e=>e>t))&&void 0!==r?r:e[0]:null!==(n=[...e].reverse().find(e=>e0&&t>=e.length-1||o<0&&t<=0)return r;const s=Math.max(0,Math.min(e.length-1,r));return e[s]===e[t]?xe(e,t,o):s}(r,s,t,a),r)}function We(e,t,o=pe(e)){if(j(e))return void Z(e,t);const n=Math.max(0,Math.min(o.length-1,t));o.length&&n===t&&(N.set(e,{index:n,time:window.performance.now()}),re(e,o[n]))}function Ie(e,t=ue(e)){const o=!V.has(e);t.classList.toggle("vp-carousel-is-stopped",!o),t.querySelectorAll(E).forEach(e=>{const t=o?e.dataset.vpPauseLabel:e.dataset.vpPlayLabel;t&&e.setAttribute("aria-label",t)})}function ke(e,t){const o=()=>we(e),r=t=>{var o;return We(e,null===(o=t.detail)||void 0===o?void 0:o.index)};let s;j(e)&&O.add(e);let a=0;const l=n(e,t=>{a=t,void 0!==s&&O.has(e)&&B(e,t)!==s?e.dispatchEvent(new window.Event(F)):(Me(e),Le(e),we(e),T.has(e)&&i(e))});s=O.has(e)&&B(e,a),s?e.dataset.vpCarouselRepeat="true":delete e.dataset.vpCarouselRepeat;const u=!!parseFloat(e.dataset.vpCarouselAutoplay)&&!window.matchMedia("(prefers-reduced-motion: reduce)").matches,d=function(e,t){const o=de(e).filter(e=>t||!e.matches(E));return o.forEach(e=>{e.classList.remove(M)}),()=>{o.forEach(e=>{e.classList.add(M)})}}(e,u);Me(e),Le(e),we(e),e.addEventListener("scroll",o,{passive:!0}),e.addEventListener(W,r);const p=function(e,t){const o=new window.MutationObserver(e=>{const o=e.flatMap(e=>Array.from(e.addedNodes)).filter(e=>{var t;return 1===e.nodeType&&(null===(t=e.matches)||void 0===t?void 0:t.call(e,c))});o.length&&t()});return o.observe(e,{childList:!0}),()=>o.disconnect()}(e,()=>{Me(e),Le(e),we(e)}),h=s?function(e){const t=e.ownerDocument.defaultView||window,o=()=>{const t=parseFloat(e.style.getPropertyValue(z))||0,{count:o,step:n,period:r,origin:s}=U(e);if(!o||!n)return;const a=((s-t)%n+n)%n,l=a<5||a>n-5?10:0;l!==t&&(l?e.style.setProperty(z,`${l}px`):e.style.removeProperty(z),r&&te(e,me(e)+(l-t),r),T.has(e)&&i(e))};o();const n=new t.ResizeObserver(o);return n.observe(e),()=>{n.disconnect(),e.style.removeProperty(z)}}(e):C;s&&ne(e,null!=t?t:0);const f=window.matchMedia("(hover: hover) and (pointer: fine)").matches,v=e.dataset.vpCarouselSrc,m=t=>{0===t.button&&(t.preventDefault(),e.classList.add(G),e.focus({preventScroll:!0}))},w=()=>e.classList.remove(G),y=e=>{X.has(e.key)||w()};f&&(e.addEventListener("mousedown",m),e.addEventListener("keydown",y),e.addEventListener("blur",w));const g=s?function(e){let t=[],o=0;const n=e=>{o+=Math.abs(e.clientX-t[t.length-1].x),t.push({x:e.clientX,time:e.timeStamp})},r=()=>{window.removeEventListener("pointermove",n),window.removeEventListener("pointerup",s),window.removeEventListener("pointercancel",s)};function s(n){if(r(),o<=10||"true"!==e.getAttribute("has-overflow"))return;const{count:s,step:a,origin:i}=U(e);if(!s||!a)return;const l=n.clientX,c=n.timeStamp,u=t.find(e=>c-e.time<=80)||t[t.length-1],d=Math.max(1,c-u.time),p=(l-u.x)/d*(fe(e)?1:-1),h=me(e)+290*p;Z(e,qe(Se(e),Math.round((h-i)/a),s),0,p)}const a=r=>{oe(e),t=[{x:r.clientX,time:r.timeStamp}],o=0,window.addEventListener("pointermove",n),window.addEventListener("pointerup",s),window.addEventListener("pointercancel",s)};return e.addEventListener("pointerdown",a),()=>{e.removeEventListener("pointerdown",a),r()}}(e):C,q=s?function(e){const t=Object.getOwnPropertyDescriptor(Element.prototype,"scrollWidth");return null!=t&&t.get?(Object.defineProperty(e,"scrollWidth",{configurable:!0,get(){const o=e.querySelectorAll(c);return o.length<2?t.get.call(e):e.clientWidth+o.length*Math.abs(o[1].offsetLeft-o[0].offsetLeft)}}),()=>{delete e.scrollWidth}):C}(e):C;let $=!1;(f||s)&&v&&import(v).then(({Blossom:o})=>{if($||!e.isConnected||T.has(e))return;const n=o(e,{repeat:s});T.set(e,n),n.init(),s&&(i(e),ne(e,null!=t?t:0),window.requestAnimationFrame(()=>{window.requestAnimationFrame(()=>{T.has(e)&&i(e)})}))}).catch(()=>{});const D=function(e){const t=1e3*parseFloat(e.dataset.vpCarouselAutoplay);if(!t||window.matchMedia("(prefers-reduced-motion: reduce)").matches)return C;const o=ue(e),n=[ce(e)||e,...de(e)];let r=0,s=0,a=0;const i=new Set,l=new Set;let c=!1,u=!0,d=-1;const p=function(e){const t=parseFloat(e.dataset.vpCarouselMarquee),o=parseFloat(e.dataset.vpCarouselMarqueeHover);return t>0&&j(e)?{speed:t/1e3*("backward"===e.dataset.vpCarouselMarqueeDirection?-1:1),hover:Number.isFinite(o)?Math.max(0,Math.min(1,o)):0}:null}(e),h=p?function(e,t){let o=null,n=0,r=!1,s=!1,a=!1,i=me(e),l=0,c=e.style.getPropertyValue(J);const u=t=>{t?e.style.setProperty(J,t):e.style.removeProperty(J)},d=t=>{e.style.setProperty(Y,`${t}px`)},p=e=>{o=null,n=0,l=e,d(0)},h=e=>{r=0===e.button},f=()=>{r=!1},v=t=>{s=Array.from(t.touches).some(t=>e.contains(t.target))},m=t=>{(null!==o||n)&&p(t),ee.has(e)||"none"!==e.style.getPropertyValue(J)||u(c),i=me(e)},w=e=>{X.has(e.key)||(a=!0,m(e.timeStamp))},y=t=>{e.contains(t.relatedTarget)||(a=!1)};return e.addEventListener("pointerdown",h),window.addEventListener("pointerup",f),window.addEventListener("pointercancel",f),window.addEventListener("contextmenu",f),e.addEventListener("touchstart",v,{passive:!0}),window.addEventListener("touchend",v,{passive:!0}),window.addEventListener("touchcancel",v,{passive:!0}),e.addEventListener("keydown",w),e.addEventListener("focusout",y),{drift:(u,h,f)=>{if(a)return void m(f);const v=e.style.getPropertyValue(J);if("none"!==v&&(c=v,e.style.setProperty(J,"none")),!h&&!n)return;const w=me(e),{period:y}=U(e),g=K(w-i,y),E=g>.5&&g{e.removeEventListener("pointerdown",h),window.removeEventListener("pointerup",f),window.removeEventListener("pointercancel",f),window.removeEventListener("contextmenu",f),e.removeEventListener("touchstart",v),window.removeEventListener("touchend",v),window.removeEventListener("touchcancel",v),e.removeEventListener("keydown",w),e.removeEventListener("focusout",y),e.style.removeProperty(Y),u(c)}}}(e,p):null,f=e=>{o.style.setProperty("--vp-carousel-autoplay-progress",100*e+"%")},v=()=>{r=0,f(0)},m=o=>{a=window.requestAnimationFrame(m);const n=o-s;s=o,[i,l].forEach(e=>{e.forEach(t=>{t.isConnected||e.delete(t)})});const w=l.size||c||u||V.has(e);if(h&&l.size)return void h.rest(o);if(h){let e=i.size?p.hover:1;return w&&(e=0),void h.drift(Math.min(n,100),e,o)}if(i.size||w)return;const y=ye(e);y!==d&&(d=y,v()),r+=n,f(Math.min(1,r/t)),r=e.scrollWidth-e.clientWidth-1?e.scrollTo({left:0,behavior:ve()}):Fe(e,1))},w=e=>i.add(e.currentTarget),y=e=>i.delete(e.currentTarget),g=e=>{var t,o;null!==(t=(o=e.target).matches)&&void 0!==t&&t.call(o,":focus-visible")&&!e.target.classList.contains(G)&&l.add(e.currentTarget)},E=e=>l.delete(e.currentTarget),L=e=>{var t,o;"visitor"!==(null===(t=e.detail)||void 0===t?void 0:t.source)&&(c=!1===(null===(o=e.detail)||void 0===o?void 0:o.playing))},b=ce(e)||e,M=new(b.ownerDocument.defaultView||window).IntersectionObserver(e=>{e.forEach(e=>{u=!e.isIntersecting})},{threshold:.5});return M.observe(b),o.classList.add(S),n.forEach(e=>{e.addEventListener("pointerenter",w),e.addEventListener("pointerleave",y),e.addEventListener("focusin",g),e.addEventListener("focusout",E)}),e.addEventListener(I,L),e.addEventListener(k,v),Ie(e,o),a=window.requestAnimationFrame(e=>{s=e,m(e)}),()=>{window.cancelAnimationFrame(a),M.disconnect(),o.classList.remove(S),n.forEach(e=>{e.removeEventListener("pointerenter",w),e.removeEventListener("pointerleave",y),e.removeEventListener("focusin",g),e.removeEventListener("focusout",E)}),e.removeEventListener(I,L),e.removeEventListener(k,v),o.style.removeProperty("--vp-carousel-autoplay-progress"),null==h||h.stop()}}(e),R=function(e){const t=ue(e),o=Array.from(t.querySelectorAll(".vp-block-loop-carousel-indicator--progress.is-draggable"));if(!o.length)return C;let n=null,r=null,s=0,a=!1;const i=()=>{n?e.style.setProperty(J,n):e.style.removeProperty(J),n=null,e.classList.remove(L)},l=(t,o)=>{const n=t.getBoundingClientRect(),r=fe(e)?n.right-o:o-n.left;return n.width>0?Math.min(1,Math.max(0,r/n.width)):0},u=(t,o)=>qe(Se(e),Math.round(t*Math.max(0,o-1)),o),d=t=>{if(r){if(!a){if(Math.abs(t.clientX-s)<3)return;a=!0,n=e.style.getPropertyValue(J),e.style.setProperty(J,"none"),e.classList.add(L),N.delete(e)}(t=>{if(j(e)){const{count:o,step:n,origin:r,period:s}=U(e);return void te(e,r+t*Math.max(0,o-1)*n,s)}re(e,t*(e.scrollWidth-e.clientWidth),"instant")})(l(r,t.clientX))}},p=t=>{if(!r)return;const o=l(r,t.clientX),n=a;r=null,a=!1,window.removeEventListener("pointermove",d),window.removeEventListener("pointerup",p),window.removeEventListener("pointercancel",p),n?(t=>{if(i(),!j(e))return;const o=e.querySelectorAll(c).length;Z(e,u(t,o),0)})(o):(t=>{const o=e.querySelectorAll(c).length;e.dispatchEvent(new window.CustomEvent(k)),j(e)?Z(e,u(t,o),0):re(e,t*(e.scrollWidth-e.clientWidth))})(o)},h=t=>{oe(e),r=t.currentTarget,s=t.clientX,a=!1,window.addEventListener("pointermove",d),window.addEventListener("pointerup",p),window.addEventListener("pointercancel",p)},f=t=>{const o=fe(e),n=e.querySelectorAll(c).length,r=o?"ArrowRight":"ArrowLeft",s=o?"ArrowLeft":"ArrowRight";switch(t.key){case r:case"ArrowDown":case"PageDown":Fe(e,-1);break;case s:case"ArrowUp":case"PageUp":Fe(e,1);break;case"Home":We(e,0);break;case"End":We(e,n-1);break;default:return}t.preventDefault()};return o.forEach(e=>{e.addEventListener("pointerdown",h),e.addEventListener("keydown",f)}),()=>{o.forEach(e=>{e.removeEventListener("pointerdown",h),e.removeEventListener("keydown",f)}),window.removeEventListener("pointermove",d),window.removeEventListener("pointerup",p),window.removeEventListener("pointercancel",p),i()}}(e),H=function(e,t){const o=Array.from(ue(e).querySelectorAll(b)),n=e.dataset.vpCarouselSrc;if(!o.length||!n||!t)return C;const r=[];let s=!1;return import(n).then(({Blossom:e})=>{s||o.forEach(t=>{if(!t.isConnected||T.has(t))return;const o=e(t,{repeat:!1});T.set(t,o),o.init(),r.push(t)})}).catch(()=>{}),()=>{s=!0,r.forEach(e=>{var t;null===(t=T.get(e))||void 0===t||t.destroy(),T.delete(e)})}}(e,f),_=s?function(e){const t=t=>{const o=parseFloat(t.style.translate)||0;if(t.classList.toggle(A,!!o),!o)return t.style.removeProperty(x),void t.style.removeProperty(P);const n=parseFloat(window.getComputedStyle(t).viewTimelineInset)||0,r=t.offsetLeft+o,s=r+t.offsetWidth,a=e.clientWidth;t.style.setProperty(x,`${r-a+n}px ${s-n}px`),t.style.setProperty(P,`${s-a+n}px ${r-n}px`)},o=new window.MutationObserver(e=>{e.forEach(e=>{t(e.target)})});return e.querySelectorAll(c).forEach(t),o.observe(e,{attributes:!0,attributeFilter:["style"],subtree:!0}),()=>{o.disconnect(),e.querySelectorAll(c).forEach(e=>{e.classList.remove(A),e.style.removeProperty(x),e.style.removeProperty(P)})}}(e):C;return e.dispatchEvent(new window.CustomEvent("vp-carousel-start",{bubbles:!0})),()=>{$=!0,e.dispatchEvent(new window.CustomEvent("vp-carousel-stop",{bubbles:!0})),_(),D(),R(),H(),l(),d(),e.removeEventListener("scroll",o),e.removeEventListener(W,r),e.removeEventListener("mousedown",m),e.removeEventListener("keydown",y),e.removeEventListener("blur",w),w(),h(),g(),oe(e),q(),p();const t=T.get(e);t&&(T.delete(e),t.destroy(),e.querySelectorAll(c).forEach(e=>{e.style.removeProperty("translate")}))}}function Ce(e){var t;return(null===(t=e.closest(u))||void 0===t?void 0:t.querySelector(l))||null}function Te(e,t){return"justified"===e.dataset.vpLayout?le(e):"carousel"===e.dataset.vpLayout?ke(e,t):void 0}se&&"undefined"!=typeof document&&document.querySelectorAll(`${l}.${q}`).forEach(e=>{e.classList.remove(q),e.classList.add("vp-layout-masonry-native")}),t("visual-portfolio/item-template",{state:{hasScript:!0,useJsMasonry:!se,useNativeMasonry:se},actions:{carouselPrev(){const t=Ce(e().ref);t&&Fe(t,-1)},carouselNext(){const t=Ce(e().ref);t&&Fe(t,1)},carouselAutoplayToggle(){const{ref:t}=e(),o=Ce(t);if(!o)return;const n=V.has(o);n?V.delete(o):V.add(o),Ie(o),o.dispatchEvent(new window.CustomEvent(I,{detail:{playing:n,source:"visitor"}}))},carouselGoTo(t){const{ref:o}=e(),n=t.target.closest(h),r=Ce(o),s=n?parseInt(n.dataset.vpSlide,10):-1;!r||s<0||(r.dispatchEvent(new window.CustomEvent(k)),We(r,s))}},callbacks:{initLayout(){const{ref:t}=e();let o=Te(t);if(!o)return;const n=()=>{const e="carousel"===t.dataset.vpLayout?he(t):void 0;o(),o=Te(t,e)||C};return t.addEventListener(F,n),()=>{t.removeEventListener(F,n),o()}}}}); \ No newline at end of file diff --git a/gutenberg/blocks/item-template/view.js b/gutenberg/blocks/item-template/view.js index 7fb985b4..b13aee34 100644 --- a/gutenberg/blocks/item-template/view.js +++ b/gutenberg/blocks/item-template/view.js @@ -2718,8 +2718,12 @@ function initMarquee(list, marquee) { rest(event.timeStamp); } }; - const onBlur = () => { - keyboard = false; + // Out of the list altogether: a key on a link inside a slide bubbles up + // here, and the link's own blur does not. + const onFocusOut = (event) => { + if (!list.contains(event.relatedTarget)) { + keyboard = false; + } }; list.addEventListener('pointerdown', onDown); @@ -2730,7 +2734,7 @@ function initMarquee(list, marquee) { window.addEventListener('touchend', onTouch, { passive: true }); window.addEventListener('touchcancel', onTouch, { passive: true }); list.addEventListener('keydown', onKey); - list.addEventListener('blur', onBlur); + list.addEventListener('focusout', onFocusOut); const stop = () => { list.removeEventListener('pointerdown', onDown); @@ -2741,7 +2745,7 @@ function initMarquee(list, marquee) { window.removeEventListener('touchend', onTouch); window.removeEventListener('touchcancel', onTouch); list.removeEventListener('keydown', onKey); - list.removeEventListener('blur', onBlur); + list.removeEventListener('focusout', onFocusOut); list.style.removeProperty(MARQUEE_SHIFT_PROPERTY); setSnap(snap); }; From 3162cf7f26959867796f3c88e5694025f903b29b Mon Sep 17 00:00:00 2001 From: Nikita Date: Sun, 27 Sep 2026 12:35:45 +0300 Subject: [PATCH 5/6] refactor(loop): hand the marquee runtime to the extension The marquee is Pro's, so its code moves there. The carousel gains the events an extension needs to drive it without its internals: taking the autoplay's frames with their pauses, placing the carousel on its loop, and being told when a step of the module is under way. --- .../blocks/item-template/style-rtl.css | 2 +- .../gutenberg/blocks/item-template/style.css | 2 +- .../blocks/item-template/view.asset.php | 2 +- build/gutenberg/blocks/item-template/view.js | 2 +- docs/gallery-loop-blocks.md | 43 +-- gutenberg/blocks/item-template/style.scss | 7 - gutenberg/blocks/item-template/view.js | 357 ++++-------------- 7 files changed, 99 insertions(+), 316 deletions(-) diff --git a/build/gutenberg/blocks/item-template/style-rtl.css b/build/gutenberg/blocks/item-template/style-rtl.css index 46fa66b7..8d5f0d47 100644 --- a/build/gutenberg/blocks/item-template/style-rtl.css +++ b/build/gutenberg/blocks/item-template/style-rtl.css @@ -1 +1 @@ -@property --vp-layout-current-columns{syntax:"";inherits:true;initial-value:3}@property --vp-carousel-fade-left{syntax:"";inherits:true;initial-value:0}@property --vp-carousel-fade-right{syntax:"";inherits:true;initial-value:0}@property --vp-carousel-timeline-inset{syntax:"";inherits:false;initial-value:0}@property --vp-slide-index{syntax:"";inherits:true;initial-value:0}.wp-block-visual-portfolio-item-template{--vp-layout-current-columns:var(--vp-layout-columns,3);--vp-layout-auto-placement:auto-fill;list-style:none;margin:0;padding:0}.wp-block-visual-portfolio-item-template.vp-layout-auto-fit{--vp-layout-auto-placement:auto-fit}@media(max-width:1200px){.wp-block-visual-portfolio-item-template:not(.vp-layout-auto-columns){--vp-layout-current-columns:min(var(--vp-layout-columns,3),4)}}@media(max-width:992px){.wp-block-visual-portfolio-item-template:not(.vp-layout-auto-columns){--vp-layout-current-columns:min(var(--vp-layout-columns,3),3)}}@media(max-width:768px){.wp-block-visual-portfolio-item-template:not(.vp-layout-auto-columns){--vp-layout-current-columns:min(var(--vp-layout-columns,3),2)}}@media(max-width:576px){.wp-block-visual-portfolio-item-template:not(.vp-layout-auto-columns){--vp-layout-current-columns:min(var(--vp-layout-columns,3),1)}}.wp-block-visual-portfolio-item-template.vp-layout-grid{display:grid;gap:var(--vp-layout-row-gap,var(--vp-layout-gap,1.5rem)) var(--vp-layout-gap,1.5rem);grid-template-columns:repeat(var(--vp-layout-current-columns),minmax(0,1fr))}.wp-block-visual-portfolio-item-template.vp-layout-grid.are-vertically-aligned-top{align-items:start}.wp-block-visual-portfolio-item-template.vp-layout-grid.are-vertically-aligned-center{align-items:center}.wp-block-visual-portfolio-item-template.vp-layout-grid.are-vertically-aligned-bottom{align-items:end}.wp-block-visual-portfolio-item-template.vp-layout-grid.vp-layout-auto-columns{container-type:inline-size;grid-template-columns:repeat(var(--vp-layout-auto-placement),minmax(var(--vp-layout-track,min(16rem,100%)),1fr))}.wp-block-visual-portfolio-item-template.vp-layout-masonry{column-gap:var(--vp-layout-gap,1.5rem);position:relative;row-gap:var(--vp-layout-row-gap,var(--vp-layout-gap,1.5rem))}.wp-block-visual-portfolio-item-template.vp-layout-masonry>.wp-block-visual-portfolio-item-template__item{margin-bottom:var(--vp-layout-row-gap,var(--vp-layout-gap,1.5rem));width:calc((100% - (var(--vp-layout-current-columns) - 1)*var(--vp-layout-gap, 1.5rem))/var(--vp-layout-current-columns))}@supports not (display:grid-lanes){.wp-block-visual-portfolio-item-template.vp-layout-masonry:not(.vp-has-masonry){column-count:var(--vp-layout-current-columns);column-gap:var(--vp-layout-gap,1.5rem)}.wp-block-visual-portfolio-item-template.vp-layout-masonry:not(.vp-has-masonry).vp-layout-auto-columns{column-width:var(--vp-layout-min-column-width,16rem)}.wp-block-visual-portfolio-item-template.vp-layout-masonry:not(.vp-has-masonry)>.wp-block-visual-portfolio-item-template__item{break-inside:avoid;margin-bottom:var(--vp-layout-row-gap,var(--vp-layout-gap,1.5rem));width:auto}}@supports(display:grid-lanes){.wp-block-visual-portfolio-item-template.vp-layout-masonry{display:grid-lanes;gap:var(--vp-layout-row-gap,var(--vp-layout-gap,1.5rem)) var(--vp-layout-gap,1.5rem);grid-template-columns:repeat(var(--vp-layout-current-columns),minmax(0,1fr))}.wp-block-visual-portfolio-item-template.vp-layout-masonry.vp-layout-auto-columns{grid-template-columns:repeat(var(--vp-layout-auto-placement),minmax(var(--vp-layout-track,min(16rem,100%)),1fr))}.wp-block-visual-portfolio-item-template.vp-layout-masonry>.wp-block-visual-portfolio-item-template__item{margin-bottom:0;width:auto}}.wp-block-visual-portfolio-item-template.vp-layout-masonry-native{display:grid-lanes;gap:var(--vp-layout-row-gap,var(--vp-layout-gap,1.5rem)) var(--vp-layout-gap,1.5rem);grid-template-columns:repeat(var(--vp-layout-current-columns),minmax(0,1fr))}.wp-block-visual-portfolio-item-template.vp-layout-masonry-native.vp-layout-auto-columns{grid-template-columns:repeat(var(--vp-layout-auto-placement),minmax(var(--vp-layout-track,min(16rem,100%)),1fr))}.wp-block-visual-portfolio-item-template.vp-layout-masonry-native>.wp-block-visual-portfolio-item-template__item{margin-bottom:0;width:auto}.wp-block-visual-portfolio-item-template.vp-layout-tiles{container-type:inline-size;display:grid;gap:var(--vp-layout-row-gap,var(--vp-layout-gap,1.5rem)) var(--vp-layout-gap,1.5rem);grid-auto-flow:row dense;grid-template-columns:repeat(var(--vp-layout-current-columns),minmax(0,1fr))}.wp-block-visual-portfolio-item-template.vp-layout-tiles>.wp-block-visual-portfolio-item-template__item{--vp-tile-span:min(var(--vp-tile-columns,1),var(--vp-layout-current-columns));display:flex;flex-direction:column;grid-column:span var(--vp-tile-span);height:calc(((100cqw + var(--vp-layout-gap, 1.5rem))/var(--vp-layout-current-columns) - var(--vp-layout-gap, 1.5rem) + var(--vp-layout-row-gap, var(--vp-layout-gap, 1.5rem)))*var(--vp-tile-height, 1)*var(--vp-tile-span) - var(--vp-layout-row-gap, var(--vp-layout-gap, 1.5rem)));overflow:hidden}.wp-block-visual-portfolio-item-template.vp-layout-tiles .wp-block-visual-portfolio-item-template__item .wp-block-visual-portfolio-item-image{flex:1 1 auto;min-height:0}.wp-block-visual-portfolio-item-template.vp-layout-tiles .wp-block-visual-portfolio-item-template__item .wp-block-visual-portfolio-item-image>a{height:100%}.wp-block-visual-portfolio-item-template.vp-layout-tiles .wp-block-visual-portfolio-item-template__item .wp-block-visual-portfolio-item-image img{height:100%;object-fit:cover}.wp-block-visual-portfolio-item-template.vp-layout-justified{display:flex;flex-wrap:wrap;gap:var(--vp-layout-row-gap,var(--vp-layout-gap,1.5rem)) var(--vp-layout-gap,1.5rem);position:relative}.wp-block-visual-portfolio-item-template.vp-layout-justified>.wp-block-visual-portfolio-item-template__item{flex:1 1 auto;max-width:100%}.wp-block-visual-portfolio-item-template.vp-layout-justified.vp-has-script>.wp-block-visual-portfolio-item-template__item{flex-grow:0}.wp-block-visual-portfolio-item-template.vp-layout-justified.vp-has-script .wp-block-visual-portfolio-item-template__item .wp-block-visual-portfolio-item-image>a{height:100%}.wp-block-visual-portfolio-item-template.vp-layout-justified.vp-has-script .wp-block-visual-portfolio-item-template__item .wp-block-visual-portfolio-item-image img{height:100%;object-fit:cover}.wp-block-visual-portfolio-item-template.vp-layout-carousel{--vp-carousel-slide-width:calc((100cqw - var(--vp-carousel-inset, 0px)*2 - var(--vp-carousel-peek, 0px) - (var(--vp-layout-current-columns) - 1)*var(--vp-layout-gap, 1.5rem))/var(--vp-layout-current-columns))}.wp-block-visual-portfolio-item-template.vp-layout-carousel:dir(rtl){--vp-carousel-direction:-1}.wp-block-visual-portfolio-item-template.vp-layout-carousel{display:flex;gap:var(--vp-layout-gap,1.5rem);overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;position:relative;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}.wp-block-visual-portfolio-item-template.vp-layout-carousel::-webkit-scrollbar{display:none}.wp-block-visual-portfolio-item-template.vp-layout-carousel{padding-inline-end:calc(var(--vp-carousel-inset, 0px) + var(--vp-carousel-peek, 0px));padding-inline-start:var(--vp-carousel-inset,0);scroll-padding-inline:calc(var(--vp-carousel-inset, 0px) + var(--vp-carousel-peek, 0px))}.wp-block-visual-portfolio-item-template.vp-layout-carousel>.wp-block-visual-portfolio-item-template__item{flex:0 0 auto;height:var(--vp-carousel-slide-height,auto);scroll-snap-align:var(--vp-carousel-snap-align,start);width:var(--vp-carousel-slide-width)}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-auto-width>.wp-block-visual-portfolio-item-template__item{width:auto}.wp-block-visual-portfolio-item-template.vp-layout-carousel>.wp-block-visual-portfolio-item-template__item.vp-carousel-no-snap{scroll-snap-align:none}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-stretch-slides>.wp-block-visual-portfolio-item-template__item{display:flex;flex-direction:column}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-stretch-slides .wp-block-visual-portfolio-item-template__item .wp-block-visual-portfolio-item-image{flex:1 1 auto;min-height:0}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-stretch-slides .wp-block-visual-portfolio-item-template__item .wp-block-visual-portfolio-item-image>a{height:100%}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-stretch-slides .wp-block-visual-portfolio-item-template__item .wp-block-visual-portfolio-item-image img{height:100%;object-fit:cover}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-snap-center:not(.vp-carousel-auto-width){padding-inline:calc((100cqw - var(--vp-carousel-slide-width))/2);scroll-padding-inline:0}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-free-scroll{scroll-snap-type:none}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-is-scrubbing{scroll-behavior:auto;scroll-snap-type:none}.wp-block-visual-portfolio-item-template.vp-layout-carousel[data-vp-carousel-repeat=true]{scroll-behavior:auto}.wp-block-visual-portfolio-item-template.vp-layout-carousel[data-vp-carousel-marquee]>.wp-block-visual-portfolio-item-template__item{transform:translateX(calc(-1*(var(--vp-carousel-marquee-shift, 0px)*-1)))}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-edge-fade{--vp-carousel-fade-left:var(--vp-carousel-fade-size,6%);--vp-carousel-fade-right:var(--vp-carousel-fade-size,6%);mask-image:linear-gradient(to right,transparent calc(var(--vp-carousel-fade-left)*0),rgba(0,0,0,.013) calc(var(--vp-carousel-fade-left)*.081),rgba(0,0,0,.049) calc(var(--vp-carousel-fade-left)*.155),rgba(0,0,0,.104) calc(var(--vp-carousel-fade-left)*.225),rgba(0,0,0,.175) calc(var(--vp-carousel-fade-left)*.29),rgba(0,0,0,.259) calc(var(--vp-carousel-fade-left)*.353),rgba(0,0,0,.352) calc(var(--vp-carousel-fade-left)*.412),rgba(0,0,0,.45) calc(var(--vp-carousel-fade-left)*.471),rgba(0,0,0,.55) calc(var(--vp-carousel-fade-left)*.529),rgba(0,0,0,.648) calc(var(--vp-carousel-fade-left)*.588),rgba(0,0,0,.741) calc(var(--vp-carousel-fade-left)*.647),rgba(0,0,0,.825) calc(var(--vp-carousel-fade-left)*.71),rgba(0,0,0,.896) calc(var(--vp-carousel-fade-left)*.775),rgba(0,0,0,.951) calc(var(--vp-carousel-fade-left)*.845),rgba(0,0,0,.987) calc(var(--vp-carousel-fade-left)*.919),#000 calc(var(--vp-carousel-fade-left)*1),#000 calc(100% - var(--vp-carousel-fade-right)*1),rgba(0,0,0,.987) calc(100% - var(--vp-carousel-fade-right)*.919),rgba(0,0,0,.951) calc(100% - var(--vp-carousel-fade-right)*.845),rgba(0,0,0,.896) calc(100% - var(--vp-carousel-fade-right)*.775),rgba(0,0,0,.825) calc(100% - var(--vp-carousel-fade-right)*.71),rgba(0,0,0,.741) calc(100% - var(--vp-carousel-fade-right)*.647),rgba(0,0,0,.648) calc(100% - var(--vp-carousel-fade-right)*.588),rgba(0,0,0,.55) calc(100% - var(--vp-carousel-fade-right)*.529),rgba(0,0,0,.45) calc(100% - var(--vp-carousel-fade-right)*.471),rgba(0,0,0,.352) calc(100% - var(--vp-carousel-fade-right)*.412),rgba(0,0,0,.259) calc(100% - var(--vp-carousel-fade-right)*.353),rgba(0,0,0,.175) calc(100% - var(--vp-carousel-fade-right)*.29),rgba(0,0,0,.104) calc(100% - var(--vp-carousel-fade-right)*.225),rgba(0,0,0,.049) calc(100% - var(--vp-carousel-fade-right)*.155),rgba(0,0,0,.013) calc(100% - var(--vp-carousel-fade-right)*.081),transparent calc(100% - var(--vp-carousel-fade-right)*0));transition:--vp-carousel-fade-right .2s linear,--vp-carousel-fade-left .2s linear}.wp-block-visual-portfolio-item-template.vp-layout-carousel:focus,.wp-block-visual-portfolio-item-template.vp-layout-carousel:focus-visible{outline:none}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-effect .wp-block-visual-portfolio-item-template__card,.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-effect .wp-block-visual-portfolio-item-template__slide,.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-effect>.wp-block-visual-portfolio-item-template__item{display:flex;flex-direction:column}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-effect .wp-block-visual-portfolio-item-template__card,.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-effect .wp-block-visual-portfolio-item-template__slide{flex:1 1 auto;min-width:0}@supports(animation-timeline:view()){.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-effect{scroll-timeline-axis:inline;scroll-timeline-name:--vp-carousel-scroll}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-effect:dir(rtl):not(.vp-carousel-scripted) .wp-block-visual-portfolio-item-template__card,.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-effect:dir(rtl):not(.vp-carousel-scripted) .wp-block-visual-portfolio-item-template__slide,.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-effect:dir(rtl):not(.vp-carousel-scripted)>.wp-block-visual-portfolio-item-template__item{animation-name:none}@media(prefers-reduced-motion:no-preference){.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-coverflow{gap:0}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-coverflow,.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-coverflow.vp-carousel-snap-center{padding-inline:calc(50cqw - 25cqw/max(var(--vp-layout-current-columns),2));scroll-padding-inline:0}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-coverflow>.wp-block-visual-portfolio-item-template__item{animation-fill-mode:both;animation-name:vp-carousel-coverflow-item;animation-range:contain;animation-timeline:--vp-carousel-slide;animation-timing-function:linear;scroll-snap-align:center;view-timeline-axis:inline;view-timeline-inset:calc(50cqw - 70cqw/max(var(--vp-layout-current-columns),2));view-timeline-name:--vp-carousel-slide;width:calc(50cqw/max(var(--vp-layout-current-columns),2))}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-coverflow .wp-block-visual-portfolio-item-template__slide{animation-fill-mode:both;animation-name:vp-carousel-coverflow-slide;animation-range:contain;animation-timeline:--vp-carousel-slide;animation-timing-function:linear;margin-inline:-50%;perspective:calc(var(--vp-carousel-slide-width)*5);position:relative;width:200%}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-coverflow .wp-block-visual-portfolio-item-template__card{animation-fill-mode:both;animation-name:vp-carousel-coverflow-card;animation-range:contain;animation-timeline:--vp-carousel-slide;animation-timing-function:linear}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-coverflow:not(.vp-carousel-scripted)>.wp-block-visual-portfolio-item-template__item.vp-carousel-moved-round,.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-coverflow:not(.vp-carousel-scripted)>.wp-block-visual-portfolio-item-template__item.vp-carousel-moved-round .wp-block-visual-portfolio-item-template__card,.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-coverflow:not(.vp-carousel-scripted)>.wp-block-visual-portfolio-item-template__item.vp-carousel-moved-round .wp-block-visual-portfolio-item-template__slide{animation-range:var(--vp-carousel-copy-contain);animation-timeline:--vp-carousel-scroll}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-slideshow{gap:0}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-slideshow .wp-block-visual-portfolio-item-template__slide{overflow:hidden;view-timeline-axis:inline;view-timeline-name:--vp-carousel-slide}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-slideshow .wp-block-visual-portfolio-item-template__card{animation-fill-mode:both;animation-name:vp-carousel-slideshow-card;animation-range:cover;animation-timeline:--vp-carousel-slide;animation-timing-function:linear}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-slideshow:not(.vp-carousel-scripted)>.wp-block-visual-portfolio-item-template__item.vp-carousel-moved-round .wp-block-visual-portfolio-item-template__card{animation-range:var(--vp-carousel-copy-cover);animation-timeline:--vp-carousel-scroll}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-fade{--vp-carousel-pin:100%;gap:0}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-fade>.wp-block-visual-portfolio-item-template__item{animation-fill-mode:both;animation-name:vp-carousel-arriving-above;animation-range:cover;animation-timeline:--vp-carousel-item;animation-timing-function:linear;view-timeline-axis:inline;view-timeline-name:--vp-carousel-item}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-fade .wp-block-visual-portfolio-item-template__slide{view-timeline-axis:inline;view-timeline-name:--vp-carousel-slide}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-fade .wp-block-visual-portfolio-item-template__card{animation-fill-mode:both;animation-name:vp-carousel-fade-card;animation-range:cover;animation-timeline:--vp-carousel-slide;animation-timing-function:linear}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-fade:not(.vp-carousel-scripted)>.wp-block-visual-portfolio-item-template__item.vp-carousel-moved-round,.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-fade:not(.vp-carousel-scripted)>.wp-block-visual-portfolio-item-template__item.vp-carousel-moved-round .wp-block-visual-portfolio-item-template__card{animation-range:var(--vp-carousel-copy-cover);animation-timeline:--vp-carousel-scroll}}}@media(prefers-reduced-motion:no-preference){.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-coverflow{gap:0}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-coverflow,.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-coverflow.vp-carousel-snap-center{padding-inline:calc(50cqw - 25cqw/max(var(--vp-layout-current-columns),2));scroll-padding-inline:0}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-coverflow>.wp-block-visual-portfolio-item-template__item{scroll-snap-align:center;width:calc(50cqw/max(var(--vp-layout-current-columns),2));--vp-carousel-timeline-inset:calc(50cqw - 70cqw/max(var(--vp-layout-current-columns), 2));animation-delay:calc(var(--vp-carousel-contain)*-1s);animation-duration:1s;animation-fill-mode:both;animation-name:vp-carousel-coverflow-item;animation-play-state:paused;animation-range:normal;animation-timeline:auto;animation-timing-function:linear}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-coverflow .wp-block-visual-portfolio-item-template__slide{animation-delay:calc(var(--vp-carousel-contain)*-1s);animation-duration:1s;animation-fill-mode:both;animation-name:vp-carousel-coverflow-slide;animation-play-state:paused;animation-range:normal;animation-timeline:auto;animation-timing-function:linear;margin-inline:-50%;perspective:calc(var(--vp-carousel-slide-width)*5);position:relative;width:200%}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-coverflow .wp-block-visual-portfolio-item-template__card{animation-delay:calc(var(--vp-carousel-contain)*-1s);animation-duration:1s;animation-fill-mode:both;animation-name:vp-carousel-coverflow-card;animation-play-state:paused;animation-range:normal;animation-timeline:auto;animation-timing-function:linear}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-slideshow{gap:0}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-slideshow .wp-block-visual-portfolio-item-template__slide{overflow:hidden}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-slideshow .wp-block-visual-portfolio-item-template__card{animation-delay:calc(var(--vp-carousel-cover)*-1s);animation-duration:1s;animation-fill-mode:both;animation-name:vp-carousel-slideshow-card;animation-play-state:paused;animation-range:normal;animation-timeline:auto;animation-timing-function:linear}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-fade{--vp-carousel-pin:100%;gap:0}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-fade>.wp-block-visual-portfolio-item-template__item{animation-delay:calc(var(--vp-carousel-cover)*-1s);animation-duration:1s;animation-fill-mode:both;animation-name:vp-carousel-arriving-above;animation-play-state:paused;animation-range:normal;animation-timeline:auto;animation-timing-function:linear}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-fade .wp-block-visual-portfolio-item-template__card{animation-delay:calc(var(--vp-carousel-cover)*-1s);animation-duration:1s;animation-fill-mode:both;animation-name:vp-carousel-fade-card;animation-play-state:paused;animation-range:normal;animation-timeline:auto;animation-timing-function:linear}}@keyframes vp-carousel-coverflow-item{0%{z-index:0}50%{z-index:100}to{z-index:0}}@keyframes vp-carousel-coverflow-slide{0%{transform:translateX(calc(-1*(30%*var(--vp-carousel-direction, 1))))}50%{transform:translateX(0)}to{transform:translateX(calc(-1*(-30%*var(--vp-carousel-direction, 1))))}}@keyframes vp-carousel-coverflow-card{0%{transform:rotateY(calc(-1*(-55deg*var(--vp-carousel-direction, 1)))) scale(.8)}50%{transform:rotateY(0) scale(1)}to{transform:rotateY(calc(-1*(55deg*var(--vp-carousel-direction, 1)))) scale(.8)}}@keyframes vp-carousel-arriving-above{0%,50%{z-index:2}51%,to{z-index:1}}@keyframes vp-carousel-fade-card{0%{opacity:0;translate:calc(var(--vp-carousel-pin)*-1*var(--vp-carousel-direction, 1));visibility:hidden}2%{visibility:hidden}50%{opacity:1;translate:0;visibility:visible}to{opacity:1;translate:calc(var(--vp-carousel-pin)*var(--vp-carousel-direction, 1))}}@keyframes vp-carousel-slideshow-card{0%{transform:translateX(calc(-1*(-50%*var(--vp-carousel-direction, 1))))}50%{transform:translateX(0)}to{transform:translateX(calc(-1*(50%*var(--vp-carousel-direction, 1))))}}@media(prefers-reduced-motion:reduce){.wp-block-visual-portfolio-item-template.vp-layout-carousel{scroll-behavior:auto}}.wp-block-visual-portfolio-item-template__item{min-width:0}.wp-block-visual-portfolio-item-template__carousel-frame{container-type:inline-size;overflow:clip;position:relative}.wp-block-visual-portfolio-item-template__carousel-frame:has(>.wp-block-visual-portfolio-item-template:focus-visible:not(.vp-carousel-pointer-focus)){outline:2px solid currentcolor;outline-offset:2px}.vp-is-loading .wp-block-visual-portfolio-item-template{opacity:.6;transition:opacity .15s ease-in-out}.wp-block-visual-portfolio-item-template__live-region{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.wp-block-visual-portfolio-item-template.vp-layout-carousel[data-vp-carousel-repeat=true]:after{content:"";flex:0 0 var(--vp-layout-gap,1.5rem);margin-inline-start:calc(var(--vp-layout-gap, 1.5rem)*-1);scroll-snap-align:none}@layer blossom-carousel{.wp-block-visual-portfolio-item-template.vp-layout-carousel[data-vp-carousel-repeat=true]{padding-inline-end:calc(50cqw - var(--vp-carousel-seam-shift, 0px))!important;padding-inline-start:calc(50cqw + var(--vp-carousel-seam-shift, 0px))!important;scroll-padding-inline:var(--vp-carousel-inset,0)!important}} +@property --vp-layout-current-columns{syntax:"";inherits:true;initial-value:3}@property --vp-carousel-fade-left{syntax:"";inherits:true;initial-value:0}@property --vp-carousel-fade-right{syntax:"";inherits:true;initial-value:0}@property --vp-carousel-timeline-inset{syntax:"";inherits:false;initial-value:0}@property --vp-slide-index{syntax:"";inherits:true;initial-value:0}.wp-block-visual-portfolio-item-template{--vp-layout-current-columns:var(--vp-layout-columns,3);--vp-layout-auto-placement:auto-fill;list-style:none;margin:0;padding:0}.wp-block-visual-portfolio-item-template.vp-layout-auto-fit{--vp-layout-auto-placement:auto-fit}@media(max-width:1200px){.wp-block-visual-portfolio-item-template:not(.vp-layout-auto-columns){--vp-layout-current-columns:min(var(--vp-layout-columns,3),4)}}@media(max-width:992px){.wp-block-visual-portfolio-item-template:not(.vp-layout-auto-columns){--vp-layout-current-columns:min(var(--vp-layout-columns,3),3)}}@media(max-width:768px){.wp-block-visual-portfolio-item-template:not(.vp-layout-auto-columns){--vp-layout-current-columns:min(var(--vp-layout-columns,3),2)}}@media(max-width:576px){.wp-block-visual-portfolio-item-template:not(.vp-layout-auto-columns){--vp-layout-current-columns:min(var(--vp-layout-columns,3),1)}}.wp-block-visual-portfolio-item-template.vp-layout-grid{display:grid;gap:var(--vp-layout-row-gap,var(--vp-layout-gap,1.5rem)) var(--vp-layout-gap,1.5rem);grid-template-columns:repeat(var(--vp-layout-current-columns),minmax(0,1fr))}.wp-block-visual-portfolio-item-template.vp-layout-grid.are-vertically-aligned-top{align-items:start}.wp-block-visual-portfolio-item-template.vp-layout-grid.are-vertically-aligned-center{align-items:center}.wp-block-visual-portfolio-item-template.vp-layout-grid.are-vertically-aligned-bottom{align-items:end}.wp-block-visual-portfolio-item-template.vp-layout-grid.vp-layout-auto-columns{container-type:inline-size;grid-template-columns:repeat(var(--vp-layout-auto-placement),minmax(var(--vp-layout-track,min(16rem,100%)),1fr))}.wp-block-visual-portfolio-item-template.vp-layout-masonry{column-gap:var(--vp-layout-gap,1.5rem);position:relative;row-gap:var(--vp-layout-row-gap,var(--vp-layout-gap,1.5rem))}.wp-block-visual-portfolio-item-template.vp-layout-masonry>.wp-block-visual-portfolio-item-template__item{margin-bottom:var(--vp-layout-row-gap,var(--vp-layout-gap,1.5rem));width:calc((100% - (var(--vp-layout-current-columns) - 1)*var(--vp-layout-gap, 1.5rem))/var(--vp-layout-current-columns))}@supports not (display:grid-lanes){.wp-block-visual-portfolio-item-template.vp-layout-masonry:not(.vp-has-masonry){column-count:var(--vp-layout-current-columns);column-gap:var(--vp-layout-gap,1.5rem)}.wp-block-visual-portfolio-item-template.vp-layout-masonry:not(.vp-has-masonry).vp-layout-auto-columns{column-width:var(--vp-layout-min-column-width,16rem)}.wp-block-visual-portfolio-item-template.vp-layout-masonry:not(.vp-has-masonry)>.wp-block-visual-portfolio-item-template__item{break-inside:avoid;margin-bottom:var(--vp-layout-row-gap,var(--vp-layout-gap,1.5rem));width:auto}}@supports(display:grid-lanes){.wp-block-visual-portfolio-item-template.vp-layout-masonry{display:grid-lanes;gap:var(--vp-layout-row-gap,var(--vp-layout-gap,1.5rem)) var(--vp-layout-gap,1.5rem);grid-template-columns:repeat(var(--vp-layout-current-columns),minmax(0,1fr))}.wp-block-visual-portfolio-item-template.vp-layout-masonry.vp-layout-auto-columns{grid-template-columns:repeat(var(--vp-layout-auto-placement),minmax(var(--vp-layout-track,min(16rem,100%)),1fr))}.wp-block-visual-portfolio-item-template.vp-layout-masonry>.wp-block-visual-portfolio-item-template__item{margin-bottom:0;width:auto}}.wp-block-visual-portfolio-item-template.vp-layout-masonry-native{display:grid-lanes;gap:var(--vp-layout-row-gap,var(--vp-layout-gap,1.5rem)) var(--vp-layout-gap,1.5rem);grid-template-columns:repeat(var(--vp-layout-current-columns),minmax(0,1fr))}.wp-block-visual-portfolio-item-template.vp-layout-masonry-native.vp-layout-auto-columns{grid-template-columns:repeat(var(--vp-layout-auto-placement),minmax(var(--vp-layout-track,min(16rem,100%)),1fr))}.wp-block-visual-portfolio-item-template.vp-layout-masonry-native>.wp-block-visual-portfolio-item-template__item{margin-bottom:0;width:auto}.wp-block-visual-portfolio-item-template.vp-layout-tiles{container-type:inline-size;display:grid;gap:var(--vp-layout-row-gap,var(--vp-layout-gap,1.5rem)) var(--vp-layout-gap,1.5rem);grid-auto-flow:row dense;grid-template-columns:repeat(var(--vp-layout-current-columns),minmax(0,1fr))}.wp-block-visual-portfolio-item-template.vp-layout-tiles>.wp-block-visual-portfolio-item-template__item{--vp-tile-span:min(var(--vp-tile-columns,1),var(--vp-layout-current-columns));display:flex;flex-direction:column;grid-column:span var(--vp-tile-span);height:calc(((100cqw + var(--vp-layout-gap, 1.5rem))/var(--vp-layout-current-columns) - var(--vp-layout-gap, 1.5rem) + var(--vp-layout-row-gap, var(--vp-layout-gap, 1.5rem)))*var(--vp-tile-height, 1)*var(--vp-tile-span) - var(--vp-layout-row-gap, var(--vp-layout-gap, 1.5rem)));overflow:hidden}.wp-block-visual-portfolio-item-template.vp-layout-tiles .wp-block-visual-portfolio-item-template__item .wp-block-visual-portfolio-item-image{flex:1 1 auto;min-height:0}.wp-block-visual-portfolio-item-template.vp-layout-tiles .wp-block-visual-portfolio-item-template__item .wp-block-visual-portfolio-item-image>a{height:100%}.wp-block-visual-portfolio-item-template.vp-layout-tiles .wp-block-visual-portfolio-item-template__item .wp-block-visual-portfolio-item-image img{height:100%;object-fit:cover}.wp-block-visual-portfolio-item-template.vp-layout-justified{display:flex;flex-wrap:wrap;gap:var(--vp-layout-row-gap,var(--vp-layout-gap,1.5rem)) var(--vp-layout-gap,1.5rem);position:relative}.wp-block-visual-portfolio-item-template.vp-layout-justified>.wp-block-visual-portfolio-item-template__item{flex:1 1 auto;max-width:100%}.wp-block-visual-portfolio-item-template.vp-layout-justified.vp-has-script>.wp-block-visual-portfolio-item-template__item{flex-grow:0}.wp-block-visual-portfolio-item-template.vp-layout-justified.vp-has-script .wp-block-visual-portfolio-item-template__item .wp-block-visual-portfolio-item-image>a{height:100%}.wp-block-visual-portfolio-item-template.vp-layout-justified.vp-has-script .wp-block-visual-portfolio-item-template__item .wp-block-visual-portfolio-item-image img{height:100%;object-fit:cover}.wp-block-visual-portfolio-item-template.vp-layout-carousel{--vp-carousel-slide-width:calc((100cqw - var(--vp-carousel-inset, 0px)*2 - var(--vp-carousel-peek, 0px) - (var(--vp-layout-current-columns) - 1)*var(--vp-layout-gap, 1.5rem))/var(--vp-layout-current-columns))}.wp-block-visual-portfolio-item-template.vp-layout-carousel:dir(rtl){--vp-carousel-direction:-1}.wp-block-visual-portfolio-item-template.vp-layout-carousel{display:flex;gap:var(--vp-layout-gap,1.5rem);overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;position:relative;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}.wp-block-visual-portfolio-item-template.vp-layout-carousel::-webkit-scrollbar{display:none}.wp-block-visual-portfolio-item-template.vp-layout-carousel{padding-inline-end:calc(var(--vp-carousel-inset, 0px) + var(--vp-carousel-peek, 0px));padding-inline-start:var(--vp-carousel-inset,0);scroll-padding-inline:calc(var(--vp-carousel-inset, 0px) + var(--vp-carousel-peek, 0px))}.wp-block-visual-portfolio-item-template.vp-layout-carousel>.wp-block-visual-portfolio-item-template__item{flex:0 0 auto;height:var(--vp-carousel-slide-height,auto);scroll-snap-align:var(--vp-carousel-snap-align,start);width:var(--vp-carousel-slide-width)}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-auto-width>.wp-block-visual-portfolio-item-template__item{width:auto}.wp-block-visual-portfolio-item-template.vp-layout-carousel>.wp-block-visual-portfolio-item-template__item.vp-carousel-no-snap{scroll-snap-align:none}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-stretch-slides>.wp-block-visual-portfolio-item-template__item{display:flex;flex-direction:column}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-stretch-slides .wp-block-visual-portfolio-item-template__item .wp-block-visual-portfolio-item-image{flex:1 1 auto;min-height:0}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-stretch-slides .wp-block-visual-portfolio-item-template__item .wp-block-visual-portfolio-item-image>a{height:100%}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-stretch-slides .wp-block-visual-portfolio-item-template__item .wp-block-visual-portfolio-item-image img{height:100%;object-fit:cover}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-snap-center:not(.vp-carousel-auto-width){padding-inline:calc((100cqw - var(--vp-carousel-slide-width))/2);scroll-padding-inline:0}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-free-scroll{scroll-snap-type:none}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-is-scrubbing{scroll-behavior:auto;scroll-snap-type:none}.wp-block-visual-portfolio-item-template.vp-layout-carousel[data-vp-carousel-repeat=true]{scroll-behavior:auto}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-edge-fade{--vp-carousel-fade-left:var(--vp-carousel-fade-size,6%);--vp-carousel-fade-right:var(--vp-carousel-fade-size,6%);mask-image:linear-gradient(to right,transparent calc(var(--vp-carousel-fade-left)*0),rgba(0,0,0,.013) calc(var(--vp-carousel-fade-left)*.081),rgba(0,0,0,.049) calc(var(--vp-carousel-fade-left)*.155),rgba(0,0,0,.104) calc(var(--vp-carousel-fade-left)*.225),rgba(0,0,0,.175) calc(var(--vp-carousel-fade-left)*.29),rgba(0,0,0,.259) calc(var(--vp-carousel-fade-left)*.353),rgba(0,0,0,.352) calc(var(--vp-carousel-fade-left)*.412),rgba(0,0,0,.45) calc(var(--vp-carousel-fade-left)*.471),rgba(0,0,0,.55) calc(var(--vp-carousel-fade-left)*.529),rgba(0,0,0,.648) calc(var(--vp-carousel-fade-left)*.588),rgba(0,0,0,.741) calc(var(--vp-carousel-fade-left)*.647),rgba(0,0,0,.825) calc(var(--vp-carousel-fade-left)*.71),rgba(0,0,0,.896) calc(var(--vp-carousel-fade-left)*.775),rgba(0,0,0,.951) calc(var(--vp-carousel-fade-left)*.845),rgba(0,0,0,.987) calc(var(--vp-carousel-fade-left)*.919),#000 calc(var(--vp-carousel-fade-left)*1),#000 calc(100% - var(--vp-carousel-fade-right)*1),rgba(0,0,0,.987) calc(100% - var(--vp-carousel-fade-right)*.919),rgba(0,0,0,.951) calc(100% - var(--vp-carousel-fade-right)*.845),rgba(0,0,0,.896) calc(100% - var(--vp-carousel-fade-right)*.775),rgba(0,0,0,.825) calc(100% - var(--vp-carousel-fade-right)*.71),rgba(0,0,0,.741) calc(100% - var(--vp-carousel-fade-right)*.647),rgba(0,0,0,.648) calc(100% - var(--vp-carousel-fade-right)*.588),rgba(0,0,0,.55) calc(100% - var(--vp-carousel-fade-right)*.529),rgba(0,0,0,.45) calc(100% - var(--vp-carousel-fade-right)*.471),rgba(0,0,0,.352) calc(100% - var(--vp-carousel-fade-right)*.412),rgba(0,0,0,.259) calc(100% - var(--vp-carousel-fade-right)*.353),rgba(0,0,0,.175) calc(100% - var(--vp-carousel-fade-right)*.29),rgba(0,0,0,.104) calc(100% - var(--vp-carousel-fade-right)*.225),rgba(0,0,0,.049) calc(100% - var(--vp-carousel-fade-right)*.155),rgba(0,0,0,.013) calc(100% - var(--vp-carousel-fade-right)*.081),transparent calc(100% - var(--vp-carousel-fade-right)*0));transition:--vp-carousel-fade-right .2s linear,--vp-carousel-fade-left .2s linear}.wp-block-visual-portfolio-item-template.vp-layout-carousel:focus,.wp-block-visual-portfolio-item-template.vp-layout-carousel:focus-visible{outline:none}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-effect .wp-block-visual-portfolio-item-template__card,.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-effect .wp-block-visual-portfolio-item-template__slide,.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-effect>.wp-block-visual-portfolio-item-template__item{display:flex;flex-direction:column}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-effect .wp-block-visual-portfolio-item-template__card,.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-effect .wp-block-visual-portfolio-item-template__slide{flex:1 1 auto;min-width:0}@supports(animation-timeline:view()){.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-effect{scroll-timeline-axis:inline;scroll-timeline-name:--vp-carousel-scroll}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-effect:dir(rtl):not(.vp-carousel-scripted) .wp-block-visual-portfolio-item-template__card,.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-effect:dir(rtl):not(.vp-carousel-scripted) .wp-block-visual-portfolio-item-template__slide,.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-effect:dir(rtl):not(.vp-carousel-scripted)>.wp-block-visual-portfolio-item-template__item{animation-name:none}@media(prefers-reduced-motion:no-preference){.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-coverflow{gap:0}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-coverflow,.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-coverflow.vp-carousel-snap-center{padding-inline:calc(50cqw - 25cqw/max(var(--vp-layout-current-columns),2));scroll-padding-inline:0}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-coverflow>.wp-block-visual-portfolio-item-template__item{animation-fill-mode:both;animation-name:vp-carousel-coverflow-item;animation-range:contain;animation-timeline:--vp-carousel-slide;animation-timing-function:linear;scroll-snap-align:center;view-timeline-axis:inline;view-timeline-inset:calc(50cqw - 70cqw/max(var(--vp-layout-current-columns),2));view-timeline-name:--vp-carousel-slide;width:calc(50cqw/max(var(--vp-layout-current-columns),2))}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-coverflow .wp-block-visual-portfolio-item-template__slide{animation-fill-mode:both;animation-name:vp-carousel-coverflow-slide;animation-range:contain;animation-timeline:--vp-carousel-slide;animation-timing-function:linear;margin-inline:-50%;perspective:calc(var(--vp-carousel-slide-width)*5);position:relative;width:200%}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-coverflow .wp-block-visual-portfolio-item-template__card{animation-fill-mode:both;animation-name:vp-carousel-coverflow-card;animation-range:contain;animation-timeline:--vp-carousel-slide;animation-timing-function:linear}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-coverflow:not(.vp-carousel-scripted)>.wp-block-visual-portfolio-item-template__item.vp-carousel-moved-round,.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-coverflow:not(.vp-carousel-scripted)>.wp-block-visual-portfolio-item-template__item.vp-carousel-moved-round .wp-block-visual-portfolio-item-template__card,.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-coverflow:not(.vp-carousel-scripted)>.wp-block-visual-portfolio-item-template__item.vp-carousel-moved-round .wp-block-visual-portfolio-item-template__slide{animation-range:var(--vp-carousel-copy-contain);animation-timeline:--vp-carousel-scroll}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-slideshow{gap:0}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-slideshow .wp-block-visual-portfolio-item-template__slide{overflow:hidden;view-timeline-axis:inline;view-timeline-name:--vp-carousel-slide}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-slideshow .wp-block-visual-portfolio-item-template__card{animation-fill-mode:both;animation-name:vp-carousel-slideshow-card;animation-range:cover;animation-timeline:--vp-carousel-slide;animation-timing-function:linear}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-slideshow:not(.vp-carousel-scripted)>.wp-block-visual-portfolio-item-template__item.vp-carousel-moved-round .wp-block-visual-portfolio-item-template__card{animation-range:var(--vp-carousel-copy-cover);animation-timeline:--vp-carousel-scroll}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-fade{--vp-carousel-pin:100%;gap:0}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-fade>.wp-block-visual-portfolio-item-template__item{animation-fill-mode:both;animation-name:vp-carousel-arriving-above;animation-range:cover;animation-timeline:--vp-carousel-item;animation-timing-function:linear;view-timeline-axis:inline;view-timeline-name:--vp-carousel-item}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-fade .wp-block-visual-portfolio-item-template__slide{view-timeline-axis:inline;view-timeline-name:--vp-carousel-slide}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-fade .wp-block-visual-portfolio-item-template__card{animation-fill-mode:both;animation-name:vp-carousel-fade-card;animation-range:cover;animation-timeline:--vp-carousel-slide;animation-timing-function:linear}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-fade:not(.vp-carousel-scripted)>.wp-block-visual-portfolio-item-template__item.vp-carousel-moved-round,.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-fade:not(.vp-carousel-scripted)>.wp-block-visual-portfolio-item-template__item.vp-carousel-moved-round .wp-block-visual-portfolio-item-template__card{animation-range:var(--vp-carousel-copy-cover);animation-timeline:--vp-carousel-scroll}}}@media(prefers-reduced-motion:no-preference){.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-coverflow{gap:0}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-coverflow,.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-coverflow.vp-carousel-snap-center{padding-inline:calc(50cqw - 25cqw/max(var(--vp-layout-current-columns),2));scroll-padding-inline:0}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-coverflow>.wp-block-visual-portfolio-item-template__item{scroll-snap-align:center;width:calc(50cqw/max(var(--vp-layout-current-columns),2));--vp-carousel-timeline-inset:calc(50cqw - 70cqw/max(var(--vp-layout-current-columns), 2));animation-delay:calc(var(--vp-carousel-contain)*-1s);animation-duration:1s;animation-fill-mode:both;animation-name:vp-carousel-coverflow-item;animation-play-state:paused;animation-range:normal;animation-timeline:auto;animation-timing-function:linear}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-coverflow .wp-block-visual-portfolio-item-template__slide{animation-delay:calc(var(--vp-carousel-contain)*-1s);animation-duration:1s;animation-fill-mode:both;animation-name:vp-carousel-coverflow-slide;animation-play-state:paused;animation-range:normal;animation-timeline:auto;animation-timing-function:linear;margin-inline:-50%;perspective:calc(var(--vp-carousel-slide-width)*5);position:relative;width:200%}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-coverflow .wp-block-visual-portfolio-item-template__card{animation-delay:calc(var(--vp-carousel-contain)*-1s);animation-duration:1s;animation-fill-mode:both;animation-name:vp-carousel-coverflow-card;animation-play-state:paused;animation-range:normal;animation-timeline:auto;animation-timing-function:linear}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-slideshow{gap:0}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-slideshow .wp-block-visual-portfolio-item-template__slide{overflow:hidden}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-slideshow .wp-block-visual-portfolio-item-template__card{animation-delay:calc(var(--vp-carousel-cover)*-1s);animation-duration:1s;animation-fill-mode:both;animation-name:vp-carousel-slideshow-card;animation-play-state:paused;animation-range:normal;animation-timeline:auto;animation-timing-function:linear}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-fade{--vp-carousel-pin:100%;gap:0}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-fade>.wp-block-visual-portfolio-item-template__item{animation-delay:calc(var(--vp-carousel-cover)*-1s);animation-duration:1s;animation-fill-mode:both;animation-name:vp-carousel-arriving-above;animation-play-state:paused;animation-range:normal;animation-timeline:auto;animation-timing-function:linear}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-fade .wp-block-visual-portfolio-item-template__card{animation-delay:calc(var(--vp-carousel-cover)*-1s);animation-duration:1s;animation-fill-mode:both;animation-name:vp-carousel-fade-card;animation-play-state:paused;animation-range:normal;animation-timeline:auto;animation-timing-function:linear}}@keyframes vp-carousel-coverflow-item{0%{z-index:0}50%{z-index:100}to{z-index:0}}@keyframes vp-carousel-coverflow-slide{0%{transform:translateX(calc(-1*(30%*var(--vp-carousel-direction, 1))))}50%{transform:translateX(0)}to{transform:translateX(calc(-1*(-30%*var(--vp-carousel-direction, 1))))}}@keyframes vp-carousel-coverflow-card{0%{transform:rotateY(calc(-1*(-55deg*var(--vp-carousel-direction, 1)))) scale(.8)}50%{transform:rotateY(0) scale(1)}to{transform:rotateY(calc(-1*(55deg*var(--vp-carousel-direction, 1)))) scale(.8)}}@keyframes vp-carousel-arriving-above{0%,50%{z-index:2}51%,to{z-index:1}}@keyframes vp-carousel-fade-card{0%{opacity:0;translate:calc(var(--vp-carousel-pin)*-1*var(--vp-carousel-direction, 1));visibility:hidden}2%{visibility:hidden}50%{opacity:1;translate:0;visibility:visible}to{opacity:1;translate:calc(var(--vp-carousel-pin)*var(--vp-carousel-direction, 1))}}@keyframes vp-carousel-slideshow-card{0%{transform:translateX(calc(-1*(-50%*var(--vp-carousel-direction, 1))))}50%{transform:translateX(0)}to{transform:translateX(calc(-1*(50%*var(--vp-carousel-direction, 1))))}}@media(prefers-reduced-motion:reduce){.wp-block-visual-portfolio-item-template.vp-layout-carousel{scroll-behavior:auto}}.wp-block-visual-portfolio-item-template__item{min-width:0}.wp-block-visual-portfolio-item-template__carousel-frame{container-type:inline-size;overflow:clip;position:relative}.wp-block-visual-portfolio-item-template__carousel-frame:has(>.wp-block-visual-portfolio-item-template:focus-visible:not(.vp-carousel-pointer-focus)){outline:2px solid currentcolor;outline-offset:2px}.vp-is-loading .wp-block-visual-portfolio-item-template{opacity:.6;transition:opacity .15s ease-in-out}.wp-block-visual-portfolio-item-template__live-region{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.wp-block-visual-portfolio-item-template.vp-layout-carousel[data-vp-carousel-repeat=true]:after{content:"";flex:0 0 var(--vp-layout-gap,1.5rem);margin-inline-start:calc(var(--vp-layout-gap, 1.5rem)*-1);scroll-snap-align:none}@layer blossom-carousel{.wp-block-visual-portfolio-item-template.vp-layout-carousel[data-vp-carousel-repeat=true]{padding-inline-end:calc(50cqw - var(--vp-carousel-seam-shift, 0px))!important;padding-inline-start:calc(50cqw + var(--vp-carousel-seam-shift, 0px))!important;scroll-padding-inline:var(--vp-carousel-inset,0)!important}} diff --git a/build/gutenberg/blocks/item-template/style.css b/build/gutenberg/blocks/item-template/style.css index 46149f71..c7e71281 100644 --- a/build/gutenberg/blocks/item-template/style.css +++ b/build/gutenberg/blocks/item-template/style.css @@ -1 +1 @@ -@property --vp-layout-current-columns{syntax:"";inherits:true;initial-value:3}@property --vp-carousel-fade-left{syntax:"";inherits:true;initial-value:0}@property --vp-carousel-fade-right{syntax:"";inherits:true;initial-value:0}@property --vp-carousel-timeline-inset{syntax:"";inherits:false;initial-value:0}@property --vp-slide-index{syntax:"";inherits:true;initial-value:0}.wp-block-visual-portfolio-item-template{--vp-layout-current-columns:var(--vp-layout-columns,3);--vp-layout-auto-placement:auto-fill;list-style:none;margin:0;padding:0}.wp-block-visual-portfolio-item-template.vp-layout-auto-fit{--vp-layout-auto-placement:auto-fit}@media(max-width:1200px){.wp-block-visual-portfolio-item-template:not(.vp-layout-auto-columns){--vp-layout-current-columns:min(var(--vp-layout-columns,3),4)}}@media(max-width:992px){.wp-block-visual-portfolio-item-template:not(.vp-layout-auto-columns){--vp-layout-current-columns:min(var(--vp-layout-columns,3),3)}}@media(max-width:768px){.wp-block-visual-portfolio-item-template:not(.vp-layout-auto-columns){--vp-layout-current-columns:min(var(--vp-layout-columns,3),2)}}@media(max-width:576px){.wp-block-visual-portfolio-item-template:not(.vp-layout-auto-columns){--vp-layout-current-columns:min(var(--vp-layout-columns,3),1)}}.wp-block-visual-portfolio-item-template.vp-layout-grid{display:grid;gap:var(--vp-layout-row-gap,var(--vp-layout-gap,1.5rem)) var(--vp-layout-gap,1.5rem);grid-template-columns:repeat(var(--vp-layout-current-columns),minmax(0,1fr))}.wp-block-visual-portfolio-item-template.vp-layout-grid.are-vertically-aligned-top{align-items:start}.wp-block-visual-portfolio-item-template.vp-layout-grid.are-vertically-aligned-center{align-items:center}.wp-block-visual-portfolio-item-template.vp-layout-grid.are-vertically-aligned-bottom{align-items:end}.wp-block-visual-portfolio-item-template.vp-layout-grid.vp-layout-auto-columns{container-type:inline-size;grid-template-columns:repeat(var(--vp-layout-auto-placement),minmax(var(--vp-layout-track,min(16rem,100%)),1fr))}.wp-block-visual-portfolio-item-template.vp-layout-masonry{column-gap:var(--vp-layout-gap,1.5rem);position:relative;row-gap:var(--vp-layout-row-gap,var(--vp-layout-gap,1.5rem))}.wp-block-visual-portfolio-item-template.vp-layout-masonry>.wp-block-visual-portfolio-item-template__item{margin-bottom:var(--vp-layout-row-gap,var(--vp-layout-gap,1.5rem));width:calc((100% - (var(--vp-layout-current-columns) - 1)*var(--vp-layout-gap, 1.5rem))/var(--vp-layout-current-columns))}@supports not (display:grid-lanes){.wp-block-visual-portfolio-item-template.vp-layout-masonry:not(.vp-has-masonry){column-count:var(--vp-layout-current-columns);column-gap:var(--vp-layout-gap,1.5rem)}.wp-block-visual-portfolio-item-template.vp-layout-masonry:not(.vp-has-masonry).vp-layout-auto-columns{column-width:var(--vp-layout-min-column-width,16rem)}.wp-block-visual-portfolio-item-template.vp-layout-masonry:not(.vp-has-masonry)>.wp-block-visual-portfolio-item-template__item{break-inside:avoid;margin-bottom:var(--vp-layout-row-gap,var(--vp-layout-gap,1.5rem));width:auto}}@supports(display:grid-lanes){.wp-block-visual-portfolio-item-template.vp-layout-masonry{display:grid-lanes;gap:var(--vp-layout-row-gap,var(--vp-layout-gap,1.5rem)) var(--vp-layout-gap,1.5rem);grid-template-columns:repeat(var(--vp-layout-current-columns),minmax(0,1fr))}.wp-block-visual-portfolio-item-template.vp-layout-masonry.vp-layout-auto-columns{grid-template-columns:repeat(var(--vp-layout-auto-placement),minmax(var(--vp-layout-track,min(16rem,100%)),1fr))}.wp-block-visual-portfolio-item-template.vp-layout-masonry>.wp-block-visual-portfolio-item-template__item{margin-bottom:0;width:auto}}.wp-block-visual-portfolio-item-template.vp-layout-masonry-native{display:grid-lanes;gap:var(--vp-layout-row-gap,var(--vp-layout-gap,1.5rem)) var(--vp-layout-gap,1.5rem);grid-template-columns:repeat(var(--vp-layout-current-columns),minmax(0,1fr))}.wp-block-visual-portfolio-item-template.vp-layout-masonry-native.vp-layout-auto-columns{grid-template-columns:repeat(var(--vp-layout-auto-placement),minmax(var(--vp-layout-track,min(16rem,100%)),1fr))}.wp-block-visual-portfolio-item-template.vp-layout-masonry-native>.wp-block-visual-portfolio-item-template__item{margin-bottom:0;width:auto}.wp-block-visual-portfolio-item-template.vp-layout-tiles{container-type:inline-size;display:grid;gap:var(--vp-layout-row-gap,var(--vp-layout-gap,1.5rem)) var(--vp-layout-gap,1.5rem);grid-auto-flow:row dense;grid-template-columns:repeat(var(--vp-layout-current-columns),minmax(0,1fr))}.wp-block-visual-portfolio-item-template.vp-layout-tiles>.wp-block-visual-portfolio-item-template__item{--vp-tile-span:min(var(--vp-tile-columns,1),var(--vp-layout-current-columns));display:flex;flex-direction:column;grid-column:span var(--vp-tile-span);height:calc(((100cqw + var(--vp-layout-gap, 1.5rem))/var(--vp-layout-current-columns) - var(--vp-layout-gap, 1.5rem) + var(--vp-layout-row-gap, var(--vp-layout-gap, 1.5rem)))*var(--vp-tile-height, 1)*var(--vp-tile-span) - var(--vp-layout-row-gap, var(--vp-layout-gap, 1.5rem)));overflow:hidden}.wp-block-visual-portfolio-item-template.vp-layout-tiles .wp-block-visual-portfolio-item-template__item .wp-block-visual-portfolio-item-image{flex:1 1 auto;min-height:0}.wp-block-visual-portfolio-item-template.vp-layout-tiles .wp-block-visual-portfolio-item-template__item .wp-block-visual-portfolio-item-image>a{height:100%}.wp-block-visual-portfolio-item-template.vp-layout-tiles .wp-block-visual-portfolio-item-template__item .wp-block-visual-portfolio-item-image img{height:100%;object-fit:cover}.wp-block-visual-portfolio-item-template.vp-layout-justified{display:flex;flex-wrap:wrap;gap:var(--vp-layout-row-gap,var(--vp-layout-gap,1.5rem)) var(--vp-layout-gap,1.5rem);position:relative}.wp-block-visual-portfolio-item-template.vp-layout-justified>.wp-block-visual-portfolio-item-template__item{flex:1 1 auto;max-width:100%}.wp-block-visual-portfolio-item-template.vp-layout-justified.vp-has-script>.wp-block-visual-portfolio-item-template__item{flex-grow:0}.wp-block-visual-portfolio-item-template.vp-layout-justified.vp-has-script .wp-block-visual-portfolio-item-template__item .wp-block-visual-portfolio-item-image>a{height:100%}.wp-block-visual-portfolio-item-template.vp-layout-justified.vp-has-script .wp-block-visual-portfolio-item-template__item .wp-block-visual-portfolio-item-image img{height:100%;object-fit:cover}.wp-block-visual-portfolio-item-template.vp-layout-carousel{--vp-carousel-slide-width:calc((100cqw - var(--vp-carousel-inset, 0px)*2 - var(--vp-carousel-peek, 0px) - (var(--vp-layout-current-columns) - 1)*var(--vp-layout-gap, 1.5rem))/var(--vp-layout-current-columns))}.wp-block-visual-portfolio-item-template.vp-layout-carousel:dir(rtl){--vp-carousel-direction:-1}.wp-block-visual-portfolio-item-template.vp-layout-carousel{display:flex;gap:var(--vp-layout-gap,1.5rem);overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;position:relative;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}.wp-block-visual-portfolio-item-template.vp-layout-carousel::-webkit-scrollbar{display:none}.wp-block-visual-portfolio-item-template.vp-layout-carousel{padding-inline-end:calc(var(--vp-carousel-inset, 0px) + var(--vp-carousel-peek, 0px));padding-inline-start:var(--vp-carousel-inset,0);scroll-padding-inline:calc(var(--vp-carousel-inset, 0px) + var(--vp-carousel-peek, 0px))}.wp-block-visual-portfolio-item-template.vp-layout-carousel>.wp-block-visual-portfolio-item-template__item{flex:0 0 auto;height:var(--vp-carousel-slide-height,auto);scroll-snap-align:var(--vp-carousel-snap-align,start);width:var(--vp-carousel-slide-width)}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-auto-width>.wp-block-visual-portfolio-item-template__item{width:auto}.wp-block-visual-portfolio-item-template.vp-layout-carousel>.wp-block-visual-portfolio-item-template__item.vp-carousel-no-snap{scroll-snap-align:none}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-stretch-slides>.wp-block-visual-portfolio-item-template__item{display:flex;flex-direction:column}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-stretch-slides .wp-block-visual-portfolio-item-template__item .wp-block-visual-portfolio-item-image{flex:1 1 auto;min-height:0}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-stretch-slides .wp-block-visual-portfolio-item-template__item .wp-block-visual-portfolio-item-image>a{height:100%}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-stretch-slides .wp-block-visual-portfolio-item-template__item .wp-block-visual-portfolio-item-image img{height:100%;object-fit:cover}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-snap-center:not(.vp-carousel-auto-width){padding-inline:calc((100cqw - var(--vp-carousel-slide-width))/2);scroll-padding-inline:0}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-free-scroll{scroll-snap-type:none}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-is-scrubbing{scroll-behavior:auto;scroll-snap-type:none}.wp-block-visual-portfolio-item-template.vp-layout-carousel[data-vp-carousel-repeat=true]{scroll-behavior:auto}.wp-block-visual-portfolio-item-template.vp-layout-carousel[data-vp-carousel-marquee]>.wp-block-visual-portfolio-item-template__item{transform:translateX(calc(var(--vp-carousel-marquee-shift, 0px)*-1))}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-edge-fade{--vp-carousel-fade-left:var(--vp-carousel-fade-size,6%);--vp-carousel-fade-right:var(--vp-carousel-fade-size,6%);mask-image:linear-gradient(to right,transparent calc(var(--vp-carousel-fade-left)*0),rgba(0,0,0,.013) calc(var(--vp-carousel-fade-left)*.081),rgba(0,0,0,.049) calc(var(--vp-carousel-fade-left)*.155),rgba(0,0,0,.104) calc(var(--vp-carousel-fade-left)*.225),rgba(0,0,0,.175) calc(var(--vp-carousel-fade-left)*.29),rgba(0,0,0,.259) calc(var(--vp-carousel-fade-left)*.353),rgba(0,0,0,.352) calc(var(--vp-carousel-fade-left)*.412),rgba(0,0,0,.45) calc(var(--vp-carousel-fade-left)*.471),rgba(0,0,0,.55) calc(var(--vp-carousel-fade-left)*.529),rgba(0,0,0,.648) calc(var(--vp-carousel-fade-left)*.588),rgba(0,0,0,.741) calc(var(--vp-carousel-fade-left)*.647),rgba(0,0,0,.825) calc(var(--vp-carousel-fade-left)*.71),rgba(0,0,0,.896) calc(var(--vp-carousel-fade-left)*.775),rgba(0,0,0,.951) calc(var(--vp-carousel-fade-left)*.845),rgba(0,0,0,.987) calc(var(--vp-carousel-fade-left)*.919),#000 calc(var(--vp-carousel-fade-left)*1),#000 calc(100% - var(--vp-carousel-fade-right)*1),rgba(0,0,0,.987) calc(100% - var(--vp-carousel-fade-right)*.919),rgba(0,0,0,.951) calc(100% - var(--vp-carousel-fade-right)*.845),rgba(0,0,0,.896) calc(100% - var(--vp-carousel-fade-right)*.775),rgba(0,0,0,.825) calc(100% - var(--vp-carousel-fade-right)*.71),rgba(0,0,0,.741) calc(100% - var(--vp-carousel-fade-right)*.647),rgba(0,0,0,.648) calc(100% - var(--vp-carousel-fade-right)*.588),rgba(0,0,0,.55) calc(100% - var(--vp-carousel-fade-right)*.529),rgba(0,0,0,.45) calc(100% - var(--vp-carousel-fade-right)*.471),rgba(0,0,0,.352) calc(100% - var(--vp-carousel-fade-right)*.412),rgba(0,0,0,.259) calc(100% - var(--vp-carousel-fade-right)*.353),rgba(0,0,0,.175) calc(100% - var(--vp-carousel-fade-right)*.29),rgba(0,0,0,.104) calc(100% - var(--vp-carousel-fade-right)*.225),rgba(0,0,0,.049) calc(100% - var(--vp-carousel-fade-right)*.155),rgba(0,0,0,.013) calc(100% - var(--vp-carousel-fade-right)*.081),transparent calc(100% - var(--vp-carousel-fade-right)*0));transition:--vp-carousel-fade-left .2s linear,--vp-carousel-fade-right .2s linear}.wp-block-visual-portfolio-item-template.vp-layout-carousel:focus,.wp-block-visual-portfolio-item-template.vp-layout-carousel:focus-visible{outline:none}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-effect .wp-block-visual-portfolio-item-template__card,.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-effect .wp-block-visual-portfolio-item-template__slide,.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-effect>.wp-block-visual-portfolio-item-template__item{display:flex;flex-direction:column}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-effect .wp-block-visual-portfolio-item-template__card,.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-effect .wp-block-visual-portfolio-item-template__slide{flex:1 1 auto;min-width:0}@supports(animation-timeline:view()){.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-effect{scroll-timeline-axis:inline;scroll-timeline-name:--vp-carousel-scroll}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-effect:dir(rtl):not(.vp-carousel-scripted) .wp-block-visual-portfolio-item-template__card,.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-effect:dir(rtl):not(.vp-carousel-scripted) .wp-block-visual-portfolio-item-template__slide,.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-effect:dir(rtl):not(.vp-carousel-scripted)>.wp-block-visual-portfolio-item-template__item{animation-name:none}@media(prefers-reduced-motion:no-preference){.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-coverflow{gap:0}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-coverflow,.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-coverflow.vp-carousel-snap-center{padding-inline:calc(50cqw - 25cqw/max(var(--vp-layout-current-columns),2));scroll-padding-inline:0}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-coverflow>.wp-block-visual-portfolio-item-template__item{animation-fill-mode:both;animation-name:vp-carousel-coverflow-item;animation-range:contain;animation-timeline:--vp-carousel-slide;animation-timing-function:linear;scroll-snap-align:center;view-timeline-axis:inline;view-timeline-inset:calc(50cqw - 70cqw/max(var(--vp-layout-current-columns),2));view-timeline-name:--vp-carousel-slide;width:calc(50cqw/max(var(--vp-layout-current-columns),2))}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-coverflow .wp-block-visual-portfolio-item-template__slide{animation-fill-mode:both;animation-name:vp-carousel-coverflow-slide;animation-range:contain;animation-timeline:--vp-carousel-slide;animation-timing-function:linear;margin-inline:-50%;perspective:calc(var(--vp-carousel-slide-width)*5);position:relative;width:200%}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-coverflow .wp-block-visual-portfolio-item-template__card{animation-fill-mode:both;animation-name:vp-carousel-coverflow-card;animation-range:contain;animation-timeline:--vp-carousel-slide;animation-timing-function:linear}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-coverflow:not(.vp-carousel-scripted)>.wp-block-visual-portfolio-item-template__item.vp-carousel-moved-round,.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-coverflow:not(.vp-carousel-scripted)>.wp-block-visual-portfolio-item-template__item.vp-carousel-moved-round .wp-block-visual-portfolio-item-template__card,.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-coverflow:not(.vp-carousel-scripted)>.wp-block-visual-portfolio-item-template__item.vp-carousel-moved-round .wp-block-visual-portfolio-item-template__slide{animation-range:var(--vp-carousel-copy-contain);animation-timeline:--vp-carousel-scroll}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-slideshow{gap:0}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-slideshow .wp-block-visual-portfolio-item-template__slide{overflow:hidden;view-timeline-axis:inline;view-timeline-name:--vp-carousel-slide}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-slideshow .wp-block-visual-portfolio-item-template__card{animation-fill-mode:both;animation-name:vp-carousel-slideshow-card;animation-range:cover;animation-timeline:--vp-carousel-slide;animation-timing-function:linear}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-slideshow:not(.vp-carousel-scripted)>.wp-block-visual-portfolio-item-template__item.vp-carousel-moved-round .wp-block-visual-portfolio-item-template__card{animation-range:var(--vp-carousel-copy-cover);animation-timeline:--vp-carousel-scroll}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-fade{--vp-carousel-pin:100%;gap:0}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-fade>.wp-block-visual-portfolio-item-template__item{animation-fill-mode:both;animation-name:vp-carousel-arriving-above;animation-range:cover;animation-timeline:--vp-carousel-item;animation-timing-function:linear;view-timeline-axis:inline;view-timeline-name:--vp-carousel-item}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-fade .wp-block-visual-portfolio-item-template__slide{view-timeline-axis:inline;view-timeline-name:--vp-carousel-slide}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-fade .wp-block-visual-portfolio-item-template__card{animation-fill-mode:both;animation-name:vp-carousel-fade-card;animation-range:cover;animation-timeline:--vp-carousel-slide;animation-timing-function:linear}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-fade:not(.vp-carousel-scripted)>.wp-block-visual-portfolio-item-template__item.vp-carousel-moved-round,.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-fade:not(.vp-carousel-scripted)>.wp-block-visual-portfolio-item-template__item.vp-carousel-moved-round .wp-block-visual-portfolio-item-template__card{animation-range:var(--vp-carousel-copy-cover);animation-timeline:--vp-carousel-scroll}}}@media(prefers-reduced-motion:no-preference){.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-coverflow{gap:0}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-coverflow,.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-coverflow.vp-carousel-snap-center{padding-inline:calc(50cqw - 25cqw/max(var(--vp-layout-current-columns),2));scroll-padding-inline:0}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-coverflow>.wp-block-visual-portfolio-item-template__item{scroll-snap-align:center;width:calc(50cqw/max(var(--vp-layout-current-columns),2));--vp-carousel-timeline-inset:calc(50cqw - 70cqw/max(var(--vp-layout-current-columns), 2));animation-delay:calc(var(--vp-carousel-contain)*-1s);animation-duration:1s;animation-fill-mode:both;animation-name:vp-carousel-coverflow-item;animation-play-state:paused;animation-range:normal;animation-timeline:auto;animation-timing-function:linear}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-coverflow .wp-block-visual-portfolio-item-template__slide{animation-delay:calc(var(--vp-carousel-contain)*-1s);animation-duration:1s;animation-fill-mode:both;animation-name:vp-carousel-coverflow-slide;animation-play-state:paused;animation-range:normal;animation-timeline:auto;animation-timing-function:linear;margin-inline:-50%;perspective:calc(var(--vp-carousel-slide-width)*5);position:relative;width:200%}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-coverflow .wp-block-visual-portfolio-item-template__card{animation-delay:calc(var(--vp-carousel-contain)*-1s);animation-duration:1s;animation-fill-mode:both;animation-name:vp-carousel-coverflow-card;animation-play-state:paused;animation-range:normal;animation-timeline:auto;animation-timing-function:linear}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-slideshow{gap:0}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-slideshow .wp-block-visual-portfolio-item-template__slide{overflow:hidden}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-slideshow .wp-block-visual-portfolio-item-template__card{animation-delay:calc(var(--vp-carousel-cover)*-1s);animation-duration:1s;animation-fill-mode:both;animation-name:vp-carousel-slideshow-card;animation-play-state:paused;animation-range:normal;animation-timeline:auto;animation-timing-function:linear}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-fade{--vp-carousel-pin:100%;gap:0}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-fade>.wp-block-visual-portfolio-item-template__item{animation-delay:calc(var(--vp-carousel-cover)*-1s);animation-duration:1s;animation-fill-mode:both;animation-name:vp-carousel-arriving-above;animation-play-state:paused;animation-range:normal;animation-timeline:auto;animation-timing-function:linear}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-fade .wp-block-visual-portfolio-item-template__card{animation-delay:calc(var(--vp-carousel-cover)*-1s);animation-duration:1s;animation-fill-mode:both;animation-name:vp-carousel-fade-card;animation-play-state:paused;animation-range:normal;animation-timeline:auto;animation-timing-function:linear}}@keyframes vp-carousel-coverflow-item{0%{z-index:0}50%{z-index:100}to{z-index:0}}@keyframes vp-carousel-coverflow-slide{0%{transform:translateX(calc(30%*var(--vp-carousel-direction, 1)))}50%{transform:translateX(0)}to{transform:translateX(calc(-30%*var(--vp-carousel-direction, 1)))}}@keyframes vp-carousel-coverflow-card{0%{transform:rotateY(calc(-55deg*var(--vp-carousel-direction, 1))) scale(.8)}50%{transform:rotateY(0) scale(1)}to{transform:rotateY(calc(55deg*var(--vp-carousel-direction, 1))) scale(.8)}}@keyframes vp-carousel-arriving-above{0%,50%{z-index:2}51%,to{z-index:1}}@keyframes vp-carousel-fade-card{0%{opacity:0;translate:calc(var(--vp-carousel-pin)*-1*var(--vp-carousel-direction, 1));visibility:hidden}2%{visibility:hidden}50%{opacity:1;translate:0;visibility:visible}to{opacity:1;translate:calc(var(--vp-carousel-pin)*var(--vp-carousel-direction, 1))}}@keyframes vp-carousel-slideshow-card{0%{transform:translateX(calc(-50%*var(--vp-carousel-direction, 1)))}50%{transform:translateX(0)}to{transform:translateX(calc(50%*var(--vp-carousel-direction, 1)))}}@media(prefers-reduced-motion:reduce){.wp-block-visual-portfolio-item-template.vp-layout-carousel{scroll-behavior:auto}}.wp-block-visual-portfolio-item-template__item{min-width:0}.wp-block-visual-portfolio-item-template__carousel-frame{container-type:inline-size;overflow:clip;position:relative}.wp-block-visual-portfolio-item-template__carousel-frame:has(>.wp-block-visual-portfolio-item-template:focus-visible:not(.vp-carousel-pointer-focus)){outline:2px solid currentcolor;outline-offset:2px}.vp-is-loading .wp-block-visual-portfolio-item-template{opacity:.6;transition:opacity .15s ease-in-out}.wp-block-visual-portfolio-item-template__live-region{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.wp-block-visual-portfolio-item-template.vp-layout-carousel[data-vp-carousel-repeat=true]:after{content:"";flex:0 0 var(--vp-layout-gap,1.5rem);margin-inline-start:calc(var(--vp-layout-gap, 1.5rem)*-1);scroll-snap-align:none}@layer blossom-carousel{.wp-block-visual-portfolio-item-template.vp-layout-carousel[data-vp-carousel-repeat=true]{padding-inline-end:calc(50cqw - var(--vp-carousel-seam-shift, 0px))!important;padding-inline-start:calc(50cqw + var(--vp-carousel-seam-shift, 0px))!important;scroll-padding-inline:var(--vp-carousel-inset,0)!important}} +@property --vp-layout-current-columns{syntax:"";inherits:true;initial-value:3}@property --vp-carousel-fade-left{syntax:"";inherits:true;initial-value:0}@property --vp-carousel-fade-right{syntax:"";inherits:true;initial-value:0}@property --vp-carousel-timeline-inset{syntax:"";inherits:false;initial-value:0}@property --vp-slide-index{syntax:"";inherits:true;initial-value:0}.wp-block-visual-portfolio-item-template{--vp-layout-current-columns:var(--vp-layout-columns,3);--vp-layout-auto-placement:auto-fill;list-style:none;margin:0;padding:0}.wp-block-visual-portfolio-item-template.vp-layout-auto-fit{--vp-layout-auto-placement:auto-fit}@media(max-width:1200px){.wp-block-visual-portfolio-item-template:not(.vp-layout-auto-columns){--vp-layout-current-columns:min(var(--vp-layout-columns,3),4)}}@media(max-width:992px){.wp-block-visual-portfolio-item-template:not(.vp-layout-auto-columns){--vp-layout-current-columns:min(var(--vp-layout-columns,3),3)}}@media(max-width:768px){.wp-block-visual-portfolio-item-template:not(.vp-layout-auto-columns){--vp-layout-current-columns:min(var(--vp-layout-columns,3),2)}}@media(max-width:576px){.wp-block-visual-portfolio-item-template:not(.vp-layout-auto-columns){--vp-layout-current-columns:min(var(--vp-layout-columns,3),1)}}.wp-block-visual-portfolio-item-template.vp-layout-grid{display:grid;gap:var(--vp-layout-row-gap,var(--vp-layout-gap,1.5rem)) var(--vp-layout-gap,1.5rem);grid-template-columns:repeat(var(--vp-layout-current-columns),minmax(0,1fr))}.wp-block-visual-portfolio-item-template.vp-layout-grid.are-vertically-aligned-top{align-items:start}.wp-block-visual-portfolio-item-template.vp-layout-grid.are-vertically-aligned-center{align-items:center}.wp-block-visual-portfolio-item-template.vp-layout-grid.are-vertically-aligned-bottom{align-items:end}.wp-block-visual-portfolio-item-template.vp-layout-grid.vp-layout-auto-columns{container-type:inline-size;grid-template-columns:repeat(var(--vp-layout-auto-placement),minmax(var(--vp-layout-track,min(16rem,100%)),1fr))}.wp-block-visual-portfolio-item-template.vp-layout-masonry{column-gap:var(--vp-layout-gap,1.5rem);position:relative;row-gap:var(--vp-layout-row-gap,var(--vp-layout-gap,1.5rem))}.wp-block-visual-portfolio-item-template.vp-layout-masonry>.wp-block-visual-portfolio-item-template__item{margin-bottom:var(--vp-layout-row-gap,var(--vp-layout-gap,1.5rem));width:calc((100% - (var(--vp-layout-current-columns) - 1)*var(--vp-layout-gap, 1.5rem))/var(--vp-layout-current-columns))}@supports not (display:grid-lanes){.wp-block-visual-portfolio-item-template.vp-layout-masonry:not(.vp-has-masonry){column-count:var(--vp-layout-current-columns);column-gap:var(--vp-layout-gap,1.5rem)}.wp-block-visual-portfolio-item-template.vp-layout-masonry:not(.vp-has-masonry).vp-layout-auto-columns{column-width:var(--vp-layout-min-column-width,16rem)}.wp-block-visual-portfolio-item-template.vp-layout-masonry:not(.vp-has-masonry)>.wp-block-visual-portfolio-item-template__item{break-inside:avoid;margin-bottom:var(--vp-layout-row-gap,var(--vp-layout-gap,1.5rem));width:auto}}@supports(display:grid-lanes){.wp-block-visual-portfolio-item-template.vp-layout-masonry{display:grid-lanes;gap:var(--vp-layout-row-gap,var(--vp-layout-gap,1.5rem)) var(--vp-layout-gap,1.5rem);grid-template-columns:repeat(var(--vp-layout-current-columns),minmax(0,1fr))}.wp-block-visual-portfolio-item-template.vp-layout-masonry.vp-layout-auto-columns{grid-template-columns:repeat(var(--vp-layout-auto-placement),minmax(var(--vp-layout-track,min(16rem,100%)),1fr))}.wp-block-visual-portfolio-item-template.vp-layout-masonry>.wp-block-visual-portfolio-item-template__item{margin-bottom:0;width:auto}}.wp-block-visual-portfolio-item-template.vp-layout-masonry-native{display:grid-lanes;gap:var(--vp-layout-row-gap,var(--vp-layout-gap,1.5rem)) var(--vp-layout-gap,1.5rem);grid-template-columns:repeat(var(--vp-layout-current-columns),minmax(0,1fr))}.wp-block-visual-portfolio-item-template.vp-layout-masonry-native.vp-layout-auto-columns{grid-template-columns:repeat(var(--vp-layout-auto-placement),minmax(var(--vp-layout-track,min(16rem,100%)),1fr))}.wp-block-visual-portfolio-item-template.vp-layout-masonry-native>.wp-block-visual-portfolio-item-template__item{margin-bottom:0;width:auto}.wp-block-visual-portfolio-item-template.vp-layout-tiles{container-type:inline-size;display:grid;gap:var(--vp-layout-row-gap,var(--vp-layout-gap,1.5rem)) var(--vp-layout-gap,1.5rem);grid-auto-flow:row dense;grid-template-columns:repeat(var(--vp-layout-current-columns),minmax(0,1fr))}.wp-block-visual-portfolio-item-template.vp-layout-tiles>.wp-block-visual-portfolio-item-template__item{--vp-tile-span:min(var(--vp-tile-columns,1),var(--vp-layout-current-columns));display:flex;flex-direction:column;grid-column:span var(--vp-tile-span);height:calc(((100cqw + var(--vp-layout-gap, 1.5rem))/var(--vp-layout-current-columns) - var(--vp-layout-gap, 1.5rem) + var(--vp-layout-row-gap, var(--vp-layout-gap, 1.5rem)))*var(--vp-tile-height, 1)*var(--vp-tile-span) - var(--vp-layout-row-gap, var(--vp-layout-gap, 1.5rem)));overflow:hidden}.wp-block-visual-portfolio-item-template.vp-layout-tiles .wp-block-visual-portfolio-item-template__item .wp-block-visual-portfolio-item-image{flex:1 1 auto;min-height:0}.wp-block-visual-portfolio-item-template.vp-layout-tiles .wp-block-visual-portfolio-item-template__item .wp-block-visual-portfolio-item-image>a{height:100%}.wp-block-visual-portfolio-item-template.vp-layout-tiles .wp-block-visual-portfolio-item-template__item .wp-block-visual-portfolio-item-image img{height:100%;object-fit:cover}.wp-block-visual-portfolio-item-template.vp-layout-justified{display:flex;flex-wrap:wrap;gap:var(--vp-layout-row-gap,var(--vp-layout-gap,1.5rem)) var(--vp-layout-gap,1.5rem);position:relative}.wp-block-visual-portfolio-item-template.vp-layout-justified>.wp-block-visual-portfolio-item-template__item{flex:1 1 auto;max-width:100%}.wp-block-visual-portfolio-item-template.vp-layout-justified.vp-has-script>.wp-block-visual-portfolio-item-template__item{flex-grow:0}.wp-block-visual-portfolio-item-template.vp-layout-justified.vp-has-script .wp-block-visual-portfolio-item-template__item .wp-block-visual-portfolio-item-image>a{height:100%}.wp-block-visual-portfolio-item-template.vp-layout-justified.vp-has-script .wp-block-visual-portfolio-item-template__item .wp-block-visual-portfolio-item-image img{height:100%;object-fit:cover}.wp-block-visual-portfolio-item-template.vp-layout-carousel{--vp-carousel-slide-width:calc((100cqw - var(--vp-carousel-inset, 0px)*2 - var(--vp-carousel-peek, 0px) - (var(--vp-layout-current-columns) - 1)*var(--vp-layout-gap, 1.5rem))/var(--vp-layout-current-columns))}.wp-block-visual-portfolio-item-template.vp-layout-carousel:dir(rtl){--vp-carousel-direction:-1}.wp-block-visual-portfolio-item-template.vp-layout-carousel{display:flex;gap:var(--vp-layout-gap,1.5rem);overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;position:relative;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}.wp-block-visual-portfolio-item-template.vp-layout-carousel::-webkit-scrollbar{display:none}.wp-block-visual-portfolio-item-template.vp-layout-carousel{padding-inline-end:calc(var(--vp-carousel-inset, 0px) + var(--vp-carousel-peek, 0px));padding-inline-start:var(--vp-carousel-inset,0);scroll-padding-inline:calc(var(--vp-carousel-inset, 0px) + var(--vp-carousel-peek, 0px))}.wp-block-visual-portfolio-item-template.vp-layout-carousel>.wp-block-visual-portfolio-item-template__item{flex:0 0 auto;height:var(--vp-carousel-slide-height,auto);scroll-snap-align:var(--vp-carousel-snap-align,start);width:var(--vp-carousel-slide-width)}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-auto-width>.wp-block-visual-portfolio-item-template__item{width:auto}.wp-block-visual-portfolio-item-template.vp-layout-carousel>.wp-block-visual-portfolio-item-template__item.vp-carousel-no-snap{scroll-snap-align:none}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-stretch-slides>.wp-block-visual-portfolio-item-template__item{display:flex;flex-direction:column}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-stretch-slides .wp-block-visual-portfolio-item-template__item .wp-block-visual-portfolio-item-image{flex:1 1 auto;min-height:0}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-stretch-slides .wp-block-visual-portfolio-item-template__item .wp-block-visual-portfolio-item-image>a{height:100%}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-stretch-slides .wp-block-visual-portfolio-item-template__item .wp-block-visual-portfolio-item-image img{height:100%;object-fit:cover}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-snap-center:not(.vp-carousel-auto-width){padding-inline:calc((100cqw - var(--vp-carousel-slide-width))/2);scroll-padding-inline:0}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-free-scroll{scroll-snap-type:none}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-is-scrubbing{scroll-behavior:auto;scroll-snap-type:none}.wp-block-visual-portfolio-item-template.vp-layout-carousel[data-vp-carousel-repeat=true]{scroll-behavior:auto}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-edge-fade{--vp-carousel-fade-left:var(--vp-carousel-fade-size,6%);--vp-carousel-fade-right:var(--vp-carousel-fade-size,6%);mask-image:linear-gradient(to right,transparent calc(var(--vp-carousel-fade-left)*0),rgba(0,0,0,.013) calc(var(--vp-carousel-fade-left)*.081),rgba(0,0,0,.049) calc(var(--vp-carousel-fade-left)*.155),rgba(0,0,0,.104) calc(var(--vp-carousel-fade-left)*.225),rgba(0,0,0,.175) calc(var(--vp-carousel-fade-left)*.29),rgba(0,0,0,.259) calc(var(--vp-carousel-fade-left)*.353),rgba(0,0,0,.352) calc(var(--vp-carousel-fade-left)*.412),rgba(0,0,0,.45) calc(var(--vp-carousel-fade-left)*.471),rgba(0,0,0,.55) calc(var(--vp-carousel-fade-left)*.529),rgba(0,0,0,.648) calc(var(--vp-carousel-fade-left)*.588),rgba(0,0,0,.741) calc(var(--vp-carousel-fade-left)*.647),rgba(0,0,0,.825) calc(var(--vp-carousel-fade-left)*.71),rgba(0,0,0,.896) calc(var(--vp-carousel-fade-left)*.775),rgba(0,0,0,.951) calc(var(--vp-carousel-fade-left)*.845),rgba(0,0,0,.987) calc(var(--vp-carousel-fade-left)*.919),#000 calc(var(--vp-carousel-fade-left)*1),#000 calc(100% - var(--vp-carousel-fade-right)*1),rgba(0,0,0,.987) calc(100% - var(--vp-carousel-fade-right)*.919),rgba(0,0,0,.951) calc(100% - var(--vp-carousel-fade-right)*.845),rgba(0,0,0,.896) calc(100% - var(--vp-carousel-fade-right)*.775),rgba(0,0,0,.825) calc(100% - var(--vp-carousel-fade-right)*.71),rgba(0,0,0,.741) calc(100% - var(--vp-carousel-fade-right)*.647),rgba(0,0,0,.648) calc(100% - var(--vp-carousel-fade-right)*.588),rgba(0,0,0,.55) calc(100% - var(--vp-carousel-fade-right)*.529),rgba(0,0,0,.45) calc(100% - var(--vp-carousel-fade-right)*.471),rgba(0,0,0,.352) calc(100% - var(--vp-carousel-fade-right)*.412),rgba(0,0,0,.259) calc(100% - var(--vp-carousel-fade-right)*.353),rgba(0,0,0,.175) calc(100% - var(--vp-carousel-fade-right)*.29),rgba(0,0,0,.104) calc(100% - var(--vp-carousel-fade-right)*.225),rgba(0,0,0,.049) calc(100% - var(--vp-carousel-fade-right)*.155),rgba(0,0,0,.013) calc(100% - var(--vp-carousel-fade-right)*.081),transparent calc(100% - var(--vp-carousel-fade-right)*0));transition:--vp-carousel-fade-left .2s linear,--vp-carousel-fade-right .2s linear}.wp-block-visual-portfolio-item-template.vp-layout-carousel:focus,.wp-block-visual-portfolio-item-template.vp-layout-carousel:focus-visible{outline:none}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-effect .wp-block-visual-portfolio-item-template__card,.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-effect .wp-block-visual-portfolio-item-template__slide,.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-effect>.wp-block-visual-portfolio-item-template__item{display:flex;flex-direction:column}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-effect .wp-block-visual-portfolio-item-template__card,.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-effect .wp-block-visual-portfolio-item-template__slide{flex:1 1 auto;min-width:0}@supports(animation-timeline:view()){.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-effect{scroll-timeline-axis:inline;scroll-timeline-name:--vp-carousel-scroll}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-effect:dir(rtl):not(.vp-carousel-scripted) .wp-block-visual-portfolio-item-template__card,.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-effect:dir(rtl):not(.vp-carousel-scripted) .wp-block-visual-portfolio-item-template__slide,.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-effect:dir(rtl):not(.vp-carousel-scripted)>.wp-block-visual-portfolio-item-template__item{animation-name:none}@media(prefers-reduced-motion:no-preference){.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-coverflow{gap:0}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-coverflow,.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-coverflow.vp-carousel-snap-center{padding-inline:calc(50cqw - 25cqw/max(var(--vp-layout-current-columns),2));scroll-padding-inline:0}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-coverflow>.wp-block-visual-portfolio-item-template__item{animation-fill-mode:both;animation-name:vp-carousel-coverflow-item;animation-range:contain;animation-timeline:--vp-carousel-slide;animation-timing-function:linear;scroll-snap-align:center;view-timeline-axis:inline;view-timeline-inset:calc(50cqw - 70cqw/max(var(--vp-layout-current-columns),2));view-timeline-name:--vp-carousel-slide;width:calc(50cqw/max(var(--vp-layout-current-columns),2))}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-coverflow .wp-block-visual-portfolio-item-template__slide{animation-fill-mode:both;animation-name:vp-carousel-coverflow-slide;animation-range:contain;animation-timeline:--vp-carousel-slide;animation-timing-function:linear;margin-inline:-50%;perspective:calc(var(--vp-carousel-slide-width)*5);position:relative;width:200%}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-coverflow .wp-block-visual-portfolio-item-template__card{animation-fill-mode:both;animation-name:vp-carousel-coverflow-card;animation-range:contain;animation-timeline:--vp-carousel-slide;animation-timing-function:linear}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-coverflow:not(.vp-carousel-scripted)>.wp-block-visual-portfolio-item-template__item.vp-carousel-moved-round,.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-coverflow:not(.vp-carousel-scripted)>.wp-block-visual-portfolio-item-template__item.vp-carousel-moved-round .wp-block-visual-portfolio-item-template__card,.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-coverflow:not(.vp-carousel-scripted)>.wp-block-visual-portfolio-item-template__item.vp-carousel-moved-round .wp-block-visual-portfolio-item-template__slide{animation-range:var(--vp-carousel-copy-contain);animation-timeline:--vp-carousel-scroll}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-slideshow{gap:0}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-slideshow .wp-block-visual-portfolio-item-template__slide{overflow:hidden;view-timeline-axis:inline;view-timeline-name:--vp-carousel-slide}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-slideshow .wp-block-visual-portfolio-item-template__card{animation-fill-mode:both;animation-name:vp-carousel-slideshow-card;animation-range:cover;animation-timeline:--vp-carousel-slide;animation-timing-function:linear}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-slideshow:not(.vp-carousel-scripted)>.wp-block-visual-portfolio-item-template__item.vp-carousel-moved-round .wp-block-visual-portfolio-item-template__card{animation-range:var(--vp-carousel-copy-cover);animation-timeline:--vp-carousel-scroll}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-fade{--vp-carousel-pin:100%;gap:0}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-fade>.wp-block-visual-portfolio-item-template__item{animation-fill-mode:both;animation-name:vp-carousel-arriving-above;animation-range:cover;animation-timeline:--vp-carousel-item;animation-timing-function:linear;view-timeline-axis:inline;view-timeline-name:--vp-carousel-item}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-fade .wp-block-visual-portfolio-item-template__slide{view-timeline-axis:inline;view-timeline-name:--vp-carousel-slide}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-fade .wp-block-visual-portfolio-item-template__card{animation-fill-mode:both;animation-name:vp-carousel-fade-card;animation-range:cover;animation-timeline:--vp-carousel-slide;animation-timing-function:linear}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-fade:not(.vp-carousel-scripted)>.wp-block-visual-portfolio-item-template__item.vp-carousel-moved-round,.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-fade:not(.vp-carousel-scripted)>.wp-block-visual-portfolio-item-template__item.vp-carousel-moved-round .wp-block-visual-portfolio-item-template__card{animation-range:var(--vp-carousel-copy-cover);animation-timeline:--vp-carousel-scroll}}}@media(prefers-reduced-motion:no-preference){.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-coverflow{gap:0}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-coverflow,.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-coverflow.vp-carousel-snap-center{padding-inline:calc(50cqw - 25cqw/max(var(--vp-layout-current-columns),2));scroll-padding-inline:0}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-coverflow>.wp-block-visual-portfolio-item-template__item{scroll-snap-align:center;width:calc(50cqw/max(var(--vp-layout-current-columns),2));--vp-carousel-timeline-inset:calc(50cqw - 70cqw/max(var(--vp-layout-current-columns), 2));animation-delay:calc(var(--vp-carousel-contain)*-1s);animation-duration:1s;animation-fill-mode:both;animation-name:vp-carousel-coverflow-item;animation-play-state:paused;animation-range:normal;animation-timeline:auto;animation-timing-function:linear}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-coverflow .wp-block-visual-portfolio-item-template__slide{animation-delay:calc(var(--vp-carousel-contain)*-1s);animation-duration:1s;animation-fill-mode:both;animation-name:vp-carousel-coverflow-slide;animation-play-state:paused;animation-range:normal;animation-timeline:auto;animation-timing-function:linear;margin-inline:-50%;perspective:calc(var(--vp-carousel-slide-width)*5);position:relative;width:200%}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-coverflow .wp-block-visual-portfolio-item-template__card{animation-delay:calc(var(--vp-carousel-contain)*-1s);animation-duration:1s;animation-fill-mode:both;animation-name:vp-carousel-coverflow-card;animation-play-state:paused;animation-range:normal;animation-timeline:auto;animation-timing-function:linear}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-slideshow{gap:0}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-slideshow .wp-block-visual-portfolio-item-template__slide{overflow:hidden}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-slideshow .wp-block-visual-portfolio-item-template__card{animation-delay:calc(var(--vp-carousel-cover)*-1s);animation-duration:1s;animation-fill-mode:both;animation-name:vp-carousel-slideshow-card;animation-play-state:paused;animation-range:normal;animation-timeline:auto;animation-timing-function:linear}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-fade{--vp-carousel-pin:100%;gap:0}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-fade>.wp-block-visual-portfolio-item-template__item{animation-delay:calc(var(--vp-carousel-cover)*-1s);animation-duration:1s;animation-fill-mode:both;animation-name:vp-carousel-arriving-above;animation-play-state:paused;animation-range:normal;animation-timeline:auto;animation-timing-function:linear}.wp-block-visual-portfolio-item-template.vp-layout-carousel.vp-carousel-scripted.vp-carousel-fade .wp-block-visual-portfolio-item-template__card{animation-delay:calc(var(--vp-carousel-cover)*-1s);animation-duration:1s;animation-fill-mode:both;animation-name:vp-carousel-fade-card;animation-play-state:paused;animation-range:normal;animation-timeline:auto;animation-timing-function:linear}}@keyframes vp-carousel-coverflow-item{0%{z-index:0}50%{z-index:100}to{z-index:0}}@keyframes vp-carousel-coverflow-slide{0%{transform:translateX(calc(30%*var(--vp-carousel-direction, 1)))}50%{transform:translateX(0)}to{transform:translateX(calc(-30%*var(--vp-carousel-direction, 1)))}}@keyframes vp-carousel-coverflow-card{0%{transform:rotateY(calc(-55deg*var(--vp-carousel-direction, 1))) scale(.8)}50%{transform:rotateY(0) scale(1)}to{transform:rotateY(calc(55deg*var(--vp-carousel-direction, 1))) scale(.8)}}@keyframes vp-carousel-arriving-above{0%,50%{z-index:2}51%,to{z-index:1}}@keyframes vp-carousel-fade-card{0%{opacity:0;translate:calc(var(--vp-carousel-pin)*-1*var(--vp-carousel-direction, 1));visibility:hidden}2%{visibility:hidden}50%{opacity:1;translate:0;visibility:visible}to{opacity:1;translate:calc(var(--vp-carousel-pin)*var(--vp-carousel-direction, 1))}}@keyframes vp-carousel-slideshow-card{0%{transform:translateX(calc(-50%*var(--vp-carousel-direction, 1)))}50%{transform:translateX(0)}to{transform:translateX(calc(50%*var(--vp-carousel-direction, 1)))}}@media(prefers-reduced-motion:reduce){.wp-block-visual-portfolio-item-template.vp-layout-carousel{scroll-behavior:auto}}.wp-block-visual-portfolio-item-template__item{min-width:0}.wp-block-visual-portfolio-item-template__carousel-frame{container-type:inline-size;overflow:clip;position:relative}.wp-block-visual-portfolio-item-template__carousel-frame:has(>.wp-block-visual-portfolio-item-template:focus-visible:not(.vp-carousel-pointer-focus)){outline:2px solid currentcolor;outline-offset:2px}.vp-is-loading .wp-block-visual-portfolio-item-template{opacity:.6;transition:opacity .15s ease-in-out}.wp-block-visual-portfolio-item-template__live-region{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.wp-block-visual-portfolio-item-template.vp-layout-carousel[data-vp-carousel-repeat=true]:after{content:"";flex:0 0 var(--vp-layout-gap,1.5rem);margin-inline-start:calc(var(--vp-layout-gap, 1.5rem)*-1);scroll-snap-align:none}@layer blossom-carousel{.wp-block-visual-portfolio-item-template.vp-layout-carousel[data-vp-carousel-repeat=true]{padding-inline-end:calc(50cqw - var(--vp-carousel-seam-shift, 0px))!important;padding-inline-start:calc(50cqw + var(--vp-carousel-seam-shift, 0px))!important;scroll-padding-inline:var(--vp-carousel-inset,0)!important}} diff --git a/build/gutenberg/blocks/item-template/view.asset.php b/build/gutenberg/blocks/item-template/view.asset.php index ba3abd09..decb42f0 100644 --- a/build/gutenberg/blocks/item-template/view.asset.php +++ b/build/gutenberg/blocks/item-template/view.asset.php @@ -1 +1 @@ - array('@wordpress/interactivity'), 'version' => '9a50cc0c755931e09323', 'type' => 'module'); + array('@wordpress/interactivity'), 'version' => '1a78cc77845d37cf5c1e', 'type' => 'module'); diff --git a/build/gutenberg/blocks/item-template/view.js b/build/gutenberg/blocks/item-template/view.js index c26b953e..364feb27 100644 --- a/build/gutenberg/blocks/item-template/view.js +++ b/build/gutenberg/blocks/item-template/view.js @@ -1 +1 @@ -import{getElement as e,store as t}from"@wordpress/interactivity";const o="--vp-layout-current-columns";function n(e,t=()=>{}){const n=e.ownerDocument.defaultView||window,r=e.classList.contains("vp-layout-auto-columns");let s=0;const a=()=>{const n=r?function(e){const t=(e.ownerDocument.defaultView||window).getComputedStyle(e),o=e.clientWidth,n=parseFloat(t.columnGap)||0,r=function(e){const t=e.ownerDocument.createElement("div");t.style.cssText="position:absolute;visibility:hidden;pointer-events:none;width:var(--vp-layout-min-column-width,16rem)",e.appendChild(t);const o=t.offsetWidth;return t.remove(),o}(e);if(!o||!r)return 1;const s=parseInt(t.getPropertyValue("--vp-layout-columns"),10),a=Math.floor((o+n)/(r+n));return Math.max(1,s>0?Math.min(a,s):a)}(e):function(e){const t=(e.ownerDocument.defaultView||window).getComputedStyle(e);return Math.max(1,parseInt(t.getPropertyValue(o),10)||1)}(e);n!==s&&(s=n,r&&e.style.setProperty(o,String(n)),t(n))};a();const i=new n.ResizeObserver(a);return i.observe(e),r||i.observe(e.ownerDocument.documentElement),()=>{i.disconnect(),r&&e.style.removeProperty(o)}}const r=".wp-block-visual-portfolio-item-template__item",s=".wp-block-visual-portfolio-item-image";function a(e){const t=e.querySelector("img");return null!=t&&t.naturalWidth&&null!=t&&t.naturalHeight?t.naturalWidth/t.naturalHeight:1}function i(e){const t=e.ownerDocument.createComment("");e.appendChild(t),t.remove()}const l=".wp-block-visual-portfolio-item-template",c=".wp-block-visual-portfolio-item-template__item",u=".vp-block-loop",d=".vp-block-loop-carousel-indicator--dots",p=".vp-block-loop-carousel-dot",h="[data-vp-slide]",f="vp-block-loop-carousel-dot-worm",v=`.${f}`,m="is-collapsed",w="is-edge",y="is-edge-far",g="--vp-carousel-dots-shift",E='[data-vp-carousel-control="autoplay"]',L="vp-carousel-is-scrubbing",b=".vp-block-loop-carousel-thumbnails",M="vp-carousel-control-idle",S="vp-carousel-is-playing",A="vp-carousel-moved-round",x="--vp-carousel-copy-cover",P="--vp-carousel-copy-contain",q="vp-layout-masonry",F="vp-relayout",W="vp-carousel-go-to",I="vp-carousel-autoplay",k="vp-carousel-step",C=()=>{},T=new WeakMap,N=new WeakMap,V=new WeakSet,O=new WeakSet,$=new WeakMap,D=new WeakSet,R=new WeakMap,H=new WeakMap,_=new WeakMap,z="--vp-carousel-seam-shift",G="vp-carousel-pointer-focus",X=new Set(["Alt","AltGraph","CapsLock","Control","Fn","Meta","NumLock","OS","ScrollLock","Shift","Symbol"]),Y="--vp-carousel-marquee-shift",J="--snap-type";function j(e){return"true"===e.dataset.vpCarouselRepeat}function B(e,t){return!fe(e)&&e.querySelectorAll(c).length>Math.max(1,t)}function U(e){const t=e.querySelectorAll(c),o=t.length>1?Math.abs(t[1].offsetLeft-t[0].offsetLeft):e.scrollWidth-e.clientWidth,n=t.length?t.length*o:0;let r=0;if(t.length){const o=window.getComputedStyle(e),n=window.getComputedStyle(t[0]).scrollSnapAlign.startsWith("center"),s=parseFloat(o.paddingInlineStart)||0;r=n?s+(t[0].offsetWidth-e.clientWidth)/2:s-(parseFloat(o.scrollPaddingInlineStart)||0)}return{count:t.length,step:o,period:n,origin:r}}function K(e,t){return t>0?(e%t+t)%t:0}function Q(e,t=U(e)){const{count:o,step:n,period:r,origin:s}=t;return o&&n?Math.round(K(me(e)-s,r)/n)%o:0}function Z(e,t,o=0,n=0){const r=U(e),{count:s,step:a,period:l,origin:c}=r;if(!s||!a)return;const u=(t%s+s)%s,d=me(e),p=c+u*a;let h=p;if(o>0){for(;h-l>d+1;)h-=l;for(;h<=d+1;)h+=l}else if(o<0){for(;h+l=d-1;)h-=l}else h=[p-l,p,p+l].reduce((e,t)=>Math.abs(t-d)te(e,t,n),l=()=>{ee.delete(e),s?e.style.setProperty(J,s):e.style.removeProperty(J),i(e)},c=Math.abs(o-t),u=c>0&&Math.sign(o-t)===Math.sign(r),d=Math.min(700,Math.max(120,3*c/Math.abs(r)));let p=u?d:450;"auto"===ve()&&(p=0);const h=window.performance.now();let f=0;const v=e=>{const n=p?Math.min(1,(e-h)/p):1,r=1-n,s=u?1-r*r*r:.5-Math.cos(Math.PI*n)/2;a(t+(o-t)*s),f=n<1?window.requestAnimationFrame(v):window.requestAnimationFrame(()=>{f=window.requestAnimationFrame(l)})};ee.set(e,()=>{window.cancelAnimationFrame(f),l()}),a(t),f=window.requestAnimationFrame(v)}(e,d,h,l,n)}const ee=new WeakMap;function te(e,t,o){const n=function(e,t){const o=t-4,n=K(e,t);return n>=4&&n<=o?n:n+t<=o?n+t:4}(t,o),r=n!==me(e);e.scrollTo({left:fe(e)?-n:n,behavior:"instant"}),r&&e.dispatchEvent(new window.Event("scroll"))}function oe(e){var t;null===(t=ee.get(e))||void 0===t||t()}function ne(e,t){const{count:o,step:n,origin:r}=U(e),s=r+(o?t%o:0)*n;e.scrollTo({left:fe(e)?-s:s,behavior:"instant"}),we(e)}function re(e,t,o=ve()){e.scrollTo({left:fe(e)?-t:t,behavior:o})}const se=!(null===(ae=window.CSS)||void 0===ae||null===(ie=ae.supports)||void 0===ie||!ie.call(ae,"display","grid-lanes"));var ae,ie;function le(e){return function(e,t){const o=e.ownerDocument.defaultView||window,a=()=>t(e),i=n(e,a);a(),e.addEventListener("load",a,!0);const l=new o.ResizeObserver(a);return l.observe(e),()=>{i(),e.removeEventListener("load",a,!0),l.disconnect(),e.style.height="",Array.from(e.querySelectorAll(r)).forEach(e=>{!function(e){e.style.position="",e.style.left="",e.style.top="",e.style.width="",e.style.height="";const t=e.querySelector(s);t&&(t.style.height="")}(e),e.dataset.vpLayoutHidden&&(delete e.dataset.vpLayoutHidden,e.style.display="")})}}(e,e=>function(e,t){const{width:o,gap:n,rowGap:i,rowHeight:l}=function(e){const t=(e.ownerDocument.defaultView||window).getComputedStyle(e),o=e.clientWidth,n=e=>e.endsWith("%")?parseFloat(e)/100*o:parseFloat(e),r=n(t.columnGap)||0,s=n(t.rowGap);return{width:o,gap:r,rowGap:Number.isNaN(s)?r:s,columns:Math.max(1,parseInt(t.getPropertyValue("--vp-layout-current-columns"),10)||1),rowHeight:parseFloat(t.getPropertyValue("--vp-layout-row-height"))||320}}(e),c=function(e){const t=e.ownerDocument.defaultView||window;return Array.from(e.querySelectorAll(r)).filter(e=>"true"===e.dataset.vpLayoutHidden||"none"!==t.getComputedStyle(e).display)}(e);if(!c.length||!o)return;const u=c.map(a),d=[];let p=[],h=0;const f=l*(1+Math.max(0,t.rowHeightTolerance||0));c.forEach((e,t)=>{p.push(t),h+=u[t];const r=(o-n*(p.length-1))/h;r<=f&&(d.push({items:p,height:r,isFull:!0}),p=[],h=0)}),p.length&&d.push({items:p,height:l,isFull:!1});const v=t.maxRowsCount?d.slice(0,t.maxRowsCount):d;let m=0;v.forEach(e=>{const r=e.items.reduce((t,o)=>t+u[o]*e.height,0)+n*(e.items.length-1);let a=0;e.isFull||("center"===t.lastRow?a=(o-r)/2:"right"===t.lastRow&&(a=o-r));let l=0;e.items.forEach(t=>{const o=c[t],r=u[t]*e.height,i=o.querySelector(s);o.style.position="absolute",o.style.left=`${a}px`,o.style.top=`${m}px`,o.style.width=`${r}px`,i&&(i.style.height=`${e.height}px`),l=Math.max(l,o.offsetHeight),a+=r+n}),m+=l+i}),d.forEach((e,o)=>{const n=o>=v.length||!e.isFull&&"hide"===t.lastRow;e.items.forEach(e=>{const t=c[e];n?(t.dataset.vpLayoutHidden="true",t.style.display="none"):t.dataset.vpLayoutHidden&&(delete t.dataset.vpLayoutHidden,t.style.display="")})}),e.style.height=`${Math.max(0,m-i)}px`}(e,function(e){const t=e.dataset;return{rowHeight:parseFloat(t.vpJustifiedRowHeight)||320,rowHeightTolerance:parseFloat(t.vpJustifiedTolerance)||0,maxRowsCount:parseInt(t.vpJustifiedMaxRows,10)||0,lastRow:t.vpJustifiedLastRow||"left"}}(e)))}function ce(e){return e.closest(".wp-block-visual-portfolio-item-template__carousel-frame")}function ue(e){return e.closest(u)||ce(e)||e}function de(e){return Array.from(ue(e).querySelectorAll("[data-vp-carousel-control]"))}function pe(e){const t=Array.from(e.querySelectorAll(c));if(!t.length)return[];const o=fe(e),n=Math.max(0,e.scrollWidth-e.clientWidth),r=window.getComputedStyle(t[0]).scrollSnapAlign.startsWith("center"),s=r?0:parseFloat(window.getComputedStyle(e).scrollPaddingInlineStart)||0;return t.map(t=>{const a=o?e.clientWidth-t.offsetLeft-t.offsetWidth:t.offsetLeft,i=r?(e.clientWidth-t.offsetWidth)/2:s,l=Math.max(0,Math.min(n,a-i));return n-l<2?n:l})}function he(e,t=pe(e)){if(j(e))return Q(e);const o=me(e);let n=0,r=Number.POSITIVE_INFINITY;return t.forEach((e,t)=>{const s=Math.abs(e-o);s=n;if(t.querySelectorAll(".vp-block-loop-carousel-previous").forEach(e=>{e.disabled=s}),t.querySelectorAll(".vp-block-loop-carousel-next").forEach(e=>{e.disabled=a}),e.classList.contains("vp-carousel-edge-fade")){const t=fe(e);Ee(e,"left",t?a:s),Ee(e,"right",t?s:a)}!function(e,t=ue(e)){const o=ye(e),n=e.querySelectorAll(c).length;t.querySelectorAll(h).forEach(e=>{const t=parseInt(e.dataset.vpSlide,10);e.setAttribute("aria-current",t===o?"true":"false")});const r=Se(e);t.querySelectorAll(d).forEach(e=>{!function(e,t,o){const n=e.querySelectorAll(p);if(!n.length)return;let r=0;o.forEach((e,o)=>{e<=t&&(r=o)}),n.forEach((e,t)=>{e.setAttribute("aria-current",t===r?"true":"false")});const s=parseInt(e.dataset.vpMaxDots,10)||0,a=s>0&&n.length>s,i=be(e,n.length,r);if(function(e,t,o){const n=e.querySelector(v);if(!n)return;const r={left:Math.round(t.centreOf(t.index)-t.grown/2),width:t.grown},s=R.get(e);if(s&&s.left===r.left&&s.width===r.width)return;R.set(e,r);const a=(e,t)=>{n.style.insetInlineStart=`${Math.round(e)}px`,n.style.width=`${Math.round(t)}px`};if(!s||"auto"===ve())return H.delete(e),void a(r.left,r.width);const i=H.get(e)||{tail:s.left,head:s.left+s.width,frame:0};if(i.tailFrom=i.tail,i.headFrom=i.head,i.tailTo=r.left,i.headTo=r.left+r.width,i.onwards=i.tailTo>=i.tailFrom,i.reach=o,i.started=window.performance.now(),H.set(e,i),i.frame)return;const l=()=>{if(!n.isConnected||H.get(e)!==i)return void(i.frame=0);const t=Math.min(1,(window.performance.now()-i.started)/420),o=(e=>1-(1-e)**3)(Math.min(1,t/.55)),r=(e=>e*e*(3-2*e))(Math.max(0,(t-.32)/.6799999999999999)),s=i.onwards?o:r,c=i.onwards?r:o;i.head=i.headFrom+(i.headTo-i.headFrom)*s,i.tail=i.tailFrom+(i.tailTo-i.tailFrom)*c,i.head-i.tail>i.reach&&(i.onwards?i.tail=i.head-i.reach:i.head=i.tail+i.reach),a(i.tail,Math.max(1,i.head-i.tail)),i.frame=t<1?window.requestAnimationFrame(l):0};i.frame=window.requestAnimationFrame(l)}(e,i,a?3*i.slot:Number.POSITIVE_INFINITY),!a)return e.classList.remove(m),e.style.removeProperty(g),n.forEach(e=>{e.classList.remove(w,y)}),void $.delete(e);e.classList.add(m);const l=e.querySelector(`${p}:focus-visible`),c=l?Array.prototype.indexOf.call(n,l):r;D.has(e)||(D.add(e),e.addEventListener("focusin",t=>{const o=t.target.closest(p);if(null==o||!o.matches(":focus-visible"))return;const n=e.querySelectorAll(p),r=Math.max(0,Array.prototype.findIndex.call(n,e=>"true"===e.getAttribute("aria-current")));Ae(e,be(e,n.length,r),Array.prototype.indexOf.call(n,o))})),Ae(e,i,c)}(e,o,r)}),t.querySelectorAll(b).forEach(e=>{!function(e,t){if($.get(e)===t)return;$.set(e,t);const o=e.querySelectorAll(".vp-block-loop-carousel-thumb")[t];if(!o||e.scrollWidth<=e.clientWidth)return;const n=o.offsetLeft+o.offsetWidth/2,r=e.scrollWidth-e.clientWidth,s=n-e.clientWidth/2,a=fe(e)?Math.max(-r,Math.min(0,s)):Math.max(0,Math.min(r,s));e.scrollTo({left:a,behavior:ve()})}(e,o)}),t.querySelectorAll(".vp-block-loop-carousel-indicator--counter").forEach(e=>{ge(e,".vp-block-loop-carousel-counter-current",o+1),ge(e,".vp-block-loop-carousel-counter-total",n)});const s=function(e){if(j(e)){const t=e.querySelectorAll(c).length;return t>1?ye(e)/(t-1):1}const t=e.scrollWidth-e.clientWidth;return t>0?Math.min(1,Math.max(0,me(e)/t)):1}(e);t.querySelectorAll(".vp-block-loop-carousel-indicator--progress").forEach(e=>{e.style.setProperty("--vp-carousel-progress",100*s+"%"),e.setAttribute("aria-valuenow",String(Math.round(100*s)));const t=e.dataset.vpPositionLabel;t&&e.setAttribute("aria-valuetext",t.replace("%1$d",String(o+1)).replace("%2$d",String(n)))})}(e,t)}function ye(e){const t=N.get(e);return t&&window.performance.now()-t.time<1200?t.index:he(e)}function ge(e,t,o){const n=e.querySelector(t),r=String(o);n&&n.textContent!==r&&(n.textContent=r)}function Ee(e,t,o){const n=`--vp-carousel-fade-${t}`;o!==("0px"===e.style.getPropertyValue(n))&&(o?e.style.setProperty(n,"0px"):e.style.removeProperty(n))}function Le(e){const t=Se(e);ue(e).querySelectorAll(d).forEach(e=>{!function(e,t){const o=e.querySelectorAll(p),n=e.dataset.vpDotLabel||"",r=t.length;for(let e=o.length-1;e>=r;e-=1)o[e].remove();for(let t=o.length;t{const r=t[o];e.dataset.vpSlide=String(r),e.setAttribute("aria-label",n.replace("%d",String(r+1)))}),r&&!e.querySelector(v)){const t=document.createElement("span");t.className=f,t.setAttribute("aria-hidden","true"),t.innerHTML='',e.prepend(t)}}(e,t)})}function be(e,t,o){const n=window.getComputedStyle(e),r=parseFloat(n.getPropertyValue("--vp-carousel-dot-slot"))||18,s=parseFloat(n.getPropertyValue("--vp-carousel-dot-size"))||6,a=parseFloat(n.getPropertyValue("--vp-carousel-dot-active-size"))||r,i=Math.max(0,(a-s)/2),l=parseFloat(n.paddingInlineStart)||0,c=Math.min(Math.max(o,0),Math.max(0,t-1));return{slot:r,grown:a,index:c,centreOf:e=>l+e*r+r/2+(e=>e===c?0:e{const i=0===t%n||!r&&t===s;e.classList.toggle("vp-carousel-no-snap",n>1&&!i);const l=a[a.length-1];i&&(r||1===n||void 0===l||o[t]!==o[l])&&a.push(t)}),_.set(e,a)}function Se(e){return _.get(e)||Array.from(e.querySelectorAll(c),(e,t)=>t)}function Ae(e,t,o){const n=e.querySelectorAll(p),r=e.clientWidth;if(!r||$.get(e)===o)return;$.set(e,o);const{centreOf:s,content:a}=t,i=Math.round(Math.min(0,Math.max(r-a,r/2-s(o))));e.style.setProperty(g,`${i}px`);const l=[i<0,i>r-a],c=[];n.forEach((e,t)=>{const o=s(t)+i;o>=0&&o<=r&&c.push(t)}),n.forEach((e,t)=>{const n=c.indexOf(t),r=t===o||n<0?n<0?-1:Number.POSITIVE_INFINITY:Math.min(l[0]?n:Number.POSITIVE_INFINITY,l[1]?c.length-1-n:Number.POSITIVE_INFINITY);e.classList.toggle(w,1===r),e.classList.toggle(y,r<=0)})}function xe(e,t,o){let n=t+o;for(;n>=0&&n=1)return n;if(!Number.isInteger(n))return 1;const r=e.clientWidth;if(j(e)){const{step:t}=U(e);return t>0?Math.max(1,Math.round(r/t)):1}const s=t[Math.max(0,Math.min(t.length-1,o))];for(let e=o+1;e=r)return e-o;return Math.max(1,t.length-1-o)}function qe(e,t,o){if(!e.length)return t;let n=t,r=Number.POSITIVE_INFINITY;return e.forEach(e=>{[e-o,e,e+o].forEach(e=>{const o=Math.abs(e-t);o0?null!==(r=e.find(e=>e>t))&&void 0!==r?r:e[0]:null!==(n=[...e].reverse().find(e=>e0&&t>=e.length-1||o<0&&t<=0)return r;const s=Math.max(0,Math.min(e.length-1,r));return e[s]===e[t]?xe(e,t,o):s}(r,s,t,a),r)}function We(e,t,o=pe(e)){if(j(e))return void Z(e,t);const n=Math.max(0,Math.min(o.length-1,t));o.length&&n===t&&(N.set(e,{index:n,time:window.performance.now()}),re(e,o[n]))}function Ie(e,t=ue(e)){const o=!V.has(e);t.classList.toggle("vp-carousel-is-stopped",!o),t.querySelectorAll(E).forEach(e=>{const t=o?e.dataset.vpPauseLabel:e.dataset.vpPlayLabel;t&&e.setAttribute("aria-label",t)})}function ke(e,t){const o=()=>we(e),r=t=>{var o;return We(e,null===(o=t.detail)||void 0===o?void 0:o.index)};let s;j(e)&&O.add(e);let a=0;const l=n(e,t=>{a=t,void 0!==s&&O.has(e)&&B(e,t)!==s?e.dispatchEvent(new window.Event(F)):(Me(e),Le(e),we(e),T.has(e)&&i(e))});s=O.has(e)&&B(e,a),s?e.dataset.vpCarouselRepeat="true":delete e.dataset.vpCarouselRepeat;const u=!!parseFloat(e.dataset.vpCarouselAutoplay)&&!window.matchMedia("(prefers-reduced-motion: reduce)").matches,d=function(e,t){const o=de(e).filter(e=>t||!e.matches(E));return o.forEach(e=>{e.classList.remove(M)}),()=>{o.forEach(e=>{e.classList.add(M)})}}(e,u);Me(e),Le(e),we(e),e.addEventListener("scroll",o,{passive:!0}),e.addEventListener(W,r);const p=function(e,t){const o=new window.MutationObserver(e=>{const o=e.flatMap(e=>Array.from(e.addedNodes)).filter(e=>{var t;return 1===e.nodeType&&(null===(t=e.matches)||void 0===t?void 0:t.call(e,c))});o.length&&t()});return o.observe(e,{childList:!0}),()=>o.disconnect()}(e,()=>{Me(e),Le(e),we(e)}),h=s?function(e){const t=e.ownerDocument.defaultView||window,o=()=>{const t=parseFloat(e.style.getPropertyValue(z))||0,{count:o,step:n,period:r,origin:s}=U(e);if(!o||!n)return;const a=((s-t)%n+n)%n,l=a<5||a>n-5?10:0;l!==t&&(l?e.style.setProperty(z,`${l}px`):e.style.removeProperty(z),r&&te(e,me(e)+(l-t),r),T.has(e)&&i(e))};o();const n=new t.ResizeObserver(o);return n.observe(e),()=>{n.disconnect(),e.style.removeProperty(z)}}(e):C;s&&ne(e,null!=t?t:0);const f=window.matchMedia("(hover: hover) and (pointer: fine)").matches,v=e.dataset.vpCarouselSrc,m=t=>{0===t.button&&(t.preventDefault(),e.classList.add(G),e.focus({preventScroll:!0}))},w=()=>e.classList.remove(G),y=e=>{X.has(e.key)||w()};f&&(e.addEventListener("mousedown",m),e.addEventListener("keydown",y),e.addEventListener("blur",w));const g=s?function(e){let t=[],o=0;const n=e=>{o+=Math.abs(e.clientX-t[t.length-1].x),t.push({x:e.clientX,time:e.timeStamp})},r=()=>{window.removeEventListener("pointermove",n),window.removeEventListener("pointerup",s),window.removeEventListener("pointercancel",s)};function s(n){if(r(),o<=10||"true"!==e.getAttribute("has-overflow"))return;const{count:s,step:a,origin:i}=U(e);if(!s||!a)return;const l=n.clientX,c=n.timeStamp,u=t.find(e=>c-e.time<=80)||t[t.length-1],d=Math.max(1,c-u.time),p=(l-u.x)/d*(fe(e)?1:-1),h=me(e)+290*p;Z(e,qe(Se(e),Math.round((h-i)/a),s),0,p)}const a=r=>{oe(e),t=[{x:r.clientX,time:r.timeStamp}],o=0,window.addEventListener("pointermove",n),window.addEventListener("pointerup",s),window.addEventListener("pointercancel",s)};return e.addEventListener("pointerdown",a),()=>{e.removeEventListener("pointerdown",a),r()}}(e):C,q=s?function(e){const t=Object.getOwnPropertyDescriptor(Element.prototype,"scrollWidth");return null!=t&&t.get?(Object.defineProperty(e,"scrollWidth",{configurable:!0,get(){const o=e.querySelectorAll(c);return o.length<2?t.get.call(e):e.clientWidth+o.length*Math.abs(o[1].offsetLeft-o[0].offsetLeft)}}),()=>{delete e.scrollWidth}):C}(e):C;let $=!1;(f||s)&&v&&import(v).then(({Blossom:o})=>{if($||!e.isConnected||T.has(e))return;const n=o(e,{repeat:s});T.set(e,n),n.init(),s&&(i(e),ne(e,null!=t?t:0),window.requestAnimationFrame(()=>{window.requestAnimationFrame(()=>{T.has(e)&&i(e)})}))}).catch(()=>{});const D=function(e){const t=1e3*parseFloat(e.dataset.vpCarouselAutoplay);if(!t||window.matchMedia("(prefers-reduced-motion: reduce)").matches)return C;const o=ue(e),n=[ce(e)||e,...de(e)];let r=0,s=0,a=0;const i=new Set,l=new Set;let c=!1,u=!0,d=-1;const p=function(e){const t=parseFloat(e.dataset.vpCarouselMarquee),o=parseFloat(e.dataset.vpCarouselMarqueeHover);return t>0&&j(e)?{speed:t/1e3*("backward"===e.dataset.vpCarouselMarqueeDirection?-1:1),hover:Number.isFinite(o)?Math.max(0,Math.min(1,o)):0}:null}(e),h=p?function(e,t){let o=null,n=0,r=!1,s=!1,a=!1,i=me(e),l=0,c=e.style.getPropertyValue(J);const u=t=>{t?e.style.setProperty(J,t):e.style.removeProperty(J)},d=t=>{e.style.setProperty(Y,`${t}px`)},p=e=>{o=null,n=0,l=e,d(0)},h=e=>{r=0===e.button},f=()=>{r=!1},v=t=>{s=Array.from(t.touches).some(t=>e.contains(t.target))},m=t=>{(null!==o||n)&&p(t),ee.has(e)||"none"!==e.style.getPropertyValue(J)||u(c),i=me(e)},w=e=>{X.has(e.key)||(a=!0,m(e.timeStamp))},y=t=>{e.contains(t.relatedTarget)||(a=!1)};return e.addEventListener("pointerdown",h),window.addEventListener("pointerup",f),window.addEventListener("pointercancel",f),window.addEventListener("contextmenu",f),e.addEventListener("touchstart",v,{passive:!0}),window.addEventListener("touchend",v,{passive:!0}),window.addEventListener("touchcancel",v,{passive:!0}),e.addEventListener("keydown",w),e.addEventListener("focusout",y),{drift:(u,h,f)=>{if(a)return void m(f);const v=e.style.getPropertyValue(J);if("none"!==v&&(c=v,e.style.setProperty(J,"none")),!h&&!n)return;const w=me(e),{period:y}=U(e),g=K(w-i,y),E=g>.5&&g{e.removeEventListener("pointerdown",h),window.removeEventListener("pointerup",f),window.removeEventListener("pointercancel",f),window.removeEventListener("contextmenu",f),e.removeEventListener("touchstart",v),window.removeEventListener("touchend",v),window.removeEventListener("touchcancel",v),e.removeEventListener("keydown",w),e.removeEventListener("focusout",y),e.style.removeProperty(Y),u(c)}}}(e,p):null,f=e=>{o.style.setProperty("--vp-carousel-autoplay-progress",100*e+"%")},v=()=>{r=0,f(0)},m=o=>{a=window.requestAnimationFrame(m);const n=o-s;s=o,[i,l].forEach(e=>{e.forEach(t=>{t.isConnected||e.delete(t)})});const w=l.size||c||u||V.has(e);if(h&&l.size)return void h.rest(o);if(h){let e=i.size?p.hover:1;return w&&(e=0),void h.drift(Math.min(n,100),e,o)}if(i.size||w)return;const y=ye(e);y!==d&&(d=y,v()),r+=n,f(Math.min(1,r/t)),r=e.scrollWidth-e.clientWidth-1?e.scrollTo({left:0,behavior:ve()}):Fe(e,1))},w=e=>i.add(e.currentTarget),y=e=>i.delete(e.currentTarget),g=e=>{var t,o;null!==(t=(o=e.target).matches)&&void 0!==t&&t.call(o,":focus-visible")&&!e.target.classList.contains(G)&&l.add(e.currentTarget)},E=e=>l.delete(e.currentTarget),L=e=>{var t,o;"visitor"!==(null===(t=e.detail)||void 0===t?void 0:t.source)&&(c=!1===(null===(o=e.detail)||void 0===o?void 0:o.playing))},b=ce(e)||e,M=new(b.ownerDocument.defaultView||window).IntersectionObserver(e=>{e.forEach(e=>{u=!e.isIntersecting})},{threshold:.5});return M.observe(b),o.classList.add(S),n.forEach(e=>{e.addEventListener("pointerenter",w),e.addEventListener("pointerleave",y),e.addEventListener("focusin",g),e.addEventListener("focusout",E)}),e.addEventListener(I,L),e.addEventListener(k,v),Ie(e,o),a=window.requestAnimationFrame(e=>{s=e,m(e)}),()=>{window.cancelAnimationFrame(a),M.disconnect(),o.classList.remove(S),n.forEach(e=>{e.removeEventListener("pointerenter",w),e.removeEventListener("pointerleave",y),e.removeEventListener("focusin",g),e.removeEventListener("focusout",E)}),e.removeEventListener(I,L),e.removeEventListener(k,v),o.style.removeProperty("--vp-carousel-autoplay-progress"),null==h||h.stop()}}(e),R=function(e){const t=ue(e),o=Array.from(t.querySelectorAll(".vp-block-loop-carousel-indicator--progress.is-draggable"));if(!o.length)return C;let n=null,r=null,s=0,a=!1;const i=()=>{n?e.style.setProperty(J,n):e.style.removeProperty(J),n=null,e.classList.remove(L)},l=(t,o)=>{const n=t.getBoundingClientRect(),r=fe(e)?n.right-o:o-n.left;return n.width>0?Math.min(1,Math.max(0,r/n.width)):0},u=(t,o)=>qe(Se(e),Math.round(t*Math.max(0,o-1)),o),d=t=>{if(r){if(!a){if(Math.abs(t.clientX-s)<3)return;a=!0,n=e.style.getPropertyValue(J),e.style.setProperty(J,"none"),e.classList.add(L),N.delete(e)}(t=>{if(j(e)){const{count:o,step:n,origin:r,period:s}=U(e);return void te(e,r+t*Math.max(0,o-1)*n,s)}re(e,t*(e.scrollWidth-e.clientWidth),"instant")})(l(r,t.clientX))}},p=t=>{if(!r)return;const o=l(r,t.clientX),n=a;r=null,a=!1,window.removeEventListener("pointermove",d),window.removeEventListener("pointerup",p),window.removeEventListener("pointercancel",p),n?(t=>{if(i(),!j(e))return;const o=e.querySelectorAll(c).length;Z(e,u(t,o),0)})(o):(t=>{const o=e.querySelectorAll(c).length;e.dispatchEvent(new window.CustomEvent(k)),j(e)?Z(e,u(t,o),0):re(e,t*(e.scrollWidth-e.clientWidth))})(o)},h=t=>{oe(e),r=t.currentTarget,s=t.clientX,a=!1,window.addEventListener("pointermove",d),window.addEventListener("pointerup",p),window.addEventListener("pointercancel",p)},f=t=>{const o=fe(e),n=e.querySelectorAll(c).length,r=o?"ArrowRight":"ArrowLeft",s=o?"ArrowLeft":"ArrowRight";switch(t.key){case r:case"ArrowDown":case"PageDown":Fe(e,-1);break;case s:case"ArrowUp":case"PageUp":Fe(e,1);break;case"Home":We(e,0);break;case"End":We(e,n-1);break;default:return}t.preventDefault()};return o.forEach(e=>{e.addEventListener("pointerdown",h),e.addEventListener("keydown",f)}),()=>{o.forEach(e=>{e.removeEventListener("pointerdown",h),e.removeEventListener("keydown",f)}),window.removeEventListener("pointermove",d),window.removeEventListener("pointerup",p),window.removeEventListener("pointercancel",p),i()}}(e),H=function(e,t){const o=Array.from(ue(e).querySelectorAll(b)),n=e.dataset.vpCarouselSrc;if(!o.length||!n||!t)return C;const r=[];let s=!1;return import(n).then(({Blossom:e})=>{s||o.forEach(t=>{if(!t.isConnected||T.has(t))return;const o=e(t,{repeat:!1});T.set(t,o),o.init(),r.push(t)})}).catch(()=>{}),()=>{s=!0,r.forEach(e=>{var t;null===(t=T.get(e))||void 0===t||t.destroy(),T.delete(e)})}}(e,f),_=s?function(e){const t=t=>{const o=parseFloat(t.style.translate)||0;if(t.classList.toggle(A,!!o),!o)return t.style.removeProperty(x),void t.style.removeProperty(P);const n=parseFloat(window.getComputedStyle(t).viewTimelineInset)||0,r=t.offsetLeft+o,s=r+t.offsetWidth,a=e.clientWidth;t.style.setProperty(x,`${r-a+n}px ${s-n}px`),t.style.setProperty(P,`${s-a+n}px ${r-n}px`)},o=new window.MutationObserver(e=>{e.forEach(e=>{t(e.target)})});return e.querySelectorAll(c).forEach(t),o.observe(e,{attributes:!0,attributeFilter:["style"],subtree:!0}),()=>{o.disconnect(),e.querySelectorAll(c).forEach(e=>{e.classList.remove(A),e.style.removeProperty(x),e.style.removeProperty(P)})}}(e):C;return e.dispatchEvent(new window.CustomEvent("vp-carousel-start",{bubbles:!0})),()=>{$=!0,e.dispatchEvent(new window.CustomEvent("vp-carousel-stop",{bubbles:!0})),_(),D(),R(),H(),l(),d(),e.removeEventListener("scroll",o),e.removeEventListener(W,r),e.removeEventListener("mousedown",m),e.removeEventListener("keydown",y),e.removeEventListener("blur",w),w(),h(),g(),oe(e),q(),p();const t=T.get(e);t&&(T.delete(e),t.destroy(),e.querySelectorAll(c).forEach(e=>{e.style.removeProperty("translate")}))}}function Ce(e){var t;return(null===(t=e.closest(u))||void 0===t?void 0:t.querySelector(l))||null}function Te(e,t){return"justified"===e.dataset.vpLayout?le(e):"carousel"===e.dataset.vpLayout?ke(e,t):void 0}se&&"undefined"!=typeof document&&document.querySelectorAll(`${l}.${q}`).forEach(e=>{e.classList.remove(q),e.classList.add("vp-layout-masonry-native")}),t("visual-portfolio/item-template",{state:{hasScript:!0,useJsMasonry:!se,useNativeMasonry:se},actions:{carouselPrev(){const t=Ce(e().ref);t&&Fe(t,-1)},carouselNext(){const t=Ce(e().ref);t&&Fe(t,1)},carouselAutoplayToggle(){const{ref:t}=e(),o=Ce(t);if(!o)return;const n=V.has(o);n?V.delete(o):V.add(o),Ie(o),o.dispatchEvent(new window.CustomEvent(I,{detail:{playing:n,source:"visitor"}}))},carouselGoTo(t){const{ref:o}=e(),n=t.target.closest(h),r=Ce(o),s=n?parseInt(n.dataset.vpSlide,10):-1;!r||s<0||(r.dispatchEvent(new window.CustomEvent(k)),We(r,s))}},callbacks:{initLayout(){const{ref:t}=e();let o=Te(t);if(!o)return;const n=()=>{const e="carousel"===t.dataset.vpLayout?he(t):void 0;o(),o=Te(t,e)||C};return t.addEventListener(F,n),()=>{t.removeEventListener(F,n),o()}}}}); \ No newline at end of file +import{getElement as e,store as t}from"@wordpress/interactivity";const o="--vp-layout-current-columns";function n(e,t=()=>{}){const n=e.ownerDocument.defaultView||window,r=e.classList.contains("vp-layout-auto-columns");let s=0;const a=()=>{const n=r?function(e){const t=(e.ownerDocument.defaultView||window).getComputedStyle(e),o=e.clientWidth,n=parseFloat(t.columnGap)||0,r=function(e){const t=e.ownerDocument.createElement("div");t.style.cssText="position:absolute;visibility:hidden;pointer-events:none;width:var(--vp-layout-min-column-width,16rem)",e.appendChild(t);const o=t.offsetWidth;return t.remove(),o}(e);if(!o||!r)return 1;const s=parseInt(t.getPropertyValue("--vp-layout-columns"),10),a=Math.floor((o+n)/(r+n));return Math.max(1,s>0?Math.min(a,s):a)}(e):function(e){const t=(e.ownerDocument.defaultView||window).getComputedStyle(e);return Math.max(1,parseInt(t.getPropertyValue(o),10)||1)}(e);n!==s&&(s=n,r&&e.style.setProperty(o,String(n)),t(n))};a();const i=new n.ResizeObserver(a);return i.observe(e),r||i.observe(e.ownerDocument.documentElement),()=>{i.disconnect(),r&&e.style.removeProperty(o)}}const r=".wp-block-visual-portfolio-item-template__item",s=".wp-block-visual-portfolio-item-image";function a(e){const t=e.querySelector("img");return null!=t&&t.naturalWidth&&null!=t&&t.naturalHeight?t.naturalWidth/t.naturalHeight:1}function i(e){const t=e.ownerDocument.createComment("");e.appendChild(t),t.remove()}const l=".wp-block-visual-portfolio-item-template",c=".wp-block-visual-portfolio-item-template__item",u=".vp-block-loop",d=".vp-block-loop-carousel-indicator--dots",p=".vp-block-loop-carousel-dot",h="[data-vp-slide]",f="vp-block-loop-carousel-dot-worm",v=`.${f}`,m="is-collapsed",w="is-edge",y="is-edge-far",g="--vp-carousel-dots-shift",E='[data-vp-carousel-control="autoplay"]',b="vp-carousel-is-scrubbing",L=".vp-block-loop-carousel-thumbnails",S="vp-carousel-control-idle",M="vp-carousel-is-playing",A="vp-carousel-moved-round",x="--vp-carousel-copy-cover",q="--vp-carousel-copy-contain",P="vp-layout-masonry",W="vp-relayout",F="vp-carousel-go-to",I="vp-carousel-autoplay",k="vp-carousel-place",C="vp-carousel-autoplay-take",T="vp-carousel-step",N=()=>{},V=new WeakMap,O=new WeakMap,$=new WeakSet,R=new WeakSet,D=new WeakMap,H=new WeakSet,_=new WeakMap,z=new WeakMap,G=new WeakMap,X="--vp-carousel-seam-shift",Y="vp-carousel-pointer-focus",J=new Set(["Alt","AltGraph","CapsLock","Control","Fn","Meta","NumLock","OS","ScrollLock","Shift","Symbol"]),j="--snap-type";function B(e){return"true"===e.dataset.vpCarouselRepeat}function U(e,t){return!ve(e)&&e.querySelectorAll(c).length>Math.max(1,t)}function K(e){const t=e.querySelectorAll(c),o=t.length>1?Math.abs(t[1].offsetLeft-t[0].offsetLeft):e.scrollWidth-e.clientWidth,n=t.length?t.length*o:0;let r=0;if(t.length){const o=window.getComputedStyle(e),n=window.getComputedStyle(t[0]).scrollSnapAlign.startsWith("center"),s=parseFloat(o.paddingInlineStart)||0;r=n?s+(t[0].offsetWidth-e.clientWidth)/2:s-(parseFloat(o.scrollPaddingInlineStart)||0)}return{count:t.length,step:o,period:n,origin:r}}function Q(e,t){return t>0?(e%t+t)%t:0}function Z(e,t=K(e)){const{count:o,step:n,period:r,origin:s}=t;return o&&n?Math.round(Q(we(e)-s,r)/n)%o:0}function ee(e,t,o=0,n=0){const r=K(e),{count:s,step:a,period:l,origin:c}=r;if(!s||!a)return;const u=(t%s+s)%s,d=we(e),p=c+u*a;let h=p;if(o>0){for(;h-l>d+1;)h-=l;for(;h<=d+1;)h+=l}else if(o<0){for(;h+l=d-1;)h-=l}else h=[p-l,p,p+l].reduce((e,t)=>Math.abs(t-d)oe(e,t,n),l=()=>{te.delete(e),s?e.style.setProperty(j,s):e.style.removeProperty(j),i(e),e.dispatchEvent(new window.CustomEvent("vp-carousel-travel-end"))},c=Math.abs(o-t),u=c>0&&Math.sign(o-t)===Math.sign(r),d=Math.min(700,Math.max(120,3*c/Math.abs(r)));let p=u?d:450;"auto"===me()&&(p=0);const h=window.performance.now();let f=0;const v=e=>{const n=p?Math.min(1,(e-h)/p):1,r=1-n,s=u?1-r*r*r:.5-Math.cos(Math.PI*n)/2;a(t+(o-t)*s),f=n<1?window.requestAnimationFrame(v):window.requestAnimationFrame(()=>{f=window.requestAnimationFrame(l)})};te.set(e,()=>{window.cancelAnimationFrame(f),l()}),e.dispatchEvent(new window.CustomEvent("vp-carousel-travel-start")),a(t),f=window.requestAnimationFrame(v)}(e,d,h,l,n)}const te=new WeakMap;function oe(e,t,o){const n=function(e,t){const o=t-4,n=Q(e,t);return n>=4&&n<=o?n:n+t<=o?n+t:4}(t,o),r=n!==we(e);e.scrollTo({left:ve(e)?-n:n,behavior:"instant"}),r&&e.dispatchEvent(new window.Event("scroll"))}function ne(e){var t;null===(t=te.get(e))||void 0===t||t()}function re(e,t){const{count:o,step:n,origin:r}=K(e),s=r+(o?t%o:0)*n;e.scrollTo({left:ve(e)?-s:s,behavior:"instant"}),ye(e)}function se(e,t,o=me()){e.scrollTo({left:ve(e)?-t:t,behavior:o})}const ae=!(null===(ie=window.CSS)||void 0===ie||null===(le=ie.supports)||void 0===le||!le.call(ie,"display","grid-lanes"));var ie,le;function ce(e){return function(e,t){const o=e.ownerDocument.defaultView||window,a=()=>t(e),i=n(e,a);a(),e.addEventListener("load",a,!0);const l=new o.ResizeObserver(a);return l.observe(e),()=>{i(),e.removeEventListener("load",a,!0),l.disconnect(),e.style.height="",Array.from(e.querySelectorAll(r)).forEach(e=>{!function(e){e.style.position="",e.style.left="",e.style.top="",e.style.width="",e.style.height="";const t=e.querySelector(s);t&&(t.style.height="")}(e),e.dataset.vpLayoutHidden&&(delete e.dataset.vpLayoutHidden,e.style.display="")})}}(e,e=>function(e,t){const{width:o,gap:n,rowGap:i,rowHeight:l}=function(e){const t=(e.ownerDocument.defaultView||window).getComputedStyle(e),o=e.clientWidth,n=e=>e.endsWith("%")?parseFloat(e)/100*o:parseFloat(e),r=n(t.columnGap)||0,s=n(t.rowGap);return{width:o,gap:r,rowGap:Number.isNaN(s)?r:s,columns:Math.max(1,parseInt(t.getPropertyValue("--vp-layout-current-columns"),10)||1),rowHeight:parseFloat(t.getPropertyValue("--vp-layout-row-height"))||320}}(e),c=function(e){const t=e.ownerDocument.defaultView||window;return Array.from(e.querySelectorAll(r)).filter(e=>"true"===e.dataset.vpLayoutHidden||"none"!==t.getComputedStyle(e).display)}(e);if(!c.length||!o)return;const u=c.map(a),d=[];let p=[],h=0;const f=l*(1+Math.max(0,t.rowHeightTolerance||0));c.forEach((e,t)=>{p.push(t),h+=u[t];const r=(o-n*(p.length-1))/h;r<=f&&(d.push({items:p,height:r,isFull:!0}),p=[],h=0)}),p.length&&d.push({items:p,height:l,isFull:!1});const v=t.maxRowsCount?d.slice(0,t.maxRowsCount):d;let m=0;v.forEach(e=>{const r=e.items.reduce((t,o)=>t+u[o]*e.height,0)+n*(e.items.length-1);let a=0;e.isFull||("center"===t.lastRow?a=(o-r)/2:"right"===t.lastRow&&(a=o-r));let l=0;e.items.forEach(t=>{const o=c[t],r=u[t]*e.height,i=o.querySelector(s);o.style.position="absolute",o.style.left=`${a}px`,o.style.top=`${m}px`,o.style.width=`${r}px`,i&&(i.style.height=`${e.height}px`),l=Math.max(l,o.offsetHeight),a+=r+n}),m+=l+i}),d.forEach((e,o)=>{const n=o>=v.length||!e.isFull&&"hide"===t.lastRow;e.items.forEach(e=>{const t=c[e];n?(t.dataset.vpLayoutHidden="true",t.style.display="none"):t.dataset.vpLayoutHidden&&(delete t.dataset.vpLayoutHidden,t.style.display="")})}),e.style.height=`${Math.max(0,m-i)}px`}(e,function(e){const t=e.dataset;return{rowHeight:parseFloat(t.vpJustifiedRowHeight)||320,rowHeightTolerance:parseFloat(t.vpJustifiedTolerance)||0,maxRowsCount:parseInt(t.vpJustifiedMaxRows,10)||0,lastRow:t.vpJustifiedLastRow||"left"}}(e)))}function ue(e){return e.closest(".wp-block-visual-portfolio-item-template__carousel-frame")}function de(e){return e.closest(u)||ue(e)||e}function pe(e){return Array.from(de(e).querySelectorAll("[data-vp-carousel-control]"))}function he(e){const t=Array.from(e.querySelectorAll(c));if(!t.length)return[];const o=ve(e),n=Math.max(0,e.scrollWidth-e.clientWidth),r=window.getComputedStyle(t[0]).scrollSnapAlign.startsWith("center"),s=r?0:parseFloat(window.getComputedStyle(e).scrollPaddingInlineStart)||0;return t.map(t=>{const a=o?e.clientWidth-t.offsetLeft-t.offsetWidth:t.offsetLeft,i=r?(e.clientWidth-t.offsetWidth)/2:s,l=Math.max(0,Math.min(n,a-i));return n-l<2?n:l})}function fe(e,t=he(e)){if(B(e))return Z(e);const o=we(e);let n=0,r=Number.POSITIVE_INFINITY;return t.forEach((e,t)=>{const s=Math.abs(e-o);s=n;if(t.querySelectorAll(".vp-block-loop-carousel-previous").forEach(e=>{e.disabled=s}),t.querySelectorAll(".vp-block-loop-carousel-next").forEach(e=>{e.disabled=a}),e.classList.contains("vp-carousel-edge-fade")){const t=ve(e);be(e,"left",t?a:s),be(e,"right",t?s:a)}!function(e,t=de(e)){const o=ge(e),n=e.querySelectorAll(c).length;t.querySelectorAll(h).forEach(e=>{const t=parseInt(e.dataset.vpSlide,10);e.setAttribute("aria-current",t===o?"true":"false")});const r=Ae(e);t.querySelectorAll(d).forEach(e=>{!function(e,t,o){const n=e.querySelectorAll(p);if(!n.length)return;let r=0;o.forEach((e,o)=>{e<=t&&(r=o)}),n.forEach((e,t)=>{e.setAttribute("aria-current",t===r?"true":"false")});const s=parseInt(e.dataset.vpMaxDots,10)||0,a=s>0&&n.length>s,i=Se(e,n.length,r);if(function(e,t,o){const n=e.querySelector(v);if(!n)return;const r={left:Math.round(t.centreOf(t.index)-t.grown/2),width:t.grown},s=_.get(e);if(s&&s.left===r.left&&s.width===r.width)return;_.set(e,r);const a=(e,t)=>{n.style.insetInlineStart=`${Math.round(e)}px`,n.style.width=`${Math.round(t)}px`};if(!s||"auto"===me())return z.delete(e),void a(r.left,r.width);const i=z.get(e)||{tail:s.left,head:s.left+s.width,frame:0};if(i.tailFrom=i.tail,i.headFrom=i.head,i.tailTo=r.left,i.headTo=r.left+r.width,i.onwards=i.tailTo>=i.tailFrom,i.reach=o,i.started=window.performance.now(),z.set(e,i),i.frame)return;const l=()=>{if(!n.isConnected||z.get(e)!==i)return void(i.frame=0);const t=Math.min(1,(window.performance.now()-i.started)/420),o=(e=>1-(1-e)**3)(Math.min(1,t/.55)),r=(e=>e*e*(3-2*e))(Math.max(0,(t-.32)/.6799999999999999)),s=i.onwards?o:r,c=i.onwards?r:o;i.head=i.headFrom+(i.headTo-i.headFrom)*s,i.tail=i.tailFrom+(i.tailTo-i.tailFrom)*c,i.head-i.tail>i.reach&&(i.onwards?i.tail=i.head-i.reach:i.head=i.tail+i.reach),a(i.tail,Math.max(1,i.head-i.tail)),i.frame=t<1?window.requestAnimationFrame(l):0};i.frame=window.requestAnimationFrame(l)}(e,i,a?3*i.slot:Number.POSITIVE_INFINITY),!a)return e.classList.remove(m),e.style.removeProperty(g),n.forEach(e=>{e.classList.remove(w,y)}),void D.delete(e);e.classList.add(m);const l=e.querySelector(`${p}:focus-visible`),c=l?Array.prototype.indexOf.call(n,l):r;H.has(e)||(H.add(e),e.addEventListener("focusin",t=>{const o=t.target.closest(p);if(null==o||!o.matches(":focus-visible"))return;const n=e.querySelectorAll(p),r=Math.max(0,Array.prototype.findIndex.call(n,e=>"true"===e.getAttribute("aria-current")));xe(e,Se(e,n.length,r),Array.prototype.indexOf.call(n,o))})),xe(e,i,c)}(e,o,r)}),t.querySelectorAll(L).forEach(e=>{!function(e,t){if(D.get(e)===t)return;D.set(e,t);const o=e.querySelectorAll(".vp-block-loop-carousel-thumb")[t];if(!o||e.scrollWidth<=e.clientWidth)return;const n=o.offsetLeft+o.offsetWidth/2,r=e.scrollWidth-e.clientWidth,s=n-e.clientWidth/2,a=ve(e)?Math.max(-r,Math.min(0,s)):Math.max(0,Math.min(r,s));e.scrollTo({left:a,behavior:me()})}(e,o)}),t.querySelectorAll(".vp-block-loop-carousel-indicator--counter").forEach(e=>{Ee(e,".vp-block-loop-carousel-counter-current",o+1),Ee(e,".vp-block-loop-carousel-counter-total",n)});const s=function(e){if(B(e)){const t=e.querySelectorAll(c).length;return t>1?ge(e)/(t-1):1}const t=e.scrollWidth-e.clientWidth;return t>0?Math.min(1,Math.max(0,we(e)/t)):1}(e);t.querySelectorAll(".vp-block-loop-carousel-indicator--progress").forEach(e=>{e.style.setProperty("--vp-carousel-progress",100*s+"%"),e.setAttribute("aria-valuenow",String(Math.round(100*s)));const t=e.dataset.vpPositionLabel;t&&e.setAttribute("aria-valuetext",t.replace("%1$d",String(o+1)).replace("%2$d",String(n)))})}(e,t)}function ge(e){const t=O.get(e);return t&&window.performance.now()-t.time<1200?t.index:fe(e)}function Ee(e,t,o){const n=e.querySelector(t),r=String(o);n&&n.textContent!==r&&(n.textContent=r)}function be(e,t,o){const n=`--vp-carousel-fade-${t}`;o!==("0px"===e.style.getPropertyValue(n))&&(o?e.style.setProperty(n,"0px"):e.style.removeProperty(n))}function Le(e){const t=Ae(e);de(e).querySelectorAll(d).forEach(e=>{!function(e,t){const o=e.querySelectorAll(p),n=e.dataset.vpDotLabel||"",r=t.length;for(let e=o.length-1;e>=r;e-=1)o[e].remove();for(let t=o.length;t{const r=t[o];e.dataset.vpSlide=String(r),e.setAttribute("aria-label",n.replace("%d",String(r+1)))}),r&&!e.querySelector(v)){const t=document.createElement("span");t.className=f,t.setAttribute("aria-hidden","true"),t.innerHTML='',e.prepend(t)}}(e,t)})}function Se(e,t,o){const n=window.getComputedStyle(e),r=parseFloat(n.getPropertyValue("--vp-carousel-dot-slot"))||18,s=parseFloat(n.getPropertyValue("--vp-carousel-dot-size"))||6,a=parseFloat(n.getPropertyValue("--vp-carousel-dot-active-size"))||r,i=Math.max(0,(a-s)/2),l=parseFloat(n.paddingInlineStart)||0,c=Math.min(Math.max(o,0),Math.max(0,t-1));return{slot:r,grown:a,index:c,centreOf:e=>l+e*r+r/2+(e=>e===c?0:e{const i=0===t%n||!r&&t===s;e.classList.toggle("vp-carousel-no-snap",n>1&&!i);const l=a[a.length-1];i&&(r||1===n||void 0===l||o[t]!==o[l])&&a.push(t)}),G.set(e,a)}function Ae(e){return G.get(e)||Array.from(e.querySelectorAll(c),(e,t)=>t)}function xe(e,t,o){const n=e.querySelectorAll(p),r=e.clientWidth;if(!r||D.get(e)===o)return;D.set(e,o);const{centreOf:s,content:a}=t,i=Math.round(Math.min(0,Math.max(r-a,r/2-s(o))));e.style.setProperty(g,`${i}px`);const l=[i<0,i>r-a],c=[];n.forEach((e,t)=>{const o=s(t)+i;o>=0&&o<=r&&c.push(t)}),n.forEach((e,t)=>{const n=c.indexOf(t),r=t===o||n<0?n<0?-1:Number.POSITIVE_INFINITY:Math.min(l[0]?n:Number.POSITIVE_INFINITY,l[1]?c.length-1-n:Number.POSITIVE_INFINITY);e.classList.toggle(w,1===r),e.classList.toggle(y,r<=0)})}function qe(e,t,o){let n=t+o;for(;n>=0&&n=1)return n;if(!Number.isInteger(n))return 1;const r=e.clientWidth;if(B(e)){const{step:t}=K(e);return t>0?Math.max(1,Math.round(r/t)):1}const s=t[Math.max(0,Math.min(t.length-1,o))];for(let e=o+1;e=r)return e-o;return Math.max(1,t.length-1-o)}function We(e,t,o){if(!e.length)return t;let n=t,r=Number.POSITIVE_INFINITY;return e.forEach(e=>{[e-o,e,e+o].forEach(e=>{const o=Math.abs(e-t);o0?null!==(r=e.find(e=>e>t))&&void 0!==r?r:e[0]:null!==(n=[...e].reverse().find(e=>e0&&t>=e.length-1||o<0&&t<=0)return r;const s=Math.max(0,Math.min(e.length-1,r));return e[s]===e[t]?qe(e,t,o):s}(r,s,t,a),r)}function Ie(e,t,o=he(e)){if(B(e))return void ee(e,t);const n=Math.max(0,Math.min(o.length-1,t));o.length&&n===t&&(O.set(e,{index:n,time:window.performance.now()}),se(e,o[n]))}function ke(e,t=de(e)){const o=!$.has(e);t.classList.toggle("vp-carousel-is-stopped",!o),t.querySelectorAll(E).forEach(e=>{const t=o?e.dataset.vpPauseLabel:e.dataset.vpPlayLabel;t&&e.setAttribute("aria-label",t)})}function Ce(e,t){const o=()=>ye(e),r=t=>{var o;return Ie(e,null===(o=t.detail)||void 0===o?void 0:o.index)},s=t=>{const{period:o}=K(e);B(e)&&o&&t.detail&&(oe(e,t.detail.position,o),t.detail.position=we(e))};let a;B(e)&&R.add(e);let l=0;const u=n(e,t=>{l=t,void 0!==a&&R.has(e)&&U(e,t)!==a?e.dispatchEvent(new window.Event(W)):(Me(e),Le(e),ye(e),V.has(e)&&i(e))});a=R.has(e)&&U(e,l),a?e.dataset.vpCarouselRepeat="true":delete e.dataset.vpCarouselRepeat;const d=!!parseFloat(e.dataset.vpCarouselAutoplay)&&!window.matchMedia("(prefers-reduced-motion: reduce)").matches,p=function(e,t){const o=pe(e).filter(e=>t||!e.matches(E));return o.forEach(e=>{e.classList.remove(S)}),()=>{o.forEach(e=>{e.classList.add(S)})}}(e,d);Me(e),Le(e),ye(e),e.addEventListener("scroll",o,{passive:!0}),e.addEventListener(F,r),e.addEventListener(k,s);const h=function(e,t){const o=new window.MutationObserver(e=>{const o=e.flatMap(e=>Array.from(e.addedNodes)).filter(e=>{var t;return 1===e.nodeType&&(null===(t=e.matches)||void 0===t?void 0:t.call(e,c))});o.length&&t()});return o.observe(e,{childList:!0}),()=>o.disconnect()}(e,()=>{Me(e),Le(e),ye(e)}),f=a?function(e){const t=e.ownerDocument.defaultView||window,o=()=>{const t=parseFloat(e.style.getPropertyValue(X))||0,{count:o,step:n,period:r,origin:s}=K(e);if(!o||!n)return;const a=((s-t)%n+n)%n,l=a<5||a>n-5?10:0;l!==t&&(l?e.style.setProperty(X,`${l}px`):e.style.removeProperty(X),r&&oe(e,we(e)+(l-t),r),V.has(e)&&i(e))};o();const n=new t.ResizeObserver(o);return n.observe(e),()=>{n.disconnect(),e.style.removeProperty(X)}}(e):N;a&&re(e,null!=t?t:0);const v=window.matchMedia("(hover: hover) and (pointer: fine)").matches,m=e.dataset.vpCarouselSrc,w=t=>{0===t.button&&(t.preventDefault(),e.classList.add(Y),e.focus({preventScroll:!0}))},y=()=>e.classList.remove(Y),g=e=>{J.has(e.key)||y()};v&&(e.addEventListener("mousedown",w),e.addEventListener("keydown",g),e.addEventListener("blur",y));const P=a?function(e){let t=[],o=0;const n=e=>{o+=Math.abs(e.clientX-t[t.length-1].x),t.push({x:e.clientX,time:e.timeStamp})},r=()=>{window.removeEventListener("pointermove",n),window.removeEventListener("pointerup",s),window.removeEventListener("pointercancel",s)};function s(n){if(r(),o<=10||"true"!==e.getAttribute("has-overflow"))return;const{count:s,step:a,origin:i}=K(e);if(!s||!a)return;const l=n.clientX,c=n.timeStamp,u=t.find(e=>c-e.time<=80)||t[t.length-1],d=Math.max(1,c-u.time),p=(l-u.x)/d*(ve(e)?1:-1),h=we(e)+290*p;ee(e,We(Ae(e),Math.round((h-i)/a),s),0,p)}const a=r=>{ne(e),t=[{x:r.clientX,time:r.timeStamp}],o=0,window.addEventListener("pointermove",n),window.addEventListener("pointerup",s),window.addEventListener("pointercancel",s)};return e.addEventListener("pointerdown",a),()=>{e.removeEventListener("pointerdown",a),r()}}(e):N,D=a?function(e){const t=Object.getOwnPropertyDescriptor(Element.prototype,"scrollWidth");return null!=t&&t.get?(Object.defineProperty(e,"scrollWidth",{configurable:!0,get(){const o=e.querySelectorAll(c);return o.length<2?t.get.call(e):e.clientWidth+o.length*Math.abs(o[1].offsetLeft-o[0].offsetLeft)}}),()=>{delete e.scrollWidth}):N}(e):N;let H=!1;(v||a)&&m&&import(m).then(({Blossom:o})=>{if(H||!e.isConnected||V.has(e))return;const n=o(e,{repeat:a});V.set(e,n),n.init(),a&&(i(e),re(e,null!=t?t:0),window.requestAnimationFrame(()=>{window.requestAnimationFrame(()=>{V.has(e)&&i(e)})}))}).catch(()=>{});const _=function(e){const t=1e3*parseFloat(e.dataset.vpCarouselAutoplay);if(!t||window.matchMedia("(prefers-reduced-motion: reduce)").matches)return N;const o=de(e),n=[ue(e)||e,...pe(e)];let r=0,s=0,a=0;const i=new Set,l=new Set;let c=!1,u=!0,d=-1,p=!1;const h=e=>{o.style.setProperty("--vp-carousel-autoplay-progress",100*e+"%")},f=()=>{r=0,h(0)},v=o=>{a=window.requestAnimationFrame(v);const n=o-s;if(s=o,[i,l].forEach(e=>{e.forEach(t=>{t.isConnected||e.delete(t)})}),p)return void e.dispatchEvent(new window.CustomEvent("vp-carousel-autoplay-frame",{detail:{elapsed:n,held:!!(l.size||c||u||$.has(e)),pointer:i.size>0,keyboard:l.size>0}}));if(i.size||l.size||c||u||$.has(e))return;const m=ge(e);m!==d&&(d=m,f()),r+=n,h(Math.min(1,r/t)),r=e.scrollWidth-e.clientWidth-1?e.scrollTo({left:0,behavior:me()}):Fe(e,1))},m=e=>i.add(e.currentTarget),w=e=>i.delete(e.currentTarget),y=e=>{var t,o;null!==(t=(o=e.target).matches)&&void 0!==t&&t.call(o,":focus-visible")&&!e.target.classList.contains(Y)&&l.add(e.currentTarget)},g=e=>l.delete(e.currentTarget),E=e=>{var t,o;"visitor"!==(null===(t=e.detail)||void 0===t?void 0:t.source)&&(c=!1===(null===(o=e.detail)||void 0===o?void 0:o.playing))},b=ue(e)||e,L=new(b.ownerDocument.defaultView||window).IntersectionObserver(e=>{e.forEach(e=>{u=!e.isIntersecting})},{threshold:.5});L.observe(b),o.classList.add(M),n.forEach(e=>{e.addEventListener("pointerenter",m),e.addEventListener("pointerleave",w),e.addEventListener("focusin",y),e.addEventListener("focusout",g)}),e.addEventListener(I,E);const S=()=>{p=!0,h(0)};return e.addEventListener(T,f),e.addEventListener(C,S),ke(e,o),a=window.requestAnimationFrame(e=>{s=e,v(e)}),()=>{window.cancelAnimationFrame(a),L.disconnect(),o.classList.remove(M),n.forEach(e=>{e.removeEventListener("pointerenter",m),e.removeEventListener("pointerleave",w),e.removeEventListener("focusin",y),e.removeEventListener("focusout",g)}),e.removeEventListener(I,E),e.removeEventListener(T,f),e.removeEventListener(C,S),o.style.removeProperty("--vp-carousel-autoplay-progress")}}(e),z=function(e){const t=de(e),o=Array.from(t.querySelectorAll(".vp-block-loop-carousel-indicator--progress.is-draggable"));if(!o.length)return N;let n=null,r=null,s=0,a=!1;const i=()=>{n?e.style.setProperty(j,n):e.style.removeProperty(j),n=null,e.classList.remove(b)},l=(t,o)=>{const n=t.getBoundingClientRect(),r=ve(e)?n.right-o:o-n.left;return n.width>0?Math.min(1,Math.max(0,r/n.width)):0},u=(t,o)=>We(Ae(e),Math.round(t*Math.max(0,o-1)),o),d=t=>{if(r){if(!a){if(Math.abs(t.clientX-s)<3)return;a=!0,n=e.style.getPropertyValue(j),e.style.setProperty(j,"none"),e.classList.add(b),O.delete(e)}(t=>{if(B(e)){const{count:o,step:n,origin:r,period:s}=K(e);return void oe(e,r+t*Math.max(0,o-1)*n,s)}se(e,t*(e.scrollWidth-e.clientWidth),"instant")})(l(r,t.clientX))}},p=t=>{if(!r)return;const o=l(r,t.clientX),n=a;r=null,a=!1,window.removeEventListener("pointermove",d),window.removeEventListener("pointerup",p),window.removeEventListener("pointercancel",p),n?(t=>{if(i(),!B(e))return;const o=e.querySelectorAll(c).length;ee(e,u(t,o),0)})(o):(t=>{const o=e.querySelectorAll(c).length;e.dispatchEvent(new window.CustomEvent(T)),B(e)?ee(e,u(t,o),0):se(e,t*(e.scrollWidth-e.clientWidth))})(o)},h=t=>{ne(e),r=t.currentTarget,s=t.clientX,a=!1,window.addEventListener("pointermove",d),window.addEventListener("pointerup",p),window.addEventListener("pointercancel",p)},f=t=>{const o=ve(e),n=e.querySelectorAll(c).length,r=o?"ArrowRight":"ArrowLeft",s=o?"ArrowLeft":"ArrowRight";switch(t.key){case r:case"ArrowDown":case"PageDown":Fe(e,-1);break;case s:case"ArrowUp":case"PageUp":Fe(e,1);break;case"Home":Ie(e,0);break;case"End":Ie(e,n-1);break;default:return}t.preventDefault()};return o.forEach(e=>{e.addEventListener("pointerdown",h),e.addEventListener("keydown",f)}),()=>{o.forEach(e=>{e.removeEventListener("pointerdown",h),e.removeEventListener("keydown",f)}),window.removeEventListener("pointermove",d),window.removeEventListener("pointerup",p),window.removeEventListener("pointercancel",p),i()}}(e),G=function(e,t){const o=Array.from(de(e).querySelectorAll(L)),n=e.dataset.vpCarouselSrc;if(!o.length||!n||!t)return N;const r=[];let s=!1;return import(n).then(({Blossom:e})=>{s||o.forEach(t=>{if(!t.isConnected||V.has(t))return;const o=e(t,{repeat:!1});V.set(t,o),o.init(),r.push(t)})}).catch(()=>{}),()=>{s=!0,r.forEach(e=>{var t;null===(t=V.get(e))||void 0===t||t.destroy(),V.delete(e)})}}(e,v),Q=a?function(e){const t=t=>{const o=parseFloat(t.style.translate)||0;if(t.classList.toggle(A,!!o),!o)return t.style.removeProperty(x),void t.style.removeProperty(q);const n=parseFloat(window.getComputedStyle(t).viewTimelineInset)||0,r=t.offsetLeft+o,s=r+t.offsetWidth,a=e.clientWidth;t.style.setProperty(x,`${r-a+n}px ${s-n}px`),t.style.setProperty(q,`${s-a+n}px ${r-n}px`)},o=new window.MutationObserver(e=>{e.forEach(e=>{t(e.target)})});return e.querySelectorAll(c).forEach(t),o.observe(e,{attributes:!0,attributeFilter:["style"],subtree:!0}),()=>{o.disconnect(),e.querySelectorAll(c).forEach(e=>{e.classList.remove(A),e.style.removeProperty(x),e.style.removeProperty(q)})}}(e):N;return e.dispatchEvent(new window.CustomEvent("vp-carousel-start",{bubbles:!0})),()=>{H=!0,e.dispatchEvent(new window.CustomEvent("vp-carousel-stop",{bubbles:!0})),Q(),_(),z(),G(),u(),p(),e.removeEventListener("scroll",o),e.removeEventListener(F,r),e.removeEventListener(k,s),e.removeEventListener("mousedown",w),e.removeEventListener("keydown",g),e.removeEventListener("blur",y),y(),f(),P(),ne(e),D(),h();const t=V.get(e);t&&(V.delete(e),t.destroy(),e.querySelectorAll(c).forEach(e=>{e.style.removeProperty("translate")}))}}function Te(e){var t;return(null===(t=e.closest(u))||void 0===t?void 0:t.querySelector(l))||null}function Ne(e,t){return"justified"===e.dataset.vpLayout?ce(e):"carousel"===e.dataset.vpLayout?Ce(e,t):void 0}ae&&"undefined"!=typeof document&&document.querySelectorAll(`${l}.${P}`).forEach(e=>{e.classList.remove(P),e.classList.add("vp-layout-masonry-native")}),t("visual-portfolio/item-template",{state:{hasScript:!0,useJsMasonry:!ae,useNativeMasonry:ae},actions:{carouselPrev(){const t=Te(e().ref);t&&Fe(t,-1)},carouselNext(){const t=Te(e().ref);t&&Fe(t,1)},carouselAutoplayToggle(){const{ref:t}=e(),o=Te(t);if(!o)return;const n=$.has(o);n?$.delete(o):$.add(o),ke(o),o.dispatchEvent(new window.CustomEvent(I,{detail:{playing:n,source:"visitor"}}))},carouselGoTo(t){const{ref:o}=e(),n=t.target.closest(h),r=Te(o),s=n?parseInt(n.dataset.vpSlide,10):-1;!r||s<0||(r.dispatchEvent(new window.CustomEvent(T)),Ie(r,s))}},callbacks:{initLayout(){const{ref:t}=e();let o=Ne(t);if(!o)return;const n=()=>{const e="carousel"===t.dataset.vpLayout?fe(t):void 0;o(),o=Ne(t,e)||N};return t.addEventListener(W,n),()=>{t.removeEventListener(W,n),o()}}}}); \ No newline at end of file diff --git a/docs/gallery-loop-blocks.md b/docs/gallery-loop-blocks.md index 76cceb79..c85d6f63 100644 --- a/docs/gallery-loop-blocks.md +++ b/docs/gallery-loop-blocks.md @@ -789,29 +789,14 @@ leaves is nothing. ### Carousel marquee -Autoplay has two modes. Slide by slide holds each slide for the delay. A marquee -moves the carousel on without stopping, and is Pro's: the free editor offers it -as a disabled "Marquee (Pro)" option of the *Mode* select, and nothing the free -plugin renders turns it on. Choosing it keeps `extensions.marquee` on the item -template, an object whose settings belong to the extension, turns *Repeat* on, -and puts `vpf.itemTemplateMarqueeControls` (`null`, `{ attributes, -setAttributes }`) where the delay was. - -The view module runs a marquee for a list that carries, with autoplay: - -| Attribute | Value | -|---|---| -| `data-vp-carousel-marquee` | speed, in pixels per second | -| `data-vp-carousel-marquee-direction` | `backward` runs it the other way | -| `data-vp-carousel-marquee-hover` | the share of the speed kept under the pointer, from `0`, a stop, to `1` | - -Only a carousel that repeats runs one; any other steps by its delay, and a -visitor who asked for less motion gets a still carousel either way. A marquee -pauses where autoplay pauses, lets go of the carousel to an arrow, a dot, a drag -or a scroll, and takes it up again once it has come to rest. The scroll holds -whole pixels and is kept a margin in from the ends of a loop, so the module -moves the slides by the rest through `--vp-carousel-marquee-shift` on the list, -which translates every item. +Autoplay has two modes. Slide by slide holds each slide for the delay. A +marquee moves the carousel on without stopping, and is Pro's: the free editor +offers it as a disabled "Marquee (Pro)" option of the *Mode* select, and the +free plugin has no code that runs one. Choosing it keeps `extensions.marquee` +on the item template, an object whose settings belong to the extension, turns +*Repeat* on, and puts `vpf.itemTemplateMarqueeControls` (`null`, `{ attributes, +setAttributes }`) where the delay was. The page runs it through the autoplay +events below. ### Sitemap @@ -989,6 +974,8 @@ template: |---|---| | `vp-carousel-go-to` | `detail.index` — scroll to that slide | | `vp-carousel-autoplay` | `detail.playing` — `false` holds autoplay, `true` releases it | +| `vp-carousel-place` | `detail.position` — a place on the loop of a repeating carousel, scrolled to at once and kept off the seam the way a step is; written back as the scroll it came to rest at | +| `vp-carousel-autoplay-take` | the autoplay stops moving the carousel and hands each frame to the script that took it | And announces itself on the same element, bubbling, so that a script outside the module can run beside a carousel for as long as it runs: @@ -997,6 +984,16 @@ the module can run beside a carousel for as long as it runs: |---|---| | `vp-carousel-start` | the module has started the carousel, once per start — a Load More starts it again | | `vp-carousel-stop` | the module is about to let go of it | +| `vp-carousel-travel-start` | the module has started drawing a step of a repeating carousel, snapping held off (not bubbling) | +| `vp-carousel-travel-end` | the step has arrived or was stopped, and the snap is back (not bubbling) | +| `vp-carousel-autoplay-frame` | a frame of a taken autoplay: `detail.elapsed` in milliseconds, `detail.held` (the visitor's stop, a script's hold, off the screen, the keyboard), `detail.pointer` and `detail.keyboard` (not bubbling) | + +A script that takes the autoplay moves the carousel itself and keeps the rest: +the pauses, the play and pause button, and a visitor who asked for less +motion, for whom no frame ever comes. It takes it again on every +`vp-carousel-start`, since a Load More starts a new autoplay. Snapping is +switched by the list's `--snap-type` custom property, which the carousel +library reads; a step saves it and puts it back when it arrives. Holding autoplay is not the same as stopping it: the pause a pointer or a focus already applies keeps working underneath, and releasing the hold does not diff --git a/gutenberg/blocks/item-template/style.scss b/gutenberg/blocks/item-template/style.scss index 69e7e545..77a3fa29 100644 --- a/gutenberg/blocks/item-template/style.scss +++ b/gutenberg/blocks/item-template/style.scss @@ -491,13 +491,6 @@ $narrow-steps: (1200px: 4, 992px: 3, 768px: 2, 576px: 1); scroll-behavior: auto; } - // A marquee moves the scroll as far as the scroll goes - whole pixels, - // and short of the seam of the loop - and the slides by the rest. See - // `initMarquee` in the view module. - &[data-vp-carousel-marquee] > .wp-block-visual-portfolio-item-template__item { - transform: translateX(calc(-1 * var(--vp-carousel-marquee-shift, 0px))); - } - // The edges dissolve rather than cut, so a half slide reads as more // carousel rather than as a mistake. Three layers: a ramp at each edge // and the solid middle between them, which is what lets one side be diff --git a/gutenberg/blocks/item-template/view.js b/gutenberg/blocks/item-template/view.js index b13aee34..cd93ef81 100644 --- a/gutenberg/blocks/item-template/view.js +++ b/gutenberg/blocks/item-template/view.js @@ -254,8 +254,19 @@ const RELAYOUT_EVENT = 'vp-relayout'; // it. A hold, not a play button: the // pointer of the visitor still pauses // a released carousel. +// `vp-carousel-place` `detail.position` a place on the clock of a +// repeating carousel, scrolled to at +// once - kept off the seam the way +// a step is. Written back as the +// scroll it came to rest at. +// `vp-carousel-autoplay-take` the autoplay stops moving the +// carousel itself and hands each +// frame it would have run to the +// script that took it. const GO_TO_EVENT = 'vp-carousel-go-to'; const AUTOPLAY_EVENT = 'vp-carousel-autoplay'; +const PLACE_EVENT = 'vp-carousel-place'; +const AUTOPLAY_TAKE_EVENT = 'vp-carousel-autoplay-take'; // Dispatched on the list, and bubbling, once the module runs a carousel and // again just before it lets go of one - so that a script that is not a module @@ -267,6 +278,23 @@ const AUTOPLAY_EVENT = 'vp-carousel-autoplay'; const START_EVENT = 'vp-carousel-start'; const STOP_EVENT = 'vp-carousel-stop'; +// Dispatched on the list, so that a script moving the carousel as well keeps +// out of the way of the module. +// +// `vp-carousel-travel-start` the module has started drawing a step of a +// repeating carousel, with snapping held off. +// `vp-carousel-travel-end` it has arrived, or was stopped, and the snap is +// back to what it was. +// `vp-carousel-autoplay-frame` a frame of a taken autoplay: `detail.elapsed` +// in milliseconds, `detail.held` - stopped by the +// visitor, held by a script, off the screen or +// under the keyboard - `detail.pointer` when the +// pointer rests on the carousel, and +// `detail.keyboard` when the keyboard has it. +const TRAVEL_START_EVENT = 'vp-carousel-travel-start'; +const TRAVEL_END_EVENT = 'vp-carousel-travel-end'; +const AUTOPLAY_FRAME_EVENT = 'vp-carousel-autoplay-frame'; + // Dispatched on the list by a press on an arrow or a dot. Autoplay starts // its wait over on it: a visitor who has just chosen a slide is owed a whole // delay on it, not whatever was left of the last one. @@ -358,17 +386,6 @@ const MODIFIER_KEYS = new Set([ // How long a step of a repeating carousel takes, drawn by the module. const TRAVEL_DURATION = 450; -// How long a marquee takes to reach a new speed, in milliseconds, and how -// long a carousel something else moved has to lie still before the marquee -// takes it up again. -const MARQUEE_EASE = 300; -const MARQUEE_SETTLE = 400; - -// How far a marquee has moved past where the scroll could go - the part of a -// pixel it holds none of, and the margin it keeps at the seam of the loop. -// The stylesheet translates the slides by it. -const MARQUEE_SHIFT_PROPERTY = '--vp-carousel-marquee-shift'; - // The shortest and the longest a move that carries on from a drag takes. Its // length is otherwise the speed it was let go at, which for a slow drag over // the last of a slide is a glide of several seconds, and for a hard flick @@ -684,6 +701,7 @@ function travelRepeating(list, from, to, period, speed = 0) { } remeasureLoop(list); + list.dispatchEvent(new window.CustomEvent(TRAVEL_END_EVENT)); }; // A carousel that was thrown is already going, and a move that eased in @@ -751,6 +769,7 @@ function travelRepeating(list, from, to, period, speed = 0) { // for. Blossom stops throwing a carousel the moment anything else scrolls // it, and a travel that waited for its frame let a throw it was taking // over from move the carousel once more first. + list.dispatchEvent(new window.CustomEvent(TRAVEL_START_EVENT)); place(from); raf = window.requestAnimationFrame(frame); @@ -2507,252 +2526,6 @@ function initScrub(list) { }; } -/** - * How a carousel asked to run as a marquee. - * - * Only a carousel that repeats can: a marquee never reaches an end, and one - * that could not run round - too few slides, a right to left page - falls - * back to the steps of its delay. - * - * @param {HTMLElement} list Item template list. - * - * @return {Object|null} `speed` in pixels of scroll per millisecond, negative - * backwards, and `hover`, the share of it kept under - * the pointer. Null for a carousel that steps. - */ -function getMarquee(list) { - const speed = parseFloat(list.dataset.vpCarouselMarquee); - const hover = parseFloat(list.dataset.vpCarouselMarqueeHover); - - if (!(speed > 0) || !isRepeating(list)) { - return null; - } - - return { - speed: - (speed / 1000) * - ('backward' === list.dataset.vpCarouselMarqueeDirection ? -1 : 1), - hover: Number.isFinite(hover) ? Math.max(0, Math.min(1, hover)) : 0, - }; -} - -/** - * Move a repeating carousel on at a steady speed. - * - * The scroll holds whole pixels only, so a slow marquee moved by it alone - * stood still on most frames and jumped on the rest. The whole pixels go to - * the scroll and what is left of one to a translation of the slides, which - * the stylesheet reads from the list. - * - * The marquee lets go of the carousel to anything else that moves it - a - * step the module is drawing, a drag, a swipe, the wheel, the keyboard - and - * takes it up again from wherever it came to rest. - * - * @param {HTMLElement} list Item template list. - * @param {Object} marquee What `getMarquee` read. - * - * @return {Object} `drift( elapsed, wanted, now )` to call every frame, with - * the share of the speed the carousel should be moving at, - * `rest( now )` for a frame the keyboard has it, and - * `stop()`. - */ -function initMarquee(list, marquee) { - // Where the marquee put the carousel, between whole pixels. Null while - // something else has it. - let place = null; - // The share of the speed it is moving at, eased towards the one asked - // for, so a pointer that rests on it slows it rather than stopping it - // dead. - let rate = 0; - // A mouse button held on the list, and a finger on it: the browser takes - // the pointer of a finger away the moment it starts to pan, and a finger - // that stopped mid-pan was moved on under. - let pressed = false; - let touching = false; - // A key pressed on the list, focused by a click as often as by the Tab - // key - and a click leaves no focus the keyboard's for the autoplay to - // hold on. - let keyboard = false; - let lastPosition = getScrollPosition(list); - let lastMove = 0; - // The snap the carousel has when the marquee is not moving it. Blossom - // writes its own when it loads, after the marquee has started. - let snap = list.style.getPropertyValue(SNAP_TYPE_PROPERTY); - - const setSnap = (value) => { - if (value) { - list.style.setProperty(SNAP_TYPE_PROPERTY, value); - } else { - list.style.removeProperty(SNAP_TYPE_PROPERTY); - } - }; - - const setShift = (value) => { - list.style.setProperty(MARQUEE_SHIFT_PROPERTY, `${value}px`); - }; - - const letGo = (now) => { - place = null; - rate = 0; - lastMove = now; - setShift(0); - }; - - // The main button only, and never past a menu: the menu a right click - // or a Ctrl click opens on a Mac swallows the release, and the marquee - // stood still until the next click. - const onDown = (event) => { - pressed = 0 === event.button; - }; - const onUp = () => { - pressed = false; - }; - // The fingers on this list, not on the page: a finger lifted elsewhere - // with another still down held every marquee on it. - const onTouch = (event) => { - touching = Array.from(event.touches).some((touch) => - list.contains(touch.target) - ); - }; - - const drift = (elapsed, wanted, now) => { - if (keyboard) { - rest(now); - - return; - } - - // A marquee rests nowhere, and a snap pulled it back to the slide it - // was leaving on every frame. Written every frame, since Blossom - // writes its own. - const current = list.style.getPropertyValue(SNAP_TYPE_PROPERTY); - - if ('none' !== current) { - snap = current; - list.style.setProperty(SNAP_TYPE_PROPERTY, 'none'); - } - - // Held and at a stop, there is nothing to move - and nothing to - // measure until it runs again, when a move made meanwhile is found. - if (!wanted && !rate) { - return; - } - - const position = getScrollPosition(list); - const { period } = getRepeatGeometry(list); - // Moved by something other than the marquee since the last frame: the - // marquee reads back the very pixel it scrolled to. A turn of the loop - // is the same picture, so only a move off it counts. - const off = onTheClock(position - lastPosition, period); - const moved = off > 0.5 && off < period - 0.5; - - lastPosition = position; - - if (moved) { - lastMove = now; - } - - if ( - !period || - pressed || - touching || - travels.has(list) || - (moved && null !== place) - ) { - letGo(now); - - return; - } - - if (null === place) { - // Taken up again once the carousel has come to rest. - if (now - lastMove < MARQUEE_SETTLE) { - return; - } - - place = position; - } - - // At an even rate, so that a stop is a stop and not a crawl. - const change = elapsed / MARQUEE_EASE; - - rate += Math.max(-change, Math.min(change, wanted - rate)); - place = onTheClock(place + marquee.speed * rate * elapsed, period); - - placeRepeating(list, Math.floor(place), period); - lastPosition = getScrollPosition(list); - - // What the scroll could not take. The part of a pixel, and near the - // seam more: the scroll is kept a margin in from either end of its - // range and put at the margin when asked for a place inside it, which - // on its own jumped the marquee over the seam and held it there. - const short = onTheClock(place - lastPosition + period / 2, period); - - setShift(short - period / 2); - }; - - // The keyboard has the carousel: it is given its snap back, so an arrow - // key moves it a slide, and the marquee takes it up again when the focus - // leaves. - const rest = (now) => { - if (null !== place || rate) { - letGo(now); - } - - // Not under a step the module is drawing, which holds the snap off - // until it arrives and gives it back itself. - if ( - !travels.has(list) && - 'none' === list.style.getPropertyValue(SNAP_TYPE_PROPERTY) - ) { - setSnap(snap); - } - - lastPosition = getScrollPosition(list); - }; - - // The snap is given back before the key scrolls, so the key moves a slide. - const onKey = (event) => { - if (!MODIFIER_KEYS.has(event.key)) { - keyboard = true; - rest(event.timeStamp); - } - }; - // Out of the list altogether: a key on a link inside a slide bubbles up - // here, and the link's own blur does not. - const onFocusOut = (event) => { - if (!list.contains(event.relatedTarget)) { - keyboard = false; - } - }; - - list.addEventListener('pointerdown', onDown); - window.addEventListener('pointerup', onUp); - window.addEventListener('pointercancel', onUp); - window.addEventListener('contextmenu', onUp); - list.addEventListener('touchstart', onTouch, { passive: true }); - window.addEventListener('touchend', onTouch, { passive: true }); - window.addEventListener('touchcancel', onTouch, { passive: true }); - list.addEventListener('keydown', onKey); - list.addEventListener('focusout', onFocusOut); - - const stop = () => { - list.removeEventListener('pointerdown', onDown); - window.removeEventListener('pointerup', onUp); - window.removeEventListener('pointercancel', onUp); - window.removeEventListener('contextmenu', onUp); - list.removeEventListener('touchstart', onTouch); - window.removeEventListener('touchend', onTouch); - window.removeEventListener('touchcancel', onTouch); - list.removeEventListener('keydown', onKey); - list.removeEventListener('focusout', onFocusOut); - list.style.removeProperty(MARQUEE_SHIFT_PROPERTY); - setSnap(snap); - }; - - return { drift, rest, stop }; -} - /** * Run a carousel on its own. * @@ -2815,10 +2588,9 @@ function initAutoplay(list) { // showing a different one. let seen = -1; - // A marquee is the same clock run without a wait: it moves every frame the - // clock is not held. - const marquee = getMarquee(list); - const drifting = marquee ? initMarquee(list, marquee) : null; + // Taken by a script that moves the carousel itself. The pauses stay the + // autoplay's, and so does the play and pause button. + let taken = false; const setProgress = (value) => { root.style.setProperty( @@ -2848,32 +2620,35 @@ function initAutoplay(list) { }); }); - const holding = focusIn.size || held || offscreen || stopped.has(list); - - // Under the pointer a marquee keeps the share of its speed it was - // given, and slows to it. A frame that comes long after the last one - - // a tab brought back - moves it no further than a frame's worth. - if (drifting && focusIn.size) { - drifting.rest(now); - - return; - } - - if (drifting) { - let wanted = pointerOn.size ? marquee.hover : 1; - - if (holding) { - wanted = 0; - } - - drifting.drift(Math.min(step, 100), wanted, now); + if (taken) { + list.dispatchEvent( + new window.CustomEvent(AUTOPLAY_FRAME_EVENT, { + detail: { + elapsed: step, + held: !!( + focusIn.size || + held || + offscreen || + stopped.has(list) + ), + pointer: pointerOn.size > 0, + keyboard: focusIn.size > 0, + }, + }) + ); return; } // A held clock reads nothing: the slide it will count for is read on // the first frame it runs again. - if (pointerOn.size || holding) { + if ( + pointerOn.size || + focusIn.size || + held || + offscreen || + stopped.has(list) + ) { return; } @@ -2978,7 +2753,13 @@ function initAutoplay(list) { box.addEventListener('focusout', onFocusOut); }); list.addEventListener(AUTOPLAY_EVENT, hold); + const take = () => { + taken = true; + setProgress(0); + }; + list.addEventListener(STEP_EVENT, restart); + list.addEventListener(AUTOPLAY_TAKE_EVENT, take); syncAutoplay(list, root); raf = window.requestAnimationFrame((now) => { @@ -2998,8 +2779,8 @@ function initAutoplay(list) { }); list.removeEventListener(AUTOPLAY_EVENT, hold); list.removeEventListener(STEP_EVENT, restart); + list.removeEventListener(AUTOPLAY_TAKE_EVENT, take); root.style.removeProperty('--vp-carousel-autoplay-progress'); - drifting?.stop(); }; } @@ -3068,6 +2849,16 @@ function wakeControls(list, hasAutoplay) { function initCarousel(list, restore) { const onScroll = () => syncNav(list); const onGoTo = (event) => goToSlide(list, event.detail?.index); + const onPlace = (event) => { + const { period } = getRepeatGeometry(list); + + if (!isRepeating(list) || !period || !event.detail) { + return; + } + + placeRepeating(list, event.detail.position, period); + event.detail.position = getScrollPosition(list); + }; // Drag is the one thing the browser does not do for a scroll container, and // it is the one thing Blossom adds - so it is loaded where a pointer can @@ -3140,6 +2931,7 @@ function initCarousel(list, restore) { list.addEventListener('scroll', onScroll, { passive: true }); list.addEventListener(GO_TO_EVENT, onGoTo); + list.addEventListener(PLACE_EVENT, onPlace); const stopObserving = observeItems(list, () => { syncSnapGroups(list); @@ -3271,6 +3063,7 @@ function initCarousel(list, restore) { sleepControls(); list.removeEventListener('scroll', onScroll); list.removeEventListener(GO_TO_EVENT, onGoTo); + list.removeEventListener(PLACE_EVENT, onPlace); list.removeEventListener('mousedown', onMouseDown); list.removeEventListener('keydown', onKeyDown); list.removeEventListener('blur', unmarkFocus); From cbfba2829cc94864f3f223eb03e49b06ec0ae7f6 Mon Sep 17 00:00:00 2001 From: Nikita Date: Sun, 27 Sep 2026 13:03:39 +0300 Subject: [PATCH 6/6] fix(loop): ignore a carousel place without a number --- .git-report-tmp.mjs | 26 +++++++++++++++++++ .../blocks/item-template/view.asset.php | 2 +- build/gutenberg/blocks/item-template/view.js | 2 +- gutenberg/blocks/item-template/view.js | 6 ++++- 4 files changed, 33 insertions(+), 3 deletions(-) create mode 100644 .git-report-tmp.mjs diff --git a/.git-report-tmp.mjs b/.git-report-tmp.mjs new file mode 100644 index 00000000..5d424fce --- /dev/null +++ b/.git-report-tmp.mjs @@ -0,0 +1,26 @@ +import { execSync } from 'node:child_process'; +import path from 'node:path'; +import { fileURLToPath } from 'node:url'; + +const dir = path.dirname(fileURLToPath(import.meta.url)); + +function run(cmd) { + console.log(`\n=== ${cmd} ===\n`); + try { + console.log( + execSync(cmd, { cwd: dir, encoding: 'utf8', maxBuffer: 50 * 1024 * 1024 }) + ); + } catch (e) { + if (e.stdout) console.log(e.stdout); + if (e.stderr) console.error(e.stderr); + process.exitCode = e.status ?? 1; + } +} + +run('git log --oneline 4c87ba85..HEAD'); +run('git diff 4c87ba85...HEAD --stat'); +run('git diff HEAD --stat'); +run('git ls-files --others --exclude-standard'); +run( + "git diff 4c87ba85...HEAD -- gutenberg/ docs/ tests/ classes/ '*.php' '*.js' '*.scss' '*.md' ':!build/**'" +); diff --git a/build/gutenberg/blocks/item-template/view.asset.php b/build/gutenberg/blocks/item-template/view.asset.php index decb42f0..4ba7cdd1 100644 --- a/build/gutenberg/blocks/item-template/view.asset.php +++ b/build/gutenberg/blocks/item-template/view.asset.php @@ -1 +1 @@ - array('@wordpress/interactivity'), 'version' => '1a78cc77845d37cf5c1e', 'type' => 'module'); + array('@wordpress/interactivity'), 'version' => 'b6a71a3124d02dbe0a5d', 'type' => 'module'); diff --git a/build/gutenberg/blocks/item-template/view.js b/build/gutenberg/blocks/item-template/view.js index 364feb27..8dfa1ed9 100644 --- a/build/gutenberg/blocks/item-template/view.js +++ b/build/gutenberg/blocks/item-template/view.js @@ -1 +1 @@ -import{getElement as e,store as t}from"@wordpress/interactivity";const o="--vp-layout-current-columns";function n(e,t=()=>{}){const n=e.ownerDocument.defaultView||window,r=e.classList.contains("vp-layout-auto-columns");let s=0;const a=()=>{const n=r?function(e){const t=(e.ownerDocument.defaultView||window).getComputedStyle(e),o=e.clientWidth,n=parseFloat(t.columnGap)||0,r=function(e){const t=e.ownerDocument.createElement("div");t.style.cssText="position:absolute;visibility:hidden;pointer-events:none;width:var(--vp-layout-min-column-width,16rem)",e.appendChild(t);const o=t.offsetWidth;return t.remove(),o}(e);if(!o||!r)return 1;const s=parseInt(t.getPropertyValue("--vp-layout-columns"),10),a=Math.floor((o+n)/(r+n));return Math.max(1,s>0?Math.min(a,s):a)}(e):function(e){const t=(e.ownerDocument.defaultView||window).getComputedStyle(e);return Math.max(1,parseInt(t.getPropertyValue(o),10)||1)}(e);n!==s&&(s=n,r&&e.style.setProperty(o,String(n)),t(n))};a();const i=new n.ResizeObserver(a);return i.observe(e),r||i.observe(e.ownerDocument.documentElement),()=>{i.disconnect(),r&&e.style.removeProperty(o)}}const r=".wp-block-visual-portfolio-item-template__item",s=".wp-block-visual-portfolio-item-image";function a(e){const t=e.querySelector("img");return null!=t&&t.naturalWidth&&null!=t&&t.naturalHeight?t.naturalWidth/t.naturalHeight:1}function i(e){const t=e.ownerDocument.createComment("");e.appendChild(t),t.remove()}const l=".wp-block-visual-portfolio-item-template",c=".wp-block-visual-portfolio-item-template__item",u=".vp-block-loop",d=".vp-block-loop-carousel-indicator--dots",p=".vp-block-loop-carousel-dot",h="[data-vp-slide]",f="vp-block-loop-carousel-dot-worm",v=`.${f}`,m="is-collapsed",w="is-edge",y="is-edge-far",g="--vp-carousel-dots-shift",E='[data-vp-carousel-control="autoplay"]',b="vp-carousel-is-scrubbing",L=".vp-block-loop-carousel-thumbnails",S="vp-carousel-control-idle",M="vp-carousel-is-playing",A="vp-carousel-moved-round",x="--vp-carousel-copy-cover",q="--vp-carousel-copy-contain",P="vp-layout-masonry",W="vp-relayout",F="vp-carousel-go-to",I="vp-carousel-autoplay",k="vp-carousel-place",C="vp-carousel-autoplay-take",T="vp-carousel-step",N=()=>{},V=new WeakMap,O=new WeakMap,$=new WeakSet,R=new WeakSet,D=new WeakMap,H=new WeakSet,_=new WeakMap,z=new WeakMap,G=new WeakMap,X="--vp-carousel-seam-shift",Y="vp-carousel-pointer-focus",J=new Set(["Alt","AltGraph","CapsLock","Control","Fn","Meta","NumLock","OS","ScrollLock","Shift","Symbol"]),j="--snap-type";function B(e){return"true"===e.dataset.vpCarouselRepeat}function U(e,t){return!ve(e)&&e.querySelectorAll(c).length>Math.max(1,t)}function K(e){const t=e.querySelectorAll(c),o=t.length>1?Math.abs(t[1].offsetLeft-t[0].offsetLeft):e.scrollWidth-e.clientWidth,n=t.length?t.length*o:0;let r=0;if(t.length){const o=window.getComputedStyle(e),n=window.getComputedStyle(t[0]).scrollSnapAlign.startsWith("center"),s=parseFloat(o.paddingInlineStart)||0;r=n?s+(t[0].offsetWidth-e.clientWidth)/2:s-(parseFloat(o.scrollPaddingInlineStart)||0)}return{count:t.length,step:o,period:n,origin:r}}function Q(e,t){return t>0?(e%t+t)%t:0}function Z(e,t=K(e)){const{count:o,step:n,period:r,origin:s}=t;return o&&n?Math.round(Q(we(e)-s,r)/n)%o:0}function ee(e,t,o=0,n=0){const r=K(e),{count:s,step:a,period:l,origin:c}=r;if(!s||!a)return;const u=(t%s+s)%s,d=we(e),p=c+u*a;let h=p;if(o>0){for(;h-l>d+1;)h-=l;for(;h<=d+1;)h+=l}else if(o<0){for(;h+l=d-1;)h-=l}else h=[p-l,p,p+l].reduce((e,t)=>Math.abs(t-d)oe(e,t,n),l=()=>{te.delete(e),s?e.style.setProperty(j,s):e.style.removeProperty(j),i(e),e.dispatchEvent(new window.CustomEvent("vp-carousel-travel-end"))},c=Math.abs(o-t),u=c>0&&Math.sign(o-t)===Math.sign(r),d=Math.min(700,Math.max(120,3*c/Math.abs(r)));let p=u?d:450;"auto"===me()&&(p=0);const h=window.performance.now();let f=0;const v=e=>{const n=p?Math.min(1,(e-h)/p):1,r=1-n,s=u?1-r*r*r:.5-Math.cos(Math.PI*n)/2;a(t+(o-t)*s),f=n<1?window.requestAnimationFrame(v):window.requestAnimationFrame(()=>{f=window.requestAnimationFrame(l)})};te.set(e,()=>{window.cancelAnimationFrame(f),l()}),e.dispatchEvent(new window.CustomEvent("vp-carousel-travel-start")),a(t),f=window.requestAnimationFrame(v)}(e,d,h,l,n)}const te=new WeakMap;function oe(e,t,o){const n=function(e,t){const o=t-4,n=Q(e,t);return n>=4&&n<=o?n:n+t<=o?n+t:4}(t,o),r=n!==we(e);e.scrollTo({left:ve(e)?-n:n,behavior:"instant"}),r&&e.dispatchEvent(new window.Event("scroll"))}function ne(e){var t;null===(t=te.get(e))||void 0===t||t()}function re(e,t){const{count:o,step:n,origin:r}=K(e),s=r+(o?t%o:0)*n;e.scrollTo({left:ve(e)?-s:s,behavior:"instant"}),ye(e)}function se(e,t,o=me()){e.scrollTo({left:ve(e)?-t:t,behavior:o})}const ae=!(null===(ie=window.CSS)||void 0===ie||null===(le=ie.supports)||void 0===le||!le.call(ie,"display","grid-lanes"));var ie,le;function ce(e){return function(e,t){const o=e.ownerDocument.defaultView||window,a=()=>t(e),i=n(e,a);a(),e.addEventListener("load",a,!0);const l=new o.ResizeObserver(a);return l.observe(e),()=>{i(),e.removeEventListener("load",a,!0),l.disconnect(),e.style.height="",Array.from(e.querySelectorAll(r)).forEach(e=>{!function(e){e.style.position="",e.style.left="",e.style.top="",e.style.width="",e.style.height="";const t=e.querySelector(s);t&&(t.style.height="")}(e),e.dataset.vpLayoutHidden&&(delete e.dataset.vpLayoutHidden,e.style.display="")})}}(e,e=>function(e,t){const{width:o,gap:n,rowGap:i,rowHeight:l}=function(e){const t=(e.ownerDocument.defaultView||window).getComputedStyle(e),o=e.clientWidth,n=e=>e.endsWith("%")?parseFloat(e)/100*o:parseFloat(e),r=n(t.columnGap)||0,s=n(t.rowGap);return{width:o,gap:r,rowGap:Number.isNaN(s)?r:s,columns:Math.max(1,parseInt(t.getPropertyValue("--vp-layout-current-columns"),10)||1),rowHeight:parseFloat(t.getPropertyValue("--vp-layout-row-height"))||320}}(e),c=function(e){const t=e.ownerDocument.defaultView||window;return Array.from(e.querySelectorAll(r)).filter(e=>"true"===e.dataset.vpLayoutHidden||"none"!==t.getComputedStyle(e).display)}(e);if(!c.length||!o)return;const u=c.map(a),d=[];let p=[],h=0;const f=l*(1+Math.max(0,t.rowHeightTolerance||0));c.forEach((e,t)=>{p.push(t),h+=u[t];const r=(o-n*(p.length-1))/h;r<=f&&(d.push({items:p,height:r,isFull:!0}),p=[],h=0)}),p.length&&d.push({items:p,height:l,isFull:!1});const v=t.maxRowsCount?d.slice(0,t.maxRowsCount):d;let m=0;v.forEach(e=>{const r=e.items.reduce((t,o)=>t+u[o]*e.height,0)+n*(e.items.length-1);let a=0;e.isFull||("center"===t.lastRow?a=(o-r)/2:"right"===t.lastRow&&(a=o-r));let l=0;e.items.forEach(t=>{const o=c[t],r=u[t]*e.height,i=o.querySelector(s);o.style.position="absolute",o.style.left=`${a}px`,o.style.top=`${m}px`,o.style.width=`${r}px`,i&&(i.style.height=`${e.height}px`),l=Math.max(l,o.offsetHeight),a+=r+n}),m+=l+i}),d.forEach((e,o)=>{const n=o>=v.length||!e.isFull&&"hide"===t.lastRow;e.items.forEach(e=>{const t=c[e];n?(t.dataset.vpLayoutHidden="true",t.style.display="none"):t.dataset.vpLayoutHidden&&(delete t.dataset.vpLayoutHidden,t.style.display="")})}),e.style.height=`${Math.max(0,m-i)}px`}(e,function(e){const t=e.dataset;return{rowHeight:parseFloat(t.vpJustifiedRowHeight)||320,rowHeightTolerance:parseFloat(t.vpJustifiedTolerance)||0,maxRowsCount:parseInt(t.vpJustifiedMaxRows,10)||0,lastRow:t.vpJustifiedLastRow||"left"}}(e)))}function ue(e){return e.closest(".wp-block-visual-portfolio-item-template__carousel-frame")}function de(e){return e.closest(u)||ue(e)||e}function pe(e){return Array.from(de(e).querySelectorAll("[data-vp-carousel-control]"))}function he(e){const t=Array.from(e.querySelectorAll(c));if(!t.length)return[];const o=ve(e),n=Math.max(0,e.scrollWidth-e.clientWidth),r=window.getComputedStyle(t[0]).scrollSnapAlign.startsWith("center"),s=r?0:parseFloat(window.getComputedStyle(e).scrollPaddingInlineStart)||0;return t.map(t=>{const a=o?e.clientWidth-t.offsetLeft-t.offsetWidth:t.offsetLeft,i=r?(e.clientWidth-t.offsetWidth)/2:s,l=Math.max(0,Math.min(n,a-i));return n-l<2?n:l})}function fe(e,t=he(e)){if(B(e))return Z(e);const o=we(e);let n=0,r=Number.POSITIVE_INFINITY;return t.forEach((e,t)=>{const s=Math.abs(e-o);s=n;if(t.querySelectorAll(".vp-block-loop-carousel-previous").forEach(e=>{e.disabled=s}),t.querySelectorAll(".vp-block-loop-carousel-next").forEach(e=>{e.disabled=a}),e.classList.contains("vp-carousel-edge-fade")){const t=ve(e);be(e,"left",t?a:s),be(e,"right",t?s:a)}!function(e,t=de(e)){const o=ge(e),n=e.querySelectorAll(c).length;t.querySelectorAll(h).forEach(e=>{const t=parseInt(e.dataset.vpSlide,10);e.setAttribute("aria-current",t===o?"true":"false")});const r=Ae(e);t.querySelectorAll(d).forEach(e=>{!function(e,t,o){const n=e.querySelectorAll(p);if(!n.length)return;let r=0;o.forEach((e,o)=>{e<=t&&(r=o)}),n.forEach((e,t)=>{e.setAttribute("aria-current",t===r?"true":"false")});const s=parseInt(e.dataset.vpMaxDots,10)||0,a=s>0&&n.length>s,i=Se(e,n.length,r);if(function(e,t,o){const n=e.querySelector(v);if(!n)return;const r={left:Math.round(t.centreOf(t.index)-t.grown/2),width:t.grown},s=_.get(e);if(s&&s.left===r.left&&s.width===r.width)return;_.set(e,r);const a=(e,t)=>{n.style.insetInlineStart=`${Math.round(e)}px`,n.style.width=`${Math.round(t)}px`};if(!s||"auto"===me())return z.delete(e),void a(r.left,r.width);const i=z.get(e)||{tail:s.left,head:s.left+s.width,frame:0};if(i.tailFrom=i.tail,i.headFrom=i.head,i.tailTo=r.left,i.headTo=r.left+r.width,i.onwards=i.tailTo>=i.tailFrom,i.reach=o,i.started=window.performance.now(),z.set(e,i),i.frame)return;const l=()=>{if(!n.isConnected||z.get(e)!==i)return void(i.frame=0);const t=Math.min(1,(window.performance.now()-i.started)/420),o=(e=>1-(1-e)**3)(Math.min(1,t/.55)),r=(e=>e*e*(3-2*e))(Math.max(0,(t-.32)/.6799999999999999)),s=i.onwards?o:r,c=i.onwards?r:o;i.head=i.headFrom+(i.headTo-i.headFrom)*s,i.tail=i.tailFrom+(i.tailTo-i.tailFrom)*c,i.head-i.tail>i.reach&&(i.onwards?i.tail=i.head-i.reach:i.head=i.tail+i.reach),a(i.tail,Math.max(1,i.head-i.tail)),i.frame=t<1?window.requestAnimationFrame(l):0};i.frame=window.requestAnimationFrame(l)}(e,i,a?3*i.slot:Number.POSITIVE_INFINITY),!a)return e.classList.remove(m),e.style.removeProperty(g),n.forEach(e=>{e.classList.remove(w,y)}),void D.delete(e);e.classList.add(m);const l=e.querySelector(`${p}:focus-visible`),c=l?Array.prototype.indexOf.call(n,l):r;H.has(e)||(H.add(e),e.addEventListener("focusin",t=>{const o=t.target.closest(p);if(null==o||!o.matches(":focus-visible"))return;const n=e.querySelectorAll(p),r=Math.max(0,Array.prototype.findIndex.call(n,e=>"true"===e.getAttribute("aria-current")));xe(e,Se(e,n.length,r),Array.prototype.indexOf.call(n,o))})),xe(e,i,c)}(e,o,r)}),t.querySelectorAll(L).forEach(e=>{!function(e,t){if(D.get(e)===t)return;D.set(e,t);const o=e.querySelectorAll(".vp-block-loop-carousel-thumb")[t];if(!o||e.scrollWidth<=e.clientWidth)return;const n=o.offsetLeft+o.offsetWidth/2,r=e.scrollWidth-e.clientWidth,s=n-e.clientWidth/2,a=ve(e)?Math.max(-r,Math.min(0,s)):Math.max(0,Math.min(r,s));e.scrollTo({left:a,behavior:me()})}(e,o)}),t.querySelectorAll(".vp-block-loop-carousel-indicator--counter").forEach(e=>{Ee(e,".vp-block-loop-carousel-counter-current",o+1),Ee(e,".vp-block-loop-carousel-counter-total",n)});const s=function(e){if(B(e)){const t=e.querySelectorAll(c).length;return t>1?ge(e)/(t-1):1}const t=e.scrollWidth-e.clientWidth;return t>0?Math.min(1,Math.max(0,we(e)/t)):1}(e);t.querySelectorAll(".vp-block-loop-carousel-indicator--progress").forEach(e=>{e.style.setProperty("--vp-carousel-progress",100*s+"%"),e.setAttribute("aria-valuenow",String(Math.round(100*s)));const t=e.dataset.vpPositionLabel;t&&e.setAttribute("aria-valuetext",t.replace("%1$d",String(o+1)).replace("%2$d",String(n)))})}(e,t)}function ge(e){const t=O.get(e);return t&&window.performance.now()-t.time<1200?t.index:fe(e)}function Ee(e,t,o){const n=e.querySelector(t),r=String(o);n&&n.textContent!==r&&(n.textContent=r)}function be(e,t,o){const n=`--vp-carousel-fade-${t}`;o!==("0px"===e.style.getPropertyValue(n))&&(o?e.style.setProperty(n,"0px"):e.style.removeProperty(n))}function Le(e){const t=Ae(e);de(e).querySelectorAll(d).forEach(e=>{!function(e,t){const o=e.querySelectorAll(p),n=e.dataset.vpDotLabel||"",r=t.length;for(let e=o.length-1;e>=r;e-=1)o[e].remove();for(let t=o.length;t{const r=t[o];e.dataset.vpSlide=String(r),e.setAttribute("aria-label",n.replace("%d",String(r+1)))}),r&&!e.querySelector(v)){const t=document.createElement("span");t.className=f,t.setAttribute("aria-hidden","true"),t.innerHTML='',e.prepend(t)}}(e,t)})}function Se(e,t,o){const n=window.getComputedStyle(e),r=parseFloat(n.getPropertyValue("--vp-carousel-dot-slot"))||18,s=parseFloat(n.getPropertyValue("--vp-carousel-dot-size"))||6,a=parseFloat(n.getPropertyValue("--vp-carousel-dot-active-size"))||r,i=Math.max(0,(a-s)/2),l=parseFloat(n.paddingInlineStart)||0,c=Math.min(Math.max(o,0),Math.max(0,t-1));return{slot:r,grown:a,index:c,centreOf:e=>l+e*r+r/2+(e=>e===c?0:e{const i=0===t%n||!r&&t===s;e.classList.toggle("vp-carousel-no-snap",n>1&&!i);const l=a[a.length-1];i&&(r||1===n||void 0===l||o[t]!==o[l])&&a.push(t)}),G.set(e,a)}function Ae(e){return G.get(e)||Array.from(e.querySelectorAll(c),(e,t)=>t)}function xe(e,t,o){const n=e.querySelectorAll(p),r=e.clientWidth;if(!r||D.get(e)===o)return;D.set(e,o);const{centreOf:s,content:a}=t,i=Math.round(Math.min(0,Math.max(r-a,r/2-s(o))));e.style.setProperty(g,`${i}px`);const l=[i<0,i>r-a],c=[];n.forEach((e,t)=>{const o=s(t)+i;o>=0&&o<=r&&c.push(t)}),n.forEach((e,t)=>{const n=c.indexOf(t),r=t===o||n<0?n<0?-1:Number.POSITIVE_INFINITY:Math.min(l[0]?n:Number.POSITIVE_INFINITY,l[1]?c.length-1-n:Number.POSITIVE_INFINITY);e.classList.toggle(w,1===r),e.classList.toggle(y,r<=0)})}function qe(e,t,o){let n=t+o;for(;n>=0&&n=1)return n;if(!Number.isInteger(n))return 1;const r=e.clientWidth;if(B(e)){const{step:t}=K(e);return t>0?Math.max(1,Math.round(r/t)):1}const s=t[Math.max(0,Math.min(t.length-1,o))];for(let e=o+1;e=r)return e-o;return Math.max(1,t.length-1-o)}function We(e,t,o){if(!e.length)return t;let n=t,r=Number.POSITIVE_INFINITY;return e.forEach(e=>{[e-o,e,e+o].forEach(e=>{const o=Math.abs(e-t);o0?null!==(r=e.find(e=>e>t))&&void 0!==r?r:e[0]:null!==(n=[...e].reverse().find(e=>e0&&t>=e.length-1||o<0&&t<=0)return r;const s=Math.max(0,Math.min(e.length-1,r));return e[s]===e[t]?qe(e,t,o):s}(r,s,t,a),r)}function Ie(e,t,o=he(e)){if(B(e))return void ee(e,t);const n=Math.max(0,Math.min(o.length-1,t));o.length&&n===t&&(O.set(e,{index:n,time:window.performance.now()}),se(e,o[n]))}function ke(e,t=de(e)){const o=!$.has(e);t.classList.toggle("vp-carousel-is-stopped",!o),t.querySelectorAll(E).forEach(e=>{const t=o?e.dataset.vpPauseLabel:e.dataset.vpPlayLabel;t&&e.setAttribute("aria-label",t)})}function Ce(e,t){const o=()=>ye(e),r=t=>{var o;return Ie(e,null===(o=t.detail)||void 0===o?void 0:o.index)},s=t=>{const{period:o}=K(e);B(e)&&o&&t.detail&&(oe(e,t.detail.position,o),t.detail.position=we(e))};let a;B(e)&&R.add(e);let l=0;const u=n(e,t=>{l=t,void 0!==a&&R.has(e)&&U(e,t)!==a?e.dispatchEvent(new window.Event(W)):(Me(e),Le(e),ye(e),V.has(e)&&i(e))});a=R.has(e)&&U(e,l),a?e.dataset.vpCarouselRepeat="true":delete e.dataset.vpCarouselRepeat;const d=!!parseFloat(e.dataset.vpCarouselAutoplay)&&!window.matchMedia("(prefers-reduced-motion: reduce)").matches,p=function(e,t){const o=pe(e).filter(e=>t||!e.matches(E));return o.forEach(e=>{e.classList.remove(S)}),()=>{o.forEach(e=>{e.classList.add(S)})}}(e,d);Me(e),Le(e),ye(e),e.addEventListener("scroll",o,{passive:!0}),e.addEventListener(F,r),e.addEventListener(k,s);const h=function(e,t){const o=new window.MutationObserver(e=>{const o=e.flatMap(e=>Array.from(e.addedNodes)).filter(e=>{var t;return 1===e.nodeType&&(null===(t=e.matches)||void 0===t?void 0:t.call(e,c))});o.length&&t()});return o.observe(e,{childList:!0}),()=>o.disconnect()}(e,()=>{Me(e),Le(e),ye(e)}),f=a?function(e){const t=e.ownerDocument.defaultView||window,o=()=>{const t=parseFloat(e.style.getPropertyValue(X))||0,{count:o,step:n,period:r,origin:s}=K(e);if(!o||!n)return;const a=((s-t)%n+n)%n,l=a<5||a>n-5?10:0;l!==t&&(l?e.style.setProperty(X,`${l}px`):e.style.removeProperty(X),r&&oe(e,we(e)+(l-t),r),V.has(e)&&i(e))};o();const n=new t.ResizeObserver(o);return n.observe(e),()=>{n.disconnect(),e.style.removeProperty(X)}}(e):N;a&&re(e,null!=t?t:0);const v=window.matchMedia("(hover: hover) and (pointer: fine)").matches,m=e.dataset.vpCarouselSrc,w=t=>{0===t.button&&(t.preventDefault(),e.classList.add(Y),e.focus({preventScroll:!0}))},y=()=>e.classList.remove(Y),g=e=>{J.has(e.key)||y()};v&&(e.addEventListener("mousedown",w),e.addEventListener("keydown",g),e.addEventListener("blur",y));const P=a?function(e){let t=[],o=0;const n=e=>{o+=Math.abs(e.clientX-t[t.length-1].x),t.push({x:e.clientX,time:e.timeStamp})},r=()=>{window.removeEventListener("pointermove",n),window.removeEventListener("pointerup",s),window.removeEventListener("pointercancel",s)};function s(n){if(r(),o<=10||"true"!==e.getAttribute("has-overflow"))return;const{count:s,step:a,origin:i}=K(e);if(!s||!a)return;const l=n.clientX,c=n.timeStamp,u=t.find(e=>c-e.time<=80)||t[t.length-1],d=Math.max(1,c-u.time),p=(l-u.x)/d*(ve(e)?1:-1),h=we(e)+290*p;ee(e,We(Ae(e),Math.round((h-i)/a),s),0,p)}const a=r=>{ne(e),t=[{x:r.clientX,time:r.timeStamp}],o=0,window.addEventListener("pointermove",n),window.addEventListener("pointerup",s),window.addEventListener("pointercancel",s)};return e.addEventListener("pointerdown",a),()=>{e.removeEventListener("pointerdown",a),r()}}(e):N,D=a?function(e){const t=Object.getOwnPropertyDescriptor(Element.prototype,"scrollWidth");return null!=t&&t.get?(Object.defineProperty(e,"scrollWidth",{configurable:!0,get(){const o=e.querySelectorAll(c);return o.length<2?t.get.call(e):e.clientWidth+o.length*Math.abs(o[1].offsetLeft-o[0].offsetLeft)}}),()=>{delete e.scrollWidth}):N}(e):N;let H=!1;(v||a)&&m&&import(m).then(({Blossom:o})=>{if(H||!e.isConnected||V.has(e))return;const n=o(e,{repeat:a});V.set(e,n),n.init(),a&&(i(e),re(e,null!=t?t:0),window.requestAnimationFrame(()=>{window.requestAnimationFrame(()=>{V.has(e)&&i(e)})}))}).catch(()=>{});const _=function(e){const t=1e3*parseFloat(e.dataset.vpCarouselAutoplay);if(!t||window.matchMedia("(prefers-reduced-motion: reduce)").matches)return N;const o=de(e),n=[ue(e)||e,...pe(e)];let r=0,s=0,a=0;const i=new Set,l=new Set;let c=!1,u=!0,d=-1,p=!1;const h=e=>{o.style.setProperty("--vp-carousel-autoplay-progress",100*e+"%")},f=()=>{r=0,h(0)},v=o=>{a=window.requestAnimationFrame(v);const n=o-s;if(s=o,[i,l].forEach(e=>{e.forEach(t=>{t.isConnected||e.delete(t)})}),p)return void e.dispatchEvent(new window.CustomEvent("vp-carousel-autoplay-frame",{detail:{elapsed:n,held:!!(l.size||c||u||$.has(e)),pointer:i.size>0,keyboard:l.size>0}}));if(i.size||l.size||c||u||$.has(e))return;const m=ge(e);m!==d&&(d=m,f()),r+=n,h(Math.min(1,r/t)),r=e.scrollWidth-e.clientWidth-1?e.scrollTo({left:0,behavior:me()}):Fe(e,1))},m=e=>i.add(e.currentTarget),w=e=>i.delete(e.currentTarget),y=e=>{var t,o;null!==(t=(o=e.target).matches)&&void 0!==t&&t.call(o,":focus-visible")&&!e.target.classList.contains(Y)&&l.add(e.currentTarget)},g=e=>l.delete(e.currentTarget),E=e=>{var t,o;"visitor"!==(null===(t=e.detail)||void 0===t?void 0:t.source)&&(c=!1===(null===(o=e.detail)||void 0===o?void 0:o.playing))},b=ue(e)||e,L=new(b.ownerDocument.defaultView||window).IntersectionObserver(e=>{e.forEach(e=>{u=!e.isIntersecting})},{threshold:.5});L.observe(b),o.classList.add(M),n.forEach(e=>{e.addEventListener("pointerenter",m),e.addEventListener("pointerleave",w),e.addEventListener("focusin",y),e.addEventListener("focusout",g)}),e.addEventListener(I,E);const S=()=>{p=!0,h(0)};return e.addEventListener(T,f),e.addEventListener(C,S),ke(e,o),a=window.requestAnimationFrame(e=>{s=e,v(e)}),()=>{window.cancelAnimationFrame(a),L.disconnect(),o.classList.remove(M),n.forEach(e=>{e.removeEventListener("pointerenter",m),e.removeEventListener("pointerleave",w),e.removeEventListener("focusin",y),e.removeEventListener("focusout",g)}),e.removeEventListener(I,E),e.removeEventListener(T,f),e.removeEventListener(C,S),o.style.removeProperty("--vp-carousel-autoplay-progress")}}(e),z=function(e){const t=de(e),o=Array.from(t.querySelectorAll(".vp-block-loop-carousel-indicator--progress.is-draggable"));if(!o.length)return N;let n=null,r=null,s=0,a=!1;const i=()=>{n?e.style.setProperty(j,n):e.style.removeProperty(j),n=null,e.classList.remove(b)},l=(t,o)=>{const n=t.getBoundingClientRect(),r=ve(e)?n.right-o:o-n.left;return n.width>0?Math.min(1,Math.max(0,r/n.width)):0},u=(t,o)=>We(Ae(e),Math.round(t*Math.max(0,o-1)),o),d=t=>{if(r){if(!a){if(Math.abs(t.clientX-s)<3)return;a=!0,n=e.style.getPropertyValue(j),e.style.setProperty(j,"none"),e.classList.add(b),O.delete(e)}(t=>{if(B(e)){const{count:o,step:n,origin:r,period:s}=K(e);return void oe(e,r+t*Math.max(0,o-1)*n,s)}se(e,t*(e.scrollWidth-e.clientWidth),"instant")})(l(r,t.clientX))}},p=t=>{if(!r)return;const o=l(r,t.clientX),n=a;r=null,a=!1,window.removeEventListener("pointermove",d),window.removeEventListener("pointerup",p),window.removeEventListener("pointercancel",p),n?(t=>{if(i(),!B(e))return;const o=e.querySelectorAll(c).length;ee(e,u(t,o),0)})(o):(t=>{const o=e.querySelectorAll(c).length;e.dispatchEvent(new window.CustomEvent(T)),B(e)?ee(e,u(t,o),0):se(e,t*(e.scrollWidth-e.clientWidth))})(o)},h=t=>{ne(e),r=t.currentTarget,s=t.clientX,a=!1,window.addEventListener("pointermove",d),window.addEventListener("pointerup",p),window.addEventListener("pointercancel",p)},f=t=>{const o=ve(e),n=e.querySelectorAll(c).length,r=o?"ArrowRight":"ArrowLeft",s=o?"ArrowLeft":"ArrowRight";switch(t.key){case r:case"ArrowDown":case"PageDown":Fe(e,-1);break;case s:case"ArrowUp":case"PageUp":Fe(e,1);break;case"Home":Ie(e,0);break;case"End":Ie(e,n-1);break;default:return}t.preventDefault()};return o.forEach(e=>{e.addEventListener("pointerdown",h),e.addEventListener("keydown",f)}),()=>{o.forEach(e=>{e.removeEventListener("pointerdown",h),e.removeEventListener("keydown",f)}),window.removeEventListener("pointermove",d),window.removeEventListener("pointerup",p),window.removeEventListener("pointercancel",p),i()}}(e),G=function(e,t){const o=Array.from(de(e).querySelectorAll(L)),n=e.dataset.vpCarouselSrc;if(!o.length||!n||!t)return N;const r=[];let s=!1;return import(n).then(({Blossom:e})=>{s||o.forEach(t=>{if(!t.isConnected||V.has(t))return;const o=e(t,{repeat:!1});V.set(t,o),o.init(),r.push(t)})}).catch(()=>{}),()=>{s=!0,r.forEach(e=>{var t;null===(t=V.get(e))||void 0===t||t.destroy(),V.delete(e)})}}(e,v),Q=a?function(e){const t=t=>{const o=parseFloat(t.style.translate)||0;if(t.classList.toggle(A,!!o),!o)return t.style.removeProperty(x),void t.style.removeProperty(q);const n=parseFloat(window.getComputedStyle(t).viewTimelineInset)||0,r=t.offsetLeft+o,s=r+t.offsetWidth,a=e.clientWidth;t.style.setProperty(x,`${r-a+n}px ${s-n}px`),t.style.setProperty(q,`${s-a+n}px ${r-n}px`)},o=new window.MutationObserver(e=>{e.forEach(e=>{t(e.target)})});return e.querySelectorAll(c).forEach(t),o.observe(e,{attributes:!0,attributeFilter:["style"],subtree:!0}),()=>{o.disconnect(),e.querySelectorAll(c).forEach(e=>{e.classList.remove(A),e.style.removeProperty(x),e.style.removeProperty(q)})}}(e):N;return e.dispatchEvent(new window.CustomEvent("vp-carousel-start",{bubbles:!0})),()=>{H=!0,e.dispatchEvent(new window.CustomEvent("vp-carousel-stop",{bubbles:!0})),Q(),_(),z(),G(),u(),p(),e.removeEventListener("scroll",o),e.removeEventListener(F,r),e.removeEventListener(k,s),e.removeEventListener("mousedown",w),e.removeEventListener("keydown",g),e.removeEventListener("blur",y),y(),f(),P(),ne(e),D(),h();const t=V.get(e);t&&(V.delete(e),t.destroy(),e.querySelectorAll(c).forEach(e=>{e.style.removeProperty("translate")}))}}function Te(e){var t;return(null===(t=e.closest(u))||void 0===t?void 0:t.querySelector(l))||null}function Ne(e,t){return"justified"===e.dataset.vpLayout?ce(e):"carousel"===e.dataset.vpLayout?Ce(e,t):void 0}ae&&"undefined"!=typeof document&&document.querySelectorAll(`${l}.${P}`).forEach(e=>{e.classList.remove(P),e.classList.add("vp-layout-masonry-native")}),t("visual-portfolio/item-template",{state:{hasScript:!0,useJsMasonry:!ae,useNativeMasonry:ae},actions:{carouselPrev(){const t=Te(e().ref);t&&Fe(t,-1)},carouselNext(){const t=Te(e().ref);t&&Fe(t,1)},carouselAutoplayToggle(){const{ref:t}=e(),o=Te(t);if(!o)return;const n=$.has(o);n?$.delete(o):$.add(o),ke(o),o.dispatchEvent(new window.CustomEvent(I,{detail:{playing:n,source:"visitor"}}))},carouselGoTo(t){const{ref:o}=e(),n=t.target.closest(h),r=Te(o),s=n?parseInt(n.dataset.vpSlide,10):-1;!r||s<0||(r.dispatchEvent(new window.CustomEvent(T)),Ie(r,s))}},callbacks:{initLayout(){const{ref:t}=e();let o=Ne(t);if(!o)return;const n=()=>{const e="carousel"===t.dataset.vpLayout?fe(t):void 0;o(),o=Ne(t,e)||N};return t.addEventListener(W,n),()=>{t.removeEventListener(W,n),o()}}}}); \ No newline at end of file +import{getElement as e,store as t}from"@wordpress/interactivity";const o="--vp-layout-current-columns";function n(e,t=()=>{}){const n=e.ownerDocument.defaultView||window,r=e.classList.contains("vp-layout-auto-columns");let s=0;const a=()=>{const n=r?function(e){const t=(e.ownerDocument.defaultView||window).getComputedStyle(e),o=e.clientWidth,n=parseFloat(t.columnGap)||0,r=function(e){const t=e.ownerDocument.createElement("div");t.style.cssText="position:absolute;visibility:hidden;pointer-events:none;width:var(--vp-layout-min-column-width,16rem)",e.appendChild(t);const o=t.offsetWidth;return t.remove(),o}(e);if(!o||!r)return 1;const s=parseInt(t.getPropertyValue("--vp-layout-columns"),10),a=Math.floor((o+n)/(r+n));return Math.max(1,s>0?Math.min(a,s):a)}(e):function(e){const t=(e.ownerDocument.defaultView||window).getComputedStyle(e);return Math.max(1,parseInt(t.getPropertyValue(o),10)||1)}(e);n!==s&&(s=n,r&&e.style.setProperty(o,String(n)),t(n))};a();const i=new n.ResizeObserver(a);return i.observe(e),r||i.observe(e.ownerDocument.documentElement),()=>{i.disconnect(),r&&e.style.removeProperty(o)}}const r=".wp-block-visual-portfolio-item-template__item",s=".wp-block-visual-portfolio-item-image";function a(e){const t=e.querySelector("img");return null!=t&&t.naturalWidth&&null!=t&&t.naturalHeight?t.naturalWidth/t.naturalHeight:1}function i(e){const t=e.ownerDocument.createComment("");e.appendChild(t),t.remove()}const l=".wp-block-visual-portfolio-item-template",c=".wp-block-visual-portfolio-item-template__item",u=".vp-block-loop",d=".vp-block-loop-carousel-indicator--dots",p=".vp-block-loop-carousel-dot",h="[data-vp-slide]",f="vp-block-loop-carousel-dot-worm",v=`.${f}`,m="is-collapsed",w="is-edge",y="is-edge-far",g="--vp-carousel-dots-shift",E='[data-vp-carousel-control="autoplay"]',b="vp-carousel-is-scrubbing",L=".vp-block-loop-carousel-thumbnails",S="vp-carousel-control-idle",M="vp-carousel-is-playing",A="vp-carousel-moved-round",x="--vp-carousel-copy-cover",q="--vp-carousel-copy-contain",P="vp-layout-masonry",W="vp-relayout",F="vp-carousel-go-to",I="vp-carousel-autoplay",k="vp-carousel-place",C="vp-carousel-autoplay-take",T="vp-carousel-step",N=()=>{},V=new WeakMap,O=new WeakMap,$=new WeakSet,R=new WeakSet,D=new WeakMap,H=new WeakSet,_=new WeakMap,z=new WeakMap,G=new WeakMap,X="--vp-carousel-seam-shift",Y="vp-carousel-pointer-focus",J=new Set(["Alt","AltGraph","CapsLock","Control","Fn","Meta","NumLock","OS","ScrollLock","Shift","Symbol"]),j="--snap-type";function B(e){return"true"===e.dataset.vpCarouselRepeat}function U(e,t){return!ve(e)&&e.querySelectorAll(c).length>Math.max(1,t)}function K(e){const t=e.querySelectorAll(c),o=t.length>1?Math.abs(t[1].offsetLeft-t[0].offsetLeft):e.scrollWidth-e.clientWidth,n=t.length?t.length*o:0;let r=0;if(t.length){const o=window.getComputedStyle(e),n=window.getComputedStyle(t[0]).scrollSnapAlign.startsWith("center"),s=parseFloat(o.paddingInlineStart)||0;r=n?s+(t[0].offsetWidth-e.clientWidth)/2:s-(parseFloat(o.scrollPaddingInlineStart)||0)}return{count:t.length,step:o,period:n,origin:r}}function Q(e,t){return t>0?(e%t+t)%t:0}function Z(e,t=K(e)){const{count:o,step:n,period:r,origin:s}=t;return o&&n?Math.round(Q(we(e)-s,r)/n)%o:0}function ee(e,t,o=0,n=0){const r=K(e),{count:s,step:a,period:l,origin:c}=r;if(!s||!a)return;const u=(t%s+s)%s,d=we(e),p=c+u*a;let h=p;if(o>0){for(;h-l>d+1;)h-=l;for(;h<=d+1;)h+=l}else if(o<0){for(;h+l=d-1;)h-=l}else h=[p-l,p,p+l].reduce((e,t)=>Math.abs(t-d)oe(e,t,n),l=()=>{te.delete(e),s?e.style.setProperty(j,s):e.style.removeProperty(j),i(e),e.dispatchEvent(new window.CustomEvent("vp-carousel-travel-end"))},c=Math.abs(o-t),u=c>0&&Math.sign(o-t)===Math.sign(r),d=Math.min(700,Math.max(120,3*c/Math.abs(r)));let p=u?d:450;"auto"===me()&&(p=0);const h=window.performance.now();let f=0;const v=e=>{const n=p?Math.min(1,(e-h)/p):1,r=1-n,s=u?1-r*r*r:.5-Math.cos(Math.PI*n)/2;a(t+(o-t)*s),f=n<1?window.requestAnimationFrame(v):window.requestAnimationFrame(()=>{f=window.requestAnimationFrame(l)})};te.set(e,()=>{window.cancelAnimationFrame(f),l()}),e.dispatchEvent(new window.CustomEvent("vp-carousel-travel-start")),a(t),f=window.requestAnimationFrame(v)}(e,d,h,l,n)}const te=new WeakMap;function oe(e,t,o){const n=function(e,t){const o=t-4,n=Q(e,t);return n>=4&&n<=o?n:n+t<=o?n+t:4}(t,o),r=n!==we(e);e.scrollTo({left:ve(e)?-n:n,behavior:"instant"}),r&&e.dispatchEvent(new window.Event("scroll"))}function ne(e){var t;null===(t=te.get(e))||void 0===t||t()}function re(e,t){const{count:o,step:n,origin:r}=K(e),s=r+(o?t%o:0)*n;e.scrollTo({left:ve(e)?-s:s,behavior:"instant"}),ye(e)}function se(e,t,o=me()){e.scrollTo({left:ve(e)?-t:t,behavior:o})}const ae=!(null===(ie=window.CSS)||void 0===ie||null===(le=ie.supports)||void 0===le||!le.call(ie,"display","grid-lanes"));var ie,le;function ce(e){return function(e,t){const o=e.ownerDocument.defaultView||window,a=()=>t(e),i=n(e,a);a(),e.addEventListener("load",a,!0);const l=new o.ResizeObserver(a);return l.observe(e),()=>{i(),e.removeEventListener("load",a,!0),l.disconnect(),e.style.height="",Array.from(e.querySelectorAll(r)).forEach(e=>{!function(e){e.style.position="",e.style.left="",e.style.top="",e.style.width="",e.style.height="";const t=e.querySelector(s);t&&(t.style.height="")}(e),e.dataset.vpLayoutHidden&&(delete e.dataset.vpLayoutHidden,e.style.display="")})}}(e,e=>function(e,t){const{width:o,gap:n,rowGap:i,rowHeight:l}=function(e){const t=(e.ownerDocument.defaultView||window).getComputedStyle(e),o=e.clientWidth,n=e=>e.endsWith("%")?parseFloat(e)/100*o:parseFloat(e),r=n(t.columnGap)||0,s=n(t.rowGap);return{width:o,gap:r,rowGap:Number.isNaN(s)?r:s,columns:Math.max(1,parseInt(t.getPropertyValue("--vp-layout-current-columns"),10)||1),rowHeight:parseFloat(t.getPropertyValue("--vp-layout-row-height"))||320}}(e),c=function(e){const t=e.ownerDocument.defaultView||window;return Array.from(e.querySelectorAll(r)).filter(e=>"true"===e.dataset.vpLayoutHidden||"none"!==t.getComputedStyle(e).display)}(e);if(!c.length||!o)return;const u=c.map(a),d=[];let p=[],h=0;const f=l*(1+Math.max(0,t.rowHeightTolerance||0));c.forEach((e,t)=>{p.push(t),h+=u[t];const r=(o-n*(p.length-1))/h;r<=f&&(d.push({items:p,height:r,isFull:!0}),p=[],h=0)}),p.length&&d.push({items:p,height:l,isFull:!1});const v=t.maxRowsCount?d.slice(0,t.maxRowsCount):d;let m=0;v.forEach(e=>{const r=e.items.reduce((t,o)=>t+u[o]*e.height,0)+n*(e.items.length-1);let a=0;e.isFull||("center"===t.lastRow?a=(o-r)/2:"right"===t.lastRow&&(a=o-r));let l=0;e.items.forEach(t=>{const o=c[t],r=u[t]*e.height,i=o.querySelector(s);o.style.position="absolute",o.style.left=`${a}px`,o.style.top=`${m}px`,o.style.width=`${r}px`,i&&(i.style.height=`${e.height}px`),l=Math.max(l,o.offsetHeight),a+=r+n}),m+=l+i}),d.forEach((e,o)=>{const n=o>=v.length||!e.isFull&&"hide"===t.lastRow;e.items.forEach(e=>{const t=c[e];n?(t.dataset.vpLayoutHidden="true",t.style.display="none"):t.dataset.vpLayoutHidden&&(delete t.dataset.vpLayoutHidden,t.style.display="")})}),e.style.height=`${Math.max(0,m-i)}px`}(e,function(e){const t=e.dataset;return{rowHeight:parseFloat(t.vpJustifiedRowHeight)||320,rowHeightTolerance:parseFloat(t.vpJustifiedTolerance)||0,maxRowsCount:parseInt(t.vpJustifiedMaxRows,10)||0,lastRow:t.vpJustifiedLastRow||"left"}}(e)))}function ue(e){return e.closest(".wp-block-visual-portfolio-item-template__carousel-frame")}function de(e){return e.closest(u)||ue(e)||e}function pe(e){return Array.from(de(e).querySelectorAll("[data-vp-carousel-control]"))}function he(e){const t=Array.from(e.querySelectorAll(c));if(!t.length)return[];const o=ve(e),n=Math.max(0,e.scrollWidth-e.clientWidth),r=window.getComputedStyle(t[0]).scrollSnapAlign.startsWith("center"),s=r?0:parseFloat(window.getComputedStyle(e).scrollPaddingInlineStart)||0;return t.map(t=>{const a=o?e.clientWidth-t.offsetLeft-t.offsetWidth:t.offsetLeft,i=r?(e.clientWidth-t.offsetWidth)/2:s,l=Math.max(0,Math.min(n,a-i));return n-l<2?n:l})}function fe(e,t=he(e)){if(B(e))return Z(e);const o=we(e);let n=0,r=Number.POSITIVE_INFINITY;return t.forEach((e,t)=>{const s=Math.abs(e-o);s=n;if(t.querySelectorAll(".vp-block-loop-carousel-previous").forEach(e=>{e.disabled=s}),t.querySelectorAll(".vp-block-loop-carousel-next").forEach(e=>{e.disabled=a}),e.classList.contains("vp-carousel-edge-fade")){const t=ve(e);be(e,"left",t?a:s),be(e,"right",t?s:a)}!function(e,t=de(e)){const o=ge(e),n=e.querySelectorAll(c).length;t.querySelectorAll(h).forEach(e=>{const t=parseInt(e.dataset.vpSlide,10);e.setAttribute("aria-current",t===o?"true":"false")});const r=Ae(e);t.querySelectorAll(d).forEach(e=>{!function(e,t,o){const n=e.querySelectorAll(p);if(!n.length)return;let r=0;o.forEach((e,o)=>{e<=t&&(r=o)}),n.forEach((e,t)=>{e.setAttribute("aria-current",t===r?"true":"false")});const s=parseInt(e.dataset.vpMaxDots,10)||0,a=s>0&&n.length>s,i=Se(e,n.length,r);if(function(e,t,o){const n=e.querySelector(v);if(!n)return;const r={left:Math.round(t.centreOf(t.index)-t.grown/2),width:t.grown},s=_.get(e);if(s&&s.left===r.left&&s.width===r.width)return;_.set(e,r);const a=(e,t)=>{n.style.insetInlineStart=`${Math.round(e)}px`,n.style.width=`${Math.round(t)}px`};if(!s||"auto"===me())return z.delete(e),void a(r.left,r.width);const i=z.get(e)||{tail:s.left,head:s.left+s.width,frame:0};if(i.tailFrom=i.tail,i.headFrom=i.head,i.tailTo=r.left,i.headTo=r.left+r.width,i.onwards=i.tailTo>=i.tailFrom,i.reach=o,i.started=window.performance.now(),z.set(e,i),i.frame)return;const l=()=>{if(!n.isConnected||z.get(e)!==i)return void(i.frame=0);const t=Math.min(1,(window.performance.now()-i.started)/420),o=(e=>1-(1-e)**3)(Math.min(1,t/.55)),r=(e=>e*e*(3-2*e))(Math.max(0,(t-.32)/.6799999999999999)),s=i.onwards?o:r,c=i.onwards?r:o;i.head=i.headFrom+(i.headTo-i.headFrom)*s,i.tail=i.tailFrom+(i.tailTo-i.tailFrom)*c,i.head-i.tail>i.reach&&(i.onwards?i.tail=i.head-i.reach:i.head=i.tail+i.reach),a(i.tail,Math.max(1,i.head-i.tail)),i.frame=t<1?window.requestAnimationFrame(l):0};i.frame=window.requestAnimationFrame(l)}(e,i,a?3*i.slot:Number.POSITIVE_INFINITY),!a)return e.classList.remove(m),e.style.removeProperty(g),n.forEach(e=>{e.classList.remove(w,y)}),void D.delete(e);e.classList.add(m);const l=e.querySelector(`${p}:focus-visible`),c=l?Array.prototype.indexOf.call(n,l):r;H.has(e)||(H.add(e),e.addEventListener("focusin",t=>{const o=t.target.closest(p);if(null==o||!o.matches(":focus-visible"))return;const n=e.querySelectorAll(p),r=Math.max(0,Array.prototype.findIndex.call(n,e=>"true"===e.getAttribute("aria-current")));xe(e,Se(e,n.length,r),Array.prototype.indexOf.call(n,o))})),xe(e,i,c)}(e,o,r)}),t.querySelectorAll(L).forEach(e=>{!function(e,t){if(D.get(e)===t)return;D.set(e,t);const o=e.querySelectorAll(".vp-block-loop-carousel-thumb")[t];if(!o||e.scrollWidth<=e.clientWidth)return;const n=o.offsetLeft+o.offsetWidth/2,r=e.scrollWidth-e.clientWidth,s=n-e.clientWidth/2,a=ve(e)?Math.max(-r,Math.min(0,s)):Math.max(0,Math.min(r,s));e.scrollTo({left:a,behavior:me()})}(e,o)}),t.querySelectorAll(".vp-block-loop-carousel-indicator--counter").forEach(e=>{Ee(e,".vp-block-loop-carousel-counter-current",o+1),Ee(e,".vp-block-loop-carousel-counter-total",n)});const s=function(e){if(B(e)){const t=e.querySelectorAll(c).length;return t>1?ge(e)/(t-1):1}const t=e.scrollWidth-e.clientWidth;return t>0?Math.min(1,Math.max(0,we(e)/t)):1}(e);t.querySelectorAll(".vp-block-loop-carousel-indicator--progress").forEach(e=>{e.style.setProperty("--vp-carousel-progress",100*s+"%"),e.setAttribute("aria-valuenow",String(Math.round(100*s)));const t=e.dataset.vpPositionLabel;t&&e.setAttribute("aria-valuetext",t.replace("%1$d",String(o+1)).replace("%2$d",String(n)))})}(e,t)}function ge(e){const t=O.get(e);return t&&window.performance.now()-t.time<1200?t.index:fe(e)}function Ee(e,t,o){const n=e.querySelector(t),r=String(o);n&&n.textContent!==r&&(n.textContent=r)}function be(e,t,o){const n=`--vp-carousel-fade-${t}`;o!==("0px"===e.style.getPropertyValue(n))&&(o?e.style.setProperty(n,"0px"):e.style.removeProperty(n))}function Le(e){const t=Ae(e);de(e).querySelectorAll(d).forEach(e=>{!function(e,t){const o=e.querySelectorAll(p),n=e.dataset.vpDotLabel||"",r=t.length;for(let e=o.length-1;e>=r;e-=1)o[e].remove();for(let t=o.length;t{const r=t[o];e.dataset.vpSlide=String(r),e.setAttribute("aria-label",n.replace("%d",String(r+1)))}),r&&!e.querySelector(v)){const t=document.createElement("span");t.className=f,t.setAttribute("aria-hidden","true"),t.innerHTML='',e.prepend(t)}}(e,t)})}function Se(e,t,o){const n=window.getComputedStyle(e),r=parseFloat(n.getPropertyValue("--vp-carousel-dot-slot"))||18,s=parseFloat(n.getPropertyValue("--vp-carousel-dot-size"))||6,a=parseFloat(n.getPropertyValue("--vp-carousel-dot-active-size"))||r,i=Math.max(0,(a-s)/2),l=parseFloat(n.paddingInlineStart)||0,c=Math.min(Math.max(o,0),Math.max(0,t-1));return{slot:r,grown:a,index:c,centreOf:e=>l+e*r+r/2+(e=>e===c?0:e{const i=0===t%n||!r&&t===s;e.classList.toggle("vp-carousel-no-snap",n>1&&!i);const l=a[a.length-1];i&&(r||1===n||void 0===l||o[t]!==o[l])&&a.push(t)}),G.set(e,a)}function Ae(e){return G.get(e)||Array.from(e.querySelectorAll(c),(e,t)=>t)}function xe(e,t,o){const n=e.querySelectorAll(p),r=e.clientWidth;if(!r||D.get(e)===o)return;D.set(e,o);const{centreOf:s,content:a}=t,i=Math.round(Math.min(0,Math.max(r-a,r/2-s(o))));e.style.setProperty(g,`${i}px`);const l=[i<0,i>r-a],c=[];n.forEach((e,t)=>{const o=s(t)+i;o>=0&&o<=r&&c.push(t)}),n.forEach((e,t)=>{const n=c.indexOf(t),r=t===o||n<0?n<0?-1:Number.POSITIVE_INFINITY:Math.min(l[0]?n:Number.POSITIVE_INFINITY,l[1]?c.length-1-n:Number.POSITIVE_INFINITY);e.classList.toggle(w,1===r),e.classList.toggle(y,r<=0)})}function qe(e,t,o){let n=t+o;for(;n>=0&&n=1)return n;if(!Number.isInteger(n))return 1;const r=e.clientWidth;if(B(e)){const{step:t}=K(e);return t>0?Math.max(1,Math.round(r/t)):1}const s=t[Math.max(0,Math.min(t.length-1,o))];for(let e=o+1;e=r)return e-o;return Math.max(1,t.length-1-o)}function We(e,t,o){if(!e.length)return t;let n=t,r=Number.POSITIVE_INFINITY;return e.forEach(e=>{[e-o,e,e+o].forEach(e=>{const o=Math.abs(e-t);o0?null!==(r=e.find(e=>e>t))&&void 0!==r?r:e[0]:null!==(n=[...e].reverse().find(e=>e0&&t>=e.length-1||o<0&&t<=0)return r;const s=Math.max(0,Math.min(e.length-1,r));return e[s]===e[t]?qe(e,t,o):s}(r,s,t,a),r)}function Ie(e,t,o=he(e)){if(B(e))return void ee(e,t);const n=Math.max(0,Math.min(o.length-1,t));o.length&&n===t&&(O.set(e,{index:n,time:window.performance.now()}),se(e,o[n]))}function ke(e,t=de(e)){const o=!$.has(e);t.classList.toggle("vp-carousel-is-stopped",!o),t.querySelectorAll(E).forEach(e=>{const t=o?e.dataset.vpPauseLabel:e.dataset.vpPlayLabel;t&&e.setAttribute("aria-label",t)})}function Ce(e,t){const o=()=>ye(e),r=t=>{var o;return Ie(e,null===(o=t.detail)||void 0===o?void 0:o.index)},s=t=>{var o;const{period:n}=K(e);B(e)&&n&&Number.isFinite(null===(o=t.detail)||void 0===o?void 0:o.position)&&(oe(e,t.detail.position,n),t.detail.position=we(e))};let a;B(e)&&R.add(e);let l=0;const u=n(e,t=>{l=t,void 0!==a&&R.has(e)&&U(e,t)!==a?e.dispatchEvent(new window.Event(W)):(Me(e),Le(e),ye(e),V.has(e)&&i(e))});a=R.has(e)&&U(e,l),a?e.dataset.vpCarouselRepeat="true":delete e.dataset.vpCarouselRepeat;const d=!!parseFloat(e.dataset.vpCarouselAutoplay)&&!window.matchMedia("(prefers-reduced-motion: reduce)").matches,p=function(e,t){const o=pe(e).filter(e=>t||!e.matches(E));return o.forEach(e=>{e.classList.remove(S)}),()=>{o.forEach(e=>{e.classList.add(S)})}}(e,d);Me(e),Le(e),ye(e),e.addEventListener("scroll",o,{passive:!0}),e.addEventListener(F,r),e.addEventListener(k,s);const h=function(e,t){const o=new window.MutationObserver(e=>{const o=e.flatMap(e=>Array.from(e.addedNodes)).filter(e=>{var t;return 1===e.nodeType&&(null===(t=e.matches)||void 0===t?void 0:t.call(e,c))});o.length&&t()});return o.observe(e,{childList:!0}),()=>o.disconnect()}(e,()=>{Me(e),Le(e),ye(e)}),f=a?function(e){const t=e.ownerDocument.defaultView||window,o=()=>{const t=parseFloat(e.style.getPropertyValue(X))||0,{count:o,step:n,period:r,origin:s}=K(e);if(!o||!n)return;const a=((s-t)%n+n)%n,l=a<5||a>n-5?10:0;l!==t&&(l?e.style.setProperty(X,`${l}px`):e.style.removeProperty(X),r&&oe(e,we(e)+(l-t),r),V.has(e)&&i(e))};o();const n=new t.ResizeObserver(o);return n.observe(e),()=>{n.disconnect(),e.style.removeProperty(X)}}(e):N;a&&re(e,null!=t?t:0);const v=window.matchMedia("(hover: hover) and (pointer: fine)").matches,m=e.dataset.vpCarouselSrc,w=t=>{0===t.button&&(t.preventDefault(),e.classList.add(Y),e.focus({preventScroll:!0}))},y=()=>e.classList.remove(Y),g=e=>{J.has(e.key)||y()};v&&(e.addEventListener("mousedown",w),e.addEventListener("keydown",g),e.addEventListener("blur",y));const P=a?function(e){let t=[],o=0;const n=e=>{o+=Math.abs(e.clientX-t[t.length-1].x),t.push({x:e.clientX,time:e.timeStamp})},r=()=>{window.removeEventListener("pointermove",n),window.removeEventListener("pointerup",s),window.removeEventListener("pointercancel",s)};function s(n){if(r(),o<=10||"true"!==e.getAttribute("has-overflow"))return;const{count:s,step:a,origin:i}=K(e);if(!s||!a)return;const l=n.clientX,c=n.timeStamp,u=t.find(e=>c-e.time<=80)||t[t.length-1],d=Math.max(1,c-u.time),p=(l-u.x)/d*(ve(e)?1:-1),h=we(e)+290*p;ee(e,We(Ae(e),Math.round((h-i)/a),s),0,p)}const a=r=>{ne(e),t=[{x:r.clientX,time:r.timeStamp}],o=0,window.addEventListener("pointermove",n),window.addEventListener("pointerup",s),window.addEventListener("pointercancel",s)};return e.addEventListener("pointerdown",a),()=>{e.removeEventListener("pointerdown",a),r()}}(e):N,D=a?function(e){const t=Object.getOwnPropertyDescriptor(Element.prototype,"scrollWidth");return null!=t&&t.get?(Object.defineProperty(e,"scrollWidth",{configurable:!0,get(){const o=e.querySelectorAll(c);return o.length<2?t.get.call(e):e.clientWidth+o.length*Math.abs(o[1].offsetLeft-o[0].offsetLeft)}}),()=>{delete e.scrollWidth}):N}(e):N;let H=!1;(v||a)&&m&&import(m).then(({Blossom:o})=>{if(H||!e.isConnected||V.has(e))return;const n=o(e,{repeat:a});V.set(e,n),n.init(),a&&(i(e),re(e,null!=t?t:0),window.requestAnimationFrame(()=>{window.requestAnimationFrame(()=>{V.has(e)&&i(e)})}))}).catch(()=>{});const _=function(e){const t=1e3*parseFloat(e.dataset.vpCarouselAutoplay);if(!t||window.matchMedia("(prefers-reduced-motion: reduce)").matches)return N;const o=de(e),n=[ue(e)||e,...pe(e)];let r=0,s=0,a=0;const i=new Set,l=new Set;let c=!1,u=!0,d=-1,p=!1;const h=e=>{o.style.setProperty("--vp-carousel-autoplay-progress",100*e+"%")},f=()=>{r=0,h(0)},v=o=>{a=window.requestAnimationFrame(v);const n=o-s;if(s=o,[i,l].forEach(e=>{e.forEach(t=>{t.isConnected||e.delete(t)})}),p)return void e.dispatchEvent(new window.CustomEvent("vp-carousel-autoplay-frame",{detail:{elapsed:n,held:!!(l.size||c||u||$.has(e)),pointer:i.size>0,keyboard:l.size>0}}));if(i.size||l.size||c||u||$.has(e))return;const m=ge(e);m!==d&&(d=m,f()),r+=n,h(Math.min(1,r/t)),r=e.scrollWidth-e.clientWidth-1?e.scrollTo({left:0,behavior:me()}):Fe(e,1))},m=e=>i.add(e.currentTarget),w=e=>i.delete(e.currentTarget),y=e=>{var t,o;null!==(t=(o=e.target).matches)&&void 0!==t&&t.call(o,":focus-visible")&&!e.target.classList.contains(Y)&&l.add(e.currentTarget)},g=e=>l.delete(e.currentTarget),E=e=>{var t,o;"visitor"!==(null===(t=e.detail)||void 0===t?void 0:t.source)&&(c=!1===(null===(o=e.detail)||void 0===o?void 0:o.playing))},b=ue(e)||e,L=new(b.ownerDocument.defaultView||window).IntersectionObserver(e=>{e.forEach(e=>{u=!e.isIntersecting})},{threshold:.5});L.observe(b),o.classList.add(M),n.forEach(e=>{e.addEventListener("pointerenter",m),e.addEventListener("pointerleave",w),e.addEventListener("focusin",y),e.addEventListener("focusout",g)}),e.addEventListener(I,E);const S=()=>{p=!0,h(0)};return e.addEventListener(T,f),e.addEventListener(C,S),ke(e,o),a=window.requestAnimationFrame(e=>{s=e,v(e)}),()=>{window.cancelAnimationFrame(a),L.disconnect(),o.classList.remove(M),n.forEach(e=>{e.removeEventListener("pointerenter",m),e.removeEventListener("pointerleave",w),e.removeEventListener("focusin",y),e.removeEventListener("focusout",g)}),e.removeEventListener(I,E),e.removeEventListener(T,f),e.removeEventListener(C,S),o.style.removeProperty("--vp-carousel-autoplay-progress")}}(e),z=function(e){const t=de(e),o=Array.from(t.querySelectorAll(".vp-block-loop-carousel-indicator--progress.is-draggable"));if(!o.length)return N;let n=null,r=null,s=0,a=!1;const i=()=>{n?e.style.setProperty(j,n):e.style.removeProperty(j),n=null,e.classList.remove(b)},l=(t,o)=>{const n=t.getBoundingClientRect(),r=ve(e)?n.right-o:o-n.left;return n.width>0?Math.min(1,Math.max(0,r/n.width)):0},u=(t,o)=>We(Ae(e),Math.round(t*Math.max(0,o-1)),o),d=t=>{if(r){if(!a){if(Math.abs(t.clientX-s)<3)return;a=!0,n=e.style.getPropertyValue(j),e.style.setProperty(j,"none"),e.classList.add(b),O.delete(e)}(t=>{if(B(e)){const{count:o,step:n,origin:r,period:s}=K(e);return void oe(e,r+t*Math.max(0,o-1)*n,s)}se(e,t*(e.scrollWidth-e.clientWidth),"instant")})(l(r,t.clientX))}},p=t=>{if(!r)return;const o=l(r,t.clientX),n=a;r=null,a=!1,window.removeEventListener("pointermove",d),window.removeEventListener("pointerup",p),window.removeEventListener("pointercancel",p),n?(t=>{if(i(),!B(e))return;const o=e.querySelectorAll(c).length;ee(e,u(t,o),0)})(o):(t=>{const o=e.querySelectorAll(c).length;e.dispatchEvent(new window.CustomEvent(T)),B(e)?ee(e,u(t,o),0):se(e,t*(e.scrollWidth-e.clientWidth))})(o)},h=t=>{ne(e),r=t.currentTarget,s=t.clientX,a=!1,window.addEventListener("pointermove",d),window.addEventListener("pointerup",p),window.addEventListener("pointercancel",p)},f=t=>{const o=ve(e),n=e.querySelectorAll(c).length,r=o?"ArrowRight":"ArrowLeft",s=o?"ArrowLeft":"ArrowRight";switch(t.key){case r:case"ArrowDown":case"PageDown":Fe(e,-1);break;case s:case"ArrowUp":case"PageUp":Fe(e,1);break;case"Home":Ie(e,0);break;case"End":Ie(e,n-1);break;default:return}t.preventDefault()};return o.forEach(e=>{e.addEventListener("pointerdown",h),e.addEventListener("keydown",f)}),()=>{o.forEach(e=>{e.removeEventListener("pointerdown",h),e.removeEventListener("keydown",f)}),window.removeEventListener("pointermove",d),window.removeEventListener("pointerup",p),window.removeEventListener("pointercancel",p),i()}}(e),G=function(e,t){const o=Array.from(de(e).querySelectorAll(L)),n=e.dataset.vpCarouselSrc;if(!o.length||!n||!t)return N;const r=[];let s=!1;return import(n).then(({Blossom:e})=>{s||o.forEach(t=>{if(!t.isConnected||V.has(t))return;const o=e(t,{repeat:!1});V.set(t,o),o.init(),r.push(t)})}).catch(()=>{}),()=>{s=!0,r.forEach(e=>{var t;null===(t=V.get(e))||void 0===t||t.destroy(),V.delete(e)})}}(e,v),Q=a?function(e){const t=t=>{const o=parseFloat(t.style.translate)||0;if(t.classList.toggle(A,!!o),!o)return t.style.removeProperty(x),void t.style.removeProperty(q);const n=parseFloat(window.getComputedStyle(t).viewTimelineInset)||0,r=t.offsetLeft+o,s=r+t.offsetWidth,a=e.clientWidth;t.style.setProperty(x,`${r-a+n}px ${s-n}px`),t.style.setProperty(q,`${s-a+n}px ${r-n}px`)},o=new window.MutationObserver(e=>{e.forEach(e=>{t(e.target)})});return e.querySelectorAll(c).forEach(t),o.observe(e,{attributes:!0,attributeFilter:["style"],subtree:!0}),()=>{o.disconnect(),e.querySelectorAll(c).forEach(e=>{e.classList.remove(A),e.style.removeProperty(x),e.style.removeProperty(q)})}}(e):N;return e.dispatchEvent(new window.CustomEvent("vp-carousel-start",{bubbles:!0})),()=>{H=!0,e.dispatchEvent(new window.CustomEvent("vp-carousel-stop",{bubbles:!0})),Q(),_(),z(),G(),u(),p(),e.removeEventListener("scroll",o),e.removeEventListener(F,r),e.removeEventListener(k,s),e.removeEventListener("mousedown",w),e.removeEventListener("keydown",g),e.removeEventListener("blur",y),y(),f(),P(),ne(e),D(),h();const t=V.get(e);t&&(V.delete(e),t.destroy(),e.querySelectorAll(c).forEach(e=>{e.style.removeProperty("translate")}))}}function Te(e){var t;return(null===(t=e.closest(u))||void 0===t?void 0:t.querySelector(l))||null}function Ne(e,t){return"justified"===e.dataset.vpLayout?ce(e):"carousel"===e.dataset.vpLayout?Ce(e,t):void 0}ae&&"undefined"!=typeof document&&document.querySelectorAll(`${l}.${P}`).forEach(e=>{e.classList.remove(P),e.classList.add("vp-layout-masonry-native")}),t("visual-portfolio/item-template",{state:{hasScript:!0,useJsMasonry:!ae,useNativeMasonry:ae},actions:{carouselPrev(){const t=Te(e().ref);t&&Fe(t,-1)},carouselNext(){const t=Te(e().ref);t&&Fe(t,1)},carouselAutoplayToggle(){const{ref:t}=e(),o=Te(t);if(!o)return;const n=$.has(o);n?$.delete(o):$.add(o),ke(o),o.dispatchEvent(new window.CustomEvent(I,{detail:{playing:n,source:"visitor"}}))},carouselGoTo(t){const{ref:o}=e(),n=t.target.closest(h),r=Te(o),s=n?parseInt(n.dataset.vpSlide,10):-1;!r||s<0||(r.dispatchEvent(new window.CustomEvent(T)),Ie(r,s))}},callbacks:{initLayout(){const{ref:t}=e();let o=Ne(t);if(!o)return;const n=()=>{const e="carousel"===t.dataset.vpLayout?fe(t):void 0;o(),o=Ne(t,e)||N};return t.addEventListener(W,n),()=>{t.removeEventListener(W,n),o()}}}}); \ No newline at end of file diff --git a/gutenberg/blocks/item-template/view.js b/gutenberg/blocks/item-template/view.js index cd93ef81..f90d8cca 100644 --- a/gutenberg/blocks/item-template/view.js +++ b/gutenberg/blocks/item-template/view.js @@ -2852,7 +2852,11 @@ function initCarousel(list, restore) { const onPlace = (event) => { const { period } = getRepeatGeometry(list); - if (!isRepeating(list) || !period || !event.detail) { + if ( + !isRepeating(list) || + !period || + !Number.isFinite(event.detail?.position) + ) { return; }