{
  "name": "crn-navbar",
  "text_pt_BR": "Barra de navegação",
  "text_en_US": "Navbar",
  "image": "/node_modules/cronapp-framework-js/img/cron-icon/crn-navbar.svg",
  "description": "Menu com logo e botões de navegação",
  "description_en_US": "Menu with logo and navigation buttons",
  "wrapper": false,
  "category": [
    "LAYOUTS"
  ],
  "templateURL": "src/main/webapp/node_modules/cronapp-framework-js/dist/components/templates/navbar.template.html",
  "properties": {
    "class": {
      "order": 9999
    },
    "xattr-class": {
      "order": 998,
      "fixed": true,
      "onSave": "javascript:function(){ let currentElementId = this.currentObject.attr('id'); let selectedPosition = arguments[0]; let parent = this.currentObject.parent(); let menuVertical = this.currentObject; let uiView = parent.find('[ui-view]'); if(uiView.length === 0) { uiView = parent.parent().find('[ui-view]');} if (selectedPosition.indexOf('horizontal') > -1) { uiView.removeClass('main-view-vertical').removeClass('main-view-retratil').addClass('main-view-horizontal'); menuVertical.removeClass('crn-navigator-retratil').removeClass('crn-navigator-vertical').removeClass('collapsible-menu-hide'); parent.find('.main-title').removeClass('hide'); parent.find('#checkCollapsibleMenu').remove(); parent.find('.labelCollapsibleMenu').remove(); parent.removeClass('crn-navigator-vertical').removeClass('crn-navigator-retratil').removeClass('crn-navigator-retratil-left').addClass('crn-navigator-horizontal'); } else if (selectedPosition.indexOf('retratil') > -1) { uiView.removeClass('main-view-horizontal').addClass('main-view-retratil').addClass('main-view-vertical'); parent.find('.main-title').addClass('hide'); parent.removeClass('crn-navigator-horizontal').removeClass('crn-navigator-vertical').addClass('crn-navigator-retratil').addClass('crn-navigator-retratil-left'); menuVertical.addClass('collapsible-menu-hide'); menuVertical.addClass('crn-navigator-vertical'); menuVertical.addClass('crn-navigator-retratil'); menuVertical[0].insertAdjacentHTML('beforebegin', '<input type=\"checkbox\" id=\"checkCollapsibleMenu\"><label for=\"checkCollapsibleMenu\" class=\"labelCollapsibleMenu\"><i class=\"glyphicon glyphicon-menu-right\" id=\"iconCollapsibleMenu\"></i></label>'); parent.find('[main-nav-bar]').removeClass('crn-navigator-vertical'); } else if (selectedPosition.indexOf('vertical') > -1) { uiView.removeClass('main-view-horizontal').removeClass('main-view-retratil').addClass('main-view-vertical'); menuVertical.removeClass('crn-navigator-retratil').removeClass('collapsible-menu-hide'); parent.find('.main-title').removeClass('hide'); parent.find('#checkCollapsibleMenu').remove(); parent.find('.labelCollapsibleMenu').remove(); parent.removeClass('crn-navigator-horizontal').addClass('crn-navigator-vertical'); } return selectedPosition; }",
      "displayName_pt_BR": "Posição",
      "displayName_en_US": "Position",
      "selector": "div"
    },
    "menu-type": {
      "order": 999,
      "fixed": true,
      "onSave": "javascript:function(){ let icon=this.currentObject.parent().find(\"#iconCollapsibleMenu\"); arguments[0].indexOf(\"hamburguer\")>-1?icon.removeClass(\"glyphicon-menu-right\").addClass(\"glyphicon-menu-hamburger\"):arguments[0].indexOf(\"arrow\")>-1&&icon.removeClass(\"glyphicon-menu-hamburger\").addClass(\"glyphicon-menu-right\"); return arguments[0]; }",
      "displayName_pt_BR": "Tipo de menu retrátil",
      "displayName_en_US": "Collapsible menu type",
      "selector": "div"
    },
    "expand-sub-menu": {
      "order": 1000,
      "fixed": true,
      "onSave": "javascript:function(){ let selected = arguments[0]; return selected;  }",
      "displayName_pt_BR": "Expandir sub-menu",
      "displayName_en_US": "Expand sub-menu",
      "selector": "div"
    },
    "id": {
      "order": 2
    }
  },
  "attributesForPreview": [
    {
      "name": "xattr-class",
      "type": "options",
      "target": "class",
      "values": [
        {
          "key": "crn-navigator-horizontal",
          "value": "Horizontal"
        },
        {
          "key": "crn-navigator-vertical",
          "value": "Vertical"
        },
        {
          "key": "crn-navigator-retratil crn-navigator-vertical",
          "value_pt_BR": "Vertical Retrátil",
          "value_en_US": "Collapsible menu"
        }
      ]
    },
    {
      "name": "menu-type",
      "type": "options",
      "target": "class",
      "values": [
        {
          "key": "menu-type-hamburguer",
          "value_pt_BR": "Hambúrguer",
          "value_en_US": "Hamburger",
          "icon": "mdi mdi-menu"
        },
        {
          "key": "menu-type-arrow",
          "value_pt_BR": "Seta",
          "value_en_US": "Arrow",
          "icon": "mdi mdi-chevron-right"
        }
      ]
    },
    {
      "name": "expand-sub-menu",
      "type": "options",
      "target": "class",
      "values": [
        {
          "key": "submenu-click",
          "value_pt_BR": "Ao clicar",
          "value_en_US": "On clicking"
        },
        {
          "key": "submenu-hover",
          "value_pt_BR": "Ao passar o mouse",
          "value_en_US": "Mouse over"
        }
      ]
    }
  ],
  "childrenProperties": [
    {
      "name": "ng-init",
      "selector": "nav",
      "type": "event"
    },
    {
      "name": "ng-click",
      "selector": "nav",
      "type": "event"
    },
    {
      "name": "ng-dblclick",
      "selector": "nav",
      "type": "event"
    },
    {
      "name": "ng-mouseenter",
      "selector": "nav",
      "type": "event"
    },
    {
      "name": "ng-mouseleave",
      "selector": "nav",
      "type": "event"
    },
    {
      "name": "ng-mousemove",
      "selector": "nav",
      "type": "event"
    }
  ],
  "styles": [
    {
      "selector": "div#{id} .navbar",
      "text_pt_BR": "Plano de Fundo",
      "text_en_US": "Background"
    },
    {
      "selector": "div#{id} .navbar-default .navbar-brand",
      "text_pt_BR": "Menu Marca",
      "text_en_US": "Brand Menu"
    },
    {
      "selector": "div#{id} .navbar-default .navbar-nav li a",
      "text_pt_BR": "Item Menu",
      "text_en_US": "Menu Item"
    },
    {
      "selector": "div#{id} .navbar-nav li.open a, div#{id} .navbar-nav li a:focus, div#{id} .navbar-nav li a:hover",
      "text_pt_BR": "Item Selecionado",
      "text_en_US": "Menu Item"
    },
    {
      "selector": "div#{id} ul.dropdown-menu",
      "text_pt_BR": "Subitem",
      "text_en_US": "Subitem"
    }
  ]
}