cmspageblocks 1.0.54 → 1.0.56
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/index.js +120 -120
- package/package.json +2 -2
- package/src/components/BlockTypes/Image.js +1 -1
- package/src/components/BlockTypes/ImageGallery/ImageGallery.js +15 -11
- package/src/components/BlockTypes/ImageGallery/ImageSlide.css.js +697 -388
- package/src/components/BlockTypes/ImageSlider.js +1 -1
package/build/index.js
CHANGED
|
@@ -3556,9 +3556,9 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
|
|
|
3556
3556
|
}(js$1));
|
|
3557
3557
|
|
|
3558
3558
|
var _templateObject$4, _templateObject2$2, _templateObject3$2;
|
|
3559
|
-
var SliderContainer = styled__default["default"].div(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteral(["\n
|
|
3559
|
+
var SliderContainer = styled__default["default"].div(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteral(["\n width: 100%;\n .carousel .control-arrow,\n .carousel.carousel-slider .control-arrow {\n -webkit-transition: all 0.25s ease-in;\n -moz-transition: all 0.25s ease-in;\n -ms-transition: all 0.25s ease-in;\n -o-transition: all 0.25s ease-in;\n transition: all 0.25s ease-in;\n opacity: 0.4;\n filter: alpha(opacity=40);\n position: absolute;\n z-index: 2;\n top: 20px;\n background: none;\n border: 0;\n font-size: 32px;\n cursor: pointer;\n }\n .carousel .control-arrow:focus,\n .carousel .control-arrow:hover {\n opacity: 1;\n filter: alpha(opacity=100);\n }\n .carousel .control-arrow:before,\n .carousel.carousel-slider .control-arrow:before {\n margin: 0 5px;\n display: inline-block;\n border-top: 8px solid transparent;\n border-bottom: 8px solid transparent;\n content: '';\n }\n .carousel .control-disabled.control-arrow {\n opacity: 0;\n filter: alpha(opacity=0);\n cursor: inherit;\n display: none;\n }\n .carousel .control-prev.control-arrow {\n left: 0;\n }\n .carousel .control-prev.control-arrow:before {\n border-right: 8px solid #fff;\n }\n .carousel .control-next.control-arrow {\n right: 0;\n }\n .carousel .control-next.control-arrow:before {\n border-left: 8px solid #fff;\n }\n .carousel-root {\n outline: none;\n }\n .carousel {\n position: relative;\n width: 100%;\n }\n .carousel * {\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n }\n .carousel img {\n width: 100%;\n display: inline-block;\n pointer-events: none;\n }\n .carousel .carousel {\n position: relative;\n }\n .carousel .control-arrow {\n outline: 0;\n border: 0;\n background: none;\n top: 50%;\n margin-top: -13px;\n font-size: 18px;\n }\n .carousel .thumbs-wrapper {\n margin: 20px;\n overflow: hidden;\n }\n .carousel .thumbs {\n -webkit-transition: all 0.15s ease-in;\n -moz-transition: all 0.15s ease-in;\n -ms-transition: all 0.15s ease-in;\n -o-transition: all 0.15s ease-in;\n transition: all 0.15s ease-in;\n -webkit-transform: translate3d(0, 0, 0);\n -moz-transform: translate3d(0, 0, 0);\n -ms-transform: translate3d(0, 0, 0);\n -o-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n position: relative;\n list-style: none;\n white-space: nowrap;\n }\n .carousel .thumb {\n -webkit-transition: border 0.15s ease-in;\n -moz-transition: border 0.15s ease-in;\n -ms-transition: border 0.15s ease-in;\n -o-transition: border 0.15s ease-in;\n transition: border 0.15s ease-in;\n display: inline-block;\n margin-right: 6px;\n white-space: nowrap;\n overflow: hidden;\n border: 3px solid #fff;\n padding: 2px;\n }\n .carousel .thumb:focus {\n border: 3px solid #ccc;\n outline: none;\n }\n .carousel .thumb.selected,\n .carousel .thumb:hover {\n border: 3px solid #333;\n }\n .carousel .thumb img {\n vertical-align: top;\n }\n .carousel.carousel-slider {\n position: relative;\n margin: 0;\n overflow: hidden;\n }\n .carousel.carousel-slider .control-arrow {\n top: 0;\n color: #fff;\n font-size: 26px;\n bottom: 0;\n margin-top: 0;\n padding: 5px;\n }\n .carousel.carousel-slider .control-arrow:hover {\n background: rgba(0, 0, 0, 0.2);\n }\n .carousel .slider-wrapper {\n overflow: hidden;\n margin: auto;\n width: 100%;\n -webkit-transition: height 0.15s ease-in;\n -moz-transition: height 0.15s ease-in;\n -ms-transition: height 0.15s ease-in;\n -o-transition: height 0.15s ease-in;\n transition: height 0.15s ease-in;\n }\n .carousel .slider-wrapper.axis-horizontal .slider {\n -ms-box-orient: horizontal;\n display: -webkit-box;\n display: -moz-box;\n display: -ms-flexbox;\n display: -moz-flex;\n display: -webkit-flex;\n display: flex;\n }\n .carousel .slider-wrapper.axis-horizontal .slider .slide {\n flex-direction: column;\n flex-flow: column;\n }\n .carousel .slider-wrapper.axis-vertical {\n -ms-box-orient: horizontal;\n display: -webkit-box;\n display: -moz-box;\n display: -ms-flexbox;\n display: -moz-flex;\n display: -webkit-flex;\n display: flex;\n }\n .carousel .slider-wrapper.axis-vertical .slider {\n -webkit-flex-direction: column;\n flex-direction: column;\n }\n .carousel .slider {\n margin: 0;\n padding: 0;\n position: relative;\n list-style: none;\n width: 100%;\n }\n .carousel .slider.animated {\n -webkit-transition: all 0.35s ease-in-out;\n -moz-transition: all 0.35s ease-in-out;\n -ms-transition: all 0.35s ease-in-out;\n -o-transition: all 0.35s ease-in-out;\n transition: all 0.35s ease-in-out;\n }\n .carousel .slide {\n min-width: 100%;\n margin: 0;\n position: relative;\n text-align: center;\n }\n .carousel .slide img {\n width: 100%;\n vertical-align: top;\n border: 0;\n }\n .carousel .slide iframe {\n display: inline-block;\n width: calc(100% - 80px);\n margin: 0 40px 40px;\n border: 0;\n }\n .carousel .slide .legend {\n -webkit-transition: all 0.5s ease-in-out;\n -moz-transition: all 0.5s ease-in-out;\n -ms-transition: all 0.5s ease-in-out;\n -o-transition: all 0.5s ease-in-out;\n transition: all 0.5s ease-in-out;\n position: absolute;\n bottom: 40px;\n left: 50%;\n margin-left: -45%;\n width: 90%;\n border-radius: 10px;\n background: #000;\n color: #fff;\n padding: 10px;\n font-size: 12px;\n text-align: center;\n opacity: 0.25;\n -webkit-transition: opacity 0.35s ease-in-out;\n -moz-transition: opacity 0.35s ease-in-out;\n -ms-transition: opacity 0.35s ease-in-out;\n -o-transition: opacity 0.35s ease-in-out;\n transition: opacity 0.35s ease-in-out;\n }\n .carousel .control-dots {\n position: absolute;\n bottom: 0;\n margin: 10px 0;\n padding: 0;\n text-align: center;\n width: 100%;\n z-index: 1;\n }\n @media (min-width: 960px) {\n .carousel .control-dots {\n bottom: 0;\n }\n }\n .carousel .control-dots .dot {\n -webkit-transition: opacity 0.25s ease-in;\n -moz-transition: opacity 0.25s ease-in;\n -ms-transition: opacity 0.25s ease-in;\n -o-transition: opacity 0.25s ease-in;\n transition: opacity 0.25s ease-in;\n opacity: 0.3;\n filter: alpha(opacity=30);\n box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9);\n background: #fff;\n border-radius: 50%;\n width: 8px;\n height: 8px;\n cursor: pointer;\n display: inline-block;\n margin: 0 8px;\n }\n .carousel .control-dots .dot.selected,\n .carousel .control-dots .dot:hover {\n opacity: 1;\n filter: alpha(opacity=100);\n }\n .carousel .carousel-status {\n position: absolute;\n top: 0;\n right: 0;\n padding: 5px;\n font-size: 10px;\n text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.9);\n color: #fff;\n }\n .carousel:hover .slide .legend {\n opacity: 1;\n }\n ul li {\n padding: 0 !important;\n }\n div img {\n object-fit: cover;\n }\n .carousel .thumbs-wrapper {\n margin: 16px;\n }\n max-width: 100%;\n width: 100%;\n .carousel .thumbs {\n padding: 0;\n }\n"])));
|
|
3560
3560
|
styled__default["default"].section(_templateObject2$2 || (_templateObject2$2 = _taggedTemplateLiteral(["\n position: relative;\n &.full {\n position: fixed;\n display: flex;\n width: 100%;\n height: 100%;\n align-items: center;\n justify-content: center;\n left: 0;\n top: 0;\n z-index: 9999;\n max-height: 100vh;\n overflow: hidden;\n background: #fff;\n }\n .fullscreen-button {\n cursor: ne-resize;\n position: absolute;\n left: 16px;\n top: 16px;\n }\n"])));
|
|
3561
|
-
var NewGallery = styled__default["default"].div(_templateObject3$2 || (_templateObject3$2 = _taggedTemplateLiteral(["\n.image-gallery-icon{\n color:#fff;\n transition:all .3s ease-out;\n appearance:none;\n background-color:transparent;\n border:0;\n cursor:pointer;\n outline:none;\n position:absolute;\n z-index:4;\n filter:drop-shadow(0 2px 2px #1a1a1a)\n}\n@media(hover: hover)and (pointer: fine){\n .image-gallery-icon:hover{\n color:#337ab7\n }\n .image-gallery-icon:hover .image-gallery-svg{\n transform:scale(1.1)\n }\n}\n.image-gallery-icon:focus{\n outline:2px solid #337ab7\n}\n.image-gallery-using-mouse .image-gallery-icon:focus{\n outline:none\n}\n.image-gallery-fullscreen-button,.image-gallery-play-button{\n bottom:0;\n padding:20px\n}\n.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{\n height:28px;\n width:28px\n}\n@media(max-width: 768px){\n .image-gallery-fullscreen-button,.image-gallery-play-button{\n padding:15px\n }\n .image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{\n height:24px;\n width:24px\n }\n}\n@media(max-width: 480px){\n .image-gallery-fullscreen-button,.image-gallery-play-button{\n padding:10px\n }\n .image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{\n height:16px;\n width:16px\n }\n}\n.image-gallery-fullscreen-button{\n right:0\n}\n.image-gallery-play-button{\n left:0\n}\n.image-gallery-left-nav,.image-gallery-right-nav{\n padding:50px 10px;\n top:50%;\n transform:translateY(-50%)\n}\n.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{\n height:120px;\n width:60px\n}\n@media(max-width: 768px){\n .image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{\n height:72px;\n width:36px\n }\n}\n@media(max-width: 480px){\n .image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{\n height:48px;\n width:24px\n }\n}\n.image-gallery-left-nav[disabled],.image-gallery-right-nav[disabled]{\n cursor:disabled;\n opacity:.6;\n pointer-events:none\n}\n.image-gallery-left-nav{\n left:0\n}\n.image-gallery-right-nav{\n right:0\n}\n.image-gallery{\n -webkit-user-select:none;\n -moz-user-select:none;\n -ms-user-select:none;\n -o-user-select:none;\n user-select:none;\n -webkit-tap-highlight-color:rgba(0,0,0,0);\n position:relative\n}\n.image-gallery.fullscreen-modal{\n background:#000;\n bottom:0;\n height:100%;\n left:0;\n position:fixed;\n right:0;\n top:0;\n width:100%;\n z-index:5\n}\n.image-gallery.fullscreen-modal .image-gallery-content{\n top:50%;\n transform:translateY(-50%)\n}\n.image-gallery-content{\n position:relative;\n line-height:0;\n top:0\n}\n.image-gallery-content.fullscreen{\n background:#000\n}\n.image-gallery-content .image-gallery-slide .image-gallery-image{\n max-height:calc(100vh - 80px)\n}\n.image-gallery-content.left .image-gallery-slide .image-gallery-image,.image-gallery-content.right .image-gallery-slide .image-gallery-image{\n max-height:100vh\n}\n.image-gallery-slide-wrapper{\n position:relative\n}\n.image-gallery-slide-wrapper.left,.image-gallery-slide-wrapper.right{\n display:inline-block;\n width:calc(100% - 110px)\n}\n@media(max-width: 768px){\n .image-gallery-slide-wrapper.left,.image-gallery-slide-wrapper.right{\n width:calc(100% - 87px)\n }\n}\n.image-gallery-slide-wrapper.image-gallery-rtl{\n direction:rtl\n}\n.image-gallery-slides{\n line-height:0;\n overflow:hidden;\n position:relative;\n white-space:nowrap;\n text-align:center\n}\n.image-gallery-slide{\n left:0;\n position:absolute;\n top:0;\n width:100%\n}\n.image-gallery-slide.center{\n position:relative\n}\n.image-gallery-slide .image-gallery-image{\n width:100%;\n object-fit:contain\n}\n.image-gallery-slide .image-gallery-description{\n background:rgba(0,0,0,.4);\n bottom:70px;\n color:#fff;\n left:0;\n line-height:1;\n padding:10px 20px;\n position:absolute;\n white-space:normal\n}\n@media(max-width: 768px){\n .image-gallery-slide .image-gallery-description{\n bottom:45px;\n font-size:.8em;\n padding:8px 15px\n }\n}\n.image-gallery-bullets{\n bottom:20px;\n left:0;\n margin:0 auto;\n position:absolute;\n right:0;\n width:80%;\n z-index:4\n}\n.image-gallery-bullets .image-gallery-bullets-container{\n margin:0;\n padding:0;\n text-align:center\n}\n.image-gallery-bullets .image-gallery-bullet{\n appearance:none;\n background-color:transparent;\n border:1px solid #fff;\n border-radius:50%;\n box-shadow:0 2px 2px #1a1a1a;\n cursor:pointer;\n display:inline-block;\n margin:0 5px;\n outline:none;\n padding:5px;\n transition:all .2s ease-out\n}\n@media(max-width: 768px){\n .image-gallery-bullets .image-gallery-bullet{\n margin:0 3px;\n padding:3px\n }\n}\n@media(max-width: 480px){\n .image-gallery-bullets .image-gallery-bullet{\n padding:2.7px\n }\n}\n.image-gallery-bullets .image-gallery-bullet:focus{\n transform:scale(1.2);\n background:#337ab7;\n border:1px solid #337ab7\n}\n.image-gallery-bullets .image-gallery-bullet.active{\n transform:scale(1.2);\n border:1px solid #fff;\n background:#fff\n}\n@media(hover: hover)and (pointer: fine){\n .image-gallery-bullets .image-gallery-bullet:hover{\n background:#337ab7;\n border:1px solid #337ab7\n }\n .image-gallery-bullets .image-gallery-bullet.active:hover{\n background:#337ab7\n }\n}\n.image-gallery-thumbnails-wrapper{\n position:relative\n}\n.image-gallery-thumbnails-wrapper.thumbnails-swipe-horizontal{\n touch-action:pan-y\n}\n.image-gallery-thumbnails-wrapper.thumbnails-swipe-vertical{\n touch-action:pan-x\n}\n.image-gallery-thumbnails-wrapper.thumbnails-wrapper-rtl{\n direction:rtl\n}\n.image-gallery-thumbnails-wrapper.left,.image-gallery-thumbnails-wrapper.right{\n display:inline-block;\n vertical-align:top;\n width:100px\n}\n@media(max-width: 768px){\n .image-gallery-thumbnails-wrapper.left,.image-gallery-thumbnails-wrapper.right{\n width:81px\n }\n}\n.image-gallery-thumbnails-wrapper.left .image-gallery-thumbnails,.image-gallery-thumbnails-wrapper.right .image-gallery-thumbnails{\n height:100%;\n width:100%;\n left:0;\n padding:0;\n position:absolute;\n top:0\n}\n.image-gallery-thumbnails-wrapper.left .image-gallery-thumbnails .image-gallery-thumbnail,.image-gallery-thumbnails-wrapper.right .image-gallery-thumbnails .image-gallery-thumbnail{\n display:block;\n margin-right:0;\n padding:0\n}\n.image-gallery-thumbnails-wrapper.left .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail,.image-gallery-thumbnails-wrapper.right .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail{\n margin-left:0;\n margin-top:2px\n}\n.image-gallery-thumbnails-wrapper.left,.image-gallery-thumbnails-wrapper.right{\n margin:0 5px\n}\n@media(max-width: 768px){\n .image-gallery-thumbnails-wrapper.left,.image-gallery-thumbnails-wrapper.right{\n margin:0 3px\n }\n}\n.image-gallery-thumbnails{\n overflow:hidden;\n padding:5px 0\n}\n@media(max-width: 768px){\n .image-gallery-thumbnails{\n padding:3px 0\n }\n}\n.image-gallery-thumbnails .image-gallery-thumbnails-container{\n cursor:pointer;\n text-align:center;\n white-space:nowrap\n}\n.image-gallery-thumbnail{\n display:inline-block;\n border:4px solid transparent;\n transition:border .3s ease-out;\n width:100px;\n background:transparent;\n padding:0\n}\n@media(max-width: 768px){\n .image-gallery-thumbnail{\n border:3px solid transparent;\n width:81px\n }\n}\n.image-gallery-thumbnail+.image-gallery-thumbnail{\n margin-left:2px\n}\n.image-gallery-thumbnail .image-gallery-thumbnail-inner{\n display:block;\n position:relative\n}\n.image-gallery-thumbnail .image-gallery-thumbnail-image{\n vertical-align:middle;\n width:100%;\n line-height:0\n}\n.image-gallery-thumbnail.active,.image-gallery-thumbnail:focus{\n outline:none;\n border:4px solid #337ab7\n}\n@media(max-width: 768px){\n .image-gallery-thumbnail.active,.image-gallery-thumbnail:focus{\n border:3px solid #337ab7\n }\n}\n@media(hover: hover)and (pointer: fine){\n .image-gallery-thumbnail:hover{\n outline:none;\n border:4px solid #337ab7\n }\n}\n@media(hover: hover)and (pointer: fine)and (max-width: 768px){\n .image-gallery-thumbnail:hover{\n border:3px solid #337ab7\n }\n}\n.image-gallery-thumbnail-label{\n box-sizing:border-box;\n color:#fff;\n font-size:1em;\n left:0;\n line-height:1em;\n padding:5%;\n position:absolute;\n top:50%;\n text-shadow:0 2px 2px #1a1a1a;\n transform:translateY(-50%);\n white-space:normal;\n width:100%\n}\n@media(max-width: 768px){\n .image-gallery-thumbnail-label{\n font-size:.8em;\n line-height:.8em\n }\n}\n.image-gallery-index{\n background:rgba(0,0,0,.4);\n color:#fff;\n line-height:1;\n padding:10px 20px;\n position:absolute;\n right:0;\n top:0;\n z-index:4\n}\n@media(max-width: 768px){\n .image-gallery-index{\n font-size:.8em;\n padding:5px 10px\n }\n}\n"])));
|
|
3561
|
+
var NewGallery = styled__default["default"].div(_templateObject3$2 || (_templateObject3$2 = _taggedTemplateLiteral(["\n .image-gallery-icon {\n color: #fff;\n transition: all 0.3s ease-out;\n appearance: none;\n background-color: transparent;\n border: 0;\n cursor: pointer;\n outline: none;\n position: absolute;\n z-index: 4;\n filter: drop-shadow(0 2px 2px #1a1a1a);\n }\n @media (hover: hover) and (pointer: fine) {\n .image-gallery-icon:hover {\n color: #337ab7;\n }\n .image-gallery-icon:hover .image-gallery-svg {\n transform: scale(1.1);\n }\n }\n .image-gallery-icon:focus {\n outline: 2px solid #337ab7;\n }\n .image-gallery-using-mouse .image-gallery-icon:focus {\n outline: none;\n }\n .image-gallery-fullscreen-button,\n .image-gallery-play-button {\n bottom: 0;\n padding: 20px;\n }\n .image-gallery-fullscreen-button .image-gallery-svg,\n .image-gallery-play-button .image-gallery-svg {\n height: 28px;\n width: 28px;\n }\n @media (max-width: 768px) {\n .image-gallery-fullscreen-button,\n .image-gallery-play-button {\n padding: 15px;\n }\n .image-gallery-fullscreen-button .image-gallery-svg,\n .image-gallery-play-button .image-gallery-svg {\n height: 24px;\n width: 24px;\n }\n }\n @media (max-width: 480px) {\n .image-gallery-fullscreen-button,\n .image-gallery-play-button {\n padding: 10px;\n }\n .image-gallery-fullscreen-button .image-gallery-svg,\n .image-gallery-play-button .image-gallery-svg {\n height: 16px;\n width: 16px;\n }\n }\n .image-gallery-fullscreen-button {\n right: 0;\n }\n .image-gallery-play-button {\n left: 0;\n }\n .image-gallery-left-nav,\n .image-gallery-right-nav {\n padding: 50px 10px;\n top: 50%;\n transform: translateY(-50%);\n }\n .image-gallery-left-nav .image-gallery-svg,\n .image-gallery-right-nav .image-gallery-svg {\n height: 120px;\n width: 60px;\n }\n @media (max-width: 768px) {\n .image-gallery-left-nav .image-gallery-svg,\n .image-gallery-right-nav .image-gallery-svg {\n height: 72px;\n width: 36px;\n }\n }\n @media (max-width: 480px) {\n .image-gallery-left-nav .image-gallery-svg,\n .image-gallery-right-nav .image-gallery-svg {\n height: 48px;\n width: 24px;\n }\n }\n .image-gallery-left-nav[disabled],\n .image-gallery-right-nav[disabled] {\n cursor: disabled;\n opacity: 0.6;\n pointer-events: none;\n }\n .image-gallery-left-nav {\n left: 0;\n }\n .image-gallery-right-nav {\n right: 0;\n }\n .image-gallery {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n -o-user-select: none;\n user-select: none;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n position: relative;\n }\n .image-gallery.fullscreen-modal {\n background: #000;\n bottom: 0;\n height: 100%;\n left: 0;\n position: fixed;\n right: 0;\n top: 0;\n width: 100%;\n z-index: 5;\n }\n .image-gallery.fullscreen-modal .image-gallery-content {\n top: 50%;\n transform: translateY(-50%);\n }\n .image-gallery-content {\n position: relative;\n line-height: 0;\n top: 0;\n }\n .image-gallery-content.fullscreen {\n background: #000;\n }\n .image-gallery-content .image-gallery-slide .image-gallery-image {\n max-height: calc(100vh - 80px);\n }\n .image-gallery-content.image-gallery-thumbnails-left\n .image-gallery-slide\n .image-gallery-image,\n .image-gallery-content.image-gallery-thumbnails-right\n .image-gallery-slide\n .image-gallery-image {\n max-height: 100vh;\n }\n .image-gallery-slide-wrapper {\n position: relative;\n }\n .image-gallery-slide-wrapper.image-gallery-thumbnails-left,\n .image-gallery-slide-wrapper.image-gallery-thumbnails-right {\n display: inline-block;\n width: calc(100% - 110px);\n }\n @media (max-width: 768px) {\n .image-gallery-slide-wrapper.image-gallery-thumbnails-left,\n .image-gallery-slide-wrapper.image-gallery-thumbnails-right {\n width: calc(100% - 87px);\n }\n }\n .image-gallery-slide-wrapper.image-gallery-rtl {\n direction: rtl;\n }\n .image-gallery-slides {\n line-height: 0;\n overflow: hidden;\n position: relative;\n white-space: nowrap;\n text-align: center;\n }\n .image-gallery-slide {\n left: 0;\n position: absolute;\n top: 0;\n width: 100%;\n }\n .image-gallery-slide.image-gallery-center {\n position: relative;\n }\n .image-gallery-slide .image-gallery-image {\n width: 100%;\n object-fit: contain;\n }\n .image-gallery-slide .image-gallery-description {\n background: rgba(0, 0, 0, 0.4);\n bottom: 70px;\n color: #fff;\n left: 0;\n line-height: 1;\n padding: 10px 20px;\n position: absolute;\n white-space: normal;\n }\n @media (max-width: 768px) {\n .image-gallery-slide .image-gallery-description {\n bottom: 45px;\n font-size: 0.8em;\n padding: 8px 15px;\n }\n }\n .image-gallery-bullets {\n bottom: 20px;\n left: 0;\n margin: 0 auto;\n position: absolute;\n right: 0;\n width: 80%;\n z-index: 4;\n }\n .image-gallery-bullets .image-gallery-bullets-container {\n margin: 0;\n padding: 0;\n text-align: center;\n }\n .image-gallery-bullets .image-gallery-bullet {\n appearance: none;\n background-color: transparent;\n border: 1px solid #fff;\n border-radius: 50%;\n box-shadow: 0 2px 2px #1a1a1a;\n cursor: pointer;\n display: inline-block;\n margin: 0 5px;\n outline: none;\n padding: 5px;\n transition: all 0.2s ease-out;\n }\n @media (max-width: 768px) {\n .image-gallery-bullets .image-gallery-bullet {\n margin: 0 3px;\n padding: 3px;\n }\n }\n @media (max-width: 480px) {\n .image-gallery-bullets .image-gallery-bullet {\n padding: 2.7px;\n }\n }\n .image-gallery-bullets .image-gallery-bullet:focus {\n transform: scale(1.2);\n background: #337ab7;\n border: 1px solid #337ab7;\n }\n .image-gallery-bullets .image-gallery-bullet.active {\n transform: scale(1.2);\n border: 1px solid #fff;\n background: #fff;\n }\n @media (hover: hover) and (pointer: fine) {\n .image-gallery-bullets .image-gallery-bullet:hover {\n background: #337ab7;\n border: 1px solid #337ab7;\n }\n .image-gallery-bullets .image-gallery-bullet.active:hover {\n background: #337ab7;\n }\n }\n .image-gallery-thumbnails-wrapper {\n position: relative;\n }\n .image-gallery-thumbnails-wrapper.thumbnails-swipe-horizontal {\n touch-action: pan-y;\n }\n .image-gallery-thumbnails-wrapper.thumbnails-swipe-vertical {\n touch-action: pan-x;\n }\n .image-gallery-thumbnails-wrapper.thumbnails-wrapper-rtl {\n direction: rtl;\n }\n .image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,\n .image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right {\n display: inline-block;\n vertical-align: top;\n width: 100px;\n }\n @media (max-width: 768px) {\n .image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,\n .image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right {\n width: 81px;\n }\n }\n .image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left\n .image-gallery-thumbnails,\n .image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right\n .image-gallery-thumbnails {\n height: 100%;\n width: 100%;\n left: 0;\n padding: 0;\n position: absolute;\n top: 0;\n }\n .image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left\n .image-gallery-thumbnails\n .image-gallery-thumbnail,\n .image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right\n .image-gallery-thumbnails\n .image-gallery-thumbnail {\n display: block;\n margin-right: 0;\n padding: 0;\n }\n .image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left\n .image-gallery-thumbnails\n .image-gallery-thumbnail\n + .image-gallery-thumbnail,\n .image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right\n .image-gallery-thumbnails\n .image-gallery-thumbnail\n + .image-gallery-thumbnail {\n margin-left: 0;\n margin-top: 2px;\n }\n .image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,\n .image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right {\n margin: 0 5px;\n }\n @media (max-width: 768px) {\n .image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,\n .image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right {\n margin: 0 3px;\n }\n }\n .image-gallery-thumbnails {\n overflow: hidden;\n padding: 5px 0;\n }\n @media (max-width: 768px) {\n .image-gallery-thumbnails {\n padding: 3px 0;\n }\n }\n .image-gallery-thumbnails .image-gallery-thumbnails-container {\n cursor: pointer;\n text-align: center;\n white-space: nowrap;\n }\n .image-gallery-thumbnail {\n display: inline-block;\n border: 4px solid transparent;\n transition: border 0.3s ease-out;\n width: 100px;\n background: transparent;\n padding: 0;\n }\n @media (max-width: 768px) {\n .image-gallery-thumbnail {\n border: 3px solid transparent;\n width: 81px;\n }\n }\n .image-gallery-thumbnail + .image-gallery-thumbnail {\n margin-left: 2px;\n }\n .image-gallery-thumbnail .image-gallery-thumbnail-inner {\n display: block;\n position: relative;\n }\n .image-gallery-thumbnail .image-gallery-thumbnail-image {\n vertical-align: middle;\n width: 100%;\n line-height: 0;\n }\n .image-gallery-thumbnail.active,\n .image-gallery-thumbnail:focus {\n outline: none;\n border: 4px solid #337ab7;\n }\n @media (max-width: 768px) {\n .image-gallery-thumbnail.active,\n .image-gallery-thumbnail:focus {\n border: 3px solid #337ab7;\n }\n }\n @media (hover: hover) and (pointer: fine) {\n .image-gallery-thumbnail:hover {\n outline: none;\n border: 4px solid #337ab7;\n }\n }\n @media (hover: hover) and (pointer: fine) and (max-width: 768px) {\n .image-gallery-thumbnail:hover {\n border: 3px solid #337ab7;\n }\n }\n .image-gallery-thumbnail-label {\n box-sizing: border-box;\n color: #fff;\n font-size: 1em;\n left: 0;\n line-height: 1em;\n padding: 5%;\n position: absolute;\n top: 50%;\n text-shadow: 0 2px 2px #1a1a1a;\n transform: translateY(-50%);\n white-space: normal;\n width: 100%;\n }\n @media (max-width: 768px) {\n .image-gallery-thumbnail-label {\n font-size: 0.8em;\n line-height: 0.8em;\n }\n }\n .image-gallery-index {\n background: rgba(0, 0, 0, 0.4);\n color: #fff;\n line-height: 1;\n padding: 10px 20px;\n position: absolute;\n right: 0;\n top: 0;\n z-index: 4;\n }\n @media (max-width: 768px) {\n .image-gallery-index {\n font-size: 0.8em;\n padding: 5px 10px;\n }\n }\n"])));
|
|
3562
3562
|
|
|
3563
3563
|
function CustomSlider(_ref) {
|
|
3564
3564
|
var options = _ref.options;
|
|
@@ -6774,16 +6774,16 @@ var isEmptyChildren = function isEmptyChildren(children) {
|
|
|
6774
6774
|
var isPromise = function isPromise(value) {
|
|
6775
6775
|
return isObject(value) && isFunction(value.then);
|
|
6776
6776
|
};
|
|
6777
|
-
/**
|
|
6778
|
-
* Same as document.activeElement but wraps in a try-catch block. In IE it is
|
|
6779
|
-
* not safe to call document.activeElement if there is nothing focused.
|
|
6780
|
-
*
|
|
6781
|
-
* The activeElement will be null only if the document or document body is not
|
|
6782
|
-
* yet defined.
|
|
6783
|
-
*
|
|
6784
|
-
* @param {?Document} doc Defaults to current document.
|
|
6785
|
-
* @return {Element | null}
|
|
6786
|
-
* @see https://github.com/facebook/fbjs/blob/master/packages/fbjs/src/core/dom/getActiveElement.js
|
|
6777
|
+
/**
|
|
6778
|
+
* Same as document.activeElement but wraps in a try-catch block. In IE it is
|
|
6779
|
+
* not safe to call document.activeElement if there is nothing focused.
|
|
6780
|
+
*
|
|
6781
|
+
* The activeElement will be null only if the document or document body is not
|
|
6782
|
+
* yet defined.
|
|
6783
|
+
*
|
|
6784
|
+
* @param {?Document} doc Defaults to current document.
|
|
6785
|
+
* @return {Element | null}
|
|
6786
|
+
* @see https://github.com/facebook/fbjs/blob/master/packages/fbjs/src/core/dom/getActiveElement.js
|
|
6787
6787
|
*/
|
|
6788
6788
|
|
|
6789
6789
|
function getActiveElement(doc) {
|
|
@@ -6799,8 +6799,8 @@ function getActiveElement(doc) {
|
|
|
6799
6799
|
return doc.body;
|
|
6800
6800
|
}
|
|
6801
6801
|
}
|
|
6802
|
-
/**
|
|
6803
|
-
* Deeply get a value from an object via its path.
|
|
6802
|
+
/**
|
|
6803
|
+
* Deeply get a value from an object via its path.
|
|
6804
6804
|
*/
|
|
6805
6805
|
|
|
6806
6806
|
function getIn(obj, key, def, p) {
|
|
@@ -6821,29 +6821,29 @@ function getIn(obj, key, def, p) {
|
|
|
6821
6821
|
|
|
6822
6822
|
return obj === undefined ? def : obj;
|
|
6823
6823
|
}
|
|
6824
|
-
/**
|
|
6825
|
-
* Deeply set a value from in object via it's path. If the value at `path`
|
|
6826
|
-
* has changed, return a shallow copy of obj with `value` set at `path`.
|
|
6827
|
-
* If `value` has not changed, return the original `obj`.
|
|
6828
|
-
*
|
|
6829
|
-
* Existing objects / arrays along `path` are also shallow copied. Sibling
|
|
6830
|
-
* objects along path retain the same internal js reference. Since new
|
|
6831
|
-
* objects / arrays are only created along `path`, we can test if anything
|
|
6832
|
-
* changed in a nested structure by comparing the object's reference in
|
|
6833
|
-
* the old and new object, similar to how russian doll cache invalidation
|
|
6834
|
-
* works.
|
|
6835
|
-
*
|
|
6836
|
-
* In earlier versions of this function, which used cloneDeep, there were
|
|
6837
|
-
* issues whereby settings a nested value would mutate the parent
|
|
6838
|
-
* instead of creating a new object. `clone` avoids that bug making a
|
|
6839
|
-
* shallow copy of the objects along the update path
|
|
6840
|
-
* so no object is mutated in place.
|
|
6841
|
-
*
|
|
6842
|
-
* Before changing this function, please read through the following
|
|
6843
|
-
* discussions.
|
|
6844
|
-
*
|
|
6845
|
-
* @see https://github.com/developit/linkstate
|
|
6846
|
-
* @see https://github.com/jaredpalmer/formik/pull/123
|
|
6824
|
+
/**
|
|
6825
|
+
* Deeply set a value from in object via it's path. If the value at `path`
|
|
6826
|
+
* has changed, return a shallow copy of obj with `value` set at `path`.
|
|
6827
|
+
* If `value` has not changed, return the original `obj`.
|
|
6828
|
+
*
|
|
6829
|
+
* Existing objects / arrays along `path` are also shallow copied. Sibling
|
|
6830
|
+
* objects along path retain the same internal js reference. Since new
|
|
6831
|
+
* objects / arrays are only created along `path`, we can test if anything
|
|
6832
|
+
* changed in a nested structure by comparing the object's reference in
|
|
6833
|
+
* the old and new object, similar to how russian doll cache invalidation
|
|
6834
|
+
* works.
|
|
6835
|
+
*
|
|
6836
|
+
* In earlier versions of this function, which used cloneDeep, there were
|
|
6837
|
+
* issues whereby settings a nested value would mutate the parent
|
|
6838
|
+
* instead of creating a new object. `clone` avoids that bug making a
|
|
6839
|
+
* shallow copy of the objects along the update path
|
|
6840
|
+
* so no object is mutated in place.
|
|
6841
|
+
*
|
|
6842
|
+
* Before changing this function, please read through the following
|
|
6843
|
+
* discussions.
|
|
6844
|
+
*
|
|
6845
|
+
* @see https://github.com/developit/linkstate
|
|
6846
|
+
* @see https://github.com/jaredpalmer/formik/pull/123
|
|
6847
6847
|
*/
|
|
6848
6848
|
|
|
6849
6849
|
function setIn(obj, path, value) {
|
|
@@ -6884,12 +6884,12 @@ function setIn(obj, path, value) {
|
|
|
6884
6884
|
|
|
6885
6885
|
return res;
|
|
6886
6886
|
}
|
|
6887
|
-
/**
|
|
6888
|
-
* Recursively a set the same value for all keys and arrays nested object, cloning
|
|
6889
|
-
* @param object
|
|
6890
|
-
* @param value
|
|
6891
|
-
* @param visited
|
|
6892
|
-
* @param response
|
|
6887
|
+
/**
|
|
6888
|
+
* Recursively a set the same value for all keys and arrays nested object, cloning
|
|
6889
|
+
* @param object
|
|
6890
|
+
* @param value
|
|
6891
|
+
* @param visited
|
|
6892
|
+
* @param response
|
|
6893
6893
|
*/
|
|
6894
6894
|
|
|
6895
6895
|
function setNestedObjectValues(object, value, visited, response) {
|
|
@@ -7088,8 +7088,8 @@ function useFormik(_ref) {
|
|
|
7088
7088
|
}
|
|
7089
7089
|
});
|
|
7090
7090
|
}, [props.validate]);
|
|
7091
|
-
/**
|
|
7092
|
-
* Run validation against a Yup schema and optionally run a function if successful
|
|
7091
|
+
/**
|
|
7092
|
+
* Run validation against a Yup schema and optionally run a function if successful
|
|
7093
7093
|
*/
|
|
7094
7094
|
|
|
7095
7095
|
var runValidationSchema = React.useCallback(function (values, field) {
|
|
@@ -7760,8 +7760,8 @@ function warnAboutMissingIdentifier(_ref4) {
|
|
|
7760
7760
|
handlerName = _ref4.handlerName;
|
|
7761
7761
|
console.warn("Warning: Formik called `" + handlerName + "`, but you forgot to pass an `id` or `name` attribute to your input:\n " + htmlContent + "\n Formik cannot determine which value to update. For more info see https://formik.org/docs/api/formik#" + documentationAnchorLink + "\n ");
|
|
7762
7762
|
}
|
|
7763
|
-
/**
|
|
7764
|
-
* Transform Yup ValidationError to a more usable object
|
|
7763
|
+
/**
|
|
7764
|
+
* Transform Yup ValidationError to a more usable object
|
|
7765
7765
|
*/
|
|
7766
7766
|
|
|
7767
7767
|
|
|
@@ -7795,8 +7795,8 @@ function yupToFormErrors(yupError) {
|
|
|
7795
7795
|
|
|
7796
7796
|
return errors;
|
|
7797
7797
|
}
|
|
7798
|
-
/**
|
|
7799
|
-
* Validate a yup schema.
|
|
7798
|
+
/**
|
|
7799
|
+
* Validate a yup schema.
|
|
7800
7800
|
*/
|
|
7801
7801
|
|
|
7802
7802
|
function validateYupSchema(values, schema, sync, context) {
|
|
@@ -7810,8 +7810,8 @@ function validateYupSchema(values, schema, sync, context) {
|
|
|
7810
7810
|
context: context || normalizedValues
|
|
7811
7811
|
});
|
|
7812
7812
|
}
|
|
7813
|
-
/**
|
|
7814
|
-
* Recursively prepare values.
|
|
7813
|
+
/**
|
|
7814
|
+
* Recursively prepare values.
|
|
7815
7815
|
*/
|
|
7816
7816
|
|
|
7817
7817
|
function prepareDataForValidation(values) {
|
|
@@ -7839,9 +7839,9 @@ function prepareDataForValidation(values) {
|
|
|
7839
7839
|
|
|
7840
7840
|
return data;
|
|
7841
7841
|
}
|
|
7842
|
-
/**
|
|
7843
|
-
* deepmerge array merging algorithm
|
|
7844
|
-
* https://github.com/KyleAMathews/deepmerge#combine-array
|
|
7842
|
+
/**
|
|
7843
|
+
* deepmerge array merging algorithm
|
|
7844
|
+
* https://github.com/KyleAMathews/deepmerge#combine-array
|
|
7845
7845
|
*/
|
|
7846
7846
|
|
|
7847
7847
|
function arrayMerge(target, source, options) {
|
|
@@ -7951,8 +7951,8 @@ var Form$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
7951
7951
|
});
|
|
7952
7952
|
Form$1.displayName = 'Form';
|
|
7953
7953
|
|
|
7954
|
-
/**
|
|
7955
|
-
* Some array helpers!
|
|
7954
|
+
/**
|
|
7955
|
+
* Some array helpers!
|
|
7956
7956
|
*/
|
|
7957
7957
|
|
|
7958
7958
|
var move = function move(array, from, to) {
|
|
@@ -8364,7 +8364,7 @@ function Image (_ref) {
|
|
|
8364
8364
|
width: (_options$style = options.style) === null || _options$style === void 0 ? void 0 : _options$style.width,
|
|
8365
8365
|
height: (_options$style2 = options.style) === null || _options$style2 === void 0 ? void 0 : _options$style2.height
|
|
8366
8366
|
},
|
|
8367
|
-
src: options.content[0] ? 'https://
|
|
8367
|
+
src: options.content[0] ? 'https://cms.burobork.nl/images/' + options.content[0].reference : null,
|
|
8368
8368
|
alt: options.content[0] ? options.content[0].title : null
|
|
8369
8369
|
});
|
|
8370
8370
|
}
|
|
@@ -8391,8 +8391,8 @@ function ImageGallery(_ref) {
|
|
|
8391
8391
|
}
|
|
8392
8392
|
function transform(item) {
|
|
8393
8393
|
return {
|
|
8394
|
-
original: "https://
|
|
8395
|
-
thumbnail: "https://
|
|
8394
|
+
original: "https://cms.burobork.nl/images/".concat(item.reference),
|
|
8395
|
+
thumbnail: "https://cms.burobork.nl/images/".concat(item.reference),
|
|
8396
8396
|
originalAlt: item.alt,
|
|
8397
8397
|
originalTitle: item.title,
|
|
8398
8398
|
lazyLoad: true
|
|
@@ -8417,7 +8417,7 @@ function ImageSlider(_ref) {
|
|
|
8417
8417
|
height: options.height ? parseInt(options.height) : 600
|
|
8418
8418
|
}
|
|
8419
8419
|
}, /*#__PURE__*/React__default["default"].createElement("img", {
|
|
8420
|
-
src: slide ? 'https://
|
|
8420
|
+
src: slide ? 'https://cms.burobork.nl/images/' + slide.image[0].reference : null,
|
|
8421
8421
|
alt: slide.title,
|
|
8422
8422
|
style: {
|
|
8423
8423
|
height: options.height ? parseInt(options.height) : 600
|
|
@@ -10172,41 +10172,41 @@ class GoogleMap extends React.PureComponent {
|
|
|
10172
10172
|
}
|
|
10173
10173
|
}
|
|
10174
10174
|
|
|
10175
|
-
/*! *****************************************************************************
|
|
10176
|
-
Copyright (c) Microsoft Corporation.
|
|
10177
|
-
|
|
10178
|
-
Permission to use, copy, modify, and/or distribute this software for any
|
|
10179
|
-
purpose with or without fee is hereby granted.
|
|
10180
|
-
|
|
10181
|
-
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
|
|
10182
|
-
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
|
|
10183
|
-
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
|
|
10184
|
-
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
|
10185
|
-
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
10186
|
-
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
10187
|
-
PERFORMANCE OF THIS SOFTWARE.
|
|
10188
|
-
***************************************************************************** */
|
|
10189
|
-
|
|
10190
|
-
function __rest$1(s, e) {
|
|
10191
|
-
var t = {};
|
|
10192
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
10193
|
-
t[p] = s[p];
|
|
10194
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
10195
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
10196
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
10197
|
-
t[p[i]] = s[p[i]];
|
|
10198
|
-
}
|
|
10199
|
-
return t;
|
|
10200
|
-
}
|
|
10201
|
-
|
|
10202
|
-
function __awaiter(thisArg, _arguments, P, generator) {
|
|
10203
|
-
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
10204
|
-
return new (P || (P = Promise))(function (resolve, reject) {
|
|
10205
|
-
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
10206
|
-
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
10207
|
-
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
10208
|
-
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
10209
|
-
});
|
|
10175
|
+
/*! *****************************************************************************
|
|
10176
|
+
Copyright (c) Microsoft Corporation.
|
|
10177
|
+
|
|
10178
|
+
Permission to use, copy, modify, and/or distribute this software for any
|
|
10179
|
+
purpose with or without fee is hereby granted.
|
|
10180
|
+
|
|
10181
|
+
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
|
|
10182
|
+
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
|
|
10183
|
+
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
|
|
10184
|
+
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
|
10185
|
+
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
10186
|
+
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
10187
|
+
PERFORMANCE OF THIS SOFTWARE.
|
|
10188
|
+
***************************************************************************** */
|
|
10189
|
+
|
|
10190
|
+
function __rest$1(s, e) {
|
|
10191
|
+
var t = {};
|
|
10192
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
10193
|
+
t[p] = s[p];
|
|
10194
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
10195
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
10196
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
10197
|
+
t[p[i]] = s[p[i]];
|
|
10198
|
+
}
|
|
10199
|
+
return t;
|
|
10200
|
+
}
|
|
10201
|
+
|
|
10202
|
+
function __awaiter(thisArg, _arguments, P, generator) {
|
|
10203
|
+
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
10204
|
+
return new (P || (P = Promise))(function (resolve, reject) {
|
|
10205
|
+
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
10206
|
+
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
10207
|
+
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
10208
|
+
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
10209
|
+
});
|
|
10210
10210
|
}
|
|
10211
10211
|
|
|
10212
10212
|
const isBrowser = typeof document !== 'undefined';
|
|
@@ -14732,31 +14732,31 @@ function getY(p) {
|
|
|
14732
14732
|
return p.y;
|
|
14733
14733
|
}
|
|
14734
14734
|
|
|
14735
|
-
/*! *****************************************************************************
|
|
14736
|
-
Copyright (c) Microsoft Corporation.
|
|
14737
|
-
|
|
14738
|
-
Permission to use, copy, modify, and/or distribute this software for any
|
|
14739
|
-
purpose with or without fee is hereby granted.
|
|
14740
|
-
|
|
14741
|
-
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
|
|
14742
|
-
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
|
|
14743
|
-
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
|
|
14744
|
-
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
|
14745
|
-
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
14746
|
-
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
14747
|
-
PERFORMANCE OF THIS SOFTWARE.
|
|
14748
|
-
***************************************************************************** */
|
|
14749
|
-
|
|
14750
|
-
function __rest(s, e) {
|
|
14751
|
-
var t = {};
|
|
14752
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
14753
|
-
t[p] = s[p];
|
|
14754
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
14755
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
14756
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
14757
|
-
t[p[i]] = s[p[i]];
|
|
14758
|
-
}
|
|
14759
|
-
return t;
|
|
14735
|
+
/*! *****************************************************************************
|
|
14736
|
+
Copyright (c) Microsoft Corporation.
|
|
14737
|
+
|
|
14738
|
+
Permission to use, copy, modify, and/or distribute this software for any
|
|
14739
|
+
purpose with or without fee is hereby granted.
|
|
14740
|
+
|
|
14741
|
+
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
|
|
14742
|
+
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
|
|
14743
|
+
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
|
|
14744
|
+
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
|
14745
|
+
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
14746
|
+
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
14747
|
+
PERFORMANCE OF THIS SOFTWARE.
|
|
14748
|
+
***************************************************************************** */
|
|
14749
|
+
|
|
14750
|
+
function __rest(s, e) {
|
|
14751
|
+
var t = {};
|
|
14752
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
14753
|
+
t[p] = s[p];
|
|
14754
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
14755
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
14756
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
14757
|
+
t[p[i]] = s[p[i]];
|
|
14758
|
+
}
|
|
14759
|
+
return t;
|
|
14760
14760
|
}
|
|
14761
14761
|
|
|
14762
14762
|
/**
|
package/package.json
CHANGED
|
@@ -6,7 +6,7 @@ export default function({options}) {
|
|
|
6
6
|
style={{ objectFit: 'contain', width: options.style?.width, height: options.style?.height }}
|
|
7
7
|
src={
|
|
8
8
|
options.content[0]
|
|
9
|
-
? 'https://
|
|
9
|
+
? 'https://cms.burobork.nl/images/' + options.content[0].reference
|
|
10
10
|
: null
|
|
11
11
|
}
|
|
12
12
|
alt={options.content[0] ? options.content[0].title : null}
|
|
@@ -1,27 +1,31 @@
|
|
|
1
|
-
import React from 'react'
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import Gallery from 'react-image-gallery';
|
|
3
3
|
import { NewGallery } from './ImageSlide.css';
|
|
4
4
|
|
|
5
|
-
export default function ImageGallery({options}) {
|
|
5
|
+
export default function ImageGallery({ options }) {
|
|
6
6
|
if (!options.content || options.content.length < 1) {
|
|
7
|
-
return <div></div
|
|
7
|
+
return <div></div>;
|
|
8
8
|
}
|
|
9
9
|
|
|
10
|
-
const items = options.content.map(transform)
|
|
10
|
+
const items = options.content.map(transform);
|
|
11
11
|
|
|
12
12
|
return (
|
|
13
13
|
<NewGallery>
|
|
14
|
-
<Gallery
|
|
14
|
+
<Gallery
|
|
15
|
+
items={items}
|
|
16
|
+
showThumbnails={true}
|
|
17
|
+
thumbnailPosition="right"
|
|
18
|
+
></Gallery>
|
|
15
19
|
</NewGallery>
|
|
16
|
-
)
|
|
20
|
+
);
|
|
17
21
|
}
|
|
18
22
|
|
|
19
23
|
function transform(item) {
|
|
20
24
|
return {
|
|
21
|
-
original: `https://
|
|
22
|
-
thumbnail: `https://
|
|
25
|
+
original: `https://cms.burobork.nl/images/${item.reference}`,
|
|
26
|
+
thumbnail: `https://cms.burobork.nl/images/${item.reference}`,
|
|
23
27
|
originalAlt: item.alt,
|
|
24
28
|
originalTitle: item.title,
|
|
25
|
-
lazyLoad: true
|
|
26
|
-
}
|
|
27
|
-
}
|
|
29
|
+
lazyLoad: true,
|
|
30
|
+
};
|
|
31
|
+
}
|