{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "name": "b-blocks/info-list",
  "version": "1.0.2",
  "title": "Info List Section",
  "category": "bPlugins",
  "description": "Info List plugin showcases your website's key features effortlessly and beautifully",
  "keywords": [
    "Info List",
    "Info",
    "List",
    "Info List Section",
    "Feature"
  ],
  "textdomain": "b-blocks",
  "attributes": {
    "alignment": {
      "type": "string",
      "default": "left"
    },
    "layout": {
      "type": "object",
      "default": {
        "theme": "theme-1"
      }
    },
    "section": {
      "type": "object",
      "default": {
        "background": {
          "type": "image",
          "color": "#2b303600",
          "gradient": "linear-gradient(45deg, #FF0000, #00FF00)",
          "image": {
            "url": "https://templates.bplugins.com/wp-content/uploads/2025/02/section-collection-plugin-bg-1.png"
          },
          "position": "center center",
          "attachment": "initial",
          "repeat": "no-repeat",
          "size": "cover",
          "overlayColor": "rgba(0, 0, 0, 0.1)"
        },
        "margin": {
          "desktop": {
            "top": "0px",
            "right": "0px",
            "bottom": "0px",
            "left": "0px"
          },
          "tablet": {
            "top": "0px",
            "right": "0px",
            "bottom": "0px",
            "left": "0px"
          },
          "mobile": {
            "top": "0px",
            "right": "0px",
            "bottom": "0px",
            "left": "0px"
          }
        },
        "padding": {
          "desktop": {
            "top": "136px",
            "right": "0px",
            "bottom": "136px",
            "left": "0px"
          },
          "tablet": {
            "top": "60px",
            "right": "0px",
            "bottom": "60px",
            "left": "0px"
          },
          "mobile": {
            "top": "30px",
            "right": "30px",
            "bottom": "30px",
            "left": "30px"
          }
        }
      }
    },
    "heading": {
      "type": "object",
      "default": {
        "title": {
          "text": "Featured Tools Use",
          "color": "#fff",
          "showTitle": true,
          "typo": {
            "fontFamily": "Manrope",
            "fontCategory": "sans-serif",
            "fontWeight": 700,
            "fontSize": {
              "desktop": 55,
              "tablet": 28,
              "mobile": 28
            },
            "fontStyle": "normal",
            "textTransform": "none",
            "textDecoration": "auto",
            "lineHeight": "70px",
            "letterSpace": "0px"
          },
          "padding": {
            "top": "0px",
            "right": "10px",
            "bottom": "0px",
            "left": "10px"
          },
          "margin": {
            "top": "0px",
            "right": "0px",
            "bottom": "16px",
            "left": "0px"
          }
        },
        "subTitle": {
          "text": "Easy Usage",
          "bg": "#5422D9",
          "color": "#fff",
          "showSubTitle": true,
          "radius": {
            "top": "3px",
            "right": "3px",
            "bottom": "3px",
            "left": "3px"
          },
          "padding": {
            "top": "5px",
            "right": "8px",
            "bottom": "5px",
            "left": "8px"
          },
          "typo": {
            "fontFamily": "Manrope",
            "fontCategory": "sans-serif",
            "fontWeight": 500,
            "fontSize": {
              "desktop": 15,
              "tablet": 12,
              "mobile": 12
            },
            "fontStyle": "normal",
            "textTransform": "none",
            "textDecoration": "auto",
            "lineHeight": "18px",
            "letterSpace": "0px"
          },
          "icon": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" fill-rule=\"evenodd\" d=\"M12 21a9 9 0 1 0 0-18a9 9 0 0 0 0 18m-.232-5.36l5-6l-1.536-1.28l-4.3 5.159l-2.225-2.226l-1.414 1.414l3 3l.774.774z\" clip-rule=\"evenodd\"></path></svg>",
          "height": "18px",
          "iconColor": "#fff"
        }
      }
    },
    "features": {
      "type": "array",
      "default": [
        {
          "icon": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 32 32\"><circle cx=\"9\" cy=\"7\" r=\"1\" fill=\"currentColor\"></circle><path fill=\"currentColor\" d=\"M27 22.14V18a2 2 0 0 0-2-2h-8v-4h9a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h9v4H7a2 2 0 0 0-2 2v4.14a4 4 0 1 0 2 0V18h8v4h-3v8h8v-8h-3v-4h8v4.14a4 4 0 1 0 2 0M8 26a2 2 0 1 1-2-2a2 2 0 0 1 2 2m10-2v4h-4v-4ZM6 10V4h20v6Zm20 18a2 2 0 1 1 2-2a2 2 0 0 1-2 2\"></path></svg>",
          "title": "01 — Sitemap",
          "description": "Generate the information structure of the website using a visual sitemap."
        },
        {
          "icon": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\" color=\"currentColor\"><path d=\"M2.5 12c0-4.478 0-6.718 1.391-8.109S7.521 2.5 12 2.5c4.478 0 6.718 0 8.109 1.391S21.5 7.521 21.5 12c0 4.478 0 6.718-1.391 8.109S16.479 21.5 12 21.5c-4.478 0-6.718 0-8.109-1.391S2.5 16.479 2.5 12m0 0h19M13 7h4\"></path><circle cx=\"8.25\" cy=\"7\" r=\"1.25\"></circle><circle cx=\"8.25\" cy=\"17\" r=\"1.25\"></circle><path d=\"M13 17h4\"></path></g></svg>",
          "title": "02 — Custom data retention",
          "description": "Generate the information structure of the website using a visual sitemap."
        },
        {
          "icon": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><path fill=\"currentColor\" d=\"M20 4.746a2.75 2.75 0 0 0-2.75-2.75H4.75A2.75 2.75 0 0 0 2 4.746v12.5a2.75 2.75 0 0 0 2.75 2.75h6.666l.105-.42c.096-.384.253-.748.463-1.08H4.75c-.69 0-1.25-.56-1.25-1.25v-12.5c0-.69.56-1.25 1.25-1.25h12.5c.69 0 1.25.56 1.25 1.25v7.113c.437-.4.956-.66 1.5-.781zm-4 9.609V6.728l-.007-.1A.744.744 0 0 0 15.25 6a.74.74 0 0 0-.75.73v8.541l.007.099c.017.125.067.24.142.337zm-8.507-5.71a.75.75 0 0 0-.743-.646a.75.75 0 0 0-.75.747v6.507l.007.101c.05.365.363.645.743.645c.414 0 .75-.334.75-.746V8.746zm4.214 2.972a.73.73 0 0 0-.732-.62a.73.73 0 0 0-.725.733l.035 3.547l.008.099a.73.73 0 0 0 .732.62a.73.73 0 0 0 .725-.733l-.035-3.548zm7.393 1.052l-5.903 5.902a2.7 2.7 0 0 0-.706 1.248l-.458 1.83a1.087 1.087 0 0 0 1.319 1.319l1.83-.458a2.7 2.7 0 0 0 1.248-.706l5.902-5.903A2.286 2.286 0 0 0 19.1 12.67\"></path></svg>",
          "title": "03 — Redaction of PII",
          "description": "Generate the information structure of the website using a visual sitemap."
        },
        {
          "icon": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 36 36\"><path fill=\"currentColor\" d=\"M4 18.24V7.91c0-.65 2.09-1.84 5.5-1.84S15 7.27 15 7.91V9.7a19 19 0 0 1 2-.2V7.91c0-2.52-3.77-3.84-7.5-3.84S2 5.4 2 7.91v10.33C2 20.4 4.77 21.67 7.9 22v-2C5.46 19.68 4 18.78 4 18.24\" class=\"clr-i-outline--alerted clr-i-outline-path-1--alerted\"></path><path fill=\"currentColor\" d=\"M24.65 18.52c-.85 1-3.42 2-6.65 2a14.5 14.5 0 0 1-4-.52v1.46a16.3 16.3 0 0 0 4 .47a12.76 12.76 0 0 0 6.65-1.56v3.12c-.85 1-3.42 2-6.65 2a14.5 14.5 0 0 1-4-.53v1.46a16.3 16.3 0 0 0 4 .47a12.76 12.76 0 0 0 6.65-1.56v2.29C24.65 28.57 22 30 18 30s-6.65-1.43-6.65-2.38V15.23c0-.95 2.65-2.38 6.65-2.38h.75a3.7 3.7 0 0 1-.08-2h-.66c-4.93 0-8.65 1.88-8.65 4.38v12.31c0 2.5 3.72 4.38 8.65 4.38s8.65-1.88 8.65-4.38V15.4h-2Z\" class=\"clr-i-outline--alerted clr-i-outline-path-2--alerted\"></path><path fill=\"currentColor\" d=\"M22 4.8c-1.75.63-3 1.68-3 3.12V9.5h.25Z\" class=\"clr-i-outline--alerted clr-i-outline-path-3--alerted\"></path><path fill=\"currentColor\" d=\"M33.68 15.4H32v2.84c0 .54-1.46 1.44-3.9 1.73v2c3.13-.32 5.9-1.6 5.9-3.75v-2.84Z\" class=\"clr-i-outline--alerted clr-i-outline-path-4--alerted\"></path><path fill=\"currentColor\" d=\"M26.85 1.14L21.13 11a1.28 1.28 0 0 0 1.1 2h11.45a1.28 1.28 0 0 0 1.1-2l-5.72-9.86a1.28 1.28 0 0 0-2.21 0\" class=\"clr-i-outline--alerted clr-i-outline-path-5--alerted clr-i-alert\"></path><path fill=\"none\" d=\"M0 0h36v36H0z\"></path></svg>",
          "title": "04 — Zero-Retention",
          "description": "Generate the information structure of the website using a visual sitemap."
        },
        {
          "icon": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 1024 1024\"><path fill=\"currentColor\" d=\"m665.216 768l110.848 192h-73.856L591.36 768H433.024L322.176 960H248.32l110.848-192H160a32 32 0 0 1-32-32V192H64a32 32 0 0 1 0-64h896a32 32 0 1 1 0 64h-64v544a32 32 0 0 1-32 32zM832 192H192v512h640zM352 448a32 32 0 0 1 32 32v64a32 32 0 0 1-64 0v-64a32 32 0 0 1 32-32m160-64a32 32 0 0 1 32 32v128a32 32 0 0 1-64 0V416a32 32 0 0 1 32-32m160-64a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V352a32 32 0 0 1 32-32\"></path></svg>",
          "title": "05 — Response Procedure",
          "description": "Generate the information structure of the website using a visual sitemap."
        },
        {
          "icon": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 20 20\"><path fill=\"currentColor\" d=\"M8 8.5a.5.5 0 0 0-1 0V13h.5q.255 0 .5.035zM5 4v9H4V4a2 2 0 0 1 2-2h4.586a1.5 1.5 0 0 1 1.06.44l3.915 3.914A1.5 1.5 0 0 1 16 7.414V16a2 2 0 0 1-2 2h-3.337c.148-.31.251-.647.302-1H14a1 1 0 0 0 1-1V8h-3.5A1.5 1.5 0 0 1 10 6.5V3H6a1 1 0 0 0-1 1m5.5 8.5v2.196a3.5 3.5 0 0 0-1-1.069V12.5a.5.5 0 0 1 1 0m2.5-2a.5.5 0 0 0-1 0v5a.5.5 0 0 0 1 0zM11.5 7h3.293L11 3.207V6.5a.5.5 0 0 0 .5.5m-8 7a2.5 2.5 0 0 0 0 5H4a.5.5 0 0 0 0-1h-.5a1.5 1.5 0 0 1 0-3H4a.5.5 0 0 0 0-1zM7 14a.5.5 0 0 0 0 1h.5a1.5 1.5 0 0 1 0 3H7a.5.5 0 0 0 0 1h.5a2.5 2.5 0 0 0 0-5zm-4 2.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5\"></path></svg>",
          "title": "06 — Zero-Retention",
          "description": "Generate the information structure of the website using a visual sitemap."
        },
        {
          "icon": "<svg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 24 24'><g fill='none' stroke='currentColor' strokeLinecap='round' strokeWidth='1.5'><path d='M22 12c0 4.714 0 7.071-1.465 8.535C19.072 22 16.714 22 12 22s-7.071 0-8.536-1.465C2 19.072 2 16.714 2 12s0-7.071 1.464-8.536C4.93 2 7.286 2 12 2' /><path strokeLinejoin='round' d='m13 7l2 2l5-5' /><path d='m2 12.5l1.752-1.533a2.3 2.3 0 0 1 3.14.105l4.29 4.29a2 2 0 0 0 2.564.222l.299-.21a3 3 0 0 1 3.731.225L21 18.5' opacity='.5' /></g></svg>",
          "title": "07 — Well Done!",
          "description": "Generate the information structure of the website using a visual sitemap. Expect minimal interruption with our promise of data recovery in no more than six hours."
        }
      ]
    },
    "style": {
      "type": "object",
      "default": {
        "columns": {
          "desktop": 4,
          "tablet": 3,
          "mobile": 1
        },
        "columnsSpan": {
          "desktop": 2,
          "tablet": 2,
          "mobile": 1
        },
        "bg": "rgb(13, 14, 16)",
        "radius": {
          "top": "16px",
          "right": "16px",
          "bottom": "16px",
          "left": "16px"
        },
        "bgPadding": {
          "top": "16px",
          "right": "16px",
          "bottom": "16px",
          "left": "16px"
        },
        "margin": {
          "top": "0px",
          "right": "-12px",
          "bottom": "0px",
          "left": "-12px"
        },
        "padding": {
          "top": "20px",
          "right": "20px",
          "bottom": "20px",
          "left": "20px"
        },
        "featureFourPadding": {
          "top": "20px",
          "right": "20px",
          "bottom": "20px",
          "left": "20px"
        },
        "gap": "23px",
        "itemGap": "16px",
        "shadow": [
          {
            "hOffset": "0px",
            "vOffset": "10px",
            "blur": "20px",
            "spreed": "-4px",
            "color": "rgba(145, 158, 171, 0.16)",
            "isInset": false
          }
        ],
        "borderColor": "rgba(247, 247, 247, 1)",
        "icon": {
          "height": "30px",
          "color": "#fff",
          "hoverColor": "rgba(9, 10, 12, 1)"
        },
        "iconButton": {
          "height": "48px",
          "colorBg": "rgba(18, 17, 17, 0.6)",
          "hoverBg": "rgba(246, 92, 52,1)",
          "border": {
            "width": "1px",
            "style": "solid",
            "color": "rgba(252, 252, 253, 0.1)",
            "side": "all",
            "radius": "8px"
          }
        },
        "title": {
          "color": "rgba(255, 255, 255, 0.9)",
          "hoverColor": "rgba(246, 92, 52, 1)",
          "typo": {
            "fontFamily": "Manrope",
            "fontCategory": "sans-serif",
            "fontWeight": 800,
            "fontSize": {
              "desktop": 18,
              "tablet": 18,
              "mobile": 18
            },
            "fontStyle": "normal",
            "textTransform": "none",
            "textDecoration": "auto",
            "lineHeight": "26px",
            "letterSpace": "0px"
          }
        },
        "des": {
          "color": "rgba(255, 255, 255, 0.43)",
          "typo": {
            "fontFamily": "Manrope",
            "fontCategory": "sans-serif",
            "fontWeight": 500,
            "fontSize": {
              "desktop": 14,
              "tablet": 14,
              "mobile": 14
            },
            "fontStyle": "normal",
            "textTransform": "none",
            "textDecoration": "auto",
            "lineHeight": "27px",
            "letterSpace": "0px"
          }
        }
      }
    },
    "advanced": {
      "type": "object",
      "default": {
        "dimension": {
          "padding": {
            "desktop": {
              "top": "0px",
              "right": "0px",
              "bottom": "0px",
              "left": "0px"
            },
            "tablet": {
              "top": "0px",
              "right": "0px",
              "bottom": "0px",
              "left": "0px"
            },
            "mobile": {
              "top": "0px",
              "right": "0px",
              "bottom": "0px",
              "left": "0px"
            }
          }
        },
        "transform": {
          "rotate": {
            "desktop": {
              "z": "",
              "y": "",
              "x": ""
            },
            "tablet": {
              "z": "",
              "y": "",
              "x": ""
            },
            "mobile": {
              "z": "",
              "y": "",
              "x": ""
            },
            "threeDRotate": false
          },
          "offset": {
            "desktop": {
              "x": "",
              "y": ""
            },
            "tablet": {
              "x": "",
              "y": ""
            },
            "mobile": {
              "x": "",
              "y": ""
            }
          },
          "scale": {
            "isProportion": true,
            "desktop": {
              "x": "",
              "y": "",
              "scale": ""
            },
            "tablet": {
              "x": "",
              "y": "",
              "scale": ""
            },
            "mobile": {
              "x": "",
              "y": "",
              "scale": ""
            }
          },
          "skew": {
            "desktop": {
              "x": "",
              "y": ""
            },
            "tablet": {
              "x": "",
              "y": ""
            },
            "mobile": {
              "x": "",
              "y": ""
            }
          },
          "flipX": false,
          "flipY": false
        },
        "borderShadow": {
          "normal": {
            "radius": {
              "top": "px",
              "right": "px",
              "bottom": "px",
              "left": "px"
            },
            "shadow": [
              {
                "hOffset": "0px",
                "vOffset": "0px",
                "blur": "0px",
                "spreed": "0px",
                "color": "",
                "isInset": false
              }
            ]
          }
        },
        "background": {
          "normal": {
            "type": "color",
            "color": "",
            "gradient": {
              "type": "radial",
              "radialType": "ellipse",
              "colors": [
                {
                  "color": "rgba(58, 66, 222, 1)",
                  "position": "0"
                },
                {
                  "color": "rgba(176, 195, 235, 1)",
                  "position": "80"
                }
              ],
              "centerPositions": {
                "x": 50,
                "y": 50
              },
              "angel": 90
            },
            "img": {
              "url": "",
              "desktop": {
                "position": "center center",
                "xPosition": 0,
                "yPosition": 0,
                "attachment": "",
                "repeat": "no-repeat",
                "size": "",
                "customSize": "0px"
              },
              "tablet": {
                "position": "center center",
                "xPosition": 0,
                "yPosition": 0,
                "attachment": "",
                "repeat": "no-repeat",
                "size": "",
                "customSize": "0px"
              },
              "mobile": {
                "position": "center center",
                "xPosition": 0,
                "yPosition": 0,
                "attachment": "",
                "repeat": "no-repeat",
                "size": "",
                "customSize": "0px"
              }
            },
            "video": {
              "url": "",
              "loop": false
            },
            "transition": 0.3
          }
        },
        "mask": {
          "isMask": false,
          "shape": {
            "type": "circle",
            "url": ""
          },
          "size": {
            "type": "center center",
            "scale": "100%"
          },
          "position": {
            "type": "center center",
            "x": 50,
            "y": 50
          },
          "repeat": "no-repeat"
        },
        "animation": {
          "type": "",
          "duration": 1,
          "delay": 0
        },
        "visibility": {
          "zIndex": {},
          "overflow": ""
        },
        "responsive": {
          "desktop": false,
          "tablet": false,
          "mobile": false
        },
        "css": ""
      }
    },
    "align": {
      "type": "string",
      "default": "full"
    }
  },
  "supports": {
    "align": [
      "wide",
      "full"
    ],
    "html": false
  },
  "example": {
    "attributes": {}
  },
  "editorScript": "file:../index.js",
  "style": "file:./view.css",
  "render": "file:./render.php",
  "viewScript": "file:./view.js"
}