1234567 |
- /*!
- * Angular Material Design
- * https://github.com/angular/material
- * @license MIT
- * v0.11.3-master-3fe7d76
- */
- function MenuBarController(e,t,n,r,o,i,l){this.$element=t,this.$attrs=n,this.$mdConstant=r,this.$mdUtil=i,this.$document=o,this.$scope=e,this.$timeout=l;var a=this;angular.forEach(BOUND_MENU_METHODS,function(e){a[e]=angular.bind(a,a[e])})}function MenuBarDirective(e,t){return{restrict:"E",require:"mdMenuBar",controller:"MenuBarController",compile:function(n,r){return r.ariaRole||n[0].setAttribute("role","menubar"),angular.forEach(n[0].children,function(t){if("MD-MENU"==t.nodeName){t.hasAttribute("md-position-mode")||t.setAttribute("md-position-mode","left bottom"),t.setAttribute("role","menu");var n=e.nodesToArray(t.querySelectorAll("md-menu-content"));angular.forEach(n,function(e){e.classList.add("md-menu-bar-menu"),e.classList.add("md-dense"),e.hasAttribute("width")||e.setAttribute("width",5)})}}),function(e,n,r,o){t(e,n),o.init()}}}}function MenuDividerDirective(){return{restrict:"E",compile:function(e,t){t.role||e[0].setAttribute("role","separator")}}}function MenuItemController(e,t,n){this.$element=t,this.$attrs=n,this.$scope=e}function MenuItemDirective(){return{require:["mdMenuItem","?ngModel"],compile:function(e,t){function n(t,n){e[0].hasAttribute(t)||e[0].setAttribute(t,n)}function r(t){if(e[0].hasAttribute(t)){var n=e[0].getAttribute(t);i[0].setAttribute(t,n),e[0].removeAttribute(t)}}if("checkbox"==t.type||"radio"==t.type){var o=e[0].textContent,i=angular.element('<md-button type="button"></md-button>');i.html(o),i.attr("tabindex","0"),e.html(""),e.append(angular.element('<md-icon md-svg-icon="check"></md-icon>')),e.append(i),e[0].classList.add("md-indent"),n("role","checkbox"==t.type?"menuitemcheckbox":"menuitemradio"),angular.forEach(["ng-disabled"],r)}else n("role","menuitem");return function(e,t,n,r){var o=r[0],i=r[1];o.init(i)}},controller:"MenuItemController"}}goog.provide("ng.material.components.menuBar"),goog.require("ng.material.components.menu"),goog.require("ng.material.core"),angular.module("material.components.menuBar",["material.core","material.components.menu"]),angular.module("material.components.menuBar").controller("MenuBarController",MenuBarController);var BOUND_MENU_METHODS=["handleKeyDown","handleMenuHover","scheduleOpenHoveredMenu","cancelScheduledOpen"];MenuBarController.$inject=["$scope","$element","$attrs","$mdConstant","$document","$mdUtil","$timeout"],MenuBarController.prototype.init=function(){var e=this.$element,t=this.$mdUtil,n=this.$scope,r=this;e.on("keydown",this.handleKeyDown),this.parentToolbar=t.getClosest(e,"MD-TOOLBAR"),n.$on("$mdMenuOpen",function(t,n){-1!=r.getMenus().indexOf(n[0])&&(e[0].classList.add("md-open"),n[0].classList.add("md-open"),r.currentlyOpenMenu=n.controller("mdMenu"),r.currentlyOpenMenu.registerContainerProxy(r.handleKeyDown),r.enableOpenOnHover())}),n.$on("$mdMenuClose",function(n,o,i){var l=r.getMenus();if(-1!=l.indexOf(o[0])&&(e[0].classList.remove("md-open"),o[0].classList.remove("md-open")),i.closeAll&&e[0].contains(o[0])){for(var a=o[0];a&&-1==l.indexOf(a);)a=t.getClosest(a,"MD-MENU",!0);a&&(i.skipFocus||a.querySelector("button:not([disabled])").focus(),r.currentlyOpenMenu=void 0,r.disableOpenOnHover(),r.setKeyboardMode(!0))}}),angular.element(this.getMenus()).on("mouseenter",this.handleMenuHover),this.setKeyboardMode(!0)},MenuBarController.prototype.setKeyboardMode=function(e){e?this.$element[0].classList.add("md-keyboard-mode"):this.$element[0].classList.remove("md-keyboard-mode")},MenuBarController.prototype.enableOpenOnHover=function(){if(!this.openOnHoverEnabled){this.openOnHoverEnabled=!0;var e;(e=this.parentToolbar)&&(e.dataset.mdRestoreStyle=e.getAttribute("style"),e.style.position="relative",e.style.zIndex=100)}},MenuBarController.prototype.handleMenuHover=function(e){this.setKeyboardMode(!1),this.openOnHoverEnabled&&this.scheduleOpenHoveredMenu(e)},MenuBarController.prototype.disableOpenOnHover=function(){if(this.openOnHoverEnabled){this.openOnHoverEnabled=!1;var e;(e=this.parentToolbar)&&e.setAttribute("style",e.dataset.mdRestoreStyle||"")}},MenuBarController.prototype.scheduleOpenHoveredMenu=function(e){var t=angular.element(e.currentTarget),n=t.controller("mdMenu");this.setKeyboardMode(!1),this.scheduleOpenMenu(n)},MenuBarController.prototype.scheduleOpenMenu=function(e){var t=this,n=this.$timeout;e!=t.currentlyOpenMenu&&(n.cancel(t.pendingMenuOpen),t.pendingMenuOpen=n(function(){t.pendingMenuOpen=void 0,t.currentlyOpenMenu&&t.currentlyOpenMenu.close(!0,{closeAll:!0}),e.open()},200,!1))},MenuBarController.prototype.handleKeyDown=function(e){var t=this.$mdConstant.KEY_CODE,n=this.currentlyOpenMenu,r=n&&n.isOpen;this.setKeyboardMode(!0);var o,i,l;switch(e.keyCode){case t.DOWN_ARROW:n?n.focusMenuContainer():this.openFocusedMenu(),o=!0;break;case t.UP_ARROW:n&&n.close(),o=!0;break;case t.LEFT_ARROW:i=this.focusMenu(-1),r&&(l=angular.element(i).controller("mdMenu"),this.scheduleOpenMenu(l)),o=!0;break;case t.RIGHT_ARROW:i=this.focusMenu(1),r&&(l=angular.element(i).controller("mdMenu"),this.scheduleOpenMenu(l)),o=!0}o&&(e&&e.preventDefault&&e.preventDefault(),e&&e.stopImmediatePropagation&&e.stopImmediatePropagation())},MenuBarController.prototype.focusMenu=function(e){var t=this.getMenus(),n=this.getFocusedMenuIndex();-1==n&&(n=this.getOpenMenuIndex());var r=!1;return-1==n?n=0:(0>e&&n>0||e>0&&n<t.length-e)&&(n+=e,r=!0),r?(t[n].querySelector("button").focus(),t[n]):void 0},MenuBarController.prototype.openFocusedMenu=function(){var e=this.getFocusedMenu();e&&angular.element(e).controller("mdMenu").open()},MenuBarController.prototype.getMenus=function(){var e=this.$element;return this.$mdUtil.nodesToArray(e[0].children).filter(function(e){return"MD-MENU"==e.nodeName})},MenuBarController.prototype.getFocusedMenu=function(){return this.getMenus()[this.getFocusedMenuIndex()]},MenuBarController.prototype.getFocusedMenuIndex=function(){var e=this.$mdUtil,t=e.getClosest(this.$document[0].activeElement,"MD-MENU");if(!t)return-1;var n=this.getMenus().indexOf(t);return n},MenuBarController.prototype.getOpenMenuIndex=function(){for(var e=this.getMenus(),t=0;t<e.length;++t)if(e[t].classList.contains("md-open"))return t;return-1},angular.module("material.components.menuBar").directive("mdMenuBar",MenuBarDirective),MenuBarDirective.$inject=["$mdUtil","$mdTheming"],angular.module("material.components.menuBar").directive("mdMenuDivider",MenuDividerDirective),angular.module("material.components.menuBar").controller("MenuItemController",MenuItemController),MenuItemController.$inject=["$scope","$element","$attrs"],MenuItemController.prototype.init=function(e){var t=this.$element,n=this.$attrs;this.ngModel=e,("checkbox"==n.type||"radio"==n.type)&&(this.mode=n.type,this.iconEl=t[0].children[0],this.buttonEl=t[0].children[1],e&&this.initClickListeners())},MenuItemController.prototype.initClickListeners=function(){function e(){if("radio"==l){var e=o.ngValue?r.$eval(o.ngValue):o.value;return n.$modelValue==e}return n.$modelValue}function t(e){e?u.off("click",s):u.on("click",s)}var n=this.ngModel,r=this.$scope,o=this.$attrs,i=this.$element,l=this.mode;this.handleClick=angular.bind(this,this.handleClick);var a=this.iconEl,u=angular.element(this.buttonEl),s=this.handleClick;o.$observe("disabled",t),t(o.disabled),n.$render=function(){e()?(a.style.display="",i.attr("aria-checked","true")):(a.style.display="none",i.attr("aria-checked","false"))},r.$$postDigest(n.$render)},MenuItemController.prototype.handleClick=function(e){var t,n=this.mode,r=this.ngModel,o=this.$attrs;"checkbox"==n?t=!r.$modelValue:"radio"==n&&(t=o.ngValue?this.$scope.$eval(o.ngValue):o.value),r.$setViewValue(t),r.$render()},angular.module("material.components.menuBar").directive("mdMenuItem",MenuItemDirective),ng.material.components.menuBar=angular.module("material.components.menuBar");
|