{
  "apiVersion": 2,
  "name": "ocb/offcanvas",
  "title": "OffCanvas",
  "version": "2.0.4",
  "description": "Display content box from the left, right, or bottom edge of the viewport",
  "category": "widgets",
  "keywords": [
    "model",
    "popup",
    "sidebar"
  ],
  "textdomain": "offcanvas",
  "attributes": {
    "align": {
      "type": "string",
      "default": ""
    },
    "cId": {
      "type": "string",
      "default": ""
    },
    "position": {
      "type": "string",
      "default": "start"
    },
    "btnText": {
      "type": "string",
      "default": "OffCanvas"
    },
    "btnAlign": {
      "type": "string",
      "default": "center"
    },
    "btnTypo": {
      "type": "object",
      "default": {
        "fontSize": {
          "desktop": 15,
          "tablet": 15,
          "mobile": 15
        },
        "fontWeight": 600
      }
    },
    "btnColors": {
      "type": "object",
      "default": {
        "color": "#fff",
        "bg": "#4527a4"
      }
    },
    "popupBG": {
      "type": "object",
      "default": {
        "color": "#fff"
      }
    },
    "title": {
      "type": "string",
      "default": "OffCanvas"
    },
    "titleTypo": {
      "type": "object",
      "default": {
        "fontSize": {
          "desktop": 18,
          "tablet": 17,
          "mobile": 16
        },
        "fontWeight": 500
      }
    },
    "titleColor": {
      "type": "string",
      "default": "#333"
    },
    "headerBg": {
      "type": "object",
      "default": {
        "color": "#0000"
      }
    },
    "closeBtnColor": {
      "type": "string",
      "default": "#555"
    },
    "closeBtnIcon": {
      "type": "string",
      "default": ""
    },
    "offCanvasSettings": {
      "type": "object",
      "default": {
        "options": {
          "backdrop": false,
          "closeOnClickOutside": false,
          "toggleShow": false,
          "scrollable": true,
          "isTriggerOnCustomSelector": false,
          "isShowDefaultTrigger": false,
          "animation": "default",
          "duration": 400,
          "easing": "ease",
          "slideDirection": "left",
          "isShowButtonIcon": false,
          "header": {
            "isShow": true,
            "titlePosition": "start"
          },
          "smartTrigger": {
            "enabled": false,
            "type": "",
            "value": "5",
            "targetSelector": "",
            "frequency": "session",
            "delay": "1",
            "scrollDepth": "50",
            "inactivityPeriod": "1"
          }
        },
        "triggerSelector": "",
        "showBtn": {
          "icon": "<svg  viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M10.146 4.646a.5.5 0 01.708 0l3 3a.5.5 0 010 .708l-3 3a.5.5 0 01-.708-.708L12.793 8l-2.647-2.646a.5.5 0 010-.708z' clip-rule='evenodd'></path><path fill-rule='evenodd' d='M2 8a.5.5 0 01.5-.5H13a.5.5 0 010 1H2.5A.5.5 0 012 8z' clip-rule='evenodd'></path></svg>",
          "position": "right"
        }
      }
    },
    "offCanvasStyles": {
      "type": "object",
      "default": {
        "popupArea": {
          "horizontalWidth": {
            "desktop": "100%",
            "tablet": "100%",
            "mobile": "100%"
          },
          "verticalWidth": {
            "desktop": "350px",
            "tablet": "350px",
            "mobile": "350px"
          },
          "horizontalHeight": {
            "desktop": "30vh",
            "tablet": "30vh",
            "mobile": "30vh"
          },
          "verticalHeight": {
            "desktop": "100vh",
            "tablet": "100vh",
            "mobile": "100vh"
          },
          "shadow": [
            {
              "hOffset": "0px",
              "vOffset": "0px",
              "blur": "0px",
              "spread": "0px",
              "color": "rgba(0, 0, 0, 0.16)",
              "isInset": false
            }
          ]
        },
        "showBtn": {
          "hoverColors": {
            "color": "",
            "bg": ""
          },
          "padding": {
            "desktop": {
              "top": "8px",
              "right": "20px",
              "bottom": "8px",
              "left": "20px"
            },
            "tablet": {
              "top": "8px",
              "right": "20px",
              "bottom": "8px",
              "left": "20px"
            },
            "mobile": {
              "top": "8px",
              "right": "20px",
              "bottom": "8px",
              "left": "20px"
            }
          },
          "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"
            }
          },
          "border": {
            "color": "",
            "style": "",
            "width": ""
          },
          "borderRadius": {
            "top": "3px",
            "right": "3px",
            "bottom": "3px",
            "left": "3px"
          },
          "shadow": [
            {
              "hOffset": "",
              "vOffset": "",
              "blur": "",
              "spread": "",
              "color": "",
              "isInset": false
            }
          ],
          "hoverShadow": [
            {
              "hOffset": "",
              "vOffset": "",
              "blur": "",
              "spread": "",
              "color": "",
              "isInset": false
            }
          ],
          "icon": {
            "size": 16,
            "color": "#fff",
            "hoverColor": ""
          }
        },
        "backdrop": {
          "bg": {
            "color": "rgba(0, 0, 0)"
          },
          "opacity": 0.1,
          "blur": 0
        },
        "closeBtn": {
          "bg": "#0000",
          "size": 16,
          "position": "top-right",
          "shadow": [
            {
              "hOffset": "0px",
              "vOffset": "0px",
              "blur": "0px",
              "spread": "0px",
              "color": "rgba(0, 0, 0, 0.16)",
              "isInset": false
            }
          ]
        }
      }
    }
  },
  "supports": {
    "align": [
      "wide",
      "full"
    ],
    "html": false
  },
  "example": {
    "attributes": {
      "preview": true,
      "columns": {
        "desktop": 1,
        "tablet": 1,
        "mobile": 1
      }
    }
  },
  "editorScript": [
    "file:./index.js",
    "wp-api",
    "wp-util"
  ],
  "editorStyle": "file:./index.css",
  "style": "file:./view.css",
  "render": "file:./render.php",
  "viewScript": "file:./view.js"
}