{
  "name": {
    "type": "Input",
    "value": "New Item"
  },
  "status": {
    "type": "Status"
  },
  "dropdown_color_scheme": {
    "type": "ColorScheme",
    "php": true
  },
  "title": {
    "type": "InputLang",
    "php": true
  },
  "link": {
    "type": "Link",
    "php": true
  },
  "visibility": {
    "type": "Toggle",
    "value": "true",
    "rules": {
      "true": {
        ".top-menu-%s .top-menu-item-%s": "display: block"
      },
      "false": {
        ".top-menu-%s .top-menu-item-%s": "display:none"
      }
    }
  },
  "order": {
    "type": "Input",
    "value": "",
    "property": "order: %s",
    "selector": ".top-menu-%s .top-menu-item-%s"
  },
  "icon": {
    "type": "Icon",
    "selector": "div.top-menu-%s .j-menu li.top-menu-item-%s > a::before",
    "important": true
  },
  "iconHover": {
    "type": "Color",
    "selector": "div.top-menu-%s .j-menu li.top-menu-item-%s:hover > a::before",
    "property": "color",
    "important": true
  },
  "image": {
    "type": "ImageLang"
  },
  "font": {
    "type": "Font",
    "selector": ".top-menu-%s .j-menu li.top-menu-item-%s > a:first-child, .top-menu-%s .j-menu li.top-menu-item-%s > a:first-child .links-text",
    "important": true
  },
  "fontHover": {
    "type": "Font",
    "selector": ".top-menu-%s .j-menu li.top-menu-item-%s:hover > a:first-child, .top-menu-%s .j-menu li.top-menu-item-%s:hover > a:first-child .links-text"
  },
  "background": {
    "type": "Background",
    "selector": ".top-menu-%s .j-menu li.top-menu-item-%s > a:first-child"
  },
  "backgroundHover": {
    "type": "Background",
    "selector": ".top-menu-%s .j-menu li.top-menu-item-%s:hover > a:first-child"
  },
  "padding": {
    "type": "Padding",
    "selector": ".top-menu-%s .j-menu li.top-menu-item-%s > a:first-child"
  },

  "iconOnly": {
    "type": "Toggle",
    "value": "false",
    "important": true,
    "rules": {
      "true": {
        ".top-menu-%s > ul > .top-menu-item-%s > a": "text-align:center",
        ".top-menu-%s > ul > .top-menu-item-%s > a > .links-text": "display:none",
        ".top-menu-%s > ul > .top-menu-item-%s > a .count-badge":"position: absolute; top: auto; right:auto;"
      },
      "false": {
        ".top-menu-%s > ul > .top-menu-item-%s > a": "text-align:left",
        ".top-menu-%s > ul > .top-menu-item-%s > a > .links-text": "display:block",
        ".top-menu-%s > ul > .top-menu-item-%s > a .count-badge":"position: relative;"
      }
    },
    "rtlRules": {
      "true": {
        ".top-menu-%s > ul > .top-menu-item-%s > a": "text-align:center",
        ".top-menu-%s > ul > .top-menu-item-%s > a > .links-text": "display:none",
        ".top-menu-%s > ul > .top-menu-item-%s > a .count-badge":"position: absolute; top: auto; right:auto;"
      },
      "false": {
        ".top-menu-%s > ul > .top-menu-item-%s > a": "text-align:right",
        ".top-menu-%s > ul > .top-menu-item-%s > a > .links-text": "display:block",
        ".top-menu-%s > ul > .top-menu-item-%s > a .count-badge":"position: relative;"
      }
    }
  },
  "dropdownAlign": {
    "type": "Radio",
    "value": "",
    "rules": {
      "left": {
        "div.top-menu-%s > ul.j-menu > li.top-menu-item-%s.drop-menu > div.dropdown-menu.j-dropdown": "left: calc(var(--menu-item-gap, 0px) / 2); right: auto; transform: translate3d(0, var(--dropdown-from), 0); align-items: flex-start; --align-scroll: var(--align-scroll-start, 0); --translate-x: 0",
        "div.top-menu-%s > ul.j-menu > li.top-menu-item-%s.drop-menu:first-child > div.dropdown-menu.j-dropdown": "left: 0px; right: auto; transform: translate3d(0, var(--dropdown-from), 0); align-items: flex-start",
        "div.top-menu-%s > ul.j-menu > li.top-menu-item-%s.drop-menu:last-child > div.dropdown-menu.j-dropdown": "left: calc(var(--menu-item-gap, 0px) / 2); right: auto; transform: translate3d(0, var(--dropdown-from), 0); align-items: flex-start",
        "div.top-menu-%s > ul.j-menu > li.top-menu-item-%s.dropdown > div.dropdown-menu.j-dropdown::before": "--triangle-right: var(--triangle-right-offset, 0px); --triangle-left: var(--triangle-left-offset, 0px)",
        "div.top-menu-%s > ul.j-menu > li.top-menu-item-%s.drop-menu.animating > div.dropdown-menu.j-dropdown": "--dropdown-from: 0"
      },
      "center": {
        "div.top-menu-%s > ul.j-menu > li.top-menu-item-%s.drop-menu > div.dropdown-menu.j-dropdown": "left:50%; right:auto; transform: translate3d(-50%, var(--dropdown-from), 0); align-items: center; --align-scroll: var(--align-scroll-center, 0); --translate-x: -50%",
        "div.top-menu-%s > ul.j-menu > li.top-menu-item-%s.drop-menu:first-child > div.dropdown-menu.j-dropdown": "left:50%; right:auto; transform: translate3d(-50%, var(--dropdown-from), 0); align-items: center",
        "div.top-menu-%s > ul.j-menu > li.top-menu-item-%s.drop-menu:last-child > div.dropdown-menu.j-dropdown": "left:50%; right:auto; transform: translate3d(-50%, var(--dropdown-from), 0); align-items: center",
        "div.top-menu-%s > ul.j-menu > li.top-menu-item-%s.dropdown > div.dropdown-menu.j-dropdown::before": "--triangle-right: 0px; --triangle-left: 0px",
        "div.top-menu-%s > ul.j-menu > li.top-menu-item-%s.drop-menu.animating > div.dropdown-menu.j-dropdown": "--dropdown-from: 0;"
      },
      "right": {
        "div.top-menu-%s > ul.j-menu > li.top-menu-item-%s.drop-menu > div.dropdown-menu.j-dropdown": "right:calc(var(--menu-item-gap, 0px) / 2); left:auto; transform: translate3d(0, var(--dropdown-from), 0); align-items: flex-end; --align-scroll: var(--align-scroll-end, 0); --translate-x: -100%",
        "div.top-menu-%s > ul.j-menu > li.top-menu-item-%s.drop-menu:first-child > div.dropdown-menu.j-dropdown": "right:calc(var(--menu-item-gap, 0px) / 2); left:auto; transform: translate3d(0, var(--dropdown-from), 0); align-items: flex-end",
        "div.top-menu-%s > ul.j-menu > li.top-menu-item-%s.drop-menu:last-child > div.dropdown-menu.j-dropdown": "right:0px; left:auto; transform: translate3d(0, var(--dropdown-from), 0); align-items: flex-end",
        "div.top-menu-%s > ul.j-menu > li.top-menu-item-%s.dropdown > div.dropdown-menu.j-dropdown::before": "--triangle-right: var(--triangle-right-offset, 0px); --triangle-left: var(--triangle-left-offset, 0px)",
        "div.top-menu-%s > ul.j-menu > li.top-menu-item-%s.drop-menu.animating > div.dropdown-menu.j-dropdown": "--dropdown-from: 0"
      }
    },
    "rtlRules": {
      "left": {
        "div.top-menu-%s > ul.j-menu > li.top-menu-item-%s.drop-menu > div.dropdown-menu.j-dropdown": "left: auto; right: calc(var(--menu-item-gap, 0px) / 2); transform: translate3d(0, var(--dropdown-from), 0); align-items: flex-start; --align-scroll: var(--align-scroll-start, 0); --translate-x: 0",
        "div.top-menu-%s > ul.j-menu > li.top-menu-item-%s.drop-menu:first-child > div.dropdown-menu.j-dropdown": "left: auto; right: 0px; transform: translate3d(0, var(--dropdown-from), 0); align-items: flex-start",
        "div.top-menu-%s > ul.j-menu > li.top-menu-item-%s.drop-menu:last-child > div.dropdown-menu.j-dropdown": "left: auto; right: calc(var(--menu-item-gap, 0px) / 2); transform: translate3d(0, var(--dropdown-from), 0); align-items: flex-start",
        "div.top-menu-%s > ul.j-menu > li.top-menu-item-%s.dropdown > div.dropdown-menu.j-dropdown::before": "--triangle-right: var(--triangle-right-offset, 0px); --triangle-left: var(--triangle-left-offset, 0px)",
        "div.top-menu-%s > ul.j-menu > li.top-menu-item-%s.drop-menu.animating > div.dropdown-menu.j-dropdown": "--dropdown-from: 0"
      },
      "center": {
        "div.top-menu-%s > ul.j-menu > li.top-menu-item-%s.drop-menu > div.dropdown-menu.j-dropdown": "left:50%; right:auto; transform: translate3d(-50%, var(--dropdown-from), 0); align-items: center; --align-scroll: var(--align-center, 0); --translate-x: 50%",
        "div.top-menu-%s > ul.j-menu > li.top-menu-item-%s.drop-menu:first-child > div.dropdown-menu.j-dropdown": "left:50%; right:auto; transform: translate3d(-50%, var(--dropdown-from), 0); align-items: center",
        "div.top-menu-%s > ul.j-menu > li.top-menu-item-%s.drop-menu:last-child > div.dropdown-menu.j-dropdown": "left:50%; right:auto; transform: translate3d(-50%, var(--dropdown-from), 0); align-items: center",
        "div.top-menu-%s > ul.j-menu > li.top-menu-item-%s.dropdown > div.dropdown-menu.j-dropdown::before": "--triangle-right: 0px; --triangle-left: 0px",
        "div.top-menu-%s > ul.j-menu > li.top-menu-item-%s.drop-menu.animating > div.dropdown-menu.j-dropdown": "--dropdown-from: 0;"
      },
      "right": {
        "div.top-menu-%s > ul.j-menu > li.top-menu-item-%s.drop-menu > div.dropdown-menu.j-dropdown": "left:calc(var(--menu-item-gap, 0px) / 2); right:auto; transform: translate3d(0, var(--dropdown-from), 0); align-items: flex-end; --align-scroll: var(--align-scroll-end, 0); --translate-x: 100%",
        "div.top-menu-%s > ul.j-menu > li.top-menu-item-%s.drop-menu:first-child > div.dropdown-menu.j-dropdown": "left:calc(var(--menu-item-gap, 0px) / 2); right:auto; transform: translate3d(0, var(--dropdown-from), 0); align-items: flex-end",
        "div.top-menu-%s > ul.j-menu > li.top-menu-item-%s.drop-menu:last-child > div.dropdown-menu.j-dropdown": "left:0px; right:auto; transform: translate3d(0, var(--dropdown-from), 0); align-items: flex-end",
        "div.top-menu-%s > ul.j-menu > li.top-menu-item-%s.dropdown > div.dropdown-menu.j-dropdown::before": "--triangle-right: var(--triangle-right-offset, 0px); --triangle-left: var(--triangle-left-offset, 0px)",
        "div.top-menu-%s > ul.j-menu > li.top-menu-item-%s.drop-menu.animating > div.dropdown-menu.j-dropdown": "--dropdown-from: 0"
      }
    }
  },
  "dropdownIndicator": {
    "type": "Toggle",
    "value": "",
    "rules": {
      "true": {
        ".top-menu-%s > .j-menu > .top-menu-item-%s.dropdown > a::after": "display: block",
        ".top-menu-%s > .j-menu > .top-menu-item-%s.dropdown > a": "--dropdown-indicator: -8px"
      },
      "false": {
        ".top-menu-%s > .j-menu > .top-menu-item-%s.dropdown > a::after": "display: none",
        ".top-menu-%s > .j-menu > .top-menu-item-%s.dropdown > a": "--dropdown-indicator: 0px"
      }
    }
  },
  "customClass": {
    "type": "Input"
  },
  "customCss": {
    "type": "Input"
  }
}