schema.json

{
  "type": "component",
  "metadata": {},
  "schema": {
    "name": "tourstep",
    "friendlyName": "Tour Step",
    "description": "A plugin which goes in conjunction with the Shepherd Tour Plugin. Nest elements inside this plugin and create each step in your walk through!",
    "icon": "RailTop",
    "hasChildren": true,
    "settings": [
      {
        "type": "text",
        "key": "tourName",
        "label": "Tour Name*",
        "required": true
      },
      {
        "type": "text",
        "key": "title",
        "label": "Title*",
        "required": true
      },
      {
        "type": "text",
        "key": "text",
        "label": "Text*",
        "required": true
      },
      {
        "type": "number",
        "key": "ranking",
        "label": "Ranking* (Must be >0)",
        "required": true
      },
      {
        "type": "select",
        "label": "Pop-Up Position",
        "key": "popposition",
        "defaultValue": "bottom",
        "options": [
          {
            "value": "bottom",
            "label": "bottom"
          },
          {
            "value": "auto",
            "label": "auto"
          },
          {
            "value": "auto-start",
            "label": "auto-start"
          },
          {
            "value": "auto-end",
            "label": "auto-end"
          },
          {
            "value": "top",
            "label": "top"
          },
          {
            "value": "top-start",
            "label": "top-start"
          },
          {
            "value": "top-end",
            "label": "top-end"
          },
          {
            "value": "bottom",
            "label": "bottom"
          },
          {
            "value": "bottom-end",
            "label": "bottom-end"
          },
          {
            "value": "right",
            "label": "right"
          },
          {
            "value": "right-start",
            "label": "right-start"
          },
          {
            "value": "right-end",
            "label": "right-end"
          },
          {
            "value": "left",
            "label": "left"
          },
          {
            "value": "left-start",
            "label": "left-start"
          },
          {
            "value": "left-end",
            "label": "left-end"
          }
        ]
      },
      {
        "section": true,
        "name": "Advanced Customization",
        "settings": [
          {
            "type": "boolean",
            "label": "Advance On",
            "key": "advanceOn",
            "defaultValue": false
          },
          {
            "type": "text",
            "label": "CSS Selector",
            "key": "selector",
            "required": true,
            "dependsOn": "advanceOn"
          },
          {
            "type": "select",
            "label": "Event Trigger",
            "key": "eventTrigger",
            "options": [
              {
                "value": "click",
                "label": "On Click"
              },
              {
                "value": "dblclick",
                "label": "On Double Click"
              },
              {
                "value": "contextmenu",
                "label": "Right Click"
              },
              {
                "value": "mousedown",
                "label": "Mouse Down"
              },
              {
                "value": "mouseup",
                "label": "Mouse Up"
              },
              {
                "value": "mouseenter",
                "label": "Mouse Enter"
              },
              {
                "value": "mouseleave",
                "label": "Mouse Leave"
              }
            ]
          }
        ]
      },
      {
        "section": true,
        "name": "Buttons",
        "settings": [
          {
            "type": "boolean",
            "label": "Show Previous Button",
            "key": "showPrevBtn",
            "defaultValue": true
          },
          {
            "type": "boolean",
            "label": "Show Next Button",
            "key": "showNextBtn",
            "defaultValue": true
          },
          {
            "type": "boolean",
            "label": "Show Complete Button",
            "key": "showCompleteBtn",
            "defaultValue": false
          }
        ]
      }
      ,
      {
        "section": true,
        "name": "Configuration",
        "settings": [
         
          {
            "type": "boolean",
            "label": "Target Clickable",
            "key": "canClickTarget",
            "defaultValue": false
          },
          {
            "type": "boolean",
            "label": "Show Cancel Icon",
            "key": "cancelIcon",
            "defaultValue": true
          },
      
          
          {
            "type": "boolean",
            "label": "Show Arrow",
            "key": "arrow",
            "defaultValue": true
          },
          {
            "type": "boolean",
            "label": "Modal Step",
            "key": "modalStepFlag",
            "defaultValue": false
          },
          {
            "type": "text",
            "label": "Attach To Override",
            "key": "attachToOverride"
          }
        ]
      }
    ]
  }
}