{ "$schema": "https://schemas.wp.org/trunk/block.json", "apiVersion": 3, "name": "alpha-blocks/image", "version": "1.0.0", "title": "Alpha Image", "category": "alpha-blocks", "icon": "format-image", "attributes": { "blockId": { "type": "string" }, "compiledCss": { "type": "string" }, "containerBorder": { "type": "object", "default": { "width": 0, "style": "solid", "color": "#000000" }, "inspectorController": { "targetTab": "general", "targetAccordionTab": "general", "inspectorComponent": "InspectorBorderBox", "inspectorLabel": "Border" }, "styleGenerator": { "targetCSSSelector": ".image-container", "CSSGeneratorFunction": "CSSProp" } }, "containerBorderRadius": { "type": "object", "default": { "desktop": { "sideTop": "2", "sideRight": "2", "sideBottom": "2", "sideLeft": "2", "unit": "px" } }, "inspectorController": { "targetTab": "general", "targetAccordionTab": "general", "inspectorComponent": "InspectorFourDimension", "inspectorLabel": "Border Radius" } }, "margin": { "type": "object", "default": { "desktop": { "sideTop": "2", "sideRight": "2", "sideBottom": "2", "sideLeft": "2", "unit": "px" } }, "inspectorController": { "targetTab": "general", "targetAccordionTab": "general", "inspectorComponent": "InspectorFourDimension", "inspectorLabel": "Margin" } }, "padding": { "type": "object", "default": { "desktop": { "sideTop": "2", "sideRight": "2", "sideBottom": "2", "sideLeft": "2", "unit": "px" } }, "inspectorController": { "targetTab": "general", "targetAccordionTab": "general", "inspectorComponent": "InspectorFourDimension", "inspectorLabel": "Padding" } }, "mediaImage": { "type": "object", "default": {}, "inspectorController": { "targetTab": "general", "targetAccordionTab": "image", "inspectorComponent": "InspectorImageSelector", "inspectorLabel": "Select Image" } }, "caption": { "type": "string", "default": "" }, "disableLazyLoading": { "type": "boolean", "default": false, "inspectorController": { "targetTab": "general", "targetAccordionTab": "image", "inspectorComponent": "InspectorCheckbox", "inspectorLabel": "Disable Lazy Loading" } }, "horizontalAlignment": { "type": "string", "default": "center", "inspectorController": { "targetTab": "general", "targetAccordionTab": "image", "inspectorComponent": "InspectorSelectButton", "inspectorLabel": "Horizontal Alignment", "iconButton": true, "options": [ { "value": "left", "iconName": "editor-alignleft", "label": "left" }, { "value": "center", "iconName": "editor-aligncenter", "label": "center" }, { "value": "right", "iconName": "editor-alignright", "label": "right" } ] } }, "verticalAlignment": { "type": "string", "default": "center", "inspectorController": { "targetTab": "general", "targetAccordionTab": "image", "inspectorComponent": "InspectorSelectButton", "inspectorLabel": "Vertical Alignment", "iconButton": true, "options": [ { "value": "flex-start", "iconName": "arrow-up-alt", "label": "Top" }, { "value": "center", "iconName": "minus", "label": "Middle" }, { "value": "end", "iconName": "arrow-down-alt", "label": "Bottom" } ] } }, "enableOverlay": { "type": "boolean", "default": false, "inspectorController": { "targetTab": "general", "targetAccordionTab": "Overlay", "inspectorComponent": "InspectorCheckbox", "inspectorLabel": "Enable Overlay" } }, "enableText": { "type": "boolean", "default": false, "inspectorController": { "targetTab": "general", "targetAccordionTab": "Overlay", "inspectorComponent": "InspectorCheckbox", "inspectorLabel": "Enable Text" } }, "overlayBackgroundColor": { "type": "object", "default": { "type": "color", "gradient": "linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)", "color": "#fff" }, "inspectorController": { "targetTab": "general", "targetAccordionTab": "Overlay", "inspectorComponent": "InspectorColorSelect", "inspectorLabel": "Overlay Background Color", "dependsOn": "enableOverlay", "dependsValue": true } }, "overlayTextColor": { "type": "object", "default": { "type": "color", "gradient": "linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)", "color": "#fff" }, "inspectorController": { "targetTab": "general", "targetAccordionTab": "Overlay", "inspectorComponent": "InspectorColorSelect", "inspectorLabel": "Overlay Text Color", "dependsOn": "enableOverlay", "dependsValue": true } }, "overlayText": { "type": "string", "default": "", "source": "html", "selector": ".overlay p" }, "overlayTypography": { "type": "object", "default": { "fontFamily": "default", "fontSize": { "desktop": { "val": 16, "unit": "px" } }, "fontWeight": false, "fontStyle": false, "fontTransform": false, "fontDecoration": "default", "fontLineHeight": { "desktop": { "unit": "px", "val": 24 } }, "fontLetterSpacing": { "desktop": { "unit": "px", "val": 0 } } }, "inspectorController": { "targetTab": "general", "targetAccordionTab": "Overlay Typography", "inspectorComponent": "InspectorTypographyControlTab", "inspectorLabel": "Overlay Typography" } }, "overlayOpacity": { "type": "object", "default": { "desktop": { "val": 100, "unit": "%" } }, "inspectorController": { "targetTab": "general", "targetAccordionTab": "Overlay", "inspectorComponent": "InspectorResponsiveRangeControl", "inspectorLabel": "Overlay Opacity", "availableMedia": [ "desktop" ], "availableUnits": [ "%" ] } }, "imageWidth": { "type": "object", "default": { "desktop": { "val": 100, "unit": "%" }, "tablet": { "val": 100, "unit": "%" }, "mobile": { "val": 100, "unit": "%" } }, "inspectorController": { "targetTab": "general", "targetAccordionTab": "image", "inspectorComponent": "InspectorResponsiveRangeControl", "inspectorLabel": "Image Width", "min": "0", "max": "2000" } }, "imageHeight": { "type": "object", "default": { "desktop": { "val": 100, "unit": "%" }, "tablet": { "val": 100, "unit": "%" }, "mobile": { "val": 100, "unit": "%" } }, "inspectorController": { "targetTab": "general", "targetAccordionTab": "image", "inspectorComponent": "InspectorResponsiveRangeControl", "inspectorLabel": "Image Height", "min": "0", "max": "2000" } }, "containerWidth": { "type": "object", "default": { "desktop": { "val": 100, "unit": "%" }, "tablet": { "val": 100, "unit": "%" }, "mobile": { "val": 100, "unit": "%" } }, "inspectorController": { "targetTab": "general", "targetAccordionTab": "image", "inspectorComponent": "InspectorResponsiveRangeControl", "inspectorLabel": "Container Width", "min": "0", "max": "2000" } }, "containerHeight": { "type": "object", "default": { "desktop": { "val": 100, "unit": "%" }, "tablet": { "val": 100, "unit": "%" }, "mobile": { "val": 100, "unit": "%" } }, "inspectorController": { "targetTab": "general", "targetAccordionTab": "image", "inspectorComponent": "InspectorResponsiveRangeControl", "inspectorLabel": "Container Height", "min": "0", "max": "2000" } }, "altText": { "type": "string", "default": "", "inspectorController": { "targetTab": "general", "targetAccordionTab": "image", "inspectorComponent": "InspectorTextControl", "inspectorLabel": "Alt Text" } }, "title": { "type": "string", "default": "", "inspectorController": { "targetTab": "general", "targetAccordionTab": "image", "inspectorComponent": "InspectorTextControl", "inspectorLabel": "Title" } }, "imageObjectFit": { "type": "string", "default": "cover", "inspectorController": { "targetTab": "general", "targetAccordionTab": "image", "inspectorComponent": "InspectorSelectRow", "inspectorLabel": "Image Object Fit", "options": [ { "value": "", "label": "Default" }, { "value": "cover", "label": "Cover" }, { "value": "contain", "label": "Contain" }, { "value": "fill", "label": "Fill" } ] } }, "imageMaskShape": { "type": "string", "default": "", "inspectorController": { "targetTab": "general", "targetAccordionTab": "image", "inspectorComponent": "InspectorSelectRow", "inspectorLabel": "Image Mask Shape", "options": [ { "value": "", "label": "None" }, { "value": "circle", "label": "Circle" }, { "value": "diamond", "label": "Diamond" }, { "value": "hazagon", "label": "Hazagon" }, { "value": "rounded", "label": "Rounded" }, { "value": "shape-1", "label": "Shape 1" }, { "value": "shape-2", "label": "Shape 2" }, { "value": "shape-3", "label": "Shape 3" }, { "value": "shape-4", "label": "Shape 4" } ] } }, "enableImageCaption": { "type": "boolean", "default": false, "inspectorController": { "targetTab": "general", "targetAccordionTab": "image", "inspectorComponent": "InspectorCheckbox", "inspectorLabel": "Enable Image Caption" } }, "captionAlignment": { "type": "string", "default": "left", "inspectorController": { "targetTab": "general", "targetAccordionTab": "image", "inspectorComponent": "InspectorSelectButton", "inspectorLabel": "Caption Alignment", "iconButton": true, "options": [ { "value": "left", "iconName": "editor-alignleft", "label": "left" }, { "value": "center", "iconName": "editor-aligncenter", "label": "center" }, { "value": "right", "iconName": "editor-alignright", "label": "right" } ], "dependsOn": "enableImageCaption", "dependsValue": true } }, "typography": { "type": "object", "default": { "fontFamily": "default", "fontSize": { "desktop": { "val": 16, "unit": "px" } }, "fontWeight": false, "fontStyle": false, "fontTransform": false, "fontDecoration": "default", "fontLineHeight": { "desktop": { "unit": "px", "val": 24 } }, "fontLetterSpacing": { "desktop": { "unit": "px", "val": 0 } } }, "inspectorController": { "targetTab": "styles", "targetAccordionTab": "Caption Typography", "inspectorComponent": "InspectorTypographyControlTab", "inspectorLabel": "Caption Typography" } }, "hoverBorder": { "type": "object", "default": { "width": 0, "style": "solid", "color": "#000000" }, "inspectorController": { "targetTab": "styles", "targetAccordionTab": "Hover", "inspectorComponent": "InspectorBorderBox", "inspectorLabel": "Hover Border" } }, "imageBoxShadow": { "type": "object", "default": { "inset": false, "x": "0", "y": "0", "blur": "0", "spread": "0", "color": "rgba(0,0,0,0)" }, "inspectorController": { "targetTab": "styles", "targetAccordionTab": "Image Shadow", "inspectorComponent": "InspectorShadow", "inspectorLabel": "" } }, "imageOpacity": { "type": "object", "default": { "desktop": { "val": 100, "unit": "%" } }, "inspectorController": { "targetTab": "styles", "targetAccordionTab": "Image Effect", "inspectorComponent": "InspectorResponsiveRangeControl", "inspectorLabel": "Opacity", "availableMedia": [ "desktop" ], "availableUnits": [ "%" ] } }, "imageFilterGrayscale": { "type": "object", "default": { "desktop": { "val": 0, "unit": "%" } }, "inspectorController": { "targetTab": "styles", "targetAccordionTab": "Image Effect", "inspectorComponent": "InspectorResponsiveRangeControl", "inspectorLabel": "Grayscale", "availableMedia": [ "desktop" ], "availableUnits": [ "%" ] } }, "imageFilterBrightness": { "type": "object", "default": { "desktop": { "val": 100, "unit": "%" } }, "inspectorController": { "targetTab": "styles", "targetAccordionTab": "Image Effect", "inspectorComponent": "InspectorResponsiveRangeControl", "inspectorLabel": "Brightness", "availableMedia": [ "desktop" ], "availableUnits": [ "%" ] } }, "imageFilterContrast": { "type": "object", "default": { "desktop": { "val": 100, "unit": "%" } }, "inspectorController": { "targetTab": "styles", "targetAccordionTab": "Image Effect", "inspectorComponent": "InspectorResponsiveRangeControl", "inspectorLabel": "Contrast", "availableMedia": [ "desktop" ], "availableUnits": [ "%" ] } }, "imageFilterSaturate": { "type": "object", "default": { "desktop": { "val": 100, "unit": "%" } }, "inspectorController": { "targetTab": "styles", "targetAccordionTab": "Image Effect", "inspectorComponent": "InspectorResponsiveRangeControl", "inspectorLabel": "Saturate", "availableMedia": [ "desktop" ], "availableUnits": [ "%" ] } }, "imageFilterSepia": { "type": "object", "default": { "desktop": { "val": 0, "unit": "%" } }, "inspectorController": { "targetTab": "styles", "targetAccordionTab": "Image Effect", "inspectorComponent": "InspectorResponsiveRangeControl", "inspectorLabel": "Sepia", "availableMedia": [ "desktop" ], "availableUnits": [ "%" ] } }, "imageFilterBlur": { "type": "object", "default": { "desktop": { "val": 0, "unit": "px" } }, "inspectorController": { "targetTab": "styles", "targetAccordionTab": "Image Effect", "inspectorComponent": "InspectorResponsiveRangeControl", "inspectorLabel": "Blur", "availableMedia": [ "desktop" ], "availableUnits": [ "px" ] } } }, "supports": { "customClassName": false, "align": [ "wide", "full" ] }, "textdomain": "alpha-blocks", "editorScript": "file:./index.js", "editorStyle": [ "alpha-admin-css" ], "style": "alpha-block-tailwind-style" }