{ "$schema": "https://schemas.wp.org/trunk/block.json", "apiVersion": 3, "name": "ablocks/carousel", "version": "0.1.0", "title": "Carousel", "category": "ablocks", "description": "Make attractive image presentation with carousel", "example": [], "supports": { "html": true, "anchor": true }, "textdomain": "ablocks", "editorStyle": [ "ablocks-swiper-style", "ablocks-animate-style", "ablocks-common-style", "file:./style.css" ], "editorScript": [ "ablocks-swiper-script", "ablocks-common-script", "file:./view.js" ], "attributes": { "block_id": { "type": "string", "default": "" }, "effect": { "type": "string", "default": "slide" }, "reverseDirection": { "type": "boolean", "default": true }, "carouselSlideLength": { "type": "number", "default": 1 }, "isLoop": { "type": "boolean", "default": false }, "autoplay": { "type": "boolean", "default": true }, "autoPlayReverse": { "type": "boolean", "default": false }, "autoplayDelay": { "type": "number", "default": 3000 }, "autoplayProgress": { "type": "boolean", "default": true }, "autoplayPauseOnHover": { "type": "boolean", "default": true }, "speed": { "type": "number", "default": 800 }, "pagination": { "type": "boolean", "default": true }, "paginationClickable": { "type": "boolean", "default": true }, "navigation": { "type": "boolean", "default": true }, "navigationIconColor": { "type": "string", "default": "#686868" }, "navigationIconColorH": { "type": "string", "default": "" }, "navigationIconBgColor": { "type": "string", "default": "#e4e4e4" }, "navigationIconBgColorH": { "type": "string", "default": "" }, "navigationIconTransition": { "type": "number", "default": "" }, "paginationColor": { "type": "string", "default": "black" }, "paginationActiveColor": { "type": "string", "default": "black" }, "grabCursor": { "type": "boolean", "default": true }, "mousewheel": { "type": "boolean", "default": true }, "verticalAlignment": { "type": "string", "default": "center" }, "navigationIconBorder": { "type": "object", "default": { "borderStyle": "default", "borderStyleH": "default", "borderColor": "", "borderColorH": "", "isLinkedWidth": true, "isLinkedWidthTablet": true, "isLinkedWidthMobile": true, "commonWidth": "", "commonWidthTablet": "", "commonWidthMobile": "", "topWidth": "", "rightWidth": "", "bottomWidth": "", "leftWidth": "", "topWidthTablet": "", "rightWidthTablet": "", "bottomWidthTablet": "", "leftWidthTablet": "", "topWidthMobile": "", "rightWidthMobile": "", "bottomWidthMobile": "", "leftWidthMobile": "", "unitWidth": "px", "unitWidthTablet": "", "unitWidthMobile": "", "isLinkedWidthH": true, "isLinkedWidthHTablet": true, "isLinkedWidthHMobile": true, "commonWidthH": "", "commonWidthHTablet": "", "commonWidthHMobile": "", "topWidthH": "", "rightWidthH": "", "bottomWidthH": "", "leftWidthH": "", "topWidthHTablet": "", "rightWidthHTablet": "", "bottomWidthHTablet": "", "leftWidthHTablet": "", "topWidthHMobile": "", "rightWidthHMobile": "", "bottomWidthHMobile": "", "leftWidthHMobile": "", "unitWidthH": "px", "unitWidthHTablet": "", "unitWidthHMobile": "", "isLinkedRadius": true, "isLinkedRadiusTablet": true, "isLinkedRadiusMobile": true, "commonRadius": "", "commonRadiusTablet": "", "commonRadiusMobile": "", "topRadius": "", "rightRadius": "", "bottomRadius": "", "leftRadius": "", "topRadiusTablet": "", "rightRadiusTablet": "", "bottomRadiusTablet": "", "leftRadiusTablet": "", "topRadiusMobile": "", "rightRadiusMobile": "", "bottomRadiusMobile": "", "leftRadiusMobile": "", "unitRadius": "px", "unitRadiusTablet": "", "unitRadiusMobile": "", "isLinkedRadiusH": true, "isLinkedRadiusHTablet": true, "isLinkedRadiusHMobile": true, "commonRadiusH": "", "commonRadiusHTablet": "", "commonRadiusHMobile": "", "topRadiusH": "", "rightRadiusH": "", "bottomRadiusH": "", "leftRadiusH": "", "topRadiusHTablet": "", "rightRadiusHTablet": "", "bottomRadiusHTablet": "", "leftRadiusHTablet": "", "topRadiusHMobile": "", "rightRadiusHMobile": "", "bottomRadiusHMobile": "", "leftRadiusHMobile": "", "unitRadiusH": "px", "unitRadiusHTablet": "", "unitRadiusHMobile": "", "transitionDuration": "" } }, "navigationIconPadding": { "type": "object", "default": { "isLinked": true, "isLinkedTablet": true, "isLinkedMobile": true, "common": "", "top": "", "right": "", "bottom": "", "left": "", "unit": "px", "commonTablet": "", "topTablet": "", "rightTablet": "", "bottomTablet": "", "leftTablet": "", "unitTablet": "", "commonMobile": "", "topMobile": "", "rightMobile": "", "bottomMobile": "", "leftMobile": "", "unitMobile": "" } }, "carouselHeight": { "type": "object", "default": { "value": 300, "valueTablet": 300, "valueMobile": 300, "valueUnit": "px", "valueUnitTablet": "", "valueUnitMobile": "" } }, "navigationIconSize": { "type": "object", "default": { "value": 35, "valueTablet": 35, "valueMobile": 35, "valueUnit": "px", "valueUnitTablet": "", "valueUnitMobile": "" } }, "slidesPerView": { "type": "object", "default": { "value": 1, "valueTablet": 1, "valueMobile": 1 } }, "gap": { "type": "object", "default": { "value": 0, "valueTablet": 0, "valueMobile": 0 } }, "navigationIconPositionY": { "type": "object", "default": { "value": 50, "valueUnit": "%", "valueUnitTablet": "", "valueUnitMobile": "" } }, "navigationIconPositionNextX": { "type": "object", "default": { "value": -3, "valueTablet": "", "valueMobile": "", "valueUnit": "%", "valueUnitTablet": "", "valueUnitMobile": "" } }, "navigationIconPositionPrevX": { "type": "object", "default": { "value": -3, "valueUnit": "%", "valueUnitTablet": "", "valueUnitMobile": "" } }, "leftIconSvgPath": { "type": "string", "default": "M8 256c0 137 111 248 248 248s248-111 248-248S393 8 256 8 8 119 8 256zm448 0c0 110.5-89.5 200-200 200S56 366.5 56 256 145.5 56 256 56s200 89.5 200 200zm-72-20v40c0 6.6-5.4 12-12 12H256v67c0 10.7-12.9 16-20.5 8.5l-99-99c-4.7-4.7-4.7-12.3 0-17l99-99c7.6-7.6 20.5-2.2 20.5 8.5v67h116c6.6 0 12 5.4 12 12z" }, "leftIconSvgViewBox": { "type": "string", "default": "0 0 512 512" }, "leftIconClass": { "type": "string", "default": "far fa-arrow-alt-circle-left" }, "leftIconImageUrl": { "type": "string", "default": "" }, "leftIconImageID": { "type": "number", "default": 0 }, "leftIconImageSize": { "type": "string", "default": "" }, "leftIconColor": { "type": "string", "default": "#69727d" }, "leftIconBgColor": { "type": "string", "default": "" }, "leftIconType": { "type": "string", "default": "default" }, "leftIconShape": { "type": "string", "default": "circle" }, "leftIconPadding": { "type": "object", "default": { "isLinked": true, "common": "", "top": "", "right": "", "bottom": "", "left": "", "unit": "px" } }, "leftIconBorderRadius": { "type": "object", "default": { "isLinked": true, "common": "", "top": "", "right": "", "bottom": "", "left": "", "unit": "px" } }, "leftIconBorderWidth": { "type": "object", "default": { "isLinked": true, "common": "", "top": "", "right": "", "bottom": "", "left": "", "unit": "px" } }, "leftIconSize": { "type": "number", "default": 55 }, "leftIconRotate": { "type": "number", "default": 0 }, "leftIconSizing": { "type": "object", "default": { "value": 55, "valueTablet": "", "valueMobile": "", "valueUnit": "px", "valueUnitTablet": "", "valueUnitMobile": "" } }, "leftIconRotated": { "type": "object", "default": { "value": 0, "valueTablet": "", "valueMobile": "", "valueUnit": "deg", "valueUnitTablet": "", "valueUnitMobile": "" } }, "leftIconRotateHover": { "type": "object", "default": { "value": 0, "valueTablet": "", "valueMobile": "", "valueUnit": "deg", "valueUnitTablet": "", "valueUnitMobile": "" } }, "leftIcontransitionDuration": { "type": "number", "default": 0 }, "leftIconImageWidth": { "type": "number", "default": 0 }, "rightIconSvgPath": { "type": "string", "default": "M504 256C504 119 393 8 256 8S8 119 8 256s111 248 248 248 248-111 248-248zm-448 0c0-110.5 89.5-200 200-200s200 89.5 200 200-89.5 200-200 200S56 366.5 56 256zm72 20v-40c0-6.6 5.4-12 12-12h116v-67c0-10.7 12.9-16 20.5-8.5l99 99c4.7 4.7 4.7 12.3 0 17l-99 99c-7.6 7.6-20.5 2.2-20.5-8.5v-67H140c-6.6 0-12-5.4-12-12z" }, "rightIconSvgViewBox": { "type": "string", "default": "0 0 512 512" }, "rightIconClass": { "type": "string", "default": "far fa-arrow-alt-circle-right" }, "rightIconImageUrl": { "type": "string", "default": "" }, "rightIconImageID": { "type": "number", "default": 0 }, "rightIconImageSize": { "type": "string", "default": "" }, "rightIconColor": { "type": "string", "default": "#69727d" }, "rightIconBgColor": { "type": "string", "default": "" }, "rightIconType": { "type": "string", "default": "default" }, "rightIconShape": { "type": "string", "default": "circle" }, "rightIconPadding": { "type": "object", "default": { "isLinked": true, "common": "", "top": "", "right": "", "bottom": "", "left": "", "unit": "px" } }, "rightIconBorderRadius": { "type": "object", "default": { "isLinked": true, "common": "", "top": "", "right": "", "bottom": "", "left": "", "unit": "px" } }, "rightIconBorderWidth": { "type": "object", "default": { "isLinked": true, "common": "", "top": "", "right": "", "bottom": "", "left": "", "unit": "px" } }, "rightIconSize": { "type": "number", "default": 55 }, "rightIconRotate": { "type": "number", "default": 0 }, "rightIconSizing": { "type": "object", "default": { "value": 55, "valueTablet": "", "valueMobile": "", "valueUnit": "px", "valueUnitTablet": "", "valueUnitMobile": "" } }, "rightIconRotated": { "type": "object", "default": { "value": 0, "valueTablet": "", "valueMobile": "", "valueUnit": "deg", "valueUnitTablet": "", "valueUnitMobile": "" } }, "rightIconRotateHover": { "type": "object", "default": { "value": 0, "valueTablet": "", "valueMobile": "", "valueUnit": "deg", "valueUnitTablet": "", "valueUnitMobile": "" } }, "rightIcontransitionDuration": { "type": "number", "default": 0 }, "rightIconImageWidth": { "type": "number", "default": 0 }, "_margin": { "type": "object", "default": { "isLinked": true, "isLinkedTablet": true, "isLinkedMobile": true, "common": "", "top": "", "right": "", "bottom": "", "left": "", "unit": "px", "commonTablet": "", "topTablet": "", "rightTablet": "", "bottomTablet": "", "leftTablet": "", "unitTablet": "", "commonMobile": "", "topMobile": "", "rightMobile": "", "bottomMobile": "", "leftMobile": "", "unitMobile": "" } }, "_padding": { "type": "object", "default": { "isLinked": true, "isLinkedTablet": true, "isLinkedMobile": true, "common": "", "top": "", "right": "", "bottom": "", "left": "", "unit": "px", "commonTablet": "", "topTablet": "", "rightTablet": "", "bottomTablet": "", "leftTablet": "", "unitTablet": "", "commonMobile": "", "topMobile": "", "rightMobile": "", "bottomMobile": "", "leftMobile": "", "unitMobile": "" } }, "_width": { "type": "object", "default": { "widthType": "default", "widthTypeTablet": "", "widthTypeMobile": "", "customWidth": "", "customWidthTablet": "", "customWidthMobile": "", "customWidthUnit": "%", "customWidthUnitTablet": "", "customWidthUnitMobile": "" } }, "_border": { "type": "object", "default": { "borderStyle": "default", "borderStyleH": "default", "borderColor": "", "borderColorH": "", "isLinkedWidth": true, "isLinkedWidthTablet": true, "isLinkedWidthMobile": true, "commonWidth": "", "commonWidthTablet": "", "commonWidthMobile": "", "topWidth": "", "rightWidth": "", "bottomWidth": "", "leftWidth": "", "topWidthTablet": "", "rightWidthTablet": "", "bottomWidthTablet": "", "leftWidthTablet": "", "topWidthMobile": "", "rightWidthMobile": "", "bottomWidthMobile": "", "leftWidthMobile": "", "unitWidth": "px", "unitWidthTablet": "", "unitWidthMobile": "", "isLinkedWidthH": true, "isLinkedWidthHTablet": true, "isLinkedWidthHMobile": true, "commonWidthH": "", "commonWidthHTablet": "", "commonWidthHMobile": "", "topWidthH": "", "rightWidthH": "", "bottomWidthH": "", "leftWidthH": "", "topWidthHTablet": "", "rightWidthHTablet": "", "bottomWidthHTablet": "", "leftWidthHTablet": "", "topWidthHMobile": "", "rightWidthHMobile": "", "bottomWidthHMobile": "", "leftWidthHMobile": "", "unitWidthH": "px", "unitWidthHTablet": "", "unitWidthHMobile": "", "isLinkedRadius": true, "isLinkedRadiusTablet": true, "isLinkedRadiusMobile": true, "commonRadius": "", "commonRadiusTablet": "", "commonRadiusMobile": "", "topRadius": "", "rightRadius": "", "bottomRadius": "", "leftRadius": "", "topRadiusTablet": "", "rightRadiusTablet": "", "bottomRadiusTablet": "", "leftRadiusTablet": "", "topRadiusMobile": "", "rightRadiusMobile": "", "bottomRadiusMobile": "", "leftRadiusMobile": "", "unitRadius": "px", "unitRadiusTablet": "", "unitRadiusMobile": "", "isLinkedRadiusH": true, "isLinkedRadiusHTablet": true, "isLinkedRadiusHMobile": true, "commonRadiusH": "", "commonRadiusHTablet": "", "commonRadiusHMobile": "", "topRadiusH": "", "rightRadiusH": "", "bottomRadiusH": "", "leftRadiusH": "", "topRadiusHTablet": "", "rightRadiusHTablet": "", "bottomRadiusHTablet": "", "leftRadiusHTablet": "", "topRadiusHMobile": "", "rightRadiusHMobile": "", "bottomRadiusHMobile": "", "leftRadiusHMobile": "", "unitRadiusH": "px", "unitRadiusHTablet": "", "unitRadiusHMobile": "", "transitionDuration": "" } }, "_position": { "type": "object", "default": { "positionType": "relative", "positionTypeTablet": "", "positionTypeMobile": "", "hOrientation": "", "hOffset": "", "hOffsetTablet": "", "hOffsetMobile": "", "hOffsetUnit": "px", "hOffsetUnitTablet": "px", "hOffsetUnitMobile": "px", "vOrientation": "", "vOffset": "", "vOffsetTablet": "", "vOffsetMobile": "", "vOffsetUnit": "px", "vOffsetUnitTablet": "px", "vOffsetUnitMobile": "px" } }, "_background": { "type": "object", "default": { "backgroundType": "none", "backgroundTypeH": "none", "backgroundColor": "", "backgroundColorH": "", "imgId": "", "imgIdTablet": "", "imgIdMobile": "", "imgUrl": "", "imgUrlTablet": "", "imgUrlMobile": "", "imgSize": "", "imgSizeTablet": "", "imgSizeMobile": "", "imgPosition": "", "imgPositionTablet": "", "imgPositionMobile": "", "imgXPositionUnit": "px", "imgXPositionUnitTablet": "", "imgXPositionUnitMobile": "", "imgXPosition": "", "imgXPositionTablet": "", "imgXPositionMobile": "", "imgYPositionUnit": "px", "imgYPositionUnitTablet": "", "imgYPositionUnitMobile": "", "imgYPosition": "", "imgYPositionTablet": "", "imgYPositionMobile": "", "imgAttachment": "", "imgRepeat": "", "imgRepeatTablet": "", "imgRepeatMobile": "", "imgDisplaySize": "", "imgDisplaySizeTablet": "", "imgDisplaySizeMobile": "", "imgDisplaySizeWidth": "", "imgDisplaySizeWidthTablet": "", "imgDisplaySizeWidthMobile": "", "imgDisplaySizeWidthUnit": "px", "imgDisplaySizeWidthUnitTablet": "", "imgDisplaySizeWidthUnitMobile": "", "imgIdH": "", "imgIdTabletH": "", "imgIdMobileH": "", "imgUrlH": "", "imgUrlHTablet": "", "imgUrlHMobile": "", "imgSizeH": "", "imgSizeHTablet": "", "imgSizeHMobile": "", "imgPositionH": "", "imgPositionHTablet": "", "imgPositionHMobile": "", "imgXPositionUnitH": "px", "imgXPositionUnitHTablet": "", "imgXPositionUnitHMobile": "", "imgXPositionH": "", "imgXPositionHTablet": "", "imgXPositionHMobile": "", "imgYPositionUnitH": "px", "imgYPositionUnitHTablet": "", "imgYPositionUnitHMobile": "", "imgYPositionH": "", "imgYPositionHTablet": "", "imgYPositionHMobile": "", "imgAttachmentH": "", "imgRepeatH": "", "imgRepeatHTablet": "", "imgRepeatHMobile": "", "imgDisplaySizeH": "", "imgDisplaySizeHTablet": "", "imgDisplaySizeHMobile": "", "imgDisplaySizeWidthH": "", "imgDisplaySizeWidthHTablet": "", "imgDisplaySizeWidthHMobile": "", "imgDisplaySizeWidthHUnit": "px", "imgDisplaySizeWidthHUnitTablet": "", "imgDisplaySizeWidthHUnitMobile": "", "transitionDuration": "", "videoUrl": "", "youtubeURL": "", "vimeoURL": "", "selfHostedURL": "", "externalLink": false, "videoSource": "none", "videoPlayOnce": "", "videoStartTime": "", "videoEndTime": "", "playOnMobile": "", "videoPrivacyMode": "", "fallbackImageUrl": "" } }, "_zIndex": { "type": "object", "default": { "zIndex": "", "zIndexTablet": "", "zIndexMobile": "" } }, "_transform": { "type": "object", "default": { "rotate": "", "rotateTablet": "", "rotateMobile": "", "rotate3D": false, "rotate3DTablet": false, "rotate3DMobile": false, "rotateX": "", "rotateXTablet": "", "rotateXMobile": "", "rotateY": "", "rotateYTablet": "", "rotateYMobile": "", "rotateP": "", "rotatePTablet": "", "rotatePMobile": "", "offsetX": "", "offsetXTablet": "", "offsetXMobile": "", "offsetXUnit": "px", "offsetXUnitTablet": "px", "offsetXUnitMobile": "px", "offsetY": "", "offsetYTablet": "", "offsetYMobile": "", "offsetYUnit": "px", "offsetYUnitTablet": "px", "offsetYUnitMobile": "px", "scaleProportions": false, "scale": "", "scaleTablet": "", "scaleMobile": "", "scaleX": "", "scaleXTablet": "", "scaleXMobile": "", "scaleY": "", "scaleYTablet": "", "scaleYMobile": "", "skewX": "", "skewXTablet": "", "skewXMobile": "", "skewY": "", "skewYTablet": "", "skewYMobile": "", "flipHorizontal": false, "flipVertical": false, "xAnchorPoint": "", "xAnchorPointTablet": "", "xAnchorPointMobile": "", "yAnchorPoint": "", "yAnchorPointTablet": "", "yAnchorPointMobile": "", "rotateH": "", "rotateHTablet": "", "rotateHMobile": "", "rotate3DH": false, "rotate3DHTablet": false, "rotate3DHMobile": false, "rotateXH": "", "rotateXHTablet": "", "rotateXHMobile": "", "rotateYH": "", "rotateYHTablet": "", "rotateYHMobile": "", "rotatePH": "", "rotatePHTablet": "", "rotatePHMobile": "", "offsetXH": "", "offsetXHTablet": "", "offsetXHMobile": "", "offsetXHUnit": "px", "offsetXHUnitTablet": "px", "offsetXHUnitMobile": "px", "offsetYH": "", "offsetYHTablet": "", "offsetYHMobile": "", "offsetYHUnit": "px", "offsetYHUnitTablet": "px", "offsetYHUnitMobile": "px", "scaleProportionsH": false, "scaleH": "", "scaleHTablet": "", "scaleHMobile": "", "scaleXH": "", "scaleXHTablet": "", "scaleXHMobile": "", "scaleYH": "", "scaleYHTablet": "", "scaleYHMobile": "", "skewXH": "", "skewXHTablet": "", "skewXHMobile": "", "skewYH": "", "skewYHTablet": "", "skewYHMobile": "", "flipHorizontalH": false, "flipVerticalH": false, "xAnchorPointH": "", "xAnchorPointHTablet": "", "xAnchorPointHMobile": "", "yAnchorPointH": "", "yAnchorPointHTablet": "", "yAnchorPointHMobile": "", "transitionH": "" } }, "_mask": { "type": "object", "default": { "mask": false, "maskTablet": false, "maskMobile": false, "maskShape": "circle", "customMaskShape": "", "maskSize": "", "maskSizeTablet": "", "maskSizeMobile": "", "maskPosition": "", "maskPositionTablet": "", "maskPositionMobile": "", "maskRepeat": "", "maskRepeatTablet": "", "maskRepeatMobile": "", "scaleUnit": "px", "scaleUnitTablet": "px", "scaleUnitMobile": "px", "scale": "0", "scaleTablet": "0", "scaleMobile": "0", "xPositionUnit": "px", "xPositionUnitTablet": "px", "xPositionUnitMobile": "px", "xPosition": "", "xPositionTablet": "0", "xPositionMobile": "0", "yPositionUnit": "0", "yPositionUnitTablet": "px", "yPositionUnitMobile": "px", "yPosition": "0", "yPositionTablet": "0", "yPositionMobile": "0" } }, "_animation": { "type": "object", "default": { "animationType": "", "animationTypeTablet": "", "animationTypeMobile": "", "animationDuration": "", "animationDelay": "" } }, "_boxShadow": { "type": "object", "default": { "preset": "", "shadowType": "default", "shadow": "", "horizontal": "", "vertical": "", "blur": "", "spread": "", "color": "", "presetH": "", "shadowTypeH": "default", "shadowH": "", "horizontalH": "", "verticalH": "", "blurH": "", "spreadH": "", "colorH": "", "transitionDuration": "0" } }, "_hide_on_desktop": { "type": "boolean", "default": false }, "_hide_on_tablet": { "type": "boolean", "default": false }, "_hide_on_mobile": { "type": "boolean", "default": false }, "_custom_css": { "type": "string", "default": "" } } }