1234567 |
- /*!
- * Angular Material Design
- * https://github.com/angular/material
- * @license MIT
- * v0.11.3-master-3fe7d76
- */
- function MdAutocompleteCtrl(e,t,n,o,i,l,a,r,c,u){function m(){n.initOptionalProperties(e,c,{searchText:null,selectedItem:null}),i(t),h(),n.nextTick(function(){f(),s(),p(),t.on("focus",p)})}function d(){function t(){var e=ae.scrollContainer.getBoundingClientRect(),t={};e.right>l.right-MENU_PADDING&&(t.left=o.right-e.width+"px"),ae.$.scrollContainer.css(t)}if(!ae)return n.nextTick(d,!1,e);var o=ae.wrap.getBoundingClientRect(),i=ae.snap.getBoundingClientRect(),l=ae.root.getBoundingClientRect(),a=i.bottom-l.top,r=l.bottom-i.top,c=o.left-l.left,u=o.width,m={left:c+"px",minWidth:u+"px",maxWidth:Math.max(o.right-l.left,l.right-o.left)-MENU_PADDING+"px"};a>r&&l.height-o.bottom-MENU_PADDING<MAX_HEIGHT?(m.top="auto",m.bottom=r+"px",m.maxHeight=Math.min(MAX_HEIGHT,o.top-l.top-MENU_PADDING)+"px"):(m.top=a+"px",m.bottom="auto",m.maxHeight=Math.min(MAX_HEIGHT,l.bottom-o.bottom-MENU_PADDING)+"px"),ae.$.scrollContainer.css(m),n.nextTick(t,!1)}function s(){ae.$.root.length&&(i(ae.$.scrollContainer),ae.$.scrollContainer.detach(),ae.$.root.append(ae.$.scrollContainer),a.pin&&a.pin(ae.$.scrollContainer,r))}function p(){e.autofocus&&ae.input.focus()}function h(){var t=parseInt(e.delay,10)||0;c.$observe("disabled",function(e){oe.isDisabled=e}),c.$observe("required",function(e){oe.isRequired=null!==e}),e.$watch("searchText",t?n.debounce(y,t):y),e.$watch("selectedItem",T),angular.element(l).on("resize",d),e.$on("$destroy",g)}function g(){if(angular.element(l).off("resize",d),ae){var e="ul scroller scrollContainer input".split(" ");angular.forEach(e,function(e){ae.$[e].remove()})}}function f(){ae={main:t[0],scrollContainer:t[0].getElementsByClassName("md-virtual-repeat-container")[0],scroller:t[0].getElementsByClassName("md-virtual-repeat-scroller")[0],ul:t.find("ul")[0],input:t.find("input")[0],wrap:t.find("md-autocomplete-wrap")[0],root:document.body},ae.li=ae.ul.getElementsByTagName("li"),ae.snap=$(),ae.$=x(ae)}function $(){for(var e=t;e.length;e=e.parent())if(angular.isDefined(e.attr("md-autocomplete-snap")))return e[0];return ae.wrap}function x(e){var t={};for(var n in e)e.hasOwnProperty(n)&&(t[n]=angular.element(e[n]));return t}function C(t,o){!t&&o?(d(),ae&&n.nextTick(function(){n.disableScrollAround(ae.ul)},!1,e)):t&&!o&&n.nextTick(function(){n.enableScrolling()},!1,e)}function v(){ce=!0}function A(){ce=!1,oe.hidden=G()}function b(){ae.input.focus()}function T(t,n){t&&P(t).then(function(o){e.searchText=o,I(t,n)}),t!==n&&M()}function M(){angular.isFunction(e.itemChange)&&e.itemChange(R(e.selectedItem))}function E(){angular.isFunction(e.textChange)&&e.textChange()}function I(e,t){ue.forEach(function(n){n(e,t)})}function w(e){-1==ue.indexOf(e)&&ue.push(e)}function D(e){var t=ue.indexOf(e);-1!=t&&ue.splice(t,1)}function y(t,n){oe.index=L(),t!==n&&P(e.selectedItem).then(function(o){t!==o&&(e.selectedItem=null,t!==n&&E(),W()?te():(oe.matches=[],S(!1),X()))})}function N(){ce||(me=!1,oe.hidden=G())}function H(e){e&&(ce=!1),ae.input.blur()}function k(){me=!0,angular.isString(e.searchText)||(e.searchText=""),oe.hidden=G(),oe.hidden||te()}function O(e){switch(e.keyCode){case o.KEY_CODE.DOWN_ARROW:if(oe.loading)return;e.stopPropagation(),e.preventDefault(),oe.index=Math.min(oe.index+1,oe.matches.length-1),Q(),X();break;case o.KEY_CODE.UP_ARROW:if(oe.loading)return;e.stopPropagation(),e.preventDefault(),oe.index=oe.index<0?oe.matches.length-1:Math.max(0,oe.index-1),Q(),X();break;case o.KEY_CODE.TAB:case o.KEY_CODE.ENTER:if(oe.hidden||oe.loading||oe.index<0||oe.matches.length<1)return;e.stopPropagation(),e.preventDefault(),K(oe.index);break;case o.KEY_CODE.ESCAPE:e.stopPropagation(),e.preventDefault(),Y(),H(!0)}}function _(){return angular.isNumber(e.minLength)?e.minLength:1}function P(t){function n(t){return t&&e.itemText?e.itemText(R(t)):null}return u.when(n(t)||t)}function R(e){if(!e)return void 0;var t={};return oe.itemName&&(t[oe.itemName]=e),t}function L(){return e.autoselect?0:-1}function S(e){oe.loading!=e&&(oe.loading=e),oe.hidden=G()}function G(){return oe.loading&&!q()||F()||!me?!0:!U()}function U(){return W()&&q()||ee()}function q(){return oe.matches.length?!0:!1}function F(){return oe.scope.selectedItem?!0:!1}function B(){return oe.loading&&!F()}function V(){return P(oe.matches[oe.index])}function W(){return(e.searchText||"").length>=_()}function j(e,t,n){Object.defineProperty(oe,e,{get:function(){return n},set:function(e){var o=n;n=e,t(e,o)}})}function K(t){n.nextTick(function(){P(oe.matches[t]).then(function(e){var t=ae.$.input.controller("ngModel");t.$setViewValue(e),t.$render()})["finally"](function(){e.selectedItem=oe.matches[t],S(!1)})},!1)}function Y(){S(!0),oe.index=0,oe.matches=[],e.searchText="",K(-1);var t=document.createEvent("CustomEvent");t.initCustomEvent("input",!0,!0,{value:e.searchText}),ae.input.dispatchEvent(t),ae.input.focus()}function z(t){function o(n){re[l]=n,(t||"")===(e.searchText||"")&&(oe.matches=n,oe.hidden=G(),e.selectOnMatch&&ne(),X(),d())}var i=e.$parent.$eval(le),l=t.toLowerCase();angular.isArray(i)?o(i):i&&(S(!0),n.nextTick(function(){i.success&&i.success(o),i.then&&i.then(o),i["finally"]&&i["finally"](function(){S(!1)})},!0,e))}function X(){V().then(function(e){oe.messages=[J(),e]})}function J(){if(de===oe.matches.length)return"";switch(de=oe.matches.length,oe.matches.length){case 0:return"There are no matches available.";case 1:return"There is 1 match available.";default:return"There are "+oe.matches.length+" matches available."}}function Q(){if(ae.li[0]){var e=ae.li[0].offsetHeight,t=e*oe.index,n=t+e,o=ae.scroller.clientHeight,i=ae.scroller.scrollTop;i>t?Z(t):n>i+o&&Z(n-o)}}function Z(e){ae.$.scrollContainer.controller("mdVirtualRepeatContainer").scrollTo(e)}function ee(){var e=(oe.scope.searchText||"").length;return oe.hasNotFound&&!q()&&!oe.loading&&e>=_()&&me&&!F()}function te(){var t=e.searchText,n=t.toLowerCase();!e.noCache&&re[n]?(oe.matches=re[n],X()):z(t),oe.hidden=G()}function ne(){var t=e.searchText,n=oe.matches,o=n[0];1===n.length&&P(o).then(function(e){t==e&&K(0)})}var oe=this,ie=e.itemsExpr.split(/ in /i),le=ie[1],ae=null,re={},ce=!1,ue=[],me=!1,de=0;return j("hidden",C,!0),oe.scope=e,oe.parent=e.$parent,oe.itemName=ie[0],oe.matches=[],oe.loading=!1,oe.hidden=!0,oe.index=null,oe.messages=[],oe.id=n.nextUid(),oe.isDisabled=null,oe.isRequired=null,oe.hasNotFound=!1,oe.keydown=O,oe.blur=N,oe.focus=k,oe.clear=Y,oe.select=K,oe.listEnter=v,oe.listLeave=A,oe.mouseUp=b,oe.getCurrentDisplayValue=V,oe.registerSelectedItemWatcher=w,oe.unregisterSelectedItemWatcher=D,oe.notFoundVisible=ee,oe.loadingIsVisible=B,m()}function MdAutocomplete(){var e=!1;return{controller:"MdAutocompleteCtrl",controllerAs:"$mdAutocompleteCtrl",scope:{inputName:"@mdInputName",inputMinlength:"@mdInputMinlength",inputMaxlength:"@mdInputMaxlength",searchText:"=?mdSearchText",selectedItem:"=?mdSelectedItem",itemsExpr:"@mdItems",itemText:"&mdItemText",placeholder:"@placeholder",noCache:"=?mdNoCache",selectOnMatch:"=?mdSelectOnMatch",itemChange:"&?mdSelectedItemChange",textChange:"&?mdSearchTextChange",minLength:"=?mdMinLength",delay:"=?mdDelay",autofocus:"=?mdAutofocus",floatingLabel:"@?mdFloatingLabel",autoselect:"=?mdAutoselect",menuClass:"@?mdMenuClass",inputId:"@?mdInputId"},link:function(t,n,o,i){i.hasNotFound=e},template:function(t,n){function o(){var e=t.find("md-item-template").detach(),n=e.length?e.html():t.html();return e.length||t.empty(),"<md-autocomplete-parent-scope md-autocomplete-replace>"+n+"</md-autocomplete-parent-scope>"}function i(){var e=t.find("md-not-found").detach(),n=e.length?e.html():"";return n?'<li ng-if="$mdAutocompleteCtrl.notFoundVisible()" md-autocomplete-parent-scope>'+n+"</li>":""}function l(){return n.mdFloatingLabel?' <md-input-container flex ng-if="floatingLabel"> <label>{{floatingLabel}}</label> <input type="search" '+(null!=u?'tabindex="'+u+'"':"")+' id="{{ inputId || \'fl-input-\' + $mdAutocompleteCtrl.id }}" name="{{inputName}}" autocomplete="off" ng-required="$mdAutocompleteCtrl.isRequired" ng-minlength="inputMinlength" ng-maxlength="inputMaxlength" ng-disabled="$mdAutocompleteCtrl.isDisabled" ng-model="$mdAutocompleteCtrl.scope.searchText" ng-keydown="$mdAutocompleteCtrl.keydown($event)" ng-blur="$mdAutocompleteCtrl.blur()" ng-focus="$mdAutocompleteCtrl.focus()" aria-owns="ul-{{$mdAutocompleteCtrl.id}}" aria-label="{{floatingLabel}}" aria-autocomplete="list" aria-haspopup="true" aria-activedescendant="" aria-expanded="{{!$mdAutocompleteCtrl.hidden}}"/> <div md-autocomplete-parent-scope md-autocomplete-replace>'+c+"</div> </md-input-container>":' <input flex type="search" '+(null!=u?'tabindex="'+u+'"':"")+' id="{{ inputId || \'input-\' + $mdAutocompleteCtrl.id }}" name="{{inputName}}" ng-if="!floatingLabel" autocomplete="off" ng-required="$mdAutocompleteCtrl.isRequired" ng-disabled="$mdAutocompleteCtrl.isDisabled" ng-model="$mdAutocompleteCtrl.scope.searchText" ng-keydown="$mdAutocompleteCtrl.keydown($event)" ng-blur="$mdAutocompleteCtrl.blur()" ng-focus="$mdAutocompleteCtrl.focus()" placeholder="{{placeholder}}" aria-owns="ul-{{$mdAutocompleteCtrl.id}}" aria-label="{{placeholder}}" aria-autocomplete="list" aria-haspopup="true" aria-activedescendant="" aria-expanded="{{!$mdAutocompleteCtrl.hidden}}"/> <button type="button" tabindex="-1" ng-if="$mdAutocompleteCtrl.scope.searchText && !$mdAutocompleteCtrl.isDisabled" ng-click="$mdAutocompleteCtrl.clear()"> <md-icon md-svg-icon="md-close"></md-icon> <span class="md-visually-hidden">Clear</span> </button> '}var a=i(),r=o(),c=t.html(),u=n.tabindex;return a&&(e=!0),n.hasOwnProperty("tabindex")&&t.attr("tabindex","-1"),' <md-autocomplete-wrap layout="row" ng-class="{ \'md-whiteframe-z1\': !floatingLabel, \'md-menu-showing\': !$mdAutocompleteCtrl.hidden }" role="listbox"> '+l()+' <md-progress-linear ng-if="$mdAutocompleteCtrl.loadingIsVisible()" md-mode="indeterminate"></md-progress-linear> <md-virtual-repeat-container md-auto-shrink md-auto-shrink-min="1" ng-hide="$mdAutocompleteCtrl.hidden" class="md-autocomplete-suggestions-container md-whiteframe-z1" role="presentation"> <ul class="md-autocomplete-suggestions" ng-class="::menuClass" id="ul-{{$mdAutocompleteCtrl.id}}" ng-mouseenter="$mdAutocompleteCtrl.listEnter()" ng-mouseleave="$mdAutocompleteCtrl.listLeave()" ng-mouseup="$mdAutocompleteCtrl.mouseUp()"> <li md-virtual-repeat="item in $mdAutocompleteCtrl.matches" ng-class="{ selected: $index === $mdAutocompleteCtrl.index }" ng-click="$mdAutocompleteCtrl.select($index)" md-extra-name="$mdAutocompleteCtrl.itemName"> '+r+" </li>"+a+' </ul> </md-virtual-repeat-container> </md-autocomplete-wrap> <aria-status class="md-visually-hidden" role="status" aria-live="assertive"> <p ng-repeat="message in $mdAutocompleteCtrl.messages track by $index" ng-if="message">{{message}}</p> </aria-status>'}}}function MdAutocompleteItemScopeDirective(e,t){function n(n,o,i){function l(e,o){r[o]=n[e],n.$watch(e,function(e){t.nextTick(function(){r[o]=e})})}var a=n.$mdAutocompleteCtrl,r=a.parent.$new(),c=a.itemName;l("$index","$index"),l("item",c),e(o.contents())(r),i.hasOwnProperty("mdAutocompleteReplace")&&(o.after(o.contents()),o.remove())}return{restrict:"AE",link:n,terminal:!0}}function MdHighlightCtrl(e,t,n){function o(o,i){var a=null,r=null,c=n.mdHighlightFlags||"",u=e.$watch(function(e){return{term:o(e),unsafeText:i(e)}},function(e,n){(null===a||e.unsafeText!==n.unsafeText)&&(a=angular.element("<div>").text(e.unsafeText).html()),(null===r||e.term!==n.term)&&(r=l(e.term,c)),t.html(a.replace(r,'<span class="highlight">$&</span>'))},!0);t.on("$destroy",function(){u()})}function i(e){return e&&e.replace(/[\\\^\$\*\+\?\.\(\)\|\{}\[\]]/g,"\\$&")}function l(e,t){var n="";return t.indexOf("^")>=1&&(n+="^"),n+=e,t.indexOf("$")>=1&&(n+="$"),new RegExp(i(n),t.replace(/[\$\^]/g,""))}this.init=o}function MdHighlight(e,t){return{terminal:!0,controller:"MdHighlightCtrl",compile:function(n,o){var i=t(o.mdHighlightText),l=e(n.html());return function(e,t,n,o){o.init(i,l)}}}}goog.provide("ng.material.components.autocomplete"),goog.require("ng.material.components.icon"),goog.require("ng.material.components.virtualRepeat"),goog.require("ng.material.core"),angular.module("material.components.autocomplete",["material.core","material.components.icon","material.components.virtualRepeat"]),angular.module("material.components.autocomplete").controller("MdAutocompleteCtrl",MdAutocompleteCtrl);var ITEM_HEIGHT=41,MAX_HEIGHT=5.5*ITEM_HEIGHT,MENU_PADDING=8;MdAutocompleteCtrl.$inject=["$scope","$element","$mdUtil","$mdConstant","$mdTheming","$window","$animate","$rootElement","$attrs","$q"],angular.module("material.components.autocomplete").directive("mdAutocomplete",MdAutocomplete),angular.module("material.components.autocomplete").directive("mdAutocompleteParentScope",MdAutocompleteItemScopeDirective),MdAutocompleteItemScopeDirective.$inject=["$compile","$mdUtil"],angular.module("material.components.autocomplete").controller("MdHighlightCtrl",MdHighlightCtrl),MdHighlightCtrl.$inject=["$scope","$element","$attrs"],angular.module("material.components.autocomplete").directive("mdHighlightText",MdHighlight),MdHighlight.$inject=["$interpolate","$parse"],ng.material.components.autocomplete=angular.module("material.components.autocomplete");
|