yesod-static-angular (empty) → 0.1.0
raw patch · 49 files changed
+24482/−0 lines, 49 filesdep +HUnitdep +aesondep +basesetup-changed
Dependencies added: HUnit, aeson, base, blaze-builder, blaze-markup, bytestring, data-default, directory, filepath, hamlet, hspec, language-javascript, mime-types, shakespeare-css, shakespeare-js, template-haskell, text, yesod, yesod-core, yesod-static, yesod-static-angular, yesod-test
Files
- LICENSE +20/−0
- README.md +27/−0
- Setup.hs +2/−0
- Yesod/EmbeddedStatic/AngularJavascript.hs +456/−0
- Yesod/EmbeddedStatic/AngularJsMangle.hs +149/−0
- example/README.md +127/−0
- example/StaticSettings.hs +48/−0
- example/angular-app/README.md +43/−0
- example/angular-app/my-pane.hamlet +1/−0
- example/angular-app/my-pane.js +14/−0
- example/angular-app/my-tabs.hamlet +5/−0
- example/angular-app/my-tabs.js +25/−0
- example/angular-app/todo-ctrl.js +26/−0
- example/main.hs +87/−0
- example/static/angular-mocks.js +2115/−0
- example/static/angular.js +20311/−0
- example/static/bootstrap.min.css +9/−0
- example/templates/tab-example.hamlet +9/−0
- example/templates/todo.cassius +3/−0
- example/templates/todo.hamlet +11/−0
- example/tests/end2end/todo.hs +51/−0
- example/tests/karma.conf.js +102/−0
- example/tests/unit-js/define-yesod-example.js +3/−0
- example/tests/unit-js/tabs.js +94/−0
- example/tests/unit-js/todo.js +39/−0
- test/AngularSpec.hs +157/−0
- test/RunGenerator.hs +95/−0
- test/Spec.hs +1/−0
- test/angular/mod1-and-templ-dev.js.expected +38/−0
- test/angular/mod1-and-templ.js.expected +57/−0
- test/angular/mod1-dev.js.expected +38/−0
- test/angular/mod1.js.expected +53/−0
- test/angular/mod1/a-dev.js.expected +8/−0
- test/angular/mod1/a.js +4/−0
- test/angular/mod1/b.js +3/−0
- test/angular/mod1/c.js +3/−0
- test/angular/mod1/my-pane.hamlet +2/−0
- test/angular/mod1/my-pane.js +17/−0
- test/angular/mod1/my-tabs-dev.js.expected +7/−0
- test/angular/mod1/my-tabs-testing.js.expected +4/−0
- test/angular/mod1/my-tabs.hamlet +6/−0
- test/angular/mod1/my-tabs.js +25/−0
- test/angular/mod2-dev.js.expected +38/−0
- test/angular/mod2.js.expected +9/−0
- test/angular/mod2/ctrl-dev.js.expected +7/−0
- test/angular/mod2/ctrl.js +3/−0
- test/angular/mod2/factory.js +4/−0
- test/angular/mod2/module-deps.json +1/−0
- yesod-static-angular.cabal +125/−0
+ LICENSE view
@@ -0,0 +1,20 @@+Copyright (c) 2013 John Lenz++Permission is hereby granted, free of charge, to any person obtaining+a copy of this software and associated documentation files (the+"Software"), to deal in the Software without restriction, including+without limitation the rights to use, copy, modify, merge, publish,+distribute, sublicense, and/or sell copies of the Software, and to+permit persons to whom the Software is furnished to do so, subject to+the following conditions:++The above copyright notice and this permission notice shall be+included in all copies or substantial portions of the Software.++THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+ README.md view
@@ -0,0 +1,27 @@+[yesod-static](http://hackage.haskell.org/package/yesod-static) supports generators which run at+compile time which create static resources to embed directly into the executable. This package+leverages these generators to provide automatic management of [AngularJs](http://angularjs.org/)+code. During development individual files served and reloaded on every request. When compiling for+production, the files are minimized, compressed, and then embedded into the executable.++There are several moving parts to integrating AngularJs into Yesod using this module++* yesod-static-angular (this module) - embeds Angular code and directive templates into the static+ subsite+* [karma-ng-hamlet2js-preprocessor](https://npmjs.org/package/karma-ng-hamlet2js-preprocessor) - a+ [karma](http://karma-runner.github.io) plugin to insert Hamlet directive templates into the+ AngularJs template cache.+* [webdriver](https://hackage.haskell.org/package/webdriver) - end to end web testing tool+* [webdriver-angular](https://hackage.haskell.org/package/webdriver-angular) - some Angular specific+ commands for webdriver. This package contains all the functionality of+ [protractor](https://github.com/angular/protractor) so protractor does not need to be used.+* [hspec-webdriver](https://hackage.haskell.org/package/hspec-webdriver) - some integration code to+ easily write hspec examples which are webdriver tests.++The+[example](https://bitbucket.org/wuzzeb/yesod-static-generators/src/tip/angular/example?at=default)+directory in the source code contains an example application that shows all of the above packages in+action. Also, I have two blog posts describing the example and its tests.++* [Yesod and AngularJs](http://blog.wuzzeb.org/posts/2013-12-16-yesod-and-angular.html)+* [Testing a Yesod+AngularJs Application](http://blog.wuzzeb.org/posts/2013-12-17-testing-yesod-and-angular.html)
+ Setup.hs view
@@ -0,0 +1,2 @@+import Distribution.Simple+main = defaultMain
+ Yesod/EmbeddedStatic/AngularJavascript.hs view
@@ -0,0 +1,456 @@+{-# LANGUAGE OverloadedStrings, TemplateHaskell, QuasiQuotes #-}++-- | Integrate an AngularJS application written in Javascript into the static subsite.+--+-- <http://angularjs.org/ AngularJS> is a javascript web framework for enhancing HTML to provide+-- dynamic web applications. This module integrates an AngularJS application written in pure+-- javascript into a Yesod application. (As of January 2014, there is some experiemental+-- development work on Fay bindings to AngularJS, but unfortunately it is not currently usable.)+--+-- An AngularJS application consists of several pieces:+--+-- * Javascript code consisting of controllers, directives, and services attached to Angular+-- modules. The goal of this javascript is to produce a domain specific language extending HTML.+-- 'embedNgModule' uses the static subsite to serve this javascript code, serving a minimized+-- and compressed file during production and serving individual files during development.+--+-- * Directive Templates. In Angular, directives should be the only components which manipulate the+-- DOM. This can happen in the directive javascript code or through a directive HTML template.+-- 'embedNgModule' supports templates written in Hamlet, converting the Hamlet to HTML at compile+-- time before embedding the HTML into the generated javascript.+-- +-- * The View. In Angular, the view is written in the DSL extending HTML. Normal Yesod+-- Handlers and Widgets work great for the view (so nothing needed from this module). Note that your+-- Yesod Widgets will not have any julius or attached javascript code, the javascript is entirely+-- managed by 'embedNgModule'.+--+-- * Testing. Angular makes testing (both unit and end-to-end) easy. For unit and mid-level+-- testing, the normal Angular test runner <http://karma-runner.github.io karma> is the best.+-- 'hamletTestTemplate' assists with integrating Hamlet directive templates into karma.+-- For end2end testing, the "Test.WebDriver.Commands.Angular" module in the+-- <https://hackage.haskell.org/package/webdriver-angular webdriver-angular> package works well.+--+-- There is an+-- <https://bitbucket.org/wuzzeb/yesod-static-generators/src/tip/angular/example?at=default example>+-- in the source code which shows an application, unit testing with karma, and end2end+-- testing with webdriver.+module Yesod.EmbeddedStatic.AngularJavascript(+ -- * File Layout+ -- $filelayout++ -- ** Javascript+ -- $jsformat++ -- ** Directives+ -- $dirformat++ -- * Generators+ embedNgModule+ , embedNgModules++ -- * Custom Directive Template Processing+ , embedNgModuleWithoutTemplates+ , embedNgModulesWithoutTemplates+ , directiveTemplates+ , directiveTemplatesWithSettings+ , directiveWidget++ -- * Testing+ , hamletTestTemplate+) where++import Control.Applicative+import Control.Monad (forM, unless)+import Data.Aeson (encode, decode, toJSON, Value)+import Data.Default (def)+import Data.List (isPrefixOf, sort)+import Data.Monoid ((<>), mconcat)+import Language.Haskell.TH+import Network.Mime (MimeType)+import System.Directory (getDirectoryContents, doesDirectoryExist, doesFileExist)+import System.FilePath+import Text.Blaze.Renderer.Text (renderMarkup)+import Text.Julius+import Text.Hamlet (HamletSettings, defaultHamletSettings, shamletFile)+import Text.Hamlet.RT (parseHamletRT, renderHamletRT)+import Yesod.Core.Widget (whamletFileWithSettings, WidgetT, whamlet)+import Yesod.EmbeddedStatic.Generators+import Yesod.EmbeddedStatic.Types+import Yesod.EmbeddedStatic.AngularJsMangle++import qualified Data.ByteString.Lazy as BL+import qualified Data.Text as T+import qualified Data.Text.Lazy as TL+import qualified Data.Text.Lazy.IO as TL+import qualified Data.Text.Lazy.Encoding as TL++-------------------------------------------------------------------------------+-- Generator+-------------------------------------------------------------------------------++loadModule :: FilePath -> IO ([FilePath], [FilePath], Value) -- (javascript files, hamlet files, module dependency)+loadModule dir = do+ content <- getDirectoryContents dir+ let files = sort $ filter (\m -> takeExtension m == ".js") content+ let tmpls = sort $ filter (\m -> takeExtension m == ".hamlet") content++ deps <- if "module-deps.json" `elem` content+ then do ct <- BL.readFile $ dir </> "module-deps.json"+ case decode ct of+ Just x -> return x+ Nothing -> return $ toJSON ([] :: [String])+ else return $ toJSON ([] :: [String])++ return (files, tmpls, deps)++procTemplate :: FilePath -> IO (String, TL.Text)+procTemplate f = do+ ct <- TL.readFile f+ ham <- parseHamletRT defaultHamletSettings $ TL.unpack ct+ html <- renderHamletRT ham [] (\() _ -> error "No url allowed")++ let jsF = replaceExtension f ".js"+ e <- doesFileExist jsF+ unless e $ error $ "Unable to find " ++ jsF+ mid <- parseDirectiveFile jsF+ name <- case mid of+ Nothing -> error $ "Unable to find templateUrl in " ++ jsF+ Just (x, _) -> return x++ return (name, renderMarkup html)++toCache :: [(String, TL.Text)] -> BL.ByteString+toCache [] = BL.empty+toCache ts = BL.concat $ [header] ++ concatMap go ts ++ [footer]+ where+ header = "module.run(['$templateCache', function($templateCache) {\n"+ footer = "}]);\n"+ go (name, html) = [ "$templateCache.put("+ , encode name+ , ","+ , encode html+ , ");\n"+ ]+ +productionModule :: Bool -> String -> FilePath -> (BL.ByteString -> IO BL.ByteString) -> IO BL.ByteString+productionModule inclTempl name dir mini = do+ putStrLn $ "Building AngularJS module " ++ name ++ " (" ++ dir ++ ")"+ (files, tmpls, deps) <- loadModule dir+ ct <- mapM cleanupDIFile $ map (dir</>) files+ tCt <- if inclTempl+ then toCache <$> mapM procTemplate (map (dir</>) tmpls)+ else return BL.empty+ let fileCt = "(function(module) {"+ <> BL.concat ct+ <> tCt+ <> "})(angular.module("+ <> encode name+ <> ","+ <> encode deps+ <> "));"+ mini fileCt++develModule :: Bool -> String -> FilePath -> IO BL.ByteString+develModule inclTempl name dir = do+ (jsFiles, tmpls, deps) <- loadModule dir+ let files = if inclTempl then jsFiles ++ tmpls else jsFiles++ let script = [julius|+(function() {+ /* We want to defer bootstrap until all scripts are loaded */+ if (!/^NG_DEFER_BOOTSTRAP!/.test(window.name)) {+ window.name = "NG_DEFER_BOOTSTRAP!" + window.name;+ window.yesod_devel_scripts = {};+ window.yesod_devel_check_loaded = function() {+ for (var key in window.yesod_devel_scripts) {+ if (!window.yesod_devel_scripts[key]) {+ /* Not loaded yet */+ return;+ }+ }+ /* Everything has loaded, bootstrap can continue */+ angular.resumeBootstrap();+ };+ }++ /* Create the module */+ angular.module(#{toJSON name}, #{deps});++ /* Figure out the full path of the current script */+ var scripts = document.getElementsByTagName("script"),+ path = scripts[scripts.length - 1].src;++ /* Add a script tag for each file in the module */+ var files = #{toJSON files};+ for (var i = 0; i < files.length; i++) {+ /* Add the script to the list of scripts to wait for */+ window.yesod_devel_scripts[#{toJSON name} + "/" + files[i]] = false;++ var s = document.createElement("script");+ s.type = "application/javascript";+ s.src = path + "/" + files[i];+ document.body.appendChild(s);+ }+})();+ |]+ return $ TL.encodeUtf8 $ renderJavascript $ script (error "No URL interpolation allowed")++develExtraFiles :: [T.Text] -- ^ location+ -> String -- ^ module name+ -> FilePath -- ^ directory for module+ -> [T.Text] -- ^ incomming url to check+ -> IO (Maybe (MimeType, BL.ByteString))+develExtraFiles loc name dir paths+ | length paths == length loc + 1 && loc `isPrefixOf` paths = do+ let file = T.unpack (paths !! (length paths - 1))+ full = dir </> file+ e <- doesFileExist full+ if e+ then do ct <- if takeExtension file == ".hamlet"+ then (\x -> toCache [x]) <$> procTemplate full+ else BL.readFile full+ let ct' = BL.concat+ [ "(function(module) { "+ , ct+ , "\n"+ , "window.yesod_devel_scripts["+ , encode $ name </> file -- JSON encoded file includes the quotes+ , "] = true;\n"+ , "window.yesod_devel_check_loaded();\n"+ , "})(angular.module("+ , encode name -- JSON encoded name includes the quotes+ , "));"+ ]+ return $ Just ("application/javascript", ct')+ else return Nothing++ | otherwise = return Nothing++-- | An angular module entry+ngEntry :: Bool -> String -> Location -> FilePath -> (BL.ByteString -> IO BL.ByteString) -> Entry+ngEntry incTempl name loc dir mini = def+ { ebHaskellName = Just $ pathToName loc+ , ebLocation = loc+ , ebMimeType = "application/javascript"+ , ebProductionContent = productionModule incTempl name dir mini+ , ebDevelReload = [| develModule ($(litE $ integerL $ if incTempl then 1 else 0) == (1 :: Integer))+ $(litE $ stringL name) + $(litE $ stringL dir) |]+ , ebDevelExtraFiles = Just [| develExtraFiles (T.splitOn (T.pack "/") $ T.pack $(litE $ stringL loc))+ $(litE $ stringL name)+ $(litE $ stringL dir) |]+ }++-- | Embed the javascript and directive templates from a single directory into the static subsite as+-- a single Angular module file. For this to work, the directive templates cannot use any hamlet+-- variable interpolation.+--+-- During development, each @.js@ file is served separately (with some code to define the @module@+-- variable) and at the location where the combined file would appear during production, a small+-- script which just loads all the @.js@ files from the directory is served. This makes debugging+-- much easier.+--+-- This generator produces one variable definition of type @Route EmbeddedStatic@ which is named by+-- passing the location through 'pathToName'.+embedNgModule :: String -- ^ Angular module name+ -> Location -- ^ location within the static subsite for the resulting javascript file+ -> FilePath -- ^ directory on disk (relative to build directory/directory containing the .cabal file)+ -- which contains the contents of the module.+ -> (BL.ByteString -> IO BL.ByteString)+ -- ^ minimizer such as 'uglifyJs' or 'jasmine' to use during production.+ -> Generator+embedNgModule name loc dir mini = return [ngEntry True name loc dir mini]++-- | Embed multiple angular modules into the static subsite.+--+-- All subdirectories within the given directory are assumed to be angular modules, and each+-- subdirectory is embedded by calling 'embedNgModule' on it. The subdirectory name is used+-- for the module name. The location for the module will be the location given to this generator+-- combined with the subdirectory name and then @.js@.+embedNgModules :: Location -- ^ directory location within the static subsite where the modules should appear+ -> FilePath -- ^ directory on disk (relative to build directory/directory containing the .cabal file)+ -- containing angular modules.+ -> (BL.ByteString -> IO BL.ByteString)+ -- ^ minimizer such as 'uglifyJs' or 'jasmine' to use during production.+ -> Generator+embedNgModules = multi embedNgModule++-- | Same as 'embedNgModule' but the directive templates are not included. Use this if your+-- directive templates require variable/type safe route interpolation. Your directive templates+-- should then instead be inserted into a @WidgetT site IO ()@ using 'directiveTemplates' and then+-- embedded into the final page.+embedNgModuleWithoutTemplates :: String -- ^ Angular module name+ -> Location -- ^ location within the static subsite for the resulting javascript file+ -> FilePath -- ^ directory on disk (relative to build directory/directory containing+ -- the .cabal file) which contains the contents of the module.+ -> (BL.ByteString -> IO BL.ByteString)+ -- ^ minimizer such as 'uglifyJs' or 'jasmine' to use during production.+ -> Generator+embedNgModuleWithoutTemplates name loc dir mini = return [ngEntry False name loc dir mini]++-- | Embed multiple angular modules without templates into the static subsite.+-- All subdirectories within the given directory are assumed to be angular modules, and each+-- subdirectory is embedded by calling 'embedNgModuleWithoutTemplates' on it.+embedNgModulesWithoutTemplates + :: Location -- ^ directory location within the static subsite where the modules should appear+ -> FilePath -- ^ directory on disk (relative to build directory/directory containing the .cabal file)+ -- containing angular modules.+ -> (BL.ByteString -> IO BL.ByteString)+ -- ^ minimizer such as 'uglifyJs' or 'jasmine' to use during production.+ -> Generator+embedNgModulesWithoutTemplates = multi embedNgModuleWithoutTemplates++-- | Multi-module helper+multi :: (String -> Location -> FilePath -> (BL.ByteString -> IO BL.ByteString) -> Generator)+ -- ^ either 'embedAngularModule' or 'embedAngularModuleWithoutTemplates'+ -> Location -- ^ directory location within the static subsite where the modules should appear+ -> FilePath -- ^ directory on disk (relative to build directory/directory containing the .cabal file)+ -- containing angular modules.+ -> (BL.ByteString -> IO BL.ByteString)+ -- ^ minimizer such as 'uglifyJs' or 'jasmine' to use during production.+ -> Generator+multi proc loc dir mini = do+ mods <- runIO $ getDirectoryContents dir+ let mods' = filter (\m -> not (null m) && head m /= '.') mods+ fmap concat . forM mods' $ \m -> do+ exists <- runIO $ doesDirectoryExist $ dir </> m+ if exists+ then proc m (loc </> (m ++ ".js")) (dir </> m) mini+ else return []++-- | Create a @'WidgetT' site IO ()@ which contains all the directive templates written in Hamlet+-- from the passed in directory. This is only needed if you use+-- 'embedNgModuleWithoutTemplates' because your directive templates use variable/url+-- interpolation. The template will be inside a @\<script type=\"text/ng-template\"+-- id=\"someid\"\>@, where the ID is found by parsing the javascript code for @templateUrl@. This+-- widget must be inside the tag which has the @ng-app@ attribute.+directiveTemplates :: FilePath -> ExpQ+directiveTemplates = directiveTemplatesWithSettings defaultHamletSettings++-- | Same as 'directiveTemplates' but allows you to specify the hamlet settings.+directiveTemplatesWithSettings :: HamletSettings -> FilePath -> ExpQ+directiveTemplatesWithSettings settings dir = do+ (jsfiles, _, _) <- runIO $ loadModule dir+ hamlets <- runIO $ parseDirectiveFiles dir jsfiles+ let lst = [ tupE [litE $ stringL i, whamletFileWithSettings settings f] | (i,f) <- hamlets ]+ [| mconcat $ map (uncurry directiveWidget) $(listE lst) |]++-- | Wrap a widget in a @\<script type=\"text/ng-template\" id=\"someid\"\>@ block.+directiveWidget :: T.Text -- ^ ID of the directive+ -> WidgetT site IO () -- ^ the body of the template+ -> WidgetT site IO ()+directiveWidget name w = [whamlet|+<script type="text/ng-template" ##{name}>+ ^{w}+|]++-------------------------------------------------------------------------------+-- Testing+-------------------------------------------------------------------------------++-- | Convert a hamlet file to javascript for unit testing.+--+-- When unit testing the Angular code, the javascript is executed directly (without any processing+-- by 'embedNgModule'). But for the directives to work, the Hamlet templates must still be+-- converted to javascript which inserts the template into the Angular @$templateCache@. This+-- TH splice takes a path to a hamlet file and produces a 'BL.ByteString' which contains this+-- javascript. Before unit testing the javascript code, this TH splice must be run on every+-- directive hamlet template.+--+-- If you use <http://karma-runner.github.io karma>, the +-- <https://npmjs.org/package/karma-ng-hamlet2js-preprocessor karma-ng-hamlet2js-preprocessor>+-- does this automatically by using @runghc@ to run a small Haskell script which calls+-- 'hamletTestTemplate'. The example application uses this karma preprocessor.+hamletTestTemplate :: FilePath -> ExpQ+hamletTestTemplate f = do+ let jsName = replaceExtension f "js"+ e <- runIO $ doesFileExist jsName+ if not e+ then [| error $ "Unable to find " ++ $(litE $ stringL jsName) |]+ else do+ mid <- runIO $ parseDirectiveFile jsName+ case mid of+ Nothing -> [| error $ "Unable to find template ID from " ++ $(litE $ stringL jsName) |]+ Just (i, hamletFile) ->+ [| BL.concat + [ TL.encodeUtf8 $ TL.pack "module.run(function($templateCache) {\n"+ , TL.encodeUtf8 $ TL.pack " $templateCache.put("+ , encode ($(litE $ stringL i) :: String)+ , TL.encodeUtf8 $ TL.pack ",\n"+ , encode $ renderMarkup $(shamletFile hamletFile)+ , TL.encodeUtf8 $ TL.pack "\n);});"+ ]+ |]++-- $filelayout+-- This Haskell module assists with the management of Angular modules. Each Angular module+-- cooresponds to a directory where each controller\/directive\/service\/factory\/etc. is located in+-- separate files within this directory. For example, you might have files @angular\/myctrl.js@,+-- @angular\/somedirective.js@, @angular\/myservice.js@, and so on. Also, for each directive that+-- does not use an inline template, you should have the corresponding directive template in a file+-- with the same name as the javascript file but with a @hamlet@ extension (e.g.+-- @angular\/somedirective.hamlet@). For larger applications, you can organize the Angular code into+-- multiple Angular modules by using one directory per module.++-- $jsformat+-- All files with a @.js@ extension in the given directory will be loaded. Each javascript file+-- should be written to assume that a variable named @module@ is already defined and holds the+-- angular module. For example,+--+-- >module.controller("MyController", function($scope) {+-- > $scope.hello = "Hello, World!";+-- >});+--+-- When compiling for production, these @.js@ files will be concatenated, combined with the code+-- defining the @module@ variable, DI annotated, minified, compressed, and then embedded into the +-- executable to be served from the given location. That is, the following javascript will be+-- automatically created:+--+-- >(function(module) {+-- >+-- >module.controller("MyController", ["$scope", function($scope) {+-- > $scope.hello = "Hello, world!";+-- >}]);+-- >+-- ><contents of all the other .js files>+-- ><optionally contents of the directive templates (see below)>+-- >+-- >})(angular.module("module-name", <contents of module-deps.json>));+--+-- Note the @module-deps.json@ file: if this file exists within the directory, it+-- will be parsed and used as the module dependencies (so therefore the contents should be a+-- list of strings). If this file does not exist, an empty list of dependencies is used.+-- +-- Note also the inline dependency injection annotation of the @$scope@ parameter. When compiling+-- for production, before running the minimizer, the javascript is parsed and DI parameters are+-- annotated. The arguments to the top-level call to @module.somefunction@ will be annotated.+-- Also, if the call is @module.directive@, the body of the factory function will be scanned for a+-- return of an object literal (must be an object literal, not a variable). The object literal is+-- scanned for a @controller@ property, and if found that controller property is also DI annotated+-- (the example program shows this in action).++++-- $dirformat+-- If a directive uses an external hamlet template, the directive hamlet and directive javascript+-- should be in two files with the same name but @.js@ and @.hamlet@ extensions. To embed the+-- directive template so that the javascript is able to find it, the template ID must be loaded. To+-- do so, the javascript is parsed to find the value of @templateUrl@. The @.js@ file must have a+-- top-level call to @module.directive@. Some statement directly inside the factory function must+-- be a @return@ of an object literal. This object literal must have a @templateUrl@ property with+-- a single string literal as the value. This string literal is used as the ID when embedding the+-- template. For example, if @my-dialog.js@ contains+--+-- >module.directive("my-dialog", function() {+-- > return {+-- > restrict: "E",+-- > transclude: true,+-- > templateUrl: "mydialog-template",+-- > };+-- >});+--+-- then something like the following will be automatically created and then inserted into the generated file:+--+-- >module.run(["$templateCache", function($templateCache) {+-- > $templateCache.put("mydialog-template", <rendered my-dialog.hamlet>);+-- >}]);
+ Yesod/EmbeddedStatic/AngularJsMangle.hs view
@@ -0,0 +1,149 @@+{-# LANGUAGE OverloadedStrings #-}+module Yesod.EmbeddedStatic.AngularJsMangle (+ parseDirectiveFiles+ , parseDirectiveFile+ , cleanupDIFile+) where++import Blaze.ByteString.Builder (toLazyByteString)+import Control.Applicative+import Data.Maybe (catMaybes)+import Language.JavaScript.Parser+import System.Directory (doesFileExist)+import System.FilePath++import qualified Data.ByteString.Lazy as BL++-------------------------------------------------------------------------------+-- Dependency Injection Cleanup+-------------------------------------------------------------------------------++-- | Parse the javascript file and convert all DI functions that rely on variable names to use+-- inline annotation so that the javascript can be minimized.+cleanupDIFile :: FilePath -> IO BL.ByteString+cleanupDIFile f = toLazyByteString . renderJS . cleanupDI <$> parseFile f++cleanupDI :: JSNode -> JSNode+cleanupDI (NN (JSSourceElementsTop exprs)) = NN $ JSSourceElementsTop $ map diTopExpr exprs+cleanupDI x = x++diTopExpr :: JSNode -> JSNode+diTopExpr (NN (JSExpression+ [ call@(NN (JSMemberDot+ [NT (JSIdentifier "module") _ _]+ _ -- Literal .+ (NT (JSIdentifier func) _ _))) -- function like controller/directive/etc.+ , NN (JSArguments open args close)+ ])) = NN $ JSExpression [call, NN $ JSArguments open (map (diFuncExpr directive) args) close]+ where directive = func == "directive"+diTopExpr x = x++-- | DI a single argument which is a function expression+diFuncExpr :: Bool -> JSNode -> JSNode+diFuncExpr isDir (NN (JSFunctionExpression a b c params d body)) =+ case params of+ [] -> func+ _ -> NN $ JSArrayLiteral aopen elems aclose+ where+ aopen = NT (JSLiteral "[") tokenPosnEmpty [NoComment]+ aclose = NT (JSLiteral "]") tokenPosnEmpty [NoComment]+ comma = NN (JSElision (NT (JSLiteral ",") tokenPosnEmpty [NoComment]))++ body' = if isDir then diBody body else body+ func = NN $ JSFunctionExpression a b c params d body'++ elems = map diParam params ++ [comma, func]+diFuncExpr _ x = x++-- | Convert a function parameter to a string literal and convert comma to elision+diParam :: JSNode -> JSNode+diParam (NT (JSIdentifier name) _ _) = NT (JSStringLiteral '"' name) tokenPosnEmpty [NoComment]+diParam (NT (JSLiteral ",") _ _) = NN $ JSElision $ NT (JSLiteral ",") tokenPosnEmpty [NoComment]+diParam x = x++-- | Check a directive body to see if we need to DI cleanup a controller.+diBody :: JSNode -> JSNode+diBody (NN (JSBlock begin statements end)) = NN $ JSBlock begin (map diReturn statements) end+diBody x = x++-- | Check if a statement is a return of an object literal+diReturn :: JSNode -> JSNode+diReturn (NN (JSReturn ret [NN (JSExpression [NN (JSObjectLiteral begin props end)])] colon))+ = NN $ JSReturn ret [NN (JSExpression [NN (JSObjectLiteral begin (map diProperty props) end)])] colon+diReturn x = x++testPropName :: String -> JSNode -> Bool+testPropName n (NT (JSIdentifier n') _ _) = n == n'+testPropName n (NT (JSStringLiteral _ n') _ _) = n == n'+testPropName _ _ = False++-- | Check a property of an object for controller+diProperty :: JSNode -> JSNode+diProperty (NN (JSPropertyNameandValue prop _ args)) + | testPropName "controller" prop = NN $ JSPropertyNameandValue ctrl colon args'+ where+ ctrl = NT (JSStringLiteral '"' "controller") tokenPosnEmpty [NoComment]+ colon = NT (JSLiteral ":") tokenPosnEmpty [NoComment]+ args' = map (diFuncExpr False) args+diProperty x = x++-------------------------------------------------------------------------------+-- Loading directive IDs+-------------------------------------------------------------------------------++-- | Parse all the javascript files. If the javascript file is a directive,+-- the directive has a templateUrl, and there is a matching hamlet file, add the+-- (id, hamlet file) into the return list.+parseDirectiveFiles :: FilePath -> [FilePath] -> IO [(String,FilePath)]+parseDirectiveFiles dir jsfiles = catMaybes <$> mapM parseDirectiveFile (map (dir</>) jsfiles)++-- | Check a single javascript file to see if it is a directive+parseDirectiveFile :: FilePath -> IO (Maybe (String, FilePath))+parseDirectiveFile f = do+ j <- parseFile f+ case parseDirId j of+ Nothing -> return Nothing+ Just i -> do+ let hamlet = replaceExtension f "hamlet"+ e <- doesFileExist hamlet+ if e+ then return $ Just (i, hamlet)+ else return Nothing++firstJust :: [Maybe a] -> Maybe a+firstJust [] = Nothing+firstJust (x@(Just _):_) = x+firstJust (Nothing:xs) = firstJust xs++-- | Search for the directive ID +parseDirId :: JSNode -> Maybe String+parseDirId (NN (JSSourceElementsTop es)) = firstJust $ map parseDirectiveCall es+parseDirId _ = Nothing++-- | Parse module.directive(... function(..) {+parseDirectiveCall :: JSNode -> Maybe String+parseDirectiveCall (NN (JSExpression+ [NN (JSMemberDot+ [NT (JSIdentifier "module") _ _]+ _ -- Literal .+ (NT (JSIdentifier "directive") _ _)),+ NN (JSArguments _ args _)])) = firstJust $ map parseDirArg args+parseDirectiveCall _ = Nothing++-- | check the function argument to the directive call+parseDirArg :: JSNode -> Maybe String+parseDirArg (NN (JSFunctionExpression _ _ _ _ _ (NN (JSBlock _ statements _))))+ = firstJust $ map parseDirSt statements+parseDirArg _ = Nothing++-- | Check a statement inside the factory function for return { .. };+parseDirSt :: JSNode -> Maybe String+parseDirSt (NN (JSReturn _ [NN (JSExpression [NN (JSObjectLiteral _ props _)])] _))+ = firstJust $ map parseDirTUrl props+parseDirSt _ = Nothing++-- | Check a property in the object literal+parseDirTUrl :: JSNode -> Maybe String+parseDirTUrl (NN (JSPropertyNameandValue prop _ [NT (JSStringLiteral _ tUrl) _ _])) + | testPropName "templateUrl" prop = Just tUrl+parseDirTUrl _ = Nothing
+ example/README.md view
@@ -0,0 +1,127 @@+[TOC]++# Angular Example++See this [blog article](http://blog.wuzzeb.org/posts/2013-12-16-yesod-and-angular.html) for the+reasoning behind how Angular is integrated into a Yesod application using this generator. This+example application follows exactly this outline via the following.++* The view consists of the Yesod handlers plus the widget hamlet/lucius/cassius. The widget files+ are located in the `templates` directory exactly like in a scaffolded application and the Yesod+ handlers are in `main.hs`. Note that the widget files do not use any julius.+* The Angular code and directive templates are in the `angular-app` directory, and this directory is+ managed by `StaticSettings.hs`. `StaticSettings.hs` exports a variable of type `Route+ EmbeddedStatic` named `ng_modules_example_js`. All the Yesod handlers have to do is reference+ this one route. This Angular code must be written in a certian style for the generator to process+ it correctly. The style is explained in detail in the haddock for+ `Yesod.EmbeddedStatic.AngularJavascript`. The+ [README.md](https://bitbucket.org/wuzzeb/yesod-static-generators/src/tip/angular/example/angular-app/README.md)+ within the `angular-app` directory explains how the example application implemented these rules.++### Compiling and running the example++To compile the application, from the directory containing the .cabal file, run++~~~+cabal build example-dev+cabal build example-production+~~~++You can then run either one by++~~~+./dist/build/example-dev/example-dev+./dist/build/example-production/example-production+~~~++Note that in development mode, each javascript file in `angular-app` is served separately to help+with debugging. During production, a single javascript file containing all the code is served.++# Testing++A major goal of Angular is to make the code easy to test (as long as the right tools are in place).+Designing the application as mentioned above fits nicely with the available testing tools. See this+[blog post](http://blog.wuzzeb.org/posts/2013-12-17-testing-yesod-and-angular.html) for an+explination of the testing tools and the various types of testing that should be done.++### Karma++The example application has some karma tests of the Angular javascript code, located in the+`tests/unit-js` directory. To run the tests, the current directory must be the `tests` directory.+First, karma and the+[karma-ng-hamlet2js-preprocessor](https://npmjs.org/package/karma-ng-hamlet2js-preprocessor) must be+installed.++~~~+cd path/to/example/tests+npm install karma karma-ng-hamlet2js-preprocessor+~~~++(Could also install globally with the `-g` flag.) Now, if you have Firefox installed, the tests can+be run by:++~~~+./node_modules/karma/bin/karma start+~~~++Karma is configured via `karma.conf.js` and the test code itself is in `tests/unit-js`. The test+code uses [jasmine](http://pivotal.github.io/jasmine/). The test code is mostly normal+Angular/jasmine test code, with only two notable changes:++* The `angular-mock.js` file defines `window.module = angular.mock.module` as a shortcut and if you+ search on google for examples you will see many tests using `beforeEach(module("modname"))`.+ Since we use `window.module` inside `angular-app` to hold the actual Angular module, when writing+ tests you will need to use `beforeEach(angular.mock.module("modname"))` inside the test code.+* The directive hamlet is loaded by the+ [karma-ng-hamlet2js-preprocessor](https://npmjs.org/package/karma-ng-hamlet2js-preprocessor) karma preprocessor, which+ is configured inside `karma.conf.js`.++### yesod-test++Since Angular is separate from from the handlers and routes, testing the Yesod handlers is identical+to using `yesod-test` on any other Yesod application. Therefore, the example application does not+include any tests of the Yesod handlers and routes using `yesod-test`.++### WebDriver++The example application has a small end to end test using+[webdriver](https://hackage.haskell.org/package/webdriver),+[webdriver-angular](https://hackage.haskell.org/package/webdriver-angular), and+[hspec-webdriver](https://hackage.haskell.org/package/hspec-webdriver). The tests are in the+`tests/end2end` directory. Before running them, you will first need to download+`selenium-server-standalone-<ver>.jar` from [here](http://code.google.com/p/selenium/downloads/list)+(or use a distro package). Also you will need to install the Java JRE, OpenJDK works fine. Start+the selenium server++~~~+java -jar selenium-server-standalone-<ver>.jar+~~~++Next you need to start the yesod application, I suggest you test against the version built for+production. In a scaffolded application, this is a good use for the `Staging` section of the config+file.++~~~+./dist/build/example-production/example-production+~~~++Finally, install [webdriver](http://hackage.haskell.org/package/webdriver),+[webdriver-angular](http://hackage.haskell.org/package/webdriver-angular), and+[hspec-webdriver](http://hackage.haskell.org/package/hspec-webdriver). Since the test code does not+reference any Haskell modules or javascript code from our project, I find it easiest to run the test+code from `ghci`. You could also call the test code from a test-suite section in the cabal file.++~~~+cd tests/end2end+ghci todo.hs+> main+~~~++If you use cabal sandboxes, you will need instead++~~~+ghci -package-db path/to/sandbox/i386-linux-ghc-7.6.3-packages.conf.d todo.hs+~~~++(of course the version and architecture might be different). You could also use `cabal repl` but+that also loads all the Haskell modules which are not needed for the `todo.hs` test code.
+ example/StaticSettings.hs view
@@ -0,0 +1,48 @@+{-# LANGUAGE TemplateHaskell, QuasiQuotes, OverloadedStrings, CPP #-}++-- | This module contains all the code to manage the angular application (javascript and+-- directives). During development, the individual javascript and hamlet files will be reloaded+-- from disk on every request and served individually (you can test this out by changing the+-- javascript or hamlet files and reloading your web browser). When compiling for production, the+-- resources are embedded into the executable.+module StaticSettings where++import Yesod+import Yesod.EmbeddedStatic+import Yesod.EmbeddedStatic.AngularJavascript++#ifdef DEV+#define DEV_BOOL True+#else+#define DEV_BOOL False+#endif++-- | Create the embedded static subsite. This will create variables:+--+-- > embStatic :: EmbeddedStatic+-- > ng_modules_example_js :: Route EmbeddedStatic+-- > angular_js :: Route EmbeddedStatic+-- > bootstrap_min_css :: Route EmbeddedStatic+--+mkEmbeddedStatic DEV_BOOL "embStatic"+ [ embedNgModule "yesod-example" "ng-modules/example.js" "example/angular-app" return+ -- * The Angular module will be named yesod-example and this must match the ng-app inside the view.+ -- * The javascript code will be located inside the static subsite at ng-modules/example.js+ -- * This file is designed to be compiled from the .cabal file so the path includes+ -- @example@ to be relative to the directory containing the .cabal file.+ -- * The javascript minifier is just `return` so that you can see what the generated+ -- javascript looks like. Usually you would use `uglifyJs` or `jasmine` from+ -- Yesod.EmbeddedStatic.Generators. Also, during production the javascript will have+ -- inline dependency injection annotations, both at the top level and the controller+ -- function within my-tabs.js. This is so that minimizers like uglifyJs which rename+ -- variables do not mess up the dependency injection.++ , concatFilesWith "angular.js" jasmine ["example/static/angular.js"]+ -- This embeds Angular itself. Note this file is the unminified angular.js so that during+ -- development the unminified code is available. During production, the code will be minified+ -- with jasmine. You might consider instead using a CDN; I did not so that this example+ -- works offline.++ , embedFileAt "bootstrap.min.css" "example/static/bootstrap.min.css"+ -- Embeds bootstrap.+ ]
+ example/angular-app/README.md view
@@ -0,0 +1,43 @@+Several things in Angular can be done in more than one way because Angular supports a whole range of+server and framework technologies. For the Angular code to be processed by the static generator+correctly, the Angular code must be written with the following points in mind (and these sometimes+conflict with example Angular code you find around the web). The haddock for+`Yesod.EmbeddedStatic.AngularJavascript` explains the format in detail.++* All controllers/directives/services/filters/etc. are attached to the Angular module by calling the+ functions `module.controller` and `module.directive`, where we just rely on the static generator+ setting up the `module` variable for us. (Angular supports controllers to just be javascript+ functions, e.g. the very first example on the [AngularJS web page](http://angularjs.org), but this+ is not allowed by the generator.)+* While not required, each controller/directive/service/filter is in its own file instead of+ chaining them in a single file. This eases unit testing. The static generator automatically+ combines all the files into a single file at compile time.+* Directive templates should either be written directly into the directive code in the `template`+ setting (for short templates) or should be written in Hamlet and stored in a file with the same+ name as the directive javascript file but with a `.hamlet` extension instead of `.js`. The+ example uses Hamlet templates for both of the directives.+* The Hamlet directive templates do not use any variables/type-safe route interpolation. This+ allows the HTML built from Hamlet to be automatically included directly into the generated+ javascript file with no more handling required. (The templates are stuck into the Angular+ `$templateCache`.)+ * While the `Yesod.EmbeddedStatic.AngularJavascript` module has some support for Hamlet+ templates with variable interpolation, it requires more complicated handling inside the+ Haskell code. In my opinion, configuration, i18n messages, and routes (which would be what you+ would probably be using Hamlet variable interpolation for) can just be stuck in a separate+ Angular module not managed by the static generators. This separate Angular module can be+ created in a widget and use variable/url interpolation, and it should just be a small module+ just containing these config settings. The main Angular module (managed by the static+ generator) can then depend on the config module and access the settings via dependency+ injection.+* For directives with templates in Hamlet, the directive javascript code is in a specific format.+ The factory function returns an object literal with keys `templateUrl` and `controller`. This+ format allows the static generator to automatically process this directive code. The+ `templateUrl` is required and used when processing the Hamlet, so that the template is stuck into+ the correct key in the `$templateCache`. The `controller` property has its factory function+ annotated for dependency injection.+* Dependency injection of the factory functions is done by naming the parameters to functions, e.g.+ using `$scope` as the parameter name. No need to set an `$inject` property on the function or use+ inline dependency annotation (an array of strings and the factory function). When compiling for+ production, before javascript minification, the static generator will automatically add+ annotations for you (so that when the minimizer renames parameter names the dependencies are still+ injected).
+ example/angular-app/my-pane.hamlet view
@@ -0,0 +1,1 @@+<div .tab-pane ng-show=selected ng-transclude>
+ example/angular-app/my-pane.js view
@@ -0,0 +1,14 @@+module.directive("myPane", function() {+ return {+ require: '^myTabs',+ restrict: 'E',+ transclude: true,+ scope: {+ title: '@'+ },+ link: function(scope, element, attrs, tabsCtrl) {+ tabsCtrl.addPane(scope);+ },+ templateUrl: 'my-pane-template',+ };+});
+ example/angular-app/my-tabs.hamlet view
@@ -0,0 +1,5 @@+<div .tabbable>+ <ul .nav .nav-tabs>+ <li ng-repeat="pane in panes" ng-class="{active:pane.selected}">+ <a href="" ng-click="select(pane)">{{pane.title}}+ <div .tab-content ng-transclude>
+ example/angular-app/my-tabs.js view
@@ -0,0 +1,25 @@+module.directive("myTabs", function() {+ return {+ restrict: "E",+ transclude: true,+ scope: {},+ controller: function($scope) {+ var panes = $scope.panes = [];++ $scope.select = function(pane) {+ angular.forEach(panes, function(pane) {+ pane.selected = false;+ });+ pane.selected = true;+ };++ this.addPane = function(pane) {+ if (panes.length == 0) {+ $scope.select(pane);+ }+ panes.push(pane);+ };+ },+ templateUrl: 'my-tabs-template',+ };+});
+ example/angular-app/todo-ctrl.js view
@@ -0,0 +1,26 @@+module.controller("TodoCtrl", function($scope) {+ $scope.todos = [+ {text:"learn angular", done:true},+ {text:"integrate angular with your yesod app", done:false}];++ $scope.addTodo = function() {+ $scope.todos.push({text:$scope.todoText, done:false});+ $scope.todoText = '';+ };++ $scope.remaining = function() {+ count = 0;+ angular.forEach($scope.todos, function(todo) {+ count += todo.done ? 0 : 1+ });+ return count;+ };++ $scope.archive = function() {+ var oldTodos = $scope.todos;+ $scope.todos = [];+ angular.forEach(oldTodos, function(todo) {+ if (!todo.done) $scope.todos.push(todo);+ });+ };+});
+ example/main.hs view
@@ -0,0 +1,87 @@+{-# LANGUAGE QuasiQuotes, TypeFamilies, MultiParamTypeClasses, CPP #-}+{-# LANGUAGE TemplateHaskell, FlexibleInstances, OverloadedStrings #-}+-- | This module contains the yesod application and the views for the two examples. The+-- angular javascript code is managed by StaticSettings.hs.+module Main where++import Data.Default (def)+import Text.Cassius (cassiusFileReload)+import Yesod+import Yesod.EmbeddedStatic+import Yesod.EmbeddedStatic.AngularJavascript+import StaticSettings++-- | Create a Yesod App which just has a static subsite.+data MyApp = MyApp { getStatic :: EmbeddedStatic }++mkYesod "MyApp" [parseRoutes|+/ HomeR GET+/static StaticR EmbeddedStatic getStatic+|]++-- | A todo list.+--+-- Angular's philosophy is that the view (the HTML defining the todo list) should be separate from+-- the javascript controlling the todo list; the javascript should create a domain specific language+-- (DSL) extending HTML in which the views can be written. Here inside the yesod handlers, we+-- therefore create the view inside 'templates/todo.hamlet' and 'templates/todo.cassius' which take+-- advantage of this DSL to create the todo list. Note that there is NO julius here; we are writing +-- the view assuming the DSL has been defined.+--+-- In general this should be how you design your applications: the views are Yesod widgets which you+-- build up in your handlers, but these widgets should not have any attached javascript code. The+-- javascript code should only be concerned with creating the DSL (irrespective of the views) and it+-- should be managed separatly.+todoList :: Widget+--todoList = $(widgetFile "todo")+-- In a scaffolded application, you would use $(widgetFile "todo") but widgetFile looks for the file+-- "template/todo.hamlet". The problem is the templates are in "example/templates" because+-- of the way we compile these examples, so widgetFile does not find the template. Therefore, we+-- call whamletFile and cassiusFile directly.+todoList = do+ toWidget $(cassiusFileReload "example/templates/todo.cassius")+ $(whamletFile "example/templates/todo.hamlet")++++-- | Another view, this time some tab pages which shows an example of using angular directives.+--+-- Again, here inside the Yesod handlers we write the view assuming a DSL with two new tags: my-tabs+-- and my-pane. There is no julius here, just the view HTML.+tabExample :: Widget+--tabExample = $(widgetFile "tab-example")+tabExample = $(whamletFile "example/templates/tab-example.hamlet")+++-- | The Home Page+--+-- To make our Angular DSL available, all that needs to happen is a reference to the+-- Angular javascript files, which must be done via the ng_modules_example_js variable+-- created by embedNgModule inside StaticSettings.hs. (You must use this route variable+-- because during production it includes the ETag so that caching works properly.)+getHomeR :: Handler Html+getHomeR = defaultLayout $ do+ setTitle "Angular Example"++ -- Add the two javascript files+ addScript $ StaticR angular_js -- you might consider instead using angular from a CDN+ addScript $ StaticR ng_modules_example_js++ -- Add bootstrap+ addStylesheet $ StaticR bootstrap_min_css -- you might consider using a CDN instead++ [whamlet|+<!-- The module name matches the module name in the call to embedNgModule in StaticSettings.hs -->+<div ng-app="yesod-example">+ <h1>Todo List+ ^{todoList}+ <h1>Directive Example+ ^{tabExample}+|]++instance Yesod MyApp where+ addStaticContent = embedStaticContent getStatic StaticR Right++-- Create a MyApp using the EmbeddedStatic embStatic created inside StaticSettings.hs+main :: IO ()+main = warp 3000 $ MyApp embStatic
+ example/static/angular-mocks.js view
@@ -0,0 +1,2115 @@+/**+ * @license AngularJS v1.2.4+ * (c) 2010-2014 Google, Inc. http://angularjs.org+ * License: MIT+ */+(function(window, angular, undefined) {++'use strict';++/**+ * @ngdoc overview+ * @name angular.mock+ * @description+ *+ * Namespace from 'angular-mocks.js' which contains testing related code.+ */+angular.mock = {};++/**+ * ! This is a private undocumented service !+ *+ * @name ngMock.$browser+ *+ * @description+ * This service is a mock implementation of {@link ng.$browser}. It provides fake+ * implementation for commonly used browser apis that are hard to test, e.g. setTimeout, xhr,+ * cookies, etc...+ *+ * The api of this service is the same as that of the real {@link ng.$browser $browser}, except+ * that there are several helper methods available which can be used in tests.+ */+angular.mock.$BrowserProvider = function() {+ this.$get = function() {+ return new angular.mock.$Browser();+ };+};++angular.mock.$Browser = function() {+ var self = this;++ this.isMock = true;+ self.$$url = "http://server/";+ self.$$lastUrl = self.$$url; // used by url polling fn+ self.pollFns = [];++ // TODO(vojta): remove this temporary api+ self.$$completeOutstandingRequest = angular.noop;+ self.$$incOutstandingRequestCount = angular.noop;+++ // register url polling fn++ self.onUrlChange = function(listener) {+ self.pollFns.push(+ function() {+ if (self.$$lastUrl != self.$$url) {+ self.$$lastUrl = self.$$url;+ listener(self.$$url);+ }+ }+ );++ return listener;+ };++ self.cookieHash = {};+ self.lastCookieHash = {};+ self.deferredFns = [];+ self.deferredNextId = 0;++ self.defer = function(fn, delay) {+ delay = delay || 0;+ self.deferredFns.push({time:(self.defer.now + delay), fn:fn, id: self.deferredNextId});+ self.deferredFns.sort(function(a,b){ return a.time - b.time;});+ return self.deferredNextId++;+ };+++ /**+ * @name ngMock.$browser#defer.now+ * @propertyOf ngMock.$browser+ *+ * @description+ * Current milliseconds mock time.+ */+ self.defer.now = 0;+++ self.defer.cancel = function(deferId) {+ var fnIndex;++ angular.forEach(self.deferredFns, function(fn, index) {+ if (fn.id === deferId) fnIndex = index;+ });++ if (fnIndex !== undefined) {+ self.deferredFns.splice(fnIndex, 1);+ return true;+ }++ return false;+ };+++ /**+ * @name ngMock.$browser#defer.flush+ * @methodOf ngMock.$browser+ *+ * @description+ * Flushes all pending requests and executes the defer callbacks.+ *+ * @param {number=} number of milliseconds to flush. See {@link #defer.now}+ */+ self.defer.flush = function(delay) {+ if (angular.isDefined(delay)) {+ self.defer.now += delay;+ } else {+ if (self.deferredFns.length) {+ self.defer.now = self.deferredFns[self.deferredFns.length-1].time;+ } else {+ throw new Error('No deferred tasks to be flushed');+ }+ }++ while (self.deferredFns.length && self.deferredFns[0].time <= self.defer.now) {+ self.deferredFns.shift().fn();+ }+ };++ self.$$baseHref = '';+ self.baseHref = function() {+ return this.$$baseHref;+ };+};+angular.mock.$Browser.prototype = {++/**+ * @name ngMock.$browser#poll+ * @methodOf ngMock.$browser+ *+ * @description+ * run all fns in pollFns+ */+ poll: function poll() {+ angular.forEach(this.pollFns, function(pollFn){+ pollFn();+ });+ },++ addPollFn: function(pollFn) {+ this.pollFns.push(pollFn);+ return pollFn;+ },++ url: function(url, replace) {+ if (url) {+ this.$$url = url;+ return this;+ }++ return this.$$url;+ },++ cookies: function(name, value) {+ if (name) {+ if (angular.isUndefined(value)) {+ delete this.cookieHash[name];+ } else {+ if (angular.isString(value) && //strings only+ value.length <= 4096) { //strict cookie storage limits+ this.cookieHash[name] = value;+ }+ }+ } else {+ if (!angular.equals(this.cookieHash, this.lastCookieHash)) {+ this.lastCookieHash = angular.copy(this.cookieHash);+ this.cookieHash = angular.copy(this.cookieHash);+ }+ return this.cookieHash;+ }+ },++ notifyWhenNoOutstandingRequests: function(fn) {+ fn();+ }+};+++/**+ * @ngdoc object+ * @name ngMock.$exceptionHandlerProvider+ *+ * @description+ * Configures the mock implementation of {@link ng.$exceptionHandler} to rethrow or to log errors+ * passed into the `$exceptionHandler`.+ */++/**+ * @ngdoc object+ * @name ngMock.$exceptionHandler+ *+ * @description+ * Mock implementation of {@link ng.$exceptionHandler} that rethrows or logs errors passed+ * into it. See {@link ngMock.$exceptionHandlerProvider $exceptionHandlerProvider} for configuration+ * information.+ *+ *+ * <pre>+ * describe('$exceptionHandlerProvider', function() {+ *+ * it('should capture log messages and exceptions', function() {+ *+ * module(function($exceptionHandlerProvider) {+ * $exceptionHandlerProvider.mode('log');+ * });+ *+ * inject(function($log, $exceptionHandler, $timeout) {+ * $timeout(function() { $log.log(1); });+ * $timeout(function() { $log.log(2); throw 'banana peel'; });+ * $timeout(function() { $log.log(3); });+ * expect($exceptionHandler.errors).toEqual([]);+ * expect($log.assertEmpty());+ * $timeout.flush();+ * expect($exceptionHandler.errors).toEqual(['banana peel']);+ * expect($log.log.logs).toEqual([[1], [2], [3]]);+ * });+ * });+ * });+ * </pre>+ */++angular.mock.$ExceptionHandlerProvider = function() {+ var handler;++ /**+ * @ngdoc method+ * @name ngMock.$exceptionHandlerProvider#mode+ * @methodOf ngMock.$exceptionHandlerProvider+ *+ * @description+ * Sets the logging mode.+ *+ * @param {string} mode Mode of operation, defaults to `rethrow`.+ *+ * - `rethrow`: If any errors are passed into the handler in tests, it typically+ * means that there is a bug in the application or test, so this mock will+ * make these tests fail.+ * - `log`: Sometimes it is desirable to test that an error is thrown, for this case the `log`+ * mode stores an array of errors in `$exceptionHandler.errors`, to allow later+ * assertion of them. See {@link ngMock.$log#assertEmpty assertEmpty()} and+ * {@link ngMock.$log#reset reset()}+ */+ this.mode = function(mode) {+ switch(mode) {+ case 'rethrow':+ handler = function(e) {+ throw e;+ };+ break;+ case 'log':+ var errors = [];++ handler = function(e) {+ if (arguments.length == 1) {+ errors.push(e);+ } else {+ errors.push([].slice.call(arguments, 0));+ }+ };++ handler.errors = errors;+ break;+ default:+ throw new Error("Unknown mode '" + mode + "', only 'log'/'rethrow' modes are allowed!");+ }+ };++ this.$get = function() {+ return handler;+ };++ this.mode('rethrow');+};+++/**+ * @ngdoc service+ * @name ngMock.$log+ *+ * @description+ * Mock implementation of {@link ng.$log} that gathers all logged messages in arrays+ * (one array per logging level). These arrays are exposed as `logs` property of each of the+ * level-specific log function, e.g. for level `error` the array is exposed as `$log.error.logs`.+ *+ */+angular.mock.$LogProvider = function() {+ var debug = true;++ function concat(array1, array2, index) {+ return array1.concat(Array.prototype.slice.call(array2, index));+ }++ this.debugEnabled = function(flag) {+ if (angular.isDefined(flag)) {+ debug = flag;+ return this;+ } else {+ return debug;+ }+ };++ this.$get = function () {+ var $log = {+ log: function() { $log.log.logs.push(concat([], arguments, 0)); },+ warn: function() { $log.warn.logs.push(concat([], arguments, 0)); },+ info: function() { $log.info.logs.push(concat([], arguments, 0)); },+ error: function() { $log.error.logs.push(concat([], arguments, 0)); },+ debug: function() {+ if (debug) {+ $log.debug.logs.push(concat([], arguments, 0));+ }+ }+ };++ /**+ * @ngdoc method+ * @name ngMock.$log#reset+ * @methodOf ngMock.$log+ *+ * @description+ * Reset all of the logging arrays to empty.+ */+ $log.reset = function () {+ /**+ * @ngdoc property+ * @name ngMock.$log#log.logs+ * @propertyOf ngMock.$log+ *+ * @description+ * Array of messages logged using {@link ngMock.$log#log}.+ *+ * @example+ * <pre>+ * $log.log('Some Log');+ * var first = $log.log.logs.unshift();+ * </pre>+ */+ $log.log.logs = [];+ /**+ * @ngdoc property+ * @name ngMock.$log#info.logs+ * @propertyOf ngMock.$log+ *+ * @description+ * Array of messages logged using {@link ngMock.$log#info}.+ *+ * @example+ * <pre>+ * $log.info('Some Info');+ * var first = $log.info.logs.unshift();+ * </pre>+ */+ $log.info.logs = [];+ /**+ * @ngdoc property+ * @name ngMock.$log#warn.logs+ * @propertyOf ngMock.$log+ *+ * @description+ * Array of messages logged using {@link ngMock.$log#warn}.+ *+ * @example+ * <pre>+ * $log.warn('Some Warning');+ * var first = $log.warn.logs.unshift();+ * </pre>+ */+ $log.warn.logs = [];+ /**+ * @ngdoc property+ * @name ngMock.$log#error.logs+ * @propertyOf ngMock.$log+ *+ * @description+ * Array of messages logged using {@link ngMock.$log#error}.+ *+ * @example+ * <pre>+ * $log.log('Some Error');+ * var first = $log.error.logs.unshift();+ * </pre>+ */+ $log.error.logs = [];+ /**+ * @ngdoc property+ * @name ngMock.$log#debug.logs+ * @propertyOf ngMock.$log+ *+ * @description+ * Array of messages logged using {@link ngMock.$log#debug}.+ *+ * @example+ * <pre>+ * $log.debug('Some Error');+ * var first = $log.debug.logs.unshift();+ * </pre>+ */+ $log.debug.logs = [];+ };++ /**+ * @ngdoc method+ * @name ngMock.$log#assertEmpty+ * @methodOf ngMock.$log+ *+ * @description+ * Assert that the all of the logging methods have no logged messages. If messages present, an+ * exception is thrown.+ */+ $log.assertEmpty = function() {+ var errors = [];+ angular.forEach(['error', 'warn', 'info', 'log', 'debug'], function(logLevel) {+ angular.forEach($log[logLevel].logs, function(log) {+ angular.forEach(log, function (logItem) {+ errors.push('MOCK $log (' + logLevel + '): ' + String(logItem) + '\n' ++ (logItem.stack || ''));+ });+ });+ });+ if (errors.length) {+ errors.unshift("Expected $log to be empty! Either a message was logged unexpectedly, or "++ "an expected log message was not checked and removed:");+ errors.push('');+ throw new Error(errors.join('\n---------\n'));+ }+ };++ $log.reset();+ return $log;+ };+};+++/**+ * @ngdoc service+ * @name ngMock.$interval+ *+ * @description+ * Mock implementation of the $interval service.+ *+ * Use {@link ngMock.$interval#methods_flush `$interval.flush(millis)`} to+ * move forward by `millis` milliseconds and trigger any functions scheduled to run in that+ * time.+ *+ * @param {function()} fn A function that should be called repeatedly.+ * @param {number} delay Number of milliseconds between each function call.+ * @param {number=} [count=0] Number of times to repeat. If not set, or 0, will repeat+ * indefinitely.+ * @param {boolean=} [invokeApply=true] If set to `false` skips model dirty checking, otherwise+ * will invoke `fn` within the {@link ng.$rootScope.Scope#methods_$apply $apply} block.+ * @returns {promise} A promise which will be notified on each iteration.+ */+angular.mock.$IntervalProvider = function() {+ this.$get = ['$rootScope', '$q',+ function($rootScope, $q) {+ var repeatFns = [],+ nextRepeatId = 0,+ now = 0;++ var $interval = function(fn, delay, count, invokeApply) {+ var deferred = $q.defer(),+ promise = deferred.promise,+ iteration = 0,+ skipApply = (angular.isDefined(invokeApply) && !invokeApply);++ count = (angular.isDefined(count)) ? count : 0,+ promise.then(null, null, fn);++ promise.$$intervalId = nextRepeatId;++ function tick() {+ deferred.notify(iteration++);++ if (count > 0 && iteration >= count) {+ var fnIndex;+ deferred.resolve(iteration);++ angular.forEach(repeatFns, function(fn, index) {+ if (fn.id === promise.$$intervalId) fnIndex = index;+ });++ if (fnIndex !== undefined) {+ repeatFns.splice(fnIndex, 1);+ }+ }++ if (!skipApply) $rootScope.$apply();+ }++ repeatFns.push({+ nextTime:(now + delay),+ delay: delay,+ fn: tick,+ id: nextRepeatId,+ deferred: deferred+ });+ repeatFns.sort(function(a,b){ return a.nextTime - b.nextTime;});++ nextRepeatId++;+ return promise;+ };++ $interval.cancel = function(promise) {+ var fnIndex;++ angular.forEach(repeatFns, function(fn, index) {+ if (fn.id === promise.$$intervalId) fnIndex = index;+ });++ if (fnIndex !== undefined) {+ repeatFns[fnIndex].deferred.reject('canceled');+ repeatFns.splice(fnIndex, 1);+ return true;+ }++ return false;+ };++ /**+ * @ngdoc method+ * @name ngMock.$interval#flush+ * @methodOf ngMock.$interval+ * @description+ *+ * Runs interval tasks scheduled to be run in the next `millis` milliseconds.+ *+ * @param {number=} millis maximum timeout amount to flush up until.+ *+ * @return {number} The amount of time moved forward.+ */+ $interval.flush = function(millis) {+ now += millis;+ while (repeatFns.length && repeatFns[0].nextTime <= now) {+ var task = repeatFns[0];+ task.fn();+ task.nextTime += task.delay;+ repeatFns.sort(function(a,b){ return a.nextTime - b.nextTime;});+ }+ return millis;+ };++ return $interval;+ }];+};+++/* jshint -W101 */+/* The R_ISO8061_STR regex is never going to fit into the 100 char limit!+ * This directive should go inside the anonymous function but a bug in JSHint means that it would+ * not be enacted early enough to prevent the warning.+ */+var R_ISO8061_STR = /^(\d{4})-?(\d\d)-?(\d\d)(?:T(\d\d)(?:\:?(\d\d)(?:\:?(\d\d)(?:\.(\d{3}))?)?)?(Z|([+-])(\d\d):?(\d\d)))?$/;++function jsonStringToDate(string) {+ var match;+ if (match = string.match(R_ISO8061_STR)) {+ var date = new Date(0),+ tzHour = 0,+ tzMin = 0;+ if (match[9]) {+ tzHour = int(match[9] + match[10]);+ tzMin = int(match[9] + match[11]);+ }+ date.setUTCFullYear(int(match[1]), int(match[2]) - 1, int(match[3]));+ date.setUTCHours(int(match[4]||0) - tzHour,+ int(match[5]||0) - tzMin,+ int(match[6]||0),+ int(match[7]||0));+ return date;+ }+ return string;+}++function int(str) {+ return parseInt(str, 10);+}++function padNumber(num, digits, trim) {+ var neg = '';+ if (num < 0) {+ neg = '-';+ num = -num;+ }+ num = '' + num;+ while(num.length < digits) num = '0' + num;+ if (trim)+ num = num.substr(num.length - digits);+ return neg + num;+}+++/**+ * @ngdoc object+ * @name angular.mock.TzDate+ * @description+ *+ * *NOTE*: this is not an injectable instance, just a globally available mock class of `Date`.+ *+ * Mock of the Date type which has its timezone specified via constructor arg.+ *+ * The main purpose is to create Date-like instances with timezone fixed to the specified timezone+ * offset, so that we can test code that depends on local timezone settings without dependency on+ * the time zone settings of the machine where the code is running.+ *+ * @param {number} offset Offset of the *desired* timezone in hours (fractions will be honored)+ * @param {(number|string)} timestamp Timestamp representing the desired time in *UTC*+ *+ * @example+ * !!!! WARNING !!!!!+ * This is not a complete Date object so only methods that were implemented can be called safely.+ * To make matters worse, TzDate instances inherit stuff from Date via a prototype.+ *+ * We do our best to intercept calls to "unimplemented" methods, but since the list of methods is+ * incomplete we might be missing some non-standard methods. This can result in errors like:+ * "Date.prototype.foo called on incompatible Object".+ *+ * <pre>+ * var newYearInBratislava = new TzDate(-1, '2009-12-31T23:00:00Z');+ * newYearInBratislava.getTimezoneOffset() => -60;+ * newYearInBratislava.getFullYear() => 2010;+ * newYearInBratislava.getMonth() => 0;+ * newYearInBratislava.getDate() => 1;+ * newYearInBratislava.getHours() => 0;+ * newYearInBratislava.getMinutes() => 0;+ * newYearInBratislava.getSeconds() => 0;+ * </pre>+ *+ */+angular.mock.TzDate = function (offset, timestamp) {+ var self = new Date(0);+ if (angular.isString(timestamp)) {+ var tsStr = timestamp;++ self.origDate = jsonStringToDate(timestamp);++ timestamp = self.origDate.getTime();+ if (isNaN(timestamp))+ throw {+ name: "Illegal Argument",+ message: "Arg '" + tsStr + "' passed into TzDate constructor is not a valid date string"+ };+ } else {+ self.origDate = new Date(timestamp);+ }++ var localOffset = new Date(timestamp).getTimezoneOffset();+ self.offsetDiff = localOffset*60*1000 - offset*1000*60*60;+ self.date = new Date(timestamp + self.offsetDiff);++ self.getTime = function() {+ return self.date.getTime() - self.offsetDiff;+ };++ self.toLocaleDateString = function() {+ return self.date.toLocaleDateString();+ };++ self.getFullYear = function() {+ return self.date.getFullYear();+ };++ self.getMonth = function() {+ return self.date.getMonth();+ };++ self.getDate = function() {+ return self.date.getDate();+ };++ self.getHours = function() {+ return self.date.getHours();+ };++ self.getMinutes = function() {+ return self.date.getMinutes();+ };++ self.getSeconds = function() {+ return self.date.getSeconds();+ };++ self.getMilliseconds = function() {+ return self.date.getMilliseconds();+ };++ self.getTimezoneOffset = function() {+ return offset * 60;+ };++ self.getUTCFullYear = function() {+ return self.origDate.getUTCFullYear();+ };++ self.getUTCMonth = function() {+ return self.origDate.getUTCMonth();+ };++ self.getUTCDate = function() {+ return self.origDate.getUTCDate();+ };++ self.getUTCHours = function() {+ return self.origDate.getUTCHours();+ };++ self.getUTCMinutes = function() {+ return self.origDate.getUTCMinutes();+ };++ self.getUTCSeconds = function() {+ return self.origDate.getUTCSeconds();+ };++ self.getUTCMilliseconds = function() {+ return self.origDate.getUTCMilliseconds();+ };++ self.getDay = function() {+ return self.date.getDay();+ };++ // provide this method only on browsers that already have it+ if (self.toISOString) {+ self.toISOString = function() {+ return padNumber(self.origDate.getUTCFullYear(), 4) + '-' ++ padNumber(self.origDate.getUTCMonth() + 1, 2) + '-' ++ padNumber(self.origDate.getUTCDate(), 2) + 'T' ++ padNumber(self.origDate.getUTCHours(), 2) + ':' ++ padNumber(self.origDate.getUTCMinutes(), 2) + ':' ++ padNumber(self.origDate.getUTCSeconds(), 2) + '.' ++ padNumber(self.origDate.getUTCMilliseconds(), 3) + 'Z';+ };+ }++ //hide all methods not implemented in this mock that the Date prototype exposes+ var unimplementedMethods = ['getUTCDay',+ 'getYear', 'setDate', 'setFullYear', 'setHours', 'setMilliseconds',+ 'setMinutes', 'setMonth', 'setSeconds', 'setTime', 'setUTCDate', 'setUTCFullYear',+ 'setUTCHours', 'setUTCMilliseconds', 'setUTCMinutes', 'setUTCMonth', 'setUTCSeconds',+ 'setYear', 'toDateString', 'toGMTString', 'toJSON', 'toLocaleFormat', 'toLocaleString',+ 'toLocaleTimeString', 'toSource', 'toString', 'toTimeString', 'toUTCString', 'valueOf'];++ angular.forEach(unimplementedMethods, function(methodName) {+ self[methodName] = function() {+ throw new Error("Method '" + methodName + "' is not implemented in the TzDate mock");+ };+ });++ return self;+};++//make "tzDateInstance instanceof Date" return true+angular.mock.TzDate.prototype = Date.prototype;+/* jshint +W101 */++angular.mock.animate = angular.module('mock.animate', ['ng'])++ .config(['$provide', function($provide) {++ $provide.decorator('$animate', function($delegate) {+ var animate = {+ queue : [],+ enabled : $delegate.enabled,+ flushNext : function(name) {+ var tick = animate.queue.shift();++ if (!tick) throw new Error('No animation to be flushed');+ if(tick.method !== name) {+ throw new Error('The next animation is not "' + name ++ '", but is "' + tick.method + '"');+ }+ tick.fn();+ return tick;+ }+ };++ angular.forEach(['enter','leave','move','addClass','removeClass'], function(method) {+ animate[method] = function() {+ var params = arguments;+ animate.queue.push({+ method : method,+ params : params,+ element : angular.isElement(params[0]) && params[0],+ parent : angular.isElement(params[1]) && params[1],+ after : angular.isElement(params[2]) && params[2],+ fn : function() {+ $delegate[method].apply($delegate, params);+ }+ });+ };+ });++ return animate;+ });++ }]);+++/**+ * @ngdoc function+ * @name angular.mock.dump+ * @description+ *+ * *NOTE*: this is not an injectable instance, just a globally available function.+ *+ * Method for serializing common angular objects (scope, elements, etc..) into strings, useful for+ * debugging.+ *+ * This method is also available on window, where it can be used to display objects on debug+ * console.+ *+ * @param {*} object - any object to turn into string.+ * @return {string} a serialized string of the argument+ */+angular.mock.dump = function(object) {+ return serialize(object);++ function serialize(object) {+ var out;++ if (angular.isElement(object)) {+ object = angular.element(object);+ out = angular.element('<div></div>');+ angular.forEach(object, function(element) {+ out.append(angular.element(element).clone());+ });+ out = out.html();+ } else if (angular.isArray(object)) {+ out = [];+ angular.forEach(object, function(o) {+ out.push(serialize(o));+ });+ out = '[ ' + out.join(', ') + ' ]';+ } else if (angular.isObject(object)) {+ if (angular.isFunction(object.$eval) && angular.isFunction(object.$apply)) {+ out = serializeScope(object);+ } else if (object instanceof Error) {+ out = object.stack || ('' + object.name + ': ' + object.message);+ } else {+ // TODO(i): this prevents methods being logged,+ // we should have a better way to serialize objects+ out = angular.toJson(object, true);+ }+ } else {+ out = String(object);+ }++ return out;+ }++ function serializeScope(scope, offset) {+ offset = offset || ' ';+ var log = [offset + 'Scope(' + scope.$id + '): {'];+ for ( var key in scope ) {+ if (Object.prototype.hasOwnProperty.call(scope, key) && !key.match(/^(\$|this)/)) {+ log.push(' ' + key + ': ' + angular.toJson(scope[key]));+ }+ }+ var child = scope.$$childHead;+ while(child) {+ log.push(serializeScope(child, offset + ' '));+ child = child.$$nextSibling;+ }+ log.push('}');+ return log.join('\n' + offset);+ }+};++/**+ * @ngdoc object+ * @name ngMock.$httpBackend+ * @description+ * Fake HTTP backend implementation suitable for unit testing applications that use the+ * {@link ng.$http $http service}.+ *+ * *Note*: For fake HTTP backend implementation suitable for end-to-end testing or backend-less+ * development please see {@link ngMockE2E.$httpBackend e2e $httpBackend mock}.+ *+ * During unit testing, we want our unit tests to run quickly and have no external dependencies so+ * we don’t want to send {@link https://developer.mozilla.org/en/xmlhttprequest XHR} or+ * {@link http://en.wikipedia.org/wiki/JSONP JSONP} requests to a real server. All we really need is+ * to verify whether a certain request has been sent or not, or alternatively just let the+ * application make requests, respond with pre-trained responses and assert that the end result is+ * what we expect it to be.+ *+ * This mock implementation can be used to respond with static or dynamic responses via the+ * `expect` and `when` apis and their shortcuts (`expectGET`, `whenPOST`, etc).+ *+ * When an Angular application needs some data from a server, it calls the $http service, which+ * sends the request to a real server using $httpBackend service. With dependency injection, it is+ * easy to inject $httpBackend mock (which has the same API as $httpBackend) and use it to verify+ * the requests and respond with some testing data without sending a request to real server.+ *+ * There are two ways to specify what test data should be returned as http responses by the mock+ * backend when the code under test makes http requests:+ *+ * - `$httpBackend.expect` - specifies a request expectation+ * - `$httpBackend.when` - specifies a backend definition+ *+ *+ * # Request Expectations vs Backend Definitions+ *+ * Request expectations provide a way to make assertions about requests made by the application and+ * to define responses for those requests. The test will fail if the expected requests are not made+ * or they are made in the wrong order.+ *+ * Backend definitions allow you to define a fake backend for your application which doesn't assert+ * if a particular request was made or not, it just returns a trained response if a request is made.+ * The test will pass whether or not the request gets made during testing.+ *+ *+ * <table class="table">+ * <tr><th width="220px"></th><th>Request expectations</th><th>Backend definitions</th></tr>+ * <tr>+ * <th>Syntax</th>+ * <td>.expect(...).respond(...)</td>+ * <td>.when(...).respond(...)</td>+ * </tr>+ * <tr>+ * <th>Typical usage</th>+ * <td>strict unit tests</td>+ * <td>loose (black-box) unit testing</td>+ * </tr>+ * <tr>+ * <th>Fulfills multiple requests</th>+ * <td>NO</td>+ * <td>YES</td>+ * </tr>+ * <tr>+ * <th>Order of requests matters</th>+ * <td>YES</td>+ * <td>NO</td>+ * </tr>+ * <tr>+ * <th>Request required</th>+ * <td>YES</td>+ * <td>NO</td>+ * </tr>+ * <tr>+ * <th>Response required</th>+ * <td>optional (see below)</td>+ * <td>YES</td>+ * </tr>+ * </table>+ *+ * In cases where both backend definitions and request expectations are specified during unit+ * testing, the request expectations are evaluated first.+ *+ * If a request expectation has no response specified, the algorithm will search your backend+ * definitions for an appropriate response.+ *+ * If a request didn't match any expectation or if the expectation doesn't have the response+ * defined, the backend definitions are evaluated in sequential order to see if any of them match+ * the request. The response from the first matched definition is returned.+ *+ *+ * # Flushing HTTP requests+ *+ * The $httpBackend used in production, always responds to requests with responses asynchronously.+ * If we preserved this behavior in unit testing, we'd have to create async unit tests, which are+ * hard to write, follow and maintain. At the same time the testing mock, can't respond+ * synchronously because that would change the execution of the code under test. For this reason the+ * mock $httpBackend has a `flush()` method, which allows the test to explicitly flush pending+ * requests and thus preserving the async api of the backend, while allowing the test to execute+ * synchronously.+ *+ *+ * # Unit testing with mock $httpBackend+ * The following code shows how to setup and use the mock backend in unit testing a controller.+ * First we create the controller under test+ *+ <pre>+ // The controller code+ function MyController($scope, $http) {+ var authToken;++ $http.get('/auth.py').success(function(data, status, headers) {+ authToken = headers('A-Token');+ $scope.user = data;+ });++ $scope.saveMessage = function(message) {+ var headers = { 'Authorization': authToken };+ $scope.status = 'Saving...';++ $http.post('/add-msg.py', message, { headers: headers } ).success(function(response) {+ $scope.status = '';+ }).error(function() {+ $scope.status = 'ERROR!';+ });+ };+ }+ </pre>+ *+ * Now we setup the mock backend and create the test specs.+ *+ <pre>+ // testing controller+ describe('MyController', function() {+ var $httpBackend, $rootScope, createController;++ beforeEach(inject(function($injector) {+ // Set up the mock http service responses+ $httpBackend = $injector.get('$httpBackend');+ // backend definition common for all tests+ $httpBackend.when('GET', '/auth.py').respond({userId: 'userX'}, {'A-Token': 'xxx'});++ // Get hold of a scope (i.e. the root scope)+ $rootScope = $injector.get('$rootScope');+ // The $controller service is used to create instances of controllers+ var $controller = $injector.get('$controller');++ createController = function() {+ return $controller('MyController', {'$scope' : $rootScope });+ };+ }));+++ afterEach(function() {+ $httpBackend.verifyNoOutstandingExpectation();+ $httpBackend.verifyNoOutstandingRequest();+ });+++ it('should fetch authentication token', function() {+ $httpBackend.expectGET('/auth.py');+ var controller = createController();+ $httpBackend.flush();+ });+++ it('should send msg to server', function() {+ var controller = createController();+ $httpBackend.flush();++ // now you don’t care about the authentication, but+ // the controller will still send the request and+ // $httpBackend will respond without you having to+ // specify the expectation and response for this request++ $httpBackend.expectPOST('/add-msg.py', 'message content').respond(201, '');+ $rootScope.saveMessage('message content');+ expect($rootScope.status).toBe('Saving...');+ $httpBackend.flush();+ expect($rootScope.status).toBe('');+ });+++ it('should send auth header', function() {+ var controller = createController();+ $httpBackend.flush();++ $httpBackend.expectPOST('/add-msg.py', undefined, function(headers) {+ // check if the header was send, if it wasn't the expectation won't+ // match the request and the test will fail+ return headers['Authorization'] == 'xxx';+ }).respond(201, '');++ $rootScope.saveMessage('whatever');+ $httpBackend.flush();+ });+ });+ </pre>+ */+angular.mock.$HttpBackendProvider = function() {+ this.$get = ['$rootScope', createHttpBackendMock];+};++/**+ * General factory function for $httpBackend mock.+ * Returns instance for unit testing (when no arguments specified):+ * - passing through is disabled+ * - auto flushing is disabled+ *+ * Returns instance for e2e testing (when `$delegate` and `$browser` specified):+ * - passing through (delegating request to real backend) is enabled+ * - auto flushing is enabled+ *+ * @param {Object=} $delegate Real $httpBackend instance (allow passing through if specified)+ * @param {Object=} $browser Auto-flushing enabled if specified+ * @return {Object} Instance of $httpBackend mock+ */+function createHttpBackendMock($rootScope, $delegate, $browser) {+ var definitions = [],+ expectations = [],+ responses = [],+ responsesPush = angular.bind(responses, responses.push);++ function createResponse(status, data, headers) {+ if (angular.isFunction(status)) return status;++ return function() {+ return angular.isNumber(status)+ ? [status, data, headers]+ : [200, status, data];+ };+ }++ // TODO(vojta): change params to: method, url, data, headers, callback+ function $httpBackend(method, url, data, callback, headers, timeout, withCredentials) {+ var xhr = new MockXhr(),+ expectation = expectations[0],+ wasExpected = false;++ function prettyPrint(data) {+ return (angular.isString(data) || angular.isFunction(data) || data instanceof RegExp)+ ? data+ : angular.toJson(data);+ }++ function wrapResponse(wrapped) {+ if (!$browser && timeout && timeout.then) timeout.then(handleTimeout);++ return handleResponse;++ function handleResponse() {+ var response = wrapped.response(method, url, data, headers);+ xhr.$$respHeaders = response[2];+ callback(response[0], response[1], xhr.getAllResponseHeaders());+ }++ function handleTimeout() {+ for (var i = 0, ii = responses.length; i < ii; i++) {+ if (responses[i] === handleResponse) {+ responses.splice(i, 1);+ callback(-1, undefined, '');+ break;+ }+ }+ }+ }++ if (expectation && expectation.match(method, url)) {+ if (!expectation.matchData(data))+ throw new Error('Expected ' + expectation + ' with different data\n' ++ 'EXPECTED: ' + prettyPrint(expectation.data) + '\nGOT: ' + data);++ if (!expectation.matchHeaders(headers))+ throw new Error('Expected ' + expectation + ' with different headers\n' ++ 'EXPECTED: ' + prettyPrint(expectation.headers) + '\nGOT: ' ++ prettyPrint(headers));++ expectations.shift();++ if (expectation.response) {+ responses.push(wrapResponse(expectation));+ return;+ }+ wasExpected = true;+ }++ var i = -1, definition;+ while ((definition = definitions[++i])) {+ if (definition.match(method, url, data, headers || {})) {+ if (definition.response) {+ // if $browser specified, we do auto flush all requests+ ($browser ? $browser.defer : responsesPush)(wrapResponse(definition));+ } else if (definition.passThrough) {+ $delegate(method, url, data, callback, headers, timeout, withCredentials);+ } else throw new Error('No response defined !');+ return;+ }+ }+ throw wasExpected ?+ new Error('No response defined !') :+ new Error('Unexpected request: ' + method + ' ' + url + '\n' ++ (expectation ? 'Expected ' + expectation : 'No more request expected'));+ }++ /**+ * @ngdoc method+ * @name ngMock.$httpBackend#when+ * @methodOf ngMock.$httpBackend+ * @description+ * Creates a new backend definition.+ *+ * @param {string} method HTTP method.+ * @param {string|RegExp} url HTTP url.+ * @param {(string|RegExp|function(string))=} data HTTP request body or function that receives+ * data string and returns true if the data is as expected.+ * @param {(Object|function(Object))=} headers HTTP headers or function that receives http header+ * object and returns true if the headers match the current definition.+ * @returns {requestHandler} Returns an object with `respond` method that controls how a matched+ * request is handled.+ *+ * - respond –+ * `{function([status,] data[, headers])|function(function(method, url, data, headers)}`+ * – The respond method takes a set of static data to be returned or a function that can return+ * an array containing response status (number), response data (string) and response headers+ * (Object).+ */+ $httpBackend.when = function(method, url, data, headers) {+ var definition = new MockHttpExpectation(method, url, data, headers),+ chain = {+ respond: function(status, data, headers) {+ definition.response = createResponse(status, data, headers);+ }+ };++ if ($browser) {+ chain.passThrough = function() {+ definition.passThrough = true;+ };+ }++ definitions.push(definition);+ return chain;+ };++ /**+ * @ngdoc method+ * @name ngMock.$httpBackend#whenGET+ * @methodOf ngMock.$httpBackend+ * @description+ * Creates a new backend definition for GET requests. For more info see `when()`.+ *+ * @param {string|RegExp} url HTTP url.+ * @param {(Object|function(Object))=} headers HTTP headers.+ * @returns {requestHandler} Returns an object with `respond` method that control how a matched+ * request is handled.+ */++ /**+ * @ngdoc method+ * @name ngMock.$httpBackend#whenHEAD+ * @methodOf ngMock.$httpBackend+ * @description+ * Creates a new backend definition for HEAD requests. For more info see `when()`.+ *+ * @param {string|RegExp} url HTTP url.+ * @param {(Object|function(Object))=} headers HTTP headers.+ * @returns {requestHandler} Returns an object with `respond` method that control how a matched+ * request is handled.+ */++ /**+ * @ngdoc method+ * @name ngMock.$httpBackend#whenDELETE+ * @methodOf ngMock.$httpBackend+ * @description+ * Creates a new backend definition for DELETE requests. For more info see `when()`.+ *+ * @param {string|RegExp} url HTTP url.+ * @param {(Object|function(Object))=} headers HTTP headers.+ * @returns {requestHandler} Returns an object with `respond` method that control how a matched+ * request is handled.+ */++ /**+ * @ngdoc method+ * @name ngMock.$httpBackend#whenPOST+ * @methodOf ngMock.$httpBackend+ * @description+ * Creates a new backend definition for POST requests. For more info see `when()`.+ *+ * @param {string|RegExp} url HTTP url.+ * @param {(string|RegExp|function(string))=} data HTTP request body or function that receives+ * data string and returns true if the data is as expected.+ * @param {(Object|function(Object))=} headers HTTP headers.+ * @returns {requestHandler} Returns an object with `respond` method that control how a matched+ * request is handled.+ */++ /**+ * @ngdoc method+ * @name ngMock.$httpBackend#whenPUT+ * @methodOf ngMock.$httpBackend+ * @description+ * Creates a new backend definition for PUT requests. For more info see `when()`.+ *+ * @param {string|RegExp} url HTTP url.+ * @param {(string|RegExp|function(string))=} data HTTP request body or function that receives+ * data string and returns true if the data is as expected.+ * @param {(Object|function(Object))=} headers HTTP headers.+ * @returns {requestHandler} Returns an object with `respond` method that control how a matched+ * request is handled.+ */++ /**+ * @ngdoc method+ * @name ngMock.$httpBackend#whenJSONP+ * @methodOf ngMock.$httpBackend+ * @description+ * Creates a new backend definition for JSONP requests. For more info see `when()`.+ *+ * @param {string|RegExp} url HTTP url.+ * @returns {requestHandler} Returns an object with `respond` method that control how a matched+ * request is handled.+ */+ createShortMethods('when');+++ /**+ * @ngdoc method+ * @name ngMock.$httpBackend#expect+ * @methodOf ngMock.$httpBackend+ * @description+ * Creates a new request expectation.+ *+ * @param {string} method HTTP method.+ * @param {string|RegExp} url HTTP url.+ * @param {(string|RegExp|function(string)|Object)=} data HTTP request body or function that+ * receives data string and returns true if the data is as expected, or Object if request body+ * is in JSON format.+ * @param {(Object|function(Object))=} headers HTTP headers or function that receives http header+ * object and returns true if the headers match the current expectation.+ * @returns {requestHandler} Returns an object with `respond` method that control how a matched+ * request is handled.+ *+ * - respond –+ * `{function([status,] data[, headers])|function(function(method, url, data, headers)}`+ * – The respond method takes a set of static data to be returned or a function that can return+ * an array containing response status (number), response data (string) and response headers+ * (Object).+ */+ $httpBackend.expect = function(method, url, data, headers) {+ var expectation = new MockHttpExpectation(method, url, data, headers);+ expectations.push(expectation);+ return {+ respond: function(status, data, headers) {+ expectation.response = createResponse(status, data, headers);+ }+ };+ };+++ /**+ * @ngdoc method+ * @name ngMock.$httpBackend#expectGET+ * @methodOf ngMock.$httpBackend+ * @description+ * Creates a new request expectation for GET requests. For more info see `expect()`.+ *+ * @param {string|RegExp} url HTTP url.+ * @param {Object=} headers HTTP headers.+ * @returns {requestHandler} Returns an object with `respond` method that control how a matched+ * request is handled. See #expect for more info.+ */++ /**+ * @ngdoc method+ * @name ngMock.$httpBackend#expectHEAD+ * @methodOf ngMock.$httpBackend+ * @description+ * Creates a new request expectation for HEAD requests. For more info see `expect()`.+ *+ * @param {string|RegExp} url HTTP url.+ * @param {Object=} headers HTTP headers.+ * @returns {requestHandler} Returns an object with `respond` method that control how a matched+ * request is handled.+ */++ /**+ * @ngdoc method+ * @name ngMock.$httpBackend#expectDELETE+ * @methodOf ngMock.$httpBackend+ * @description+ * Creates a new request expectation for DELETE requests. For more info see `expect()`.+ *+ * @param {string|RegExp} url HTTP url.+ * @param {Object=} headers HTTP headers.+ * @returns {requestHandler} Returns an object with `respond` method that control how a matched+ * request is handled.+ */++ /**+ * @ngdoc method+ * @name ngMock.$httpBackend#expectPOST+ * @methodOf ngMock.$httpBackend+ * @description+ * Creates a new request expectation for POST requests. For more info see `expect()`.+ *+ * @param {string|RegExp} url HTTP url.+ * @param {(string|RegExp|function(string)|Object)=} data HTTP request body or function that+ * receives data string and returns true if the data is as expected, or Object if request body+ * is in JSON format.+ * @param {Object=} headers HTTP headers.+ * @returns {requestHandler} Returns an object with `respond` method that control how a matched+ * request is handled.+ */++ /**+ * @ngdoc method+ * @name ngMock.$httpBackend#expectPUT+ * @methodOf ngMock.$httpBackend+ * @description+ * Creates a new request expectation for PUT requests. For more info see `expect()`.+ *+ * @param {string|RegExp} url HTTP url.+ * @param {(string|RegExp|function(string)|Object)=} data HTTP request body or function that+ * receives data string and returns true if the data is as expected, or Object if request body+ * is in JSON format.+ * @param {Object=} headers HTTP headers.+ * @returns {requestHandler} Returns an object with `respond` method that control how a matched+ * request is handled.+ */++ /**+ * @ngdoc method+ * @name ngMock.$httpBackend#expectPATCH+ * @methodOf ngMock.$httpBackend+ * @description+ * Creates a new request expectation for PATCH requests. For more info see `expect()`.+ *+ * @param {string|RegExp} url HTTP url.+ * @param {(string|RegExp|function(string)|Object)=} data HTTP request body or function that+ * receives data string and returns true if the data is as expected, or Object if request body+ * is in JSON format.+ * @param {Object=} headers HTTP headers.+ * @returns {requestHandler} Returns an object with `respond` method that control how a matched+ * request is handled.+ */++ /**+ * @ngdoc method+ * @name ngMock.$httpBackend#expectJSONP+ * @methodOf ngMock.$httpBackend+ * @description+ * Creates a new request expectation for JSONP requests. For more info see `expect()`.+ *+ * @param {string|RegExp} url HTTP url.+ * @returns {requestHandler} Returns an object with `respond` method that control how a matched+ * request is handled.+ */+ createShortMethods('expect');+++ /**+ * @ngdoc method+ * @name ngMock.$httpBackend#flush+ * @methodOf ngMock.$httpBackend+ * @description+ * Flushes all pending requests using the trained responses.+ *+ * @param {number=} count Number of responses to flush (in the order they arrived). If undefined,+ * all pending requests will be flushed. If there are no pending requests when the flush method+ * is called an exception is thrown (as this typically a sign of programming error).+ */+ $httpBackend.flush = function(count) {+ $rootScope.$digest();+ if (!responses.length) throw new Error('No pending request to flush !');++ if (angular.isDefined(count)) {+ while (count--) {+ if (!responses.length) throw new Error('No more pending request to flush !');+ responses.shift()();+ }+ } else {+ while (responses.length) {+ responses.shift()();+ }+ }+ $httpBackend.verifyNoOutstandingExpectation();+ };+++ /**+ * @ngdoc method+ * @name ngMock.$httpBackend#verifyNoOutstandingExpectation+ * @methodOf ngMock.$httpBackend+ * @description+ * Verifies that all of the requests defined via the `expect` api were made. If any of the+ * requests were not made, verifyNoOutstandingExpectation throws an exception.+ *+ * Typically, you would call this method following each test case that asserts requests using an+ * "afterEach" clause.+ *+ * <pre>+ * afterEach($httpBackend.verifyNoOutstandingExpectation);+ * </pre>+ */+ $httpBackend.verifyNoOutstandingExpectation = function() {+ $rootScope.$digest();+ if (expectations.length) {+ throw new Error('Unsatisfied requests: ' + expectations.join(', '));+ }+ };+++ /**+ * @ngdoc method+ * @name ngMock.$httpBackend#verifyNoOutstandingRequest+ * @methodOf ngMock.$httpBackend+ * @description+ * Verifies that there are no outstanding requests that need to be flushed.+ *+ * Typically, you would call this method following each test case that asserts requests using an+ * "afterEach" clause.+ *+ * <pre>+ * afterEach($httpBackend.verifyNoOutstandingRequest);+ * </pre>+ */+ $httpBackend.verifyNoOutstandingRequest = function() {+ if (responses.length) {+ throw new Error('Unflushed requests: ' + responses.length);+ }+ };+++ /**+ * @ngdoc method+ * @name ngMock.$httpBackend#resetExpectations+ * @methodOf ngMock.$httpBackend+ * @description+ * Resets all request expectations, but preserves all backend definitions. Typically, you would+ * call resetExpectations during a multiple-phase test when you want to reuse the same instance of+ * $httpBackend mock.+ */+ $httpBackend.resetExpectations = function() {+ expectations.length = 0;+ responses.length = 0;+ };++ return $httpBackend;+++ function createShortMethods(prefix) {+ angular.forEach(['GET', 'DELETE', 'JSONP'], function(method) {+ $httpBackend[prefix + method] = function(url, headers) {+ return $httpBackend[prefix](method, url, undefined, headers);+ };+ });++ angular.forEach(['PUT', 'POST', 'PATCH'], function(method) {+ $httpBackend[prefix + method] = function(url, data, headers) {+ return $httpBackend[prefix](method, url, data, headers);+ };+ });+ }+}++function MockHttpExpectation(method, url, data, headers) {++ this.data = data;+ this.headers = headers;++ this.match = function(m, u, d, h) {+ if (method != m) return false;+ if (!this.matchUrl(u)) return false;+ if (angular.isDefined(d) && !this.matchData(d)) return false;+ if (angular.isDefined(h) && !this.matchHeaders(h)) return false;+ return true;+ };++ this.matchUrl = function(u) {+ if (!url) return true;+ if (angular.isFunction(url.test)) return url.test(u);+ return url == u;+ };++ this.matchHeaders = function(h) {+ if (angular.isUndefined(headers)) return true;+ if (angular.isFunction(headers)) return headers(h);+ return angular.equals(headers, h);+ };++ this.matchData = function(d) {+ if (angular.isUndefined(data)) return true;+ if (data && angular.isFunction(data.test)) return data.test(d);+ if (data && angular.isFunction(data)) return data(d);+ if (data && !angular.isString(data)) return angular.equals(data, angular.fromJson(d));+ return data == d;+ };++ this.toString = function() {+ return method + ' ' + url;+ };+}++function MockXhr() {++ // hack for testing $http, $httpBackend+ MockXhr.$$lastInstance = this;++ this.open = function(method, url, async) {+ this.$$method = method;+ this.$$url = url;+ this.$$async = async;+ this.$$reqHeaders = {};+ this.$$respHeaders = {};+ };++ this.send = function(data) {+ this.$$data = data;+ };++ this.setRequestHeader = function(key, value) {+ this.$$reqHeaders[key] = value;+ };++ this.getResponseHeader = function(name) {+ // the lookup must be case insensitive,+ // that's why we try two quick lookups first and full scan last+ var header = this.$$respHeaders[name];+ if (header) return header;++ name = angular.lowercase(name);+ header = this.$$respHeaders[name];+ if (header) return header;++ header = undefined;+ angular.forEach(this.$$respHeaders, function(headerVal, headerName) {+ if (!header && angular.lowercase(headerName) == name) header = headerVal;+ });+ return header;+ };++ this.getAllResponseHeaders = function() {+ var lines = [];++ angular.forEach(this.$$respHeaders, function(value, key) {+ lines.push(key + ': ' + value);+ });+ return lines.join('\n');+ };++ this.abort = angular.noop;+}+++/**+ * @ngdoc function+ * @name ngMock.$timeout+ * @description+ *+ * This service is just a simple decorator for {@link ng.$timeout $timeout} service+ * that adds a "flush" and "verifyNoPendingTasks" methods.+ */++angular.mock.$TimeoutDecorator = function($delegate, $browser) {++ /**+ * @ngdoc method+ * @name ngMock.$timeout#flush+ * @methodOf ngMock.$timeout+ * @description+ *+ * Flushes the queue of pending tasks.+ *+ * @param {number=} delay maximum timeout amount to flush up until+ */+ $delegate.flush = function(delay) {+ $browser.defer.flush(delay);+ };++ /**+ * @ngdoc method+ * @name ngMock.$timeout#verifyNoPendingTasks+ * @methodOf ngMock.$timeout+ * @description+ *+ * Verifies that there are no pending tasks that need to be flushed.+ */+ $delegate.verifyNoPendingTasks = function() {+ if ($browser.deferredFns.length) {+ throw new Error('Deferred tasks to flush (' + $browser.deferredFns.length + '): ' ++ formatPendingTasksAsString($browser.deferredFns));+ }+ };++ function formatPendingTasksAsString(tasks) {+ var result = [];+ angular.forEach(tasks, function(task) {+ result.push('{id: ' + task.id + ', ' + 'time: ' + task.time + '}');+ });++ return result.join(', ');+ }++ return $delegate;+};++/**+ *+ */+angular.mock.$RootElementProvider = function() {+ this.$get = function() {+ return angular.element('<div ng-app></div>');+ };+};++/**+ * @ngdoc overview+ * @name ngMock+ * @description+ *+ * # ngMock+ *+ * The `ngMock` module providers support to inject and mock Angular services into unit tests.+ * In addition, ngMock also extends various core ng services such that they can be+ * inspected and controlled in a synchronous manner within test code.+ *+ * {@installModule mocks}+ *+ * <div doc-module-components="ngMock"></div>+ *+ */+angular.module('ngMock', ['ng']).provider({+ $browser: angular.mock.$BrowserProvider,+ $exceptionHandler: angular.mock.$ExceptionHandlerProvider,+ $log: angular.mock.$LogProvider,+ $interval: angular.mock.$IntervalProvider,+ $httpBackend: angular.mock.$HttpBackendProvider,+ $rootElement: angular.mock.$RootElementProvider+}).config(['$provide', function($provide) {+ $provide.decorator('$timeout', angular.mock.$TimeoutDecorator);+}]);++/**+ * @ngdoc overview+ * @name ngMockE2E+ * @description+ *+ * The `ngMockE2E` is an angular module which contains mocks suitable for end-to-end testing.+ * Currently there is only one mock present in this module -+ * the {@link ngMockE2E.$httpBackend e2e $httpBackend} mock.+ */+angular.module('ngMockE2E', ['ng']).config(['$provide', function($provide) {+ $provide.decorator('$httpBackend', angular.mock.e2e.$httpBackendDecorator);+}]);++/**+ * @ngdoc object+ * @name ngMockE2E.$httpBackend+ * @description+ * Fake HTTP backend implementation suitable for end-to-end testing or backend-less development of+ * applications that use the {@link ng.$http $http service}.+ *+ * *Note*: For fake http backend implementation suitable for unit testing please see+ * {@link ngMock.$httpBackend unit-testing $httpBackend mock}.+ *+ * This implementation can be used to respond with static or dynamic responses via the `when` api+ * and its shortcuts (`whenGET`, `whenPOST`, etc) and optionally pass through requests to the+ * real $httpBackend for specific requests (e.g. to interact with certain remote apis or to fetch+ * templates from a webserver).+ *+ * As opposed to unit-testing, in an end-to-end testing scenario or in scenario when an application+ * is being developed with the real backend api replaced with a mock, it is often desirable for+ * certain category of requests to bypass the mock and issue a real http request (e.g. to fetch+ * templates or static files from the webserver). To configure the backend with this behavior+ * use the `passThrough` request handler of `when` instead of `respond`.+ *+ * Additionally, we don't want to manually have to flush mocked out requests like we do during unit+ * testing. For this reason the e2e $httpBackend automatically flushes mocked out requests+ * automatically, closely simulating the behavior of the XMLHttpRequest object.+ *+ * To setup the application to run with this http backend, you have to create a module that depends+ * on the `ngMockE2E` and your application modules and defines the fake backend:+ *+ * <pre>+ * myAppDev = angular.module('myAppDev', ['myApp', 'ngMockE2E']);+ * myAppDev.run(function($httpBackend) {+ * phones = [{name: 'phone1'}, {name: 'phone2'}];+ *+ * // returns the current list of phones+ * $httpBackend.whenGET('/phones').respond(phones);+ *+ * // adds a new phone to the phones array+ * $httpBackend.whenPOST('/phones').respond(function(method, url, data) {+ * phones.push(angular.fromJson(data));+ * });+ * $httpBackend.whenGET(/^\/templates\//).passThrough();+ * //...+ * });+ * </pre>+ *+ * Afterwards, bootstrap your app with this new module.+ */++/**+ * @ngdoc method+ * @name ngMockE2E.$httpBackend#when+ * @methodOf ngMockE2E.$httpBackend+ * @description+ * Creates a new backend definition.+ *+ * @param {string} method HTTP method.+ * @param {string|RegExp} url HTTP url.+ * @param {(string|RegExp)=} data HTTP request body.+ * @param {(Object|function(Object))=} headers HTTP headers or function that receives http header+ * object and returns true if the headers match the current definition.+ * @returns {requestHandler} Returns an object with `respond` and `passThrough` methods that+ * control how a matched request is handled.+ *+ * - respond –+ * `{function([status,] data[, headers])|function(function(method, url, data, headers)}`+ * – The respond method takes a set of static data to be returned or a function that can return+ * an array containing response status (number), response data (string) and response headers+ * (Object).+ * - passThrough – `{function()}` – Any request matching a backend definition with `passThrough`+ * handler, will be pass through to the real backend (an XHR request will be made to the+ * server.+ */++/**+ * @ngdoc method+ * @name ngMockE2E.$httpBackend#whenGET+ * @methodOf ngMockE2E.$httpBackend+ * @description+ * Creates a new backend definition for GET requests. For more info see `when()`.+ *+ * @param {string|RegExp} url HTTP url.+ * @param {(Object|function(Object))=} headers HTTP headers.+ * @returns {requestHandler} Returns an object with `respond` and `passThrough` methods that+ * control how a matched request is handled.+ */++/**+ * @ngdoc method+ * @name ngMockE2E.$httpBackend#whenHEAD+ * @methodOf ngMockE2E.$httpBackend+ * @description+ * Creates a new backend definition for HEAD requests. For more info see `when()`.+ *+ * @param {string|RegExp} url HTTP url.+ * @param {(Object|function(Object))=} headers HTTP headers.+ * @returns {requestHandler} Returns an object with `respond` and `passThrough` methods that+ * control how a matched request is handled.+ */++/**+ * @ngdoc method+ * @name ngMockE2E.$httpBackend#whenDELETE+ * @methodOf ngMockE2E.$httpBackend+ * @description+ * Creates a new backend definition for DELETE requests. For more info see `when()`.+ *+ * @param {string|RegExp} url HTTP url.+ * @param {(Object|function(Object))=} headers HTTP headers.+ * @returns {requestHandler} Returns an object with `respond` and `passThrough` methods that+ * control how a matched request is handled.+ */++/**+ * @ngdoc method+ * @name ngMockE2E.$httpBackend#whenPOST+ * @methodOf ngMockE2E.$httpBackend+ * @description+ * Creates a new backend definition for POST requests. For more info see `when()`.+ *+ * @param {string|RegExp} url HTTP url.+ * @param {(string|RegExp)=} data HTTP request body.+ * @param {(Object|function(Object))=} headers HTTP headers.+ * @returns {requestHandler} Returns an object with `respond` and `passThrough` methods that+ * control how a matched request is handled.+ */++/**+ * @ngdoc method+ * @name ngMockE2E.$httpBackend#whenPUT+ * @methodOf ngMockE2E.$httpBackend+ * @description+ * Creates a new backend definition for PUT requests. For more info see `when()`.+ *+ * @param {string|RegExp} url HTTP url.+ * @param {(string|RegExp)=} data HTTP request body.+ * @param {(Object|function(Object))=} headers HTTP headers.+ * @returns {requestHandler} Returns an object with `respond` and `passThrough` methods that+ * control how a matched request is handled.+ */++/**+ * @ngdoc method+ * @name ngMockE2E.$httpBackend#whenPATCH+ * @methodOf ngMockE2E.$httpBackend+ * @description+ * Creates a new backend definition for PATCH requests. For more info see `when()`.+ *+ * @param {string|RegExp} url HTTP url.+ * @param {(string|RegExp)=} data HTTP request body.+ * @param {(Object|function(Object))=} headers HTTP headers.+ * @returns {requestHandler} Returns an object with `respond` and `passThrough` methods that+ * control how a matched request is handled.+ */++/**+ * @ngdoc method+ * @name ngMockE2E.$httpBackend#whenJSONP+ * @methodOf ngMockE2E.$httpBackend+ * @description+ * Creates a new backend definition for JSONP requests. For more info see `when()`.+ *+ * @param {string|RegExp} url HTTP url.+ * @returns {requestHandler} Returns an object with `respond` and `passThrough` methods that+ * control how a matched request is handled.+ */+angular.mock.e2e = {};+angular.mock.e2e.$httpBackendDecorator =+ ['$rootScope', '$delegate', '$browser', createHttpBackendMock];+++angular.mock.clearDataCache = function() {+ var key,+ cache = angular.element.cache;++ for(key in cache) {+ if (Object.prototype.hasOwnProperty.call(cache,key)) {+ var handle = cache[key].handle;++ handle && angular.element(handle.elem).off();+ delete cache[key];+ }+ }+};++++if(window.jasmine || window.mocha) {++ var currentSpec = null,+ isSpecRunning = function() {+ return currentSpec && (window.mocha || currentSpec.queue.running);+ };+++ beforeEach(function() {+ currentSpec = this;+ });++ afterEach(function() {+ var injector = currentSpec.$injector;++ currentSpec.$injector = null;+ currentSpec.$modules = null;+ currentSpec = null;++ if (injector) {+ injector.get('$rootElement').off();+ injector.get('$browser').pollFns.length = 0;+ }++ angular.mock.clearDataCache();++ // clean up jquery's fragment cache+ angular.forEach(angular.element.fragments, function(val, key) {+ delete angular.element.fragments[key];+ });++ MockXhr.$$lastInstance = null;++ angular.forEach(angular.callbacks, function(val, key) {+ delete angular.callbacks[key];+ });+ angular.callbacks.counter = 0;+ });++ /**+ * @ngdoc function+ * @name angular.mock.module+ * @description+ *+ * *NOTE*: This function is also published on window for easy access.<br>+ *+ * This function registers a module configuration code. It collects the configuration information+ * which will be used when the injector is created by {@link angular.mock.inject inject}.+ *+ * See {@link angular.mock.inject inject} for usage example+ *+ * @param {...(string|Function|Object)} fns any number of modules which are represented as string+ * aliases or as anonymous module initialization functions. The modules are used to+ * configure the injector. The 'ng' and 'ngMock' modules are automatically loaded. If an+ * object literal is passed they will be register as values in the module, the key being+ * the module name and the value being what is returned.+ */+ window.module = angular.mock.module = function() {+ var moduleFns = Array.prototype.slice.call(arguments, 0);+ return isSpecRunning() ? workFn() : workFn;+ /////////////////////+ function workFn() {+ if (currentSpec.$injector) {+ throw new Error('Injector already created, can not register a module!');+ } else {+ var modules = currentSpec.$modules || (currentSpec.$modules = []);+ angular.forEach(moduleFns, function(module) {+ if (angular.isObject(module) && !angular.isArray(module)) {+ modules.push(function($provide) {+ angular.forEach(module, function(value, key) {+ $provide.value(key, value);+ });+ });+ } else {+ modules.push(module);+ }+ });+ }+ }+ };++ /**+ * @ngdoc function+ * @name angular.mock.inject+ * @description+ *+ * *NOTE*: This function is also published on window for easy access.<br>+ *+ * The inject function wraps a function into an injectable function. The inject() creates new+ * instance of {@link AUTO.$injector $injector} per test, which is then used for+ * resolving references.+ *+ *+ * ## Resolving References (Underscore Wrapping)+ * Often, we would like to inject a reference once, in a `beforeEach()` block and reuse this+ * in multiple `it()` clauses. To be able to do this we must assign the reference to a variable+ * that is declared in the scope of the `describe()` block. Since we would, most likely, want+ * the variable to have the same name of the reference we have a problem, since the parameter+ * to the `inject()` function would hide the outer variable.+ *+ * To help with this, the injected parameters can, optionally, be enclosed with underscores.+ * These are ignored by the injector when the reference name is resolved.+ *+ * For example, the parameter `_myService_` would be resolved as the reference `myService`.+ * Since it is available in the function body as _myService_, we can then assign it to a variable+ * defined in an outer scope.+ *+ * ```+ * // Defined out reference variable outside+ * var myService;+ *+ * // Wrap the parameter in underscores+ * beforeEach( inject( function(_myService_){+ * myService = _myService_;+ * }));+ *+ * // Use myService in a series of tests.+ * it('makes use of myService', function() {+ * myService.doStuff();+ * });+ *+ * ```+ *+ * See also {@link angular.mock.module angular.mock.module}+ *+ * ## Example+ * Example of what a typical jasmine tests looks like with the inject method.+ * <pre>+ *+ * angular.module('myApplicationModule', [])+ * .value('mode', 'app')+ * .value('version', 'v1.0.1');+ *+ *+ * describe('MyApp', function() {+ *+ * // You need to load modules that you want to test,+ * // it loads only the "ng" module by default.+ * beforeEach(module('myApplicationModule'));+ *+ *+ * // inject() is used to inject arguments of all given functions+ * it('should provide a version', inject(function(mode, version) {+ * expect(version).toEqual('v1.0.1');+ * expect(mode).toEqual('app');+ * }));+ *+ *+ * // The inject and module method can also be used inside of the it or beforeEach+ * it('should override a version and test the new version is injected', function() {+ * // module() takes functions or strings (module aliases)+ * module(function($provide) {+ * $provide.value('version', 'overridden'); // override version here+ * });+ *+ * inject(function(version) {+ * expect(version).toEqual('overridden');+ * });+ * });+ * });+ *+ * </pre>+ *+ * @param {...Function} fns any number of functions which will be injected using the injector.+ */+ window.inject = angular.mock.inject = function() {+ var blockFns = Array.prototype.slice.call(arguments, 0);+ var errorForStack = new Error('Declaration Location');+ return isSpecRunning() ? workFn() : workFn;+ /////////////////////+ function workFn() {+ var modules = currentSpec.$modules || [];++ modules.unshift('ngMock');+ modules.unshift('ng');+ var injector = currentSpec.$injector;+ if (!injector) {+ injector = currentSpec.$injector = angular.injector(modules);+ }+ for(var i = 0, ii = blockFns.length; i < ii; i++) {+ try {+ /* jshint -W040 *//* Jasmine explicitly provides a `this` object when calling functions */+ injector.invoke(blockFns[i] || angular.noop, this);+ /* jshint +W040 */+ } catch (e) {+ if(e.stack && errorForStack) e.stack += '\n' + errorForStack.stack;+ throw e;+ } finally {+ errorForStack = null;+ }+ }+ }+ };+}+++})(window, window.angular);
+ example/static/angular.js view
@@ -0,0 +1,20311 @@+/**+ * @license AngularJS v1.2.4+ * (c) 2010-2014 Google, Inc. http://angularjs.org+ * License: MIT+ */+(function(window, document, undefined) {'use strict';++/**+ * @description+ *+ * This object provides a utility for producing rich Error messages within+ * Angular. It can be called as follows:+ *+ * var exampleMinErr = minErr('example');+ * throw exampleMinErr('one', 'This {0} is {1}', foo, bar);+ *+ * The above creates an instance of minErr in the example namespace. The+ * resulting error will have a namespaced error code of example.one. The+ * resulting error will replace {0} with the value of foo, and {1} with the+ * value of bar. The object is not restricted in the number of arguments it can+ * take.+ *+ * If fewer arguments are specified than necessary for interpolation, the extra+ * interpolation markers will be preserved in the final string.+ *+ * Since data will be parsed statically during a build step, some restrictions+ * are applied with respect to how minErr instances are created and called.+ * Instances should have names of the form namespaceMinErr for a minErr created+ * using minErr('namespace') . Error codes, namespaces and template strings+ * should all be static strings, not variables or general expressions.+ *+ * @param {string} module The namespace to use for the new minErr instance.+ * @returns {function(string, string, ...): Error} instance+ */++function minErr(module) {+ return function () {+ var code = arguments[0],+ prefix = '[' + (module ? module + ':' : '') + code + '] ',+ template = arguments[1],+ templateArgs = arguments,+ stringify = function (obj) {+ if (typeof obj === 'function') {+ return obj.toString().replace(/ \{[\s\S]*$/, '');+ } else if (typeof obj === 'undefined') {+ return 'undefined';+ } else if (typeof obj !== 'string') {+ return JSON.stringify(obj);+ }+ return obj;+ },+ message, i;++ message = prefix + template.replace(/\{\d+\}/g, function (match) {+ var index = +match.slice(1, -1), arg;++ if (index + 2 < templateArgs.length) {+ arg = templateArgs[index + 2];+ if (typeof arg === 'function') {+ return arg.toString().replace(/ ?\{[\s\S]*$/, '');+ } else if (typeof arg === 'undefined') {+ return 'undefined';+ } else if (typeof arg !== 'string') {+ return toJson(arg);+ }+ return arg;+ }+ return match;+ });++ message = message + '\nhttp://errors.angularjs.org/1.2.4/' ++ (module ? module + '/' : '') + code;+ for (i = 2; i < arguments.length; i++) {+ message = message + (i == 2 ? '?' : '&') + 'p' + (i-2) + '=' ++ encodeURIComponent(stringify(arguments[i]));+ }++ return new Error(message);+ };+}++/* We need to tell jshint what variables are being exported */+/* global+ -angular,+ -msie,+ -jqLite,+ -jQuery,+ -slice,+ -push,+ -toString,+ -ngMinErr,+ -_angular,+ -angularModule,+ -nodeName_,+ -uid,++ -lowercase,+ -uppercase,+ -manualLowercase,+ -manualUppercase,+ -nodeName_,+ -isArrayLike,+ -forEach,+ -sortedKeys,+ -forEachSorted,+ -reverseParams,+ -nextUid,+ -setHashKey,+ -extend,+ -int,+ -inherit,+ -noop,+ -identity,+ -valueFn,+ -isUndefined,+ -isDefined,+ -isObject,+ -isString,+ -isNumber,+ -isDate,+ -isArray,+ -isFunction,+ -isRegExp,+ -isWindow,+ -isScope,+ -isFile,+ -isBoolean,+ -trim,+ -isElement,+ -makeMap,+ -map,+ -size,+ -includes,+ -indexOf,+ -arrayRemove,+ -isLeafNode,+ -copy,+ -shallowCopy,+ -equals,+ -csp,+ -concat,+ -sliceArgs,+ -bind,+ -toJsonReplacer,+ -toJson,+ -fromJson,+ -toBoolean,+ -startingTag,+ -tryDecodeURIComponent,+ -parseKeyValue,+ -toKeyValue,+ -encodeUriSegment,+ -encodeUriQuery,+ -angularInit,+ -bootstrap,+ -snake_case,+ -bindJQuery,+ -assertArg,+ -assertArgFn,+ -assertNotHasOwnProperty,+ -getter,+ -getBlockElements,++*/++////////////////////////////////////++/**+ * @ngdoc function+ * @name angular.lowercase+ * @function+ *+ * @description Converts the specified string to lowercase.+ * @param {string} string String to be converted to lowercase.+ * @returns {string} Lowercased string.+ */+var lowercase = function(string){return isString(string) ? string.toLowerCase() : string;};+++/**+ * @ngdoc function+ * @name angular.uppercase+ * @function+ *+ * @description Converts the specified string to uppercase.+ * @param {string} string String to be converted to uppercase.+ * @returns {string} Uppercased string.+ */+var uppercase = function(string){return isString(string) ? string.toUpperCase() : string;};+++var manualLowercase = function(s) {+ /* jshint bitwise: false */+ return isString(s)+ ? s.replace(/[A-Z]/g, function(ch) {return String.fromCharCode(ch.charCodeAt(0) | 32);})+ : s;+};+var manualUppercase = function(s) {+ /* jshint bitwise: false */+ return isString(s)+ ? s.replace(/[a-z]/g, function(ch) {return String.fromCharCode(ch.charCodeAt(0) & ~32);})+ : s;+};+++// String#toLowerCase and String#toUpperCase don't produce correct results in browsers with Turkish+// locale, for this reason we need to detect this case and redefine lowercase/uppercase methods+// with correct but slower alternatives.+if ('i' !== 'I'.toLowerCase()) {+ lowercase = manualLowercase;+ uppercase = manualUppercase;+}+++var /** holds major version number for IE or NaN for real browsers */+ msie,+ jqLite, // delay binding since jQuery could be loaded after us.+ jQuery, // delay binding+ slice = [].slice,+ push = [].push,+ toString = Object.prototype.toString,+ ngMinErr = minErr('ng'),+++ _angular = window.angular,+ /** @name angular */+ angular = window.angular || (window.angular = {}),+ angularModule,+ nodeName_,+ uid = ['0', '0', '0'];++/**+ * IE 11 changed the format of the UserAgent string.+ * See http://msdn.microsoft.com/en-us/library/ms537503.aspx+ */+msie = int((/msie (\d+)/.exec(lowercase(navigator.userAgent)) || [])[1]);+if (isNaN(msie)) {+ msie = int((/trident\/.*; rv:(\d+)/.exec(lowercase(navigator.userAgent)) || [])[1]);+}+++/**+ * @private+ * @param {*} obj+ * @return {boolean} Returns true if `obj` is an array or array-like object (NodeList, Arguments,+ * String ...)+ */+function isArrayLike(obj) {+ if (obj == null || isWindow(obj)) {+ return false;+ }++ var length = obj.length;++ if (obj.nodeType === 1 && length) {+ return true;+ }++ return isString(obj) || isArray(obj) || length === 0 ||+ typeof length === 'number' && length > 0 && (length - 1) in obj;+}++/**+ * @ngdoc function+ * @name angular.forEach+ * @function+ *+ * @description+ * Invokes the `iterator` function once for each item in `obj` collection, which can be either an+ * object or an array. The `iterator` function is invoked with `iterator(value, key)`, where `value`+ * is the value of an object property or an array element and `key` is the object property key or+ * array element index. Specifying a `context` for the function is optional.+ *+ * Note: this function was previously known as `angular.foreach`.+ *+ <pre>+ var values = {name: 'misko', gender: 'male'};+ var log = [];+ angular.forEach(values, function(value, key){+ this.push(key + ': ' + value);+ }, log);+ expect(log).toEqual(['name: misko', 'gender:male']);+ </pre>+ *+ * @param {Object|Array} obj Object to iterate over.+ * @param {Function} iterator Iterator function.+ * @param {Object=} context Object to become context (`this`) for the iterator function.+ * @returns {Object|Array} Reference to `obj`.+ */+function forEach(obj, iterator, context) {+ var key;+ if (obj) {+ if (isFunction(obj)){+ for (key in obj) {+ if (key != 'prototype' && key != 'length' && key != 'name' && obj.hasOwnProperty(key)) {+ iterator.call(context, obj[key], key);+ }+ }+ } else if (obj.forEach && obj.forEach !== forEach) {+ obj.forEach(iterator, context);+ } else if (isArrayLike(obj)) {+ for (key = 0; key < obj.length; key++)+ iterator.call(context, obj[key], key);+ } else {+ for (key in obj) {+ if (obj.hasOwnProperty(key)) {+ iterator.call(context, obj[key], key);+ }+ }+ }+ }+ return obj;+}++function sortedKeys(obj) {+ var keys = [];+ for (var key in obj) {+ if (obj.hasOwnProperty(key)) {+ keys.push(key);+ }+ }+ return keys.sort();+}++function forEachSorted(obj, iterator, context) {+ var keys = sortedKeys(obj);+ for ( var i = 0; i < keys.length; i++) {+ iterator.call(context, obj[keys[i]], keys[i]);+ }+ return keys;+}+++/**+ * when using forEach the params are value, key, but it is often useful to have key, value.+ * @param {function(string, *)} iteratorFn+ * @returns {function(*, string)}+ */+function reverseParams(iteratorFn) {+ return function(value, key) { iteratorFn(key, value); };+}++/**+ * A consistent way of creating unique IDs in angular. The ID is a sequence of alpha numeric+ * characters such as '012ABC'. The reason why we are not using simply a number counter is that+ * the number string gets longer over time, and it can also overflow, where as the nextId+ * will grow much slower, it is a string, and it will never overflow.+ *+ * @returns an unique alpha-numeric string+ */+function nextUid() {+ var index = uid.length;+ var digit;++ while(index) {+ index--;+ digit = uid[index].charCodeAt(0);+ if (digit == 57 /*'9'*/) {+ uid[index] = 'A';+ return uid.join('');+ }+ if (digit == 90 /*'Z'*/) {+ uid[index] = '0';+ } else {+ uid[index] = String.fromCharCode(digit + 1);+ return uid.join('');+ }+ }+ uid.unshift('0');+ return uid.join('');+}+++/**+ * Set or clear the hashkey for an object.+ * @param obj object+ * @param h the hashkey (!truthy to delete the hashkey)+ */+function setHashKey(obj, h) {+ if (h) {+ obj.$$hashKey = h;+ }+ else {+ delete obj.$$hashKey;+ }+}++/**+ * @ngdoc function+ * @name angular.extend+ * @function+ *+ * @description+ * Extends the destination object `dst` by copying all of the properties from the `src` object(s)+ * to `dst`. You can specify multiple `src` objects.+ *+ * @param {Object} dst Destination object.+ * @param {...Object} src Source object(s).+ * @returns {Object} Reference to `dst`.+ */+function extend(dst) {+ var h = dst.$$hashKey;+ forEach(arguments, function(obj){+ if (obj !== dst) {+ forEach(obj, function(value, key){+ dst[key] = value;+ });+ }+ });++ setHashKey(dst,h);+ return dst;+}++function int(str) {+ return parseInt(str, 10);+}+++function inherit(parent, extra) {+ return extend(new (extend(function() {}, {prototype:parent}))(), extra);+}++/**+ * @ngdoc function+ * @name angular.noop+ * @function+ *+ * @description+ * A function that performs no operations. This function can be useful when writing code in the+ * functional style.+ <pre>+ function foo(callback) {+ var result = calculateResult();+ (callback || angular.noop)(result);+ }+ </pre>+ */+function noop() {}+noop.$inject = [];+++/**+ * @ngdoc function+ * @name angular.identity+ * @function+ *+ * @description+ * A function that returns its first argument. This function is useful when writing code in the+ * functional style.+ *+ <pre>+ function transformer(transformationFn, value) {+ return (transformationFn || angular.identity)(value);+ };+ </pre>+ */+function identity($) {return $;}+identity.$inject = [];+++function valueFn(value) {return function() {return value;};}++/**+ * @ngdoc function+ * @name angular.isUndefined+ * @function+ *+ * @description+ * Determines if a reference is undefined.+ *+ * @param {*} value Reference to check.+ * @returns {boolean} True if `value` is undefined.+ */+function isUndefined(value){return typeof value == 'undefined';}+++/**+ * @ngdoc function+ * @name angular.isDefined+ * @function+ *+ * @description+ * Determines if a reference is defined.+ *+ * @param {*} value Reference to check.+ * @returns {boolean} True if `value` is defined.+ */+function isDefined(value){return typeof value != 'undefined';}+++/**+ * @ngdoc function+ * @name angular.isObject+ * @function+ *+ * @description+ * Determines if a reference is an `Object`. Unlike `typeof` in JavaScript, `null`s are not+ * considered to be objects.+ *+ * @param {*} value Reference to check.+ * @returns {boolean} True if `value` is an `Object` but not `null`.+ */+function isObject(value){return value != null && typeof value == 'object';}+++/**+ * @ngdoc function+ * @name angular.isString+ * @function+ *+ * @description+ * Determines if a reference is a `String`.+ *+ * @param {*} value Reference to check.+ * @returns {boolean} True if `value` is a `String`.+ */+function isString(value){return typeof value == 'string';}+++/**+ * @ngdoc function+ * @name angular.isNumber+ * @function+ *+ * @description+ * Determines if a reference is a `Number`.+ *+ * @param {*} value Reference to check.+ * @returns {boolean} True if `value` is a `Number`.+ */+function isNumber(value){return typeof value == 'number';}+++/**+ * @ngdoc function+ * @name angular.isDate+ * @function+ *+ * @description+ * Determines if a value is a date.+ *+ * @param {*} value Reference to check.+ * @returns {boolean} True if `value` is a `Date`.+ */+function isDate(value){+ return toString.apply(value) == '[object Date]';+}+++/**+ * @ngdoc function+ * @name angular.isArray+ * @function+ *+ * @description+ * Determines if a reference is an `Array`.+ *+ * @param {*} value Reference to check.+ * @returns {boolean} True if `value` is an `Array`.+ */+function isArray(value) {+ return toString.apply(value) == '[object Array]';+}+++/**+ * @ngdoc function+ * @name angular.isFunction+ * @function+ *+ * @description+ * Determines if a reference is a `Function`.+ *+ * @param {*} value Reference to check.+ * @returns {boolean} True if `value` is a `Function`.+ */+function isFunction(value){return typeof value == 'function';}+++/**+ * Determines if a value is a regular expression object.+ *+ * @private+ * @param {*} value Reference to check.+ * @returns {boolean} True if `value` is a `RegExp`.+ */+function isRegExp(value) {+ return toString.apply(value) == '[object RegExp]';+}+++/**+ * Checks if `obj` is a window object.+ *+ * @private+ * @param {*} obj Object to check+ * @returns {boolean} True if `obj` is a window obj.+ */+function isWindow(obj) {+ return obj && obj.document && obj.location && obj.alert && obj.setInterval;+}+++function isScope(obj) {+ return obj && obj.$evalAsync && obj.$watch;+}+++function isFile(obj) {+ return toString.apply(obj) === '[object File]';+}+++function isBoolean(value) {+ return typeof value == 'boolean';+}+++var trim = (function() {+ // native trim is way faster: http://jsperf.com/angular-trim-test+ // but IE doesn't have it... :-(+ // TODO: we should move this into IE/ES5 polyfill+ if (!String.prototype.trim) {+ return function(value) {+ return isString(value) ? value.replace(/^\s\s*/, '').replace(/\s\s*$/, '') : value;+ };+ }+ return function(value) {+ return isString(value) ? value.trim() : value;+ };+})();+++/**+ * @ngdoc function+ * @name angular.isElement+ * @function+ *+ * @description+ * Determines if a reference is a DOM element (or wrapped jQuery element).+ *+ * @param {*} value Reference to check.+ * @returns {boolean} True if `value` is a DOM element (or wrapped jQuery element).+ */+function isElement(node) {+ return !!(node &&+ (node.nodeName // we are a direct element+ || (node.on && node.find))); // we have an on and find method part of jQuery API+}++/**+ * @param str 'key1,key2,...'+ * @returns {object} in the form of {key1:true, key2:true, ...}+ */+function makeMap(str){+ var obj = {}, items = str.split(","), i;+ for ( i = 0; i < items.length; i++ )+ obj[ items[i] ] = true;+ return obj;+}+++if (msie < 9) {+ nodeName_ = function(element) {+ element = element.nodeName ? element : element[0];+ return (element.scopeName && element.scopeName != 'HTML')+ ? uppercase(element.scopeName + ':' + element.nodeName) : element.nodeName;+ };+} else {+ nodeName_ = function(element) {+ return element.nodeName ? element.nodeName : element[0].nodeName;+ };+}+++function map(obj, iterator, context) {+ var results = [];+ forEach(obj, function(value, index, list) {+ results.push(iterator.call(context, value, index, list));+ });+ return results;+}+++/**+ * @description+ * Determines the number of elements in an array, the number of properties an object has, or+ * the length of a string.+ *+ * Note: This function is used to augment the Object type in Angular expressions. See+ * {@link angular.Object} for more information about Angular arrays.+ *+ * @param {Object|Array|string} obj Object, array, or string to inspect.+ * @param {boolean} [ownPropsOnly=false] Count only "own" properties in an object+ * @returns {number} The size of `obj` or `0` if `obj` is neither an object nor an array.+ */+function size(obj, ownPropsOnly) {+ var count = 0, key;++ if (isArray(obj) || isString(obj)) {+ return obj.length;+ } else if (isObject(obj)){+ for (key in obj)+ if (!ownPropsOnly || obj.hasOwnProperty(key))+ count++;+ }++ return count;+}+++function includes(array, obj) {+ return indexOf(array, obj) != -1;+}++function indexOf(array, obj) {+ if (array.indexOf) return array.indexOf(obj);++ for ( var i = 0; i < array.length; i++) {+ if (obj === array[i]) return i;+ }+ return -1;+}++function arrayRemove(array, value) {+ var index = indexOf(array, value);+ if (index >=0)+ array.splice(index, 1);+ return value;+}++function isLeafNode (node) {+ if (node) {+ switch (node.nodeName) {+ case "OPTION":+ case "PRE":+ case "TITLE":+ return true;+ }+ }+ return false;+}++/**+ * @ngdoc function+ * @name angular.copy+ * @function+ *+ * @description+ * Creates a deep copy of `source`, which should be an object or an array.+ *+ * * If no destination is supplied, a copy of the object or array is created.+ * * If a destination is provided, all of its elements (for array) or properties (for objects)+ * are deleted and then all elements/properties from the source are copied to it.+ * * If `source` is not an object or array (inc. `null` and `undefined`), `source` is returned.+ * * If `source` is identical to 'destination' an exception will be thrown.+ *+ * @param {*} source The source that will be used to make a copy.+ * Can be any type, including primitives, `null`, and `undefined`.+ * @param {(Object|Array)=} destination Destination into which the source is copied. If+ * provided, must be of the same type as `source`.+ * @returns {*} The copy or updated `destination`, if `destination` was specified.+ *+ * @example+ <doc:example>+ <doc:source>+ <div ng-controller="Controller">+ <form novalidate class="simple-form">+ Name: <input type="text" ng-model="user.name" /><br />+ E-mail: <input type="email" ng-model="user.email" /><br />+ Gender: <input type="radio" ng-model="user.gender" value="male" />male+ <input type="radio" ng-model="user.gender" value="female" />female<br />+ <button ng-click="reset()">RESET</button>+ <button ng-click="update(user)">SAVE</button>+ </form>+ <pre>form = {{user | json}}</pre>+ <pre>master = {{master | json}}</pre>+ </div>++ <script>+ function Controller($scope) {+ $scope.master= {};++ $scope.update = function(user) {+ // Example with 1 argument+ $scope.master= angular.copy(user);+ };++ $scope.reset = function() {+ // Example with 2 arguments+ angular.copy($scope.master, $scope.user);+ };++ $scope.reset();+ }+ </script>+ </doc:source>+ </doc:example>+ */+function copy(source, destination){+ if (isWindow(source) || isScope(source)) {+ throw ngMinErr('cpws',+ "Can't copy! Making copies of Window or Scope instances is not supported.");+ }++ if (!destination) {+ destination = source;+ if (source) {+ if (isArray(source)) {+ destination = copy(source, []);+ } else if (isDate(source)) {+ destination = new Date(source.getTime());+ } else if (isRegExp(source)) {+ destination = new RegExp(source.source);+ } else if (isObject(source)) {+ destination = copy(source, {});+ }+ }+ } else {+ if (source === destination) throw ngMinErr('cpi',+ "Can't copy! Source and destination are identical.");+ if (isArray(source)) {+ destination.length = 0;+ for ( var i = 0; i < source.length; i++) {+ destination.push(copy(source[i]));+ }+ } else {+ var h = destination.$$hashKey;+ forEach(destination, function(value, key){+ delete destination[key];+ });+ for ( var key in source) {+ destination[key] = copy(source[key]);+ }+ setHashKey(destination,h);+ }+ }+ return destination;+}++/**+ * Create a shallow copy of an object+ */+function shallowCopy(src, dst) {+ dst = dst || {};++ for(var key in src) {+ // shallowCopy is only ever called by $compile nodeLinkFn, which has control over src+ // so we don't need to worry about using our custom hasOwnProperty here+ if (src.hasOwnProperty(key) && key.substr(0, 2) !== '$$') {+ dst[key] = src[key];+ }+ }++ return dst;+}+++/**+ * @ngdoc function+ * @name angular.equals+ * @function+ *+ * @description+ * Determines if two objects or two values are equivalent. Supports value types, regular+ * expressions, arrays and objects.+ *+ * Two objects or values are considered equivalent if at least one of the following is true:+ *+ * * Both objects or values pass `===` comparison.+ * * Both objects or values are of the same type and all of their properties are equal by+ * comparing them with `angular.equals`.+ * * Both values are NaN. (In JavaScript, NaN == NaN => false. But we consider two NaN as equal)+ * * Both values represent the same regular expression (In JavasScript,+ * /abc/ == /abc/ => false. But we consider two regular expressions as equal when their textual+ * representation matches).+ *+ * During a property comparison, properties of `function` type and properties with names+ * that begin with `$` are ignored.+ *+ * Scope and DOMWindow objects are being compared only by identify (`===`).+ *+ * @param {*} o1 Object or value to compare.+ * @param {*} o2 Object or value to compare.+ * @returns {boolean} True if arguments are equal.+ */+function equals(o1, o2) {+ if (o1 === o2) return true;+ if (o1 === null || o2 === null) return false;+ if (o1 !== o1 && o2 !== o2) return true; // NaN === NaN+ var t1 = typeof o1, t2 = typeof o2, length, key, keySet;+ if (t1 == t2) {+ if (t1 == 'object') {+ if (isArray(o1)) {+ if (!isArray(o2)) return false;+ if ((length = o1.length) == o2.length) {+ for(key=0; key<length; key++) {+ if (!equals(o1[key], o2[key])) return false;+ }+ return true;+ }+ } else if (isDate(o1)) {+ return isDate(o2) && o1.getTime() == o2.getTime();+ } else if (isRegExp(o1) && isRegExp(o2)) {+ return o1.toString() == o2.toString();+ } else {+ if (isScope(o1) || isScope(o2) || isWindow(o1) || isWindow(o2) || isArray(o2)) return false;+ keySet = {};+ for(key in o1) {+ if (key.charAt(0) === '$' || isFunction(o1[key])) continue;+ if (!equals(o1[key], o2[key])) return false;+ keySet[key] = true;+ }+ for(key in o2) {+ if (!keySet.hasOwnProperty(key) &&+ key.charAt(0) !== '$' &&+ o2[key] !== undefined &&+ !isFunction(o2[key])) return false;+ }+ return true;+ }+ }+ }+ return false;+}+++function csp() {+ return (document.securityPolicy && document.securityPolicy.isActive) ||+ (document.querySelector &&+ !!(document.querySelector('[ng-csp]') || document.querySelector('[data-ng-csp]')));+}+++function concat(array1, array2, index) {+ return array1.concat(slice.call(array2, index));+}++function sliceArgs(args, startIndex) {+ return slice.call(args, startIndex || 0);+}+++/* jshint -W101 */+/**+ * @ngdoc function+ * @name angular.bind+ * @function+ *+ * @description+ * Returns a function which calls function `fn` bound to `self` (`self` becomes the `this` for+ * `fn`). You can supply optional `args` that are prebound to the function. This feature is also+ * known as [partial application](http://en.wikipedia.org/wiki/Partial_application), as+ * distinguished from [function currying](http://en.wikipedia.org/wiki/Currying#Contrast_with_partial_function_application).+ *+ * @param {Object} self Context which `fn` should be evaluated in.+ * @param {function()} fn Function to be bound.+ * @param {...*} args Optional arguments to be prebound to the `fn` function call.+ * @returns {function()} Function that wraps the `fn` with all the specified bindings.+ */+/* jshint +W101 */+function bind(self, fn) {+ var curryArgs = arguments.length > 2 ? sliceArgs(arguments, 2) : [];+ if (isFunction(fn) && !(fn instanceof RegExp)) {+ return curryArgs.length+ ? function() {+ return arguments.length+ ? fn.apply(self, curryArgs.concat(slice.call(arguments, 0)))+ : fn.apply(self, curryArgs);+ }+ : function() {+ return arguments.length+ ? fn.apply(self, arguments)+ : fn.call(self);+ };+ } else {+ // in IE, native methods are not functions so they cannot be bound (note: they don't need to be)+ return fn;+ }+}+++function toJsonReplacer(key, value) {+ var val = value;++ if (typeof key === 'string' && key.charAt(0) === '$') {+ val = undefined;+ } else if (isWindow(value)) {+ val = '$WINDOW';+ } else if (value && document === value) {+ val = '$DOCUMENT';+ } else if (isScope(value)) {+ val = '$SCOPE';+ }++ return val;+}+++/**+ * @ngdoc function+ * @name angular.toJson+ * @function+ *+ * @description+ * Serializes input into a JSON-formatted string. Properties with leading $ characters will be+ * stripped since angular uses this notation internally.+ *+ * @param {Object|Array|Date|string|number} obj Input to be serialized into JSON.+ * @param {boolean=} pretty If set to true, the JSON output will contain newlines and whitespace.+ * @returns {string|undefined} JSON-ified string representing `obj`.+ */+function toJson(obj, pretty) {+ if (typeof obj === 'undefined') return undefined;+ return JSON.stringify(obj, toJsonReplacer, pretty ? ' ' : null);+}+++/**+ * @ngdoc function+ * @name angular.fromJson+ * @function+ *+ * @description+ * Deserializes a JSON string.+ *+ * @param {string} json JSON string to deserialize.+ * @returns {Object|Array|Date|string|number} Deserialized thingy.+ */+function fromJson(json) {+ return isString(json)+ ? JSON.parse(json)+ : json;+}+++function toBoolean(value) {+ if (value && value.length !== 0) {+ var v = lowercase("" + value);+ value = !(v == 'f' || v == '0' || v == 'false' || v == 'no' || v == 'n' || v == '[]');+ } else {+ value = false;+ }+ return value;+}++/**+ * @returns {string} Returns the string representation of the element.+ */+function startingTag(element) {+ element = jqLite(element).clone();+ try {+ // turns out IE does not let you set .html() on elements which+ // are not allowed to have children. So we just ignore it.+ element.html('');+ } catch(e) {}+ // As Per DOM Standards+ var TEXT_NODE = 3;+ var elemHtml = jqLite('<div>').append(element).html();+ try {+ return element[0].nodeType === TEXT_NODE ? lowercase(elemHtml) :+ elemHtml.+ match(/^(<[^>]+>)/)[1].+ replace(/^<([\w\-]+)/, function(match, nodeName) { return '<' + lowercase(nodeName); });+ } catch(e) {+ return lowercase(elemHtml);+ }++}+++/////////////////////////////////////////////////++/**+ * Tries to decode the URI component without throwing an exception.+ *+ * @private+ * @param str value potential URI component to check.+ * @returns {boolean} True if `value` can be decoded+ * with the decodeURIComponent function.+ */+function tryDecodeURIComponent(value) {+ try {+ return decodeURIComponent(value);+ } catch(e) {+ // Ignore any invalid uri component+ }+}+++/**+ * Parses an escaped url query string into key-value pairs.+ * @returns Object.<(string|boolean)>+ */+function parseKeyValue(/**string*/keyValue) {+ var obj = {}, key_value, key;+ forEach((keyValue || "").split('&'), function(keyValue){+ if ( keyValue ) {+ key_value = keyValue.split('=');+ key = tryDecodeURIComponent(key_value[0]);+ if ( isDefined(key) ) {+ var val = isDefined(key_value[1]) ? tryDecodeURIComponent(key_value[1]) : true;+ if (!obj[key]) {+ obj[key] = val;+ } else if(isArray(obj[key])) {+ obj[key].push(val);+ } else {+ obj[key] = [obj[key],val];+ }+ }+ }+ });+ return obj;+}++function toKeyValue(obj) {+ var parts = [];+ forEach(obj, function(value, key) {+ if (isArray(value)) {+ forEach(value, function(arrayValue) {+ parts.push(encodeUriQuery(key, true) ++ (arrayValue === true ? '' : '=' + encodeUriQuery(arrayValue, true)));+ });+ } else {+ parts.push(encodeUriQuery(key, true) ++ (value === true ? '' : '=' + encodeUriQuery(value, true)));+ }+ });+ return parts.length ? parts.join('&') : '';+}+++/**+ * We need our custom method because encodeURIComponent is too aggressive and doesn't follow+ * http://www.ietf.org/rfc/rfc3986.txt with regards to the character set (pchar) allowed in path+ * segments:+ * segment = *pchar+ * pchar = unreserved / pct-encoded / sub-delims / ":" / "@"+ * pct-encoded = "%" HEXDIG HEXDIG+ * unreserved = ALPHA / DIGIT / "-" / "." / "_" / "~"+ * sub-delims = "!" / "$" / "&" / "'" / "(" / ")"+ * / "*" / "+" / "," / ";" / "="+ */+function encodeUriSegment(val) {+ return encodeUriQuery(val, true).+ replace(/%26/gi, '&').+ replace(/%3D/gi, '=').+ replace(/%2B/gi, '+');+}+++/**+ * This method is intended for encoding *key* or *value* parts of query component. We need a custom+ * method because encodeURIComponent is too aggressive and encodes stuff that doesn't have to be+ * encoded per http://tools.ietf.org/html/rfc3986:+ * query = *( pchar / "/" / "?" )+ * pchar = unreserved / pct-encoded / sub-delims / ":" / "@"+ * unreserved = ALPHA / DIGIT / "-" / "." / "_" / "~"+ * pct-encoded = "%" HEXDIG HEXDIG+ * sub-delims = "!" / "$" / "&" / "'" / "(" / ")"+ * / "*" / "+" / "," / ";" / "="+ */+function encodeUriQuery(val, pctEncodeSpaces) {+ return encodeURIComponent(val).+ replace(/%40/gi, '@').+ replace(/%3A/gi, ':').+ replace(/%24/g, '$').+ replace(/%2C/gi, ',').+ replace(/%20/g, (pctEncodeSpaces ? '%20' : '+'));+}+++/**+ * @ngdoc directive+ * @name ng.directive:ngApp+ *+ * @element ANY+ * @param {angular.Module} ngApp an optional application+ * {@link angular.module module} name to load.+ *+ * @description+ *+ * Use this directive to **auto-bootstrap** an AngularJS application. The `ngApp` directive+ * designates the **root element** of the application and is typically placed near the root element+ * of the page - e.g. on the `<body>` or `<html>` tags.+ *+ * Only one AngularJS application can be auto-bootstrapped per HTML document. The first `ngApp`+ * found in the document will be used to define the root element to auto-bootstrap as an+ * application. To run multiple applications in an HTML document you must manually bootstrap them using+ * {@link angular.bootstrap} instead. AngularJS applications cannot be nested within each other.+ *+ * You can specify an **AngularJS module** to be used as the root module for the application. This+ * module will be loaded into the {@link AUTO.$injector} when the application is bootstrapped and+ * should contain the application code needed or have dependencies on other modules that will+ * contain the code. See {@link angular.module} for more information.+ *+ * In the example below if the `ngApp` directive were not placed on the `html` element then the+ * document would not be compiled, the `AppController` would not be instantiated and the `{{ a+b }}`+ * would not be resolved to `3`.+ *+ * `ngApp` is the easiest, and most common, way to bootstrap an application.+ *+ <example module="ngAppDemo">+ <file name="index.html">+ <div ng-controller="ngAppDemoController">+ I can add: {{a}} + {{b}} = {{ a+b }}+ </file>+ <file name="script.js">+ angular.module('ngAppDemo', []).controller('ngAppDemoController', function($scope) {+ $scope.a = 1;+ $scope.b = 2;+ });+ </file>+ </example>+ *+ */+function angularInit(element, bootstrap) {+ var elements = [element],+ appElement,+ module,+ names = ['ng:app', 'ng-app', 'x-ng-app', 'data-ng-app'],+ NG_APP_CLASS_REGEXP = /\sng[:\-]app(:\s*([\w\d_]+);?)?\s/;++ function append(element) {+ element && elements.push(element);+ }++ forEach(names, function(name) {+ names[name] = true;+ append(document.getElementById(name));+ name = name.replace(':', '\\:');+ if (element.querySelectorAll) {+ forEach(element.querySelectorAll('.' + name), append);+ forEach(element.querySelectorAll('.' + name + '\\:'), append);+ forEach(element.querySelectorAll('[' + name + ']'), append);+ }+ });++ forEach(elements, function(element) {+ if (!appElement) {+ var className = ' ' + element.className + ' ';+ var match = NG_APP_CLASS_REGEXP.exec(className);+ if (match) {+ appElement = element;+ module = (match[2] || '').replace(/\s+/g, ',');+ } else {+ forEach(element.attributes, function(attr) {+ if (!appElement && names[attr.name]) {+ appElement = element;+ module = attr.value;+ }+ });+ }+ }+ });+ if (appElement) {+ bootstrap(appElement, module ? [module] : []);+ }+}++/**+ * @ngdoc function+ * @name angular.bootstrap+ * @description+ * Use this function to manually start up angular application.+ *+ * See: {@link guide/bootstrap Bootstrap}+ *+ * Note that ngScenario-based end-to-end tests cannot use this function to bootstrap manually.+ * They must use {@link api/ng.directive:ngApp ngApp}.+ *+ * @param {Element} element DOM element which is the root of angular application.+ * @param {Array<String|Function|Array>=} modules an array of modules to load into the application.+ * Each item in the array should be the name of a predefined module or a (DI annotated)+ * function that will be invoked by the injector as a run block.+ * See: {@link angular.module modules}+ * @returns {AUTO.$injector} Returns the newly created injector for this app.+ */+function bootstrap(element, modules) {+ var doBootstrap = function() {+ element = jqLite(element);++ if (element.injector()) {+ var tag = (element[0] === document) ? 'document' : startingTag(element);+ throw ngMinErr('btstrpd', "App Already Bootstrapped with this Element '{0}'", tag);+ }++ modules = modules || [];+ modules.unshift(['$provide', function($provide) {+ $provide.value('$rootElement', element);+ }]);+ modules.unshift('ng');+ var injector = createInjector(modules);+ injector.invoke(['$rootScope', '$rootElement', '$compile', '$injector', '$animate',+ function(scope, element, compile, injector, animate) {+ scope.$apply(function() {+ element.data('$injector', injector);+ compile(element)(scope);+ });+ }]+ );+ return injector;+ };++ var NG_DEFER_BOOTSTRAP = /^NG_DEFER_BOOTSTRAP!/;++ if (window && !NG_DEFER_BOOTSTRAP.test(window.name)) {+ return doBootstrap();+ }++ window.name = window.name.replace(NG_DEFER_BOOTSTRAP, '');+ angular.resumeBootstrap = function(extraModules) {+ forEach(extraModules, function(module) {+ modules.push(module);+ });+ doBootstrap();+ };+}++var SNAKE_CASE_REGEXP = /[A-Z]/g;+function snake_case(name, separator){+ separator = separator || '_';+ return name.replace(SNAKE_CASE_REGEXP, function(letter, pos) {+ return (pos ? separator : '') + letter.toLowerCase();+ });+}++function bindJQuery() {+ // bind to jQuery if present;+ jQuery = window.jQuery;+ // reset to jQuery or default to us.+ if (jQuery) {+ jqLite = jQuery;+ extend(jQuery.fn, {+ scope: JQLitePrototype.scope,+ isolateScope: JQLitePrototype.isolateScope,+ controller: JQLitePrototype.controller,+ injector: JQLitePrototype.injector,+ inheritedData: JQLitePrototype.inheritedData+ });+ // Method signature:+ // jqLitePatchJQueryRemove(name, dispatchThis, filterElems, getterIfNoArguments)+ jqLitePatchJQueryRemove('remove', true, true, false);+ jqLitePatchJQueryRemove('empty', false, false, false);+ jqLitePatchJQueryRemove('html', false, false, true);+ } else {+ jqLite = JQLite;+ }+ angular.element = jqLite;+}++/**+ * throw error if the argument is falsy.+ */+function assertArg(arg, name, reason) {+ if (!arg) {+ throw ngMinErr('areq', "Argument '{0}' is {1}", (name || '?'), (reason || "required"));+ }+ return arg;+}++function assertArgFn(arg, name, acceptArrayAnnotation) {+ if (acceptArrayAnnotation && isArray(arg)) {+ arg = arg[arg.length - 1];+ }++ assertArg(isFunction(arg), name, 'not a function, got ' ++ (arg && typeof arg == 'object' ? arg.constructor.name || 'Object' : typeof arg));+ return arg;+}++/**+ * throw error if the name given is hasOwnProperty+ * @param {String} name the name to test+ * @param {String} context the context in which the name is used, such as module or directive+ */+function assertNotHasOwnProperty(name, context) {+ if (name === 'hasOwnProperty') {+ throw ngMinErr('badname', "hasOwnProperty is not a valid {0} name", context);+ }+}++/**+ * Return the value accessible from the object by path. Any undefined traversals are ignored+ * @param {Object} obj starting object+ * @param {string} path path to traverse+ * @param {boolean=true} bindFnToScope+ * @returns value as accessible by path+ */+//TODO(misko): this function needs to be removed+function getter(obj, path, bindFnToScope) {+ if (!path) return obj;+ var keys = path.split('.');+ var key;+ var lastInstance = obj;+ var len = keys.length;++ for (var i = 0; i < len; i++) {+ key = keys[i];+ if (obj) {+ obj = (lastInstance = obj)[key];+ }+ }+ if (!bindFnToScope && isFunction(obj)) {+ return bind(lastInstance, obj);+ }+ return obj;+}++/**+ * Return the DOM siblings between the first and last node in the given array.+ * @param {Array} array like object+ * @returns jQlite object containing the elements+ */+function getBlockElements(nodes) {+ var startNode = nodes[0],+ endNode = nodes[nodes.length - 1];+ if (startNode === endNode) {+ return jqLite(startNode);+ }++ var element = startNode;+ var elements = [element];++ do {+ element = element.nextSibling;+ if (!element) break;+ elements.push(element);+ } while (element !== endNode);++ return jqLite(elements);+}++/**+ * @ngdoc interface+ * @name angular.Module+ * @description+ *+ * Interface for configuring angular {@link angular.module modules}.+ */++function setupModuleLoader(window) {++ var $injectorMinErr = minErr('$injector');+ var ngMinErr = minErr('ng');++ function ensure(obj, name, factory) {+ return obj[name] || (obj[name] = factory());+ }++ var angular = ensure(window, 'angular', Object);++ // We need to expose `angular.$$minErr` to modules such as `ngResource` that reference it during bootstrap+ angular.$$minErr = angular.$$minErr || minErr;++ return ensure(angular, 'module', function() {+ /** @type {Object.<string, angular.Module>} */+ var modules = {};++ /**+ * @ngdoc function+ * @name angular.module+ * @description+ *+ * The `angular.module` is a global place for creating, registering and retrieving Angular+ * modules.+ * All modules (angular core or 3rd party) that should be available to an application must be+ * registered using this mechanism.+ *+ * When passed two or more arguments, a new module is created. If passed only one argument, an+ * existing module (the name passed as the first argument to `module`) is retrieved.+ *+ *+ * # Module+ *+ * A module is a collection of services, directives, filters, and configuration information.+ * `angular.module` is used to configure the {@link AUTO.$injector $injector}.+ *+ * <pre>+ * // Create a new module+ * var myModule = angular.module('myModule', []);+ *+ * // register a new service+ * myModule.value('appName', 'MyCoolApp');+ *+ * // configure existing services inside initialization blocks.+ * myModule.config(function($locationProvider) {+ * // Configure existing providers+ * $locationProvider.hashPrefix('!');+ * });+ * </pre>+ *+ * Then you can create an injector and load your modules like this:+ *+ * <pre>+ * var injector = angular.injector(['ng', 'MyModule'])+ * </pre>+ *+ * However it's more likely that you'll just use+ * {@link ng.directive:ngApp ngApp} or+ * {@link angular.bootstrap} to simplify this process for you.+ *+ * @param {!string} name The name of the module to create or retrieve.+ * @param {Array.<string>=} requires If specified then new module is being created. If+ * unspecified then the the module is being retrieved for further configuration.+ * @param {Function} configFn Optional configuration function for the module. Same as+ * {@link angular.Module#methods_config Module#config()}.+ * @returns {module} new module with the {@link angular.Module} api.+ */+ return function module(name, requires, configFn) {+ var assertNotHasOwnProperty = function(name, context) {+ if (name === 'hasOwnProperty') {+ throw ngMinErr('badname', 'hasOwnProperty is not a valid {0} name', context);+ }+ };++ assertNotHasOwnProperty(name, 'module');+ if (requires && modules.hasOwnProperty(name)) {+ modules[name] = null;+ }+ return ensure(modules, name, function() {+ if (!requires) {+ throw $injectorMinErr('nomod', "Module '{0}' is not available! You either misspelled " ++ "the module name or forgot to load it. If registering a module ensure that you " ++ "specify the dependencies as the second argument.", name);+ }++ /** @type {!Array.<Array.<*>>} */+ var invokeQueue = [];++ /** @type {!Array.<Function>} */+ var runBlocks = [];++ var config = invokeLater('$injector', 'invoke');++ /** @type {angular.Module} */+ var moduleInstance = {+ // Private state+ _invokeQueue: invokeQueue,+ _runBlocks: runBlocks,++ /**+ * @ngdoc property+ * @name angular.Module#requires+ * @propertyOf angular.Module+ * @returns {Array.<string>} List of module names which must be loaded before this module.+ * @description+ * Holds the list of modules which the injector will load before the current module is+ * loaded.+ */+ requires: requires,++ /**+ * @ngdoc property+ * @name angular.Module#name+ * @propertyOf angular.Module+ * @returns {string} Name of the module.+ * @description+ */+ name: name,+++ /**+ * @ngdoc method+ * @name angular.Module#provider+ * @methodOf angular.Module+ * @param {string} name service name+ * @param {Function} providerType Construction function for creating new instance of the+ * service.+ * @description+ * See {@link AUTO.$provide#provider $provide.provider()}.+ */+ provider: invokeLater('$provide', 'provider'),++ /**+ * @ngdoc method+ * @name angular.Module#factory+ * @methodOf angular.Module+ * @param {string} name service name+ * @param {Function} providerFunction Function for creating new instance of the service.+ * @description+ * See {@link AUTO.$provide#factory $provide.factory()}.+ */+ factory: invokeLater('$provide', 'factory'),++ /**+ * @ngdoc method+ * @name angular.Module#service+ * @methodOf angular.Module+ * @param {string} name service name+ * @param {Function} constructor A constructor function that will be instantiated.+ * @description+ * See {@link AUTO.$provide#service $provide.service()}.+ */+ service: invokeLater('$provide', 'service'),++ /**+ * @ngdoc method+ * @name angular.Module#value+ * @methodOf angular.Module+ * @param {string} name service name+ * @param {*} object Service instance object.+ * @description+ * See {@link AUTO.$provide#value $provide.value()}.+ */+ value: invokeLater('$provide', 'value'),++ /**+ * @ngdoc method+ * @name angular.Module#constant+ * @methodOf angular.Module+ * @param {string} name constant name+ * @param {*} object Constant value.+ * @description+ * Because the constant are fixed, they get applied before other provide methods.+ * See {@link AUTO.$provide#constant $provide.constant()}.+ */+ constant: invokeLater('$provide', 'constant', 'unshift'),++ /**+ * @ngdoc method+ * @name angular.Module#animation+ * @methodOf angular.Module+ * @param {string} name animation name+ * @param {Function} animationFactory Factory function for creating new instance of an+ * animation.+ * @description+ *+ * **NOTE**: animations take effect only if the **ngAnimate** module is loaded.+ *+ *+ * Defines an animation hook that can be later used with+ * {@link ngAnimate.$animate $animate} service and directives that use this service.+ *+ * <pre>+ * module.animation('.animation-name', function($inject1, $inject2) {+ * return {+ * eventName : function(element, done) {+ * //code to run the animation+ * //once complete, then run done()+ * return function cancellationFunction(element) {+ * //code to cancel the animation+ * }+ * }+ * }+ * })+ * </pre>+ *+ * See {@link ngAnimate.$animateProvider#register $animateProvider.register()} and+ * {@link ngAnimate ngAnimate module} for more information.+ */+ animation: invokeLater('$animateProvider', 'register'),++ /**+ * @ngdoc method+ * @name angular.Module#filter+ * @methodOf angular.Module+ * @param {string} name Filter name.+ * @param {Function} filterFactory Factory function for creating new instance of filter.+ * @description+ * See {@link ng.$filterProvider#register $filterProvider.register()}.+ */+ filter: invokeLater('$filterProvider', 'register'),++ /**+ * @ngdoc method+ * @name angular.Module#controller+ * @methodOf angular.Module+ * @param {string|Object} name Controller name, or an object map of controllers where the+ * keys are the names and the values are the constructors.+ * @param {Function} constructor Controller constructor function.+ * @description+ * See {@link ng.$controllerProvider#register $controllerProvider.register()}.+ */+ controller: invokeLater('$controllerProvider', 'register'),++ /**+ * @ngdoc method+ * @name angular.Module#directive+ * @methodOf angular.Module+ * @param {string|Object} name Directive name, or an object map of directives where the+ * keys are the names and the values are the factories.+ * @param {Function} directiveFactory Factory function for creating new instance of+ * directives.+ * @description+ * See {@link ng.$compileProvider#methods_directive $compileProvider.directive()}.+ */+ directive: invokeLater('$compileProvider', 'directive'),++ /**+ * @ngdoc method+ * @name angular.Module#config+ * @methodOf angular.Module+ * @param {Function} configFn Execute this function on module load. Useful for service+ * configuration.+ * @description+ * Use this method to register work which needs to be performed on module loading.+ */+ config: config,++ /**+ * @ngdoc method+ * @name angular.Module#run+ * @methodOf angular.Module+ * @param {Function} initializationFn Execute this function after injector creation.+ * Useful for application initialization.+ * @description+ * Use this method to register work which should be performed when the injector is done+ * loading all modules.+ */+ run: function(block) {+ runBlocks.push(block);+ return this;+ }+ };++ if (configFn) {+ config(configFn);+ }++ return moduleInstance;++ /**+ * @param {string} provider+ * @param {string} method+ * @param {String=} insertMethod+ * @returns {angular.Module}+ */+ function invokeLater(provider, method, insertMethod) {+ return function() {+ invokeQueue[insertMethod || 'push']([provider, method, arguments]);+ return moduleInstance;+ };+ }+ });+ };+ });++}++/* global+ angularModule: true,+ version: true,+ + $LocaleProvider,+ $CompileProvider,+ + htmlAnchorDirective,+ inputDirective,+ inputDirective,+ formDirective,+ scriptDirective,+ selectDirective,+ styleDirective,+ optionDirective,+ ngBindDirective,+ ngBindHtmlDirective,+ ngBindTemplateDirective,+ ngClassDirective,+ ngClassEvenDirective,+ ngClassOddDirective,+ ngCspDirective,+ ngCloakDirective,+ ngControllerDirective,+ ngFormDirective,+ ngHideDirective,+ ngIfDirective,+ ngIncludeDirective,+ ngInitDirective,+ ngNonBindableDirective,+ ngPluralizeDirective,+ ngRepeatDirective,+ ngShowDirective,+ ngStyleDirective,+ ngSwitchDirective,+ ngSwitchWhenDirective,+ ngSwitchDefaultDirective,+ ngOptionsDirective,+ ngTranscludeDirective,+ ngModelDirective,+ ngListDirective,+ ngChangeDirective,+ requiredDirective,+ requiredDirective,+ ngValueDirective,+ ngAttributeAliasDirectives,+ ngEventDirectives,++ $AnchorScrollProvider,+ $AnimateProvider,+ $BrowserProvider,+ $CacheFactoryProvider,+ $ControllerProvider,+ $DocumentProvider,+ $ExceptionHandlerProvider,+ $FilterProvider,+ $InterpolateProvider,+ $IntervalProvider,+ $HttpProvider,+ $HttpBackendProvider,+ $LocationProvider,+ $LogProvider,+ $ParseProvider,+ $RootScopeProvider,+ $QProvider,+ $$SanitizeUriProvider,+ $SceProvider,+ $SceDelegateProvider,+ $SnifferProvider,+ $TemplateCacheProvider,+ $TimeoutProvider,+ $WindowProvider+*/+++/**+ * @ngdoc property+ * @name angular.version+ * @description+ * An object that contains information about the current AngularJS version. This object has the+ * following properties:+ *+ * - `full` – `{string}` – Full version string, such as "0.9.18".+ * - `major` – `{number}` – Major version number, such as "0".+ * - `minor` – `{number}` – Minor version number, such as "9".+ * - `dot` – `{number}` – Dot version number, such as "18".+ * - `codeName` – `{string}` – Code name of the release, such as "jiggling-armfat".+ */+var version = {+ full: '1.2.4', // all of these placeholder strings will be replaced by grunt's+ major: 1, // package task+ minor: 2,+ dot: 4,+ codeName: 'wormhole-baster'+};+++function publishExternalAPI(angular){+ extend(angular, {+ 'bootstrap': bootstrap,+ 'copy': copy,+ 'extend': extend,+ 'equals': equals,+ 'element': jqLite,+ 'forEach': forEach,+ 'injector': createInjector,+ 'noop':noop,+ 'bind':bind,+ 'toJson': toJson,+ 'fromJson': fromJson,+ 'identity':identity,+ 'isUndefined': isUndefined,+ 'isDefined': isDefined,+ 'isString': isString,+ 'isFunction': isFunction,+ 'isObject': isObject,+ 'isNumber': isNumber,+ 'isElement': isElement,+ 'isArray': isArray,+ 'version': version,+ 'isDate': isDate,+ 'lowercase': lowercase,+ 'uppercase': uppercase,+ 'callbacks': {counter: 0},+ '$$minErr': minErr,+ '$$csp': csp+ });++ angularModule = setupModuleLoader(window);+ try {+ angularModule('ngLocale');+ } catch (e) {+ angularModule('ngLocale', []).provider('$locale', $LocaleProvider);+ }++ angularModule('ng', ['ngLocale'], ['$provide',+ function ngModule($provide) {+ // $$sanitizeUriProvider needs to be before $compileProvider as it is used by it.+ $provide.provider({+ $$sanitizeUri: $$SanitizeUriProvider+ });+ $provide.provider('$compile', $CompileProvider).+ directive({+ a: htmlAnchorDirective,+ input: inputDirective,+ textarea: inputDirective,+ form: formDirective,+ script: scriptDirective,+ select: selectDirective,+ style: styleDirective,+ option: optionDirective,+ ngBind: ngBindDirective,+ ngBindHtml: ngBindHtmlDirective,+ ngBindTemplate: ngBindTemplateDirective,+ ngClass: ngClassDirective,+ ngClassEven: ngClassEvenDirective,+ ngClassOdd: ngClassOddDirective,+ ngCloak: ngCloakDirective,+ ngController: ngControllerDirective,+ ngForm: ngFormDirective,+ ngHide: ngHideDirective,+ ngIf: ngIfDirective,+ ngInclude: ngIncludeDirective,+ ngInit: ngInitDirective,+ ngNonBindable: ngNonBindableDirective,+ ngPluralize: ngPluralizeDirective,+ ngRepeat: ngRepeatDirective,+ ngShow: ngShowDirective,+ ngStyle: ngStyleDirective,+ ngSwitch: ngSwitchDirective,+ ngSwitchWhen: ngSwitchWhenDirective,+ ngSwitchDefault: ngSwitchDefaultDirective,+ ngOptions: ngOptionsDirective,+ ngTransclude: ngTranscludeDirective,+ ngModel: ngModelDirective,+ ngList: ngListDirective,+ ngChange: ngChangeDirective,+ required: requiredDirective,+ ngRequired: requiredDirective,+ ngValue: ngValueDirective+ }).+ directive(ngAttributeAliasDirectives).+ directive(ngEventDirectives);+ $provide.provider({+ $anchorScroll: $AnchorScrollProvider,+ $animate: $AnimateProvider,+ $browser: $BrowserProvider,+ $cacheFactory: $CacheFactoryProvider,+ $controller: $ControllerProvider,+ $document: $DocumentProvider,+ $exceptionHandler: $ExceptionHandlerProvider,+ $filter: $FilterProvider,+ $interpolate: $InterpolateProvider,+ $interval: $IntervalProvider,+ $http: $HttpProvider,+ $httpBackend: $HttpBackendProvider,+ $location: $LocationProvider,+ $log: $LogProvider,+ $parse: $ParseProvider,+ $rootScope: $RootScopeProvider,+ $q: $QProvider,+ $sce: $SceProvider,+ $sceDelegate: $SceDelegateProvider,+ $sniffer: $SnifferProvider,+ $templateCache: $TemplateCacheProvider,+ $timeout: $TimeoutProvider,+ $window: $WindowProvider+ });+ }+ ]);+}++/* global++ -JQLitePrototype,+ -addEventListenerFn,+ -removeEventListenerFn,+ -BOOLEAN_ATTR+*/++//////////////////////////////////+//JQLite+//////////////////////////////////++/**+ * @ngdoc function+ * @name angular.element+ * @function+ *+ * @description+ * Wraps a raw DOM element or HTML string as a [jQuery](http://jquery.com) element.+ *+ * If jQuery is available, `angular.element` is an alias for the+ * [jQuery](http://api.jquery.com/jQuery/) function. If jQuery is not available, `angular.element`+ * delegates to Angular's built-in subset of jQuery, called "jQuery lite" or "jqLite."+ *+ * <div class="alert alert-success">jqLite is a tiny, API-compatible subset of jQuery that allows+ * Angular to manipulate the DOM in a cross-browser compatible way. **jqLite** implements only the most+ * commonly needed functionality with the goal of having a very small footprint.</div>+ *+ * To use jQuery, simply load it before `DOMContentLoaded` event fired.+ *+ * <div class="alert">**Note:** all element references in Angular are always wrapped with jQuery or+ * jqLite; they are never raw DOM references.</div>+ *+ * ## Angular's jqLite+ * jqLite provides only the following jQuery methods:+ *+ * - [`addClass()`](http://api.jquery.com/addClass/)+ * - [`after()`](http://api.jquery.com/after/)+ * - [`append()`](http://api.jquery.com/append/)+ * - [`attr()`](http://api.jquery.com/attr/)+ * - [`bind()`](http://api.jquery.com/on/) - Does not support namespaces, selectors or eventData+ * - [`children()`](http://api.jquery.com/children/) - Does not support selectors+ * - [`clone()`](http://api.jquery.com/clone/)+ * - [`contents()`](http://api.jquery.com/contents/)+ * - [`css()`](http://api.jquery.com/css/)+ * - [`data()`](http://api.jquery.com/data/)+ * - [`eq()`](http://api.jquery.com/eq/)+ * - [`find()`](http://api.jquery.com/find/) - Limited to lookups by tag name+ * - [`hasClass()`](http://api.jquery.com/hasClass/)+ * - [`html()`](http://api.jquery.com/html/)+ * - [`next()`](http://api.jquery.com/next/) - Does not support selectors+ * - [`on()`](http://api.jquery.com/on/) - Does not support namespaces, selectors or eventData+ * - [`off()`](http://api.jquery.com/off/) - Does not support namespaces or selectors+ * - [`parent()`](http://api.jquery.com/parent/) - Does not support selectors+ * - [`prepend()`](http://api.jquery.com/prepend/)+ * - [`prop()`](http://api.jquery.com/prop/)+ * - [`ready()`](http://api.jquery.com/ready/)+ * - [`remove()`](http://api.jquery.com/remove/)+ * - [`removeAttr()`](http://api.jquery.com/removeAttr/)+ * - [`removeClass()`](http://api.jquery.com/removeClass/)+ * - [`removeData()`](http://api.jquery.com/removeData/)+ * - [`replaceWith()`](http://api.jquery.com/replaceWith/)+ * - [`text()`](http://api.jquery.com/text/)+ * - [`toggleClass()`](http://api.jquery.com/toggleClass/)+ * - [`triggerHandler()`](http://api.jquery.com/triggerHandler/) - Passes a dummy event object to handlers.+ * - [`unbind()`](http://api.jquery.com/off/) - Does not support namespaces+ * - [`val()`](http://api.jquery.com/val/)+ * - [`wrap()`](http://api.jquery.com/wrap/)+ *+ * ## jQuery/jqLite Extras+ * Angular also provides the following additional methods and events to both jQuery and jqLite:+ *+ * ### Events+ * - `$destroy` - AngularJS intercepts all jqLite/jQuery's DOM destruction apis and fires this event+ * on all DOM nodes being removed. This can be used to clean up any 3rd party bindings to the DOM+ * element before it is removed.+ *+ * ### Methods+ * - `controller(name)` - retrieves the controller of the current element or its parent. By default+ * retrieves controller associated with the `ngController` directive. If `name` is provided as+ * camelCase directive name, then the controller for this directive will be retrieved (e.g.+ * `'ngModel'`).+ * - `injector()` - retrieves the injector of the current element or its parent.+ * - `scope()` - retrieves the {@link api/ng.$rootScope.Scope scope} of the current+ * element or its parent.+ * - `isolateScope()` - retrieves an isolate {@link api/ng.$rootScope.Scope scope} if one is attached directly to the+ * current element. This getter should be used only on elements that contain a directive which starts a new isolate+ * scope. Calling `scope()` on this element always returns the original non-isolate scope.+ * - `inheritedData()` - same as `data()`, but walks up the DOM until a value is found or the top+ * parent element is reached.+ *+ * @param {string|DOMElement} element HTML string or DOMElement to be wrapped into jQuery.+ * @returns {Object} jQuery object.+ */++var jqCache = JQLite.cache = {},+ jqName = JQLite.expando = 'ng-' + new Date().getTime(),+ jqId = 1,+ addEventListenerFn = (window.document.addEventListener+ ? function(element, type, fn) {element.addEventListener(type, fn, false);}+ : function(element, type, fn) {element.attachEvent('on' + type, fn);}),+ removeEventListenerFn = (window.document.removeEventListener+ ? function(element, type, fn) {element.removeEventListener(type, fn, false); }+ : function(element, type, fn) {element.detachEvent('on' + type, fn); });++function jqNextId() { return ++jqId; }+++var SPECIAL_CHARS_REGEXP = /([\:\-\_]+(.))/g;+var MOZ_HACK_REGEXP = /^moz([A-Z])/;+var jqLiteMinErr = minErr('jqLite');++/**+ * Converts snake_case to camelCase.+ * Also there is special case for Moz prefix starting with upper case letter.+ * @param name Name to normalize+ */+function camelCase(name) {+ return name.+ replace(SPECIAL_CHARS_REGEXP, function(_, separator, letter, offset) {+ return offset ? letter.toUpperCase() : letter;+ }).+ replace(MOZ_HACK_REGEXP, 'Moz$1');+}++/////////////////////////////////////////////+// jQuery mutation patch+//+// In conjunction with bindJQuery intercepts all jQuery's DOM destruction apis and fires a+// $destroy event on all DOM nodes being removed.+//+/////////////////////////////////////////////++function jqLitePatchJQueryRemove(name, dispatchThis, filterElems, getterIfNoArguments) {+ var originalJqFn = jQuery.fn[name];+ originalJqFn = originalJqFn.$original || originalJqFn;+ removePatch.$original = originalJqFn;+ jQuery.fn[name] = removePatch;++ function removePatch(param) {+ // jshint -W040+ var list = filterElems && param ? [this.filter(param)] : [this],+ fireEvent = dispatchThis,+ set, setIndex, setLength,+ element, childIndex, childLength, children;++ if (!getterIfNoArguments || param != null) {+ while(list.length) {+ set = list.shift();+ for(setIndex = 0, setLength = set.length; setIndex < setLength; setIndex++) {+ element = jqLite(set[setIndex]);+ if (fireEvent) {+ element.triggerHandler('$destroy');+ } else {+ fireEvent = !fireEvent;+ }+ for(childIndex = 0, childLength = (children = element.children()).length;+ childIndex < childLength;+ childIndex++) {+ list.push(jQuery(children[childIndex]));+ }+ }+ }+ }+ return originalJqFn.apply(this, arguments);+ }+}++/////////////////////////////////////////////+function JQLite(element) {+ if (element instanceof JQLite) {+ return element;+ }+ if (!(this instanceof JQLite)) {+ if (isString(element) && element.charAt(0) != '<') {+ throw jqLiteMinErr('nosel', 'Looking up elements via selectors is not supported by jqLite! See: http://docs.angularjs.org/api/angular.element');+ }+ return new JQLite(element);+ }++ if (isString(element)) {+ var div = document.createElement('div');+ // Read about the NoScope elements here:+ // http://msdn.microsoft.com/en-us/library/ms533897(VS.85).aspx+ div.innerHTML = '<div> </div>' + element; // IE insanity to make NoScope elements work!+ div.removeChild(div.firstChild); // remove the superfluous div+ jqLiteAddNodes(this, div.childNodes);+ var fragment = jqLite(document.createDocumentFragment());+ fragment.append(this); // detach the elements from the temporary DOM div.+ } else {+ jqLiteAddNodes(this, element);+ }+}++function jqLiteClone(element) {+ return element.cloneNode(true);+}++function jqLiteDealoc(element){+ jqLiteRemoveData(element);+ for ( var i = 0, children = element.childNodes || []; i < children.length; i++) {+ jqLiteDealoc(children[i]);+ }+}++function jqLiteOff(element, type, fn, unsupported) {+ if (isDefined(unsupported)) throw jqLiteMinErr('offargs', 'jqLite#off() does not support the `selector` argument');++ var events = jqLiteExpandoStore(element, 'events'),+ handle = jqLiteExpandoStore(element, 'handle');++ if (!handle) return; //no listeners registered++ if (isUndefined(type)) {+ forEach(events, function(eventHandler, type) {+ removeEventListenerFn(element, type, eventHandler);+ delete events[type];+ });+ } else {+ forEach(type.split(' '), function(type) {+ if (isUndefined(fn)) {+ removeEventListenerFn(element, type, events[type]);+ delete events[type];+ } else {+ arrayRemove(events[type] || [], fn);+ }+ });+ }+}++function jqLiteRemoveData(element, name) {+ var expandoId = element[jqName],+ expandoStore = jqCache[expandoId];++ if (expandoStore) {+ if (name) {+ delete jqCache[expandoId].data[name];+ return;+ }++ if (expandoStore.handle) {+ expandoStore.events.$destroy && expandoStore.handle({}, '$destroy');+ jqLiteOff(element);+ }+ delete jqCache[expandoId];+ element[jqName] = undefined; // ie does not allow deletion of attributes on elements.+ }+}++function jqLiteExpandoStore(element, key, value) {+ var expandoId = element[jqName],+ expandoStore = jqCache[expandoId || -1];++ if (isDefined(value)) {+ if (!expandoStore) {+ element[jqName] = expandoId = jqNextId();+ expandoStore = jqCache[expandoId] = {};+ }+ expandoStore[key] = value;+ } else {+ return expandoStore && expandoStore[key];+ }+}++function jqLiteData(element, key, value) {+ var data = jqLiteExpandoStore(element, 'data'),+ isSetter = isDefined(value),+ keyDefined = !isSetter && isDefined(key),+ isSimpleGetter = keyDefined && !isObject(key);++ if (!data && !isSimpleGetter) {+ jqLiteExpandoStore(element, 'data', data = {});+ }++ if (isSetter) {+ data[key] = value;+ } else {+ if (keyDefined) {+ if (isSimpleGetter) {+ // don't create data in this case.+ return data && data[key];+ } else {+ extend(data, key);+ }+ } else {+ return data;+ }+ }+}++function jqLiteHasClass(element, selector) {+ if (!element.getAttribute) return false;+ return ((" " + (element.getAttribute('class') || '') + " ").replace(/[\n\t]/g, " ").+ indexOf( " " + selector + " " ) > -1);+}++function jqLiteRemoveClass(element, cssClasses) {+ if (cssClasses && element.setAttribute) {+ forEach(cssClasses.split(' '), function(cssClass) {+ element.setAttribute('class', trim(+ (" " + (element.getAttribute('class') || '') + " ")+ .replace(/[\n\t]/g, " ")+ .replace(" " + trim(cssClass) + " ", " "))+ );+ });+ }+}++function jqLiteAddClass(element, cssClasses) {+ if (cssClasses && element.setAttribute) {+ var existingClasses = (' ' + (element.getAttribute('class') || '') + ' ')+ .replace(/[\n\t]/g, " ");++ forEach(cssClasses.split(' '), function(cssClass) {+ cssClass = trim(cssClass);+ if (existingClasses.indexOf(' ' + cssClass + ' ') === -1) {+ existingClasses += cssClass + ' ';+ }+ });++ element.setAttribute('class', trim(existingClasses));+ }+}++function jqLiteAddNodes(root, elements) {+ if (elements) {+ elements = (!elements.nodeName && isDefined(elements.length) && !isWindow(elements))+ ? elements+ : [ elements ];+ for(var i=0; i < elements.length; i++) {+ root.push(elements[i]);+ }+ }+}++function jqLiteController(element, name) {+ return jqLiteInheritedData(element, '$' + (name || 'ngController' ) + 'Controller');+}++function jqLiteInheritedData(element, name, value) {+ element = jqLite(element);++ // if element is the document object work with the html element instead+ // this makes $(document).scope() possible+ if(element[0].nodeType == 9) {+ element = element.find('html');+ }+ var names = isArray(name) ? name : [name];++ while (element.length) {++ for (var i = 0, ii = names.length; i < ii; i++) {+ if ((value = element.data(names[i])) !== undefined) return value;+ }+ element = element.parent();+ }+}++//////////////////////////////////////////+// Functions which are declared directly.+//////////////////////////////////////////+var JQLitePrototype = JQLite.prototype = {+ ready: function(fn) {+ var fired = false;++ function trigger() {+ if (fired) return;+ fired = true;+ fn();+ }++ // check if document already is loaded+ if (document.readyState === 'complete'){+ setTimeout(trigger);+ } else {+ this.on('DOMContentLoaded', trigger); // works for modern browsers and IE9+ // we can not use jqLite since we are not done loading and jQuery could be loaded later.+ // jshint -W064+ JQLite(window).on('load', trigger); // fallback to window.onload for others+ // jshint +W064+ }+ },+ toString: function() {+ var value = [];+ forEach(this, function(e){ value.push('' + e);});+ return '[' + value.join(', ') + ']';+ },++ eq: function(index) {+ return (index >= 0) ? jqLite(this[index]) : jqLite(this[this.length + index]);+ },++ length: 0,+ push: push,+ sort: [].sort,+ splice: [].splice+};++//////////////////////////////////////////+// Functions iterating getter/setters.+// these functions return self on setter and+// value on get.+//////////////////////////////////////////+var BOOLEAN_ATTR = {};+forEach('multiple,selected,checked,disabled,readOnly,required,open'.split(','), function(value) {+ BOOLEAN_ATTR[lowercase(value)] = value;+});+var BOOLEAN_ELEMENTS = {};+forEach('input,select,option,textarea,button,form,details'.split(','), function(value) {+ BOOLEAN_ELEMENTS[uppercase(value)] = true;+});++function getBooleanAttrName(element, name) {+ // check dom last since we will most likely fail on name+ var booleanAttr = BOOLEAN_ATTR[name.toLowerCase()];++ // booleanAttr is here twice to minimize DOM access+ return booleanAttr && BOOLEAN_ELEMENTS[element.nodeName] && booleanAttr;+}++forEach({+ data: jqLiteData,+ inheritedData: jqLiteInheritedData,++ scope: function(element) {+ // Can't use jqLiteData here directly so we stay compatible with jQuery!+ return jqLite(element).data('$scope') || jqLiteInheritedData(element.parentNode || element, ['$isolateScope', '$scope']);+ },++ isolateScope: function(element) {+ // Can't use jqLiteData here directly so we stay compatible with jQuery!+ return jqLite(element).data('$isolateScope') || jqLite(element).data('$isolateScopeNoTemplate');+ },++ controller: jqLiteController ,++ injector: function(element) {+ return jqLiteInheritedData(element, '$injector');+ },++ removeAttr: function(element,name) {+ element.removeAttribute(name);+ },++ hasClass: jqLiteHasClass,++ css: function(element, name, value) {+ name = camelCase(name);++ if (isDefined(value)) {+ element.style[name] = value;+ } else {+ var val;++ if (msie <= 8) {+ // this is some IE specific weirdness that jQuery 1.6.4 does not sure why+ val = element.currentStyle && element.currentStyle[name];+ if (val === '') val = 'auto';+ }++ val = val || element.style[name];++ if (msie <= 8) {+ // jquery weirdness :-/+ val = (val === '') ? undefined : val;+ }++ return val;+ }+ },++ attr: function(element, name, value){+ var lowercasedName = lowercase(name);+ if (BOOLEAN_ATTR[lowercasedName]) {+ if (isDefined(value)) {+ if (!!value) {+ element[name] = true;+ element.setAttribute(name, lowercasedName);+ } else {+ element[name] = false;+ element.removeAttribute(lowercasedName);+ }+ } else {+ return (element[name] ||+ (element.attributes.getNamedItem(name)|| noop).specified)+ ? lowercasedName+ : undefined;+ }+ } else if (isDefined(value)) {+ element.setAttribute(name, value);+ } else if (element.getAttribute) {+ // the extra argument "2" is to get the right thing for a.href in IE, see jQuery code+ // some elements (e.g. Document) don't have get attribute, so return undefined+ var ret = element.getAttribute(name, 2);+ // normalize non-existing attributes to undefined (as jQuery)+ return ret === null ? undefined : ret;+ }+ },++ prop: function(element, name, value) {+ if (isDefined(value)) {+ element[name] = value;+ } else {+ return element[name];+ }+ },++ text: (function() {+ var NODE_TYPE_TEXT_PROPERTY = [];+ if (msie < 9) {+ NODE_TYPE_TEXT_PROPERTY[1] = 'innerText'; /** Element **/+ NODE_TYPE_TEXT_PROPERTY[3] = 'nodeValue'; /** Text **/+ } else {+ NODE_TYPE_TEXT_PROPERTY[1] = /** Element **/+ NODE_TYPE_TEXT_PROPERTY[3] = 'textContent'; /** Text **/+ }+ getText.$dv = '';+ return getText;++ function getText(element, value) {+ var textProp = NODE_TYPE_TEXT_PROPERTY[element.nodeType];+ if (isUndefined(value)) {+ return textProp ? element[textProp] : '';+ }+ element[textProp] = value;+ }+ })(),++ val: function(element, value) {+ if (isUndefined(value)) {+ if (nodeName_(element) === 'SELECT' && element.multiple) {+ var result = [];+ forEach(element.options, function (option) {+ if (option.selected) {+ result.push(option.value || option.text);+ }+ });+ return result.length === 0 ? null : result;+ }+ return element.value;+ }+ element.value = value;+ },++ html: function(element, value) {+ if (isUndefined(value)) {+ return element.innerHTML;+ }+ for (var i = 0, childNodes = element.childNodes; i < childNodes.length; i++) {+ jqLiteDealoc(childNodes[i]);+ }+ element.innerHTML = value;+ }+}, function(fn, name){+ /**+ * Properties: writes return selection, reads return first value+ */+ JQLite.prototype[name] = function(arg1, arg2) {+ var i, key;++ // jqLiteHasClass has only two arguments, but is a getter-only fn, so we need to special-case it+ // in a way that survives minification.+ if (((fn.length == 2 && (fn !== jqLiteHasClass && fn !== jqLiteController)) ? arg1 : arg2) === undefined) {+ if (isObject(arg1)) {++ // we are a write, but the object properties are the key/values+ for(i=0; i < this.length; i++) {+ if (fn === jqLiteData) {+ // data() takes the whole object in jQuery+ fn(this[i], arg1);+ } else {+ for (key in arg1) {+ fn(this[i], key, arg1[key]);+ }+ }+ }+ // return self for chaining+ return this;+ } else {+ // we are a read, so read the first child.+ var value = fn.$dv;+ // Only if we have $dv do we iterate over all, otherwise it is just the first element.+ var jj = (value === undefined) ? Math.min(this.length, 1) : this.length;+ for (var j = 0; j < jj; j++) {+ var nodeValue = fn(this[j], arg1, arg2);+ value = value ? value + nodeValue : nodeValue;+ }+ return value;+ }+ } else {+ // we are a write, so apply to all children+ for(i=0; i < this.length; i++) {+ fn(this[i], arg1, arg2);+ }+ // return self for chaining+ return this;+ }+ };+});++function createEventHandler(element, events) {+ var eventHandler = function (event, type) {+ if (!event.preventDefault) {+ event.preventDefault = function() {+ event.returnValue = false; //ie+ };+ }++ if (!event.stopPropagation) {+ event.stopPropagation = function() {+ event.cancelBubble = true; //ie+ };+ }++ if (!event.target) {+ event.target = event.srcElement || document;+ }++ if (isUndefined(event.defaultPrevented)) {+ var prevent = event.preventDefault;+ event.preventDefault = function() {+ event.defaultPrevented = true;+ prevent.call(event);+ };+ event.defaultPrevented = false;+ }++ event.isDefaultPrevented = function() {+ return event.defaultPrevented || event.returnValue === false;+ };++ forEach(events[type || event.type], function(fn) {+ fn.call(element, event);+ });++ // Remove monkey-patched methods (IE),+ // as they would cause memory leaks in IE8.+ if (msie <= 8) {+ // IE7/8 does not allow to delete property on native object+ event.preventDefault = null;+ event.stopPropagation = null;+ event.isDefaultPrevented = null;+ } else {+ // It shouldn't affect normal browsers (native methods are defined on prototype).+ delete event.preventDefault;+ delete event.stopPropagation;+ delete event.isDefaultPrevented;+ }+ };+ eventHandler.elem = element;+ return eventHandler;+}++//////////////////////////////////////////+// Functions iterating traversal.+// These functions chain results into a single+// selector.+//////////////////////////////////////////+forEach({+ removeData: jqLiteRemoveData,++ dealoc: jqLiteDealoc,++ on: function onFn(element, type, fn, unsupported){+ if (isDefined(unsupported)) throw jqLiteMinErr('onargs', 'jqLite#on() does not support the `selector` or `eventData` parameters');++ var events = jqLiteExpandoStore(element, 'events'),+ handle = jqLiteExpandoStore(element, 'handle');++ if (!events) jqLiteExpandoStore(element, 'events', events = {});+ if (!handle) jqLiteExpandoStore(element, 'handle', handle = createEventHandler(element, events));++ forEach(type.split(' '), function(type){+ var eventFns = events[type];++ if (!eventFns) {+ if (type == 'mouseenter' || type == 'mouseleave') {+ var contains = document.body.contains || document.body.compareDocumentPosition ?+ function( a, b ) {+ // jshint bitwise: false+ var adown = a.nodeType === 9 ? a.documentElement : a,+ bup = b && b.parentNode;+ return a === bup || !!( bup && bup.nodeType === 1 && (+ adown.contains ?+ adown.contains( bup ) :+ a.compareDocumentPosition && a.compareDocumentPosition( bup ) & 16+ ));+ } :+ function( a, b ) {+ if ( b ) {+ while ( (b = b.parentNode) ) {+ if ( b === a ) {+ return true;+ }+ }+ }+ return false;+ };++ events[type] = [];++ // Refer to jQuery's implementation of mouseenter & mouseleave+ // Read about mouseenter and mouseleave:+ // http://www.quirksmode.org/js/events_mouse.html#link8+ var eventmap = { mouseleave : "mouseout", mouseenter : "mouseover"};++ onFn(element, eventmap[type], function(event) {+ var target = this, related = event.relatedTarget;+ // For mousenter/leave call the handler if related is outside the target.+ // NB: No relatedTarget if the mouse left/entered the browser window+ if ( !related || (related !== target && !contains(target, related)) ){+ handle(event, type);+ }+ });++ } else {+ addEventListenerFn(element, type, handle);+ events[type] = [];+ }+ eventFns = events[type];+ }+ eventFns.push(fn);+ });+ },++ off: jqLiteOff,++ replaceWith: function(element, replaceNode) {+ var index, parent = element.parentNode;+ jqLiteDealoc(element);+ forEach(new JQLite(replaceNode), function(node){+ if (index) {+ parent.insertBefore(node, index.nextSibling);+ } else {+ parent.replaceChild(node, element);+ }+ index = node;+ });+ },++ children: function(element) {+ var children = [];+ forEach(element.childNodes, function(element){+ if (element.nodeType === 1)+ children.push(element);+ });+ return children;+ },++ contents: function(element) {+ return element.childNodes || [];+ },++ append: function(element, node) {+ forEach(new JQLite(node), function(child){+ if (element.nodeType === 1 || element.nodeType === 11) {+ element.appendChild(child);+ }+ });+ },++ prepend: function(element, node) {+ if (element.nodeType === 1) {+ var index = element.firstChild;+ forEach(new JQLite(node), function(child){+ element.insertBefore(child, index);+ });+ }+ },++ wrap: function(element, wrapNode) {+ wrapNode = jqLite(wrapNode)[0];+ var parent = element.parentNode;+ if (parent) {+ parent.replaceChild(wrapNode, element);+ }+ wrapNode.appendChild(element);+ },++ remove: function(element) {+ jqLiteDealoc(element);+ var parent = element.parentNode;+ if (parent) parent.removeChild(element);+ },++ after: function(element, newElement) {+ var index = element, parent = element.parentNode;+ forEach(new JQLite(newElement), function(node){+ parent.insertBefore(node, index.nextSibling);+ index = node;+ });+ },++ addClass: jqLiteAddClass,+ removeClass: jqLiteRemoveClass,++ toggleClass: function(element, selector, condition) {+ if (isUndefined(condition)) {+ condition = !jqLiteHasClass(element, selector);+ }+ (condition ? jqLiteAddClass : jqLiteRemoveClass)(element, selector);+ },++ parent: function(element) {+ var parent = element.parentNode;+ return parent && parent.nodeType !== 11 ? parent : null;+ },++ next: function(element) {+ if (element.nextElementSibling) {+ return element.nextElementSibling;+ }++ // IE8 doesn't have nextElementSibling+ var elm = element.nextSibling;+ while (elm != null && elm.nodeType !== 1) {+ elm = elm.nextSibling;+ }+ return elm;+ },++ find: function(element, selector) {+ if (element.getElementsByTagName) {+ return element.getElementsByTagName(selector);+ } else {+ return [];+ }+ },++ clone: jqLiteClone,++ triggerHandler: function(element, eventName, eventData) {+ var eventFns = (jqLiteExpandoStore(element, 'events') || {})[eventName];++ eventData = eventData || [];++ var event = [{+ preventDefault: noop,+ stopPropagation: noop+ }];++ forEach(eventFns, function(fn) {+ fn.apply(element, event.concat(eventData));+ });+ }+}, function(fn, name){+ /**+ * chaining functions+ */+ JQLite.prototype[name] = function(arg1, arg2, arg3) {+ var value;+ for(var i=0; i < this.length; i++) {+ if (isUndefined(value)) {+ value = fn(this[i], arg1, arg2, arg3);+ if (isDefined(value)) {+ // any function which returns a value needs to be wrapped+ value = jqLite(value);+ }+ } else {+ jqLiteAddNodes(value, fn(this[i], arg1, arg2, arg3));+ }+ }+ return isDefined(value) ? value : this;+ };++ // bind legacy bind/unbind to on/off+ JQLite.prototype.bind = JQLite.prototype.on;+ JQLite.prototype.unbind = JQLite.prototype.off;+});++/**+ * Computes a hash of an 'obj'.+ * Hash of a:+ * string is string+ * number is number as string+ * object is either result of calling $$hashKey function on the object or uniquely generated id,+ * that is also assigned to the $$hashKey property of the object.+ *+ * @param obj+ * @returns {string} hash string such that the same input will have the same hash string.+ * The resulting string key is in 'type:hashKey' format.+ */+function hashKey(obj) {+ var objType = typeof obj,+ key;++ if (objType == 'object' && obj !== null) {+ if (typeof (key = obj.$$hashKey) == 'function') {+ // must invoke on object to keep the right this+ key = obj.$$hashKey();+ } else if (key === undefined) {+ key = obj.$$hashKey = nextUid();+ }+ } else {+ key = obj;+ }++ return objType + ':' + key;+}++/**+ * HashMap which can use objects as keys+ */+function HashMap(array){+ forEach(array, this.put, this);+}+HashMap.prototype = {+ /**+ * Store key value pair+ * @param key key to store can be any type+ * @param value value to store can be any type+ */+ put: function(key, value) {+ this[hashKey(key)] = value;+ },++ /**+ * @param key+ * @returns the value for the key+ */+ get: function(key) {+ return this[hashKey(key)];+ },++ /**+ * Remove the key/value pair+ * @param key+ */+ remove: function(key) {+ var value = this[key = hashKey(key)];+ delete this[key];+ return value;+ }+};++/**+ * @ngdoc function+ * @name angular.injector+ * @function+ *+ * @description+ * Creates an injector function that can be used for retrieving services as well as for+ * dependency injection (see {@link guide/di dependency injection}).+ *++ * @param {Array.<string|Function>} modules A list of module functions or their aliases. See+ * {@link angular.module}. The `ng` module must be explicitly added.+ * @returns {function()} Injector function. See {@link AUTO.$injector $injector}.+ *+ * @example+ * Typical usage+ * <pre>+ * // create an injector+ * var $injector = angular.injector(['ng']);+ *+ * // use the injector to kick off your application+ * // use the type inference to auto inject arguments, or use implicit injection+ * $injector.invoke(function($rootScope, $compile, $document){+ * $compile($document)($rootScope);+ * $rootScope.$digest();+ * });+ * </pre>+ */+++/**+ * @ngdoc overview+ * @name AUTO+ * @description+ *+ * Implicit module which gets automatically added to each {@link AUTO.$injector $injector}.+ */++var FN_ARGS = /^function\s*[^\(]*\(\s*([^\)]*)\)/m;+var FN_ARG_SPLIT = /,/;+var FN_ARG = /^\s*(_?)(\S+?)\1\s*$/;+var STRIP_COMMENTS = /((\/\/.*$)|(\/\*[\s\S]*?\*\/))/mg;+var $injectorMinErr = minErr('$injector');+function annotate(fn) {+ var $inject,+ fnText,+ argDecl,+ last;++ if (typeof fn == 'function') {+ if (!($inject = fn.$inject)) {+ $inject = [];+ if (fn.length) {+ fnText = fn.toString().replace(STRIP_COMMENTS, '');+ argDecl = fnText.match(FN_ARGS);+ forEach(argDecl[1].split(FN_ARG_SPLIT), function(arg){+ arg.replace(FN_ARG, function(all, underscore, name){+ $inject.push(name);+ });+ });+ }+ fn.$inject = $inject;+ }+ } else if (isArray(fn)) {+ last = fn.length - 1;+ assertArgFn(fn[last], 'fn');+ $inject = fn.slice(0, last);+ } else {+ assertArgFn(fn, 'fn', true);+ }+ return $inject;+}++///////////////////////////////////////++/**+ * @ngdoc object+ * @name AUTO.$injector+ * @function+ *+ * @description+ *+ * `$injector` is used to retrieve object instances as defined by+ * {@link AUTO.$provide provider}, instantiate types, invoke methods,+ * and load modules.+ *+ * The following always holds true:+ *+ * <pre>+ * var $injector = angular.injector();+ * expect($injector.get('$injector')).toBe($injector);+ * expect($injector.invoke(function($injector){+ * return $injector;+ * }).toBe($injector);+ * </pre>+ *+ * # Injection Function Annotation+ *+ * JavaScript does not have annotations, and annotations are needed for dependency injection. The+ * following are all valid ways of annotating function with injection arguments and are equivalent.+ *+ * <pre>+ * // inferred (only works if code not minified/obfuscated)+ * $injector.invoke(function(serviceA){});+ *+ * // annotated+ * function explicit(serviceA) {};+ * explicit.$inject = ['serviceA'];+ * $injector.invoke(explicit);+ *+ * // inline+ * $injector.invoke(['serviceA', function(serviceA){}]);+ * </pre>+ *+ * ## Inference+ *+ * In JavaScript calling `toString()` on a function returns the function definition. The definition+ * can then be parsed and the function arguments can be extracted. *NOTE:* This does not work with+ * minification, and obfuscation tools since these tools change the argument names.+ *+ * ## `$inject` Annotation+ * By adding a `$inject` property onto a function the injection parameters can be specified.+ *+ * ## Inline+ * As an array of injection names, where the last item in the array is the function to call.+ */++/**+ * @ngdoc method+ * @name AUTO.$injector#get+ * @methodOf AUTO.$injector+ *+ * @description+ * Return an instance of the service.+ *+ * @param {string} name The name of the instance to retrieve.+ * @return {*} The instance.+ */++/**+ * @ngdoc method+ * @name AUTO.$injector#invoke+ * @methodOf AUTO.$injector+ *+ * @description+ * Invoke the method and supply the method arguments from the `$injector`.+ *+ * @param {!function} fn The function to invoke. Function parameters are injected according to the+ * {@link guide/di $inject Annotation} rules.+ * @param {Object=} self The `this` for the invoked method.+ * @param {Object=} locals Optional object. If preset then any argument names are read from this+ * object first, before the `$injector` is consulted.+ * @returns {*} the value returned by the invoked `fn` function.+ */++/**+ * @ngdoc method+ * @name AUTO.$injector#has+ * @methodOf AUTO.$injector+ *+ * @description+ * Allows the user to query if the particular service exist.+ *+ * @param {string} Name of the service to query.+ * @returns {boolean} returns true if injector has given service.+ */++/**+ * @ngdoc method+ * @name AUTO.$injector#instantiate+ * @methodOf AUTO.$injector+ * @description+ * Create a new instance of JS type. The method takes a constructor function invokes the new+ * operator and supplies all of the arguments to the constructor function as specified by the+ * constructor annotation.+ *+ * @param {function} Type Annotated constructor function.+ * @param {Object=} locals Optional object. If preset then any argument names are read from this+ * object first, before the `$injector` is consulted.+ * @returns {Object} new instance of `Type`.+ */++/**+ * @ngdoc method+ * @name AUTO.$injector#annotate+ * @methodOf AUTO.$injector+ *+ * @description+ * Returns an array of service names which the function is requesting for injection. This API is+ * used by the injector to determine which services need to be injected into the function when the+ * function is invoked. There are three ways in which the function can be annotated with the needed+ * dependencies.+ *+ * # Argument names+ *+ * The simplest form is to extract the dependencies from the arguments of the function. This is done+ * by converting the function into a string using `toString()` method and extracting the argument+ * names.+ * <pre>+ * // Given+ * function MyController($scope, $route) {+ * // ...+ * }+ *+ * // Then+ * expect(injector.annotate(MyController)).toEqual(['$scope', '$route']);+ * </pre>+ *+ * This method does not work with code minification / obfuscation. For this reason the following+ * annotation strategies are supported.+ *+ * # The `$inject` property+ *+ * If a function has an `$inject` property and its value is an array of strings, then the strings+ * represent names of services to be injected into the function.+ * <pre>+ * // Given+ * var MyController = function(obfuscatedScope, obfuscatedRoute) {+ * // ...+ * }+ * // Define function dependencies+ * MyController['$inject'] = ['$scope', '$route'];+ *+ * // Then+ * expect(injector.annotate(MyController)).toEqual(['$scope', '$route']);+ * </pre>+ *+ * # The array notation+ *+ * It is often desirable to inline Injected functions and that's when setting the `$inject` property+ * is very inconvenient. In these situations using the array notation to specify the dependencies in+ * a way that survives minification is a better choice:+ *+ * <pre>+ * // We wish to write this (not minification / obfuscation safe)+ * injector.invoke(function($compile, $rootScope) {+ * // ...+ * });+ *+ * // We are forced to write break inlining+ * var tmpFn = function(obfuscatedCompile, obfuscatedRootScope) {+ * // ...+ * };+ * tmpFn.$inject = ['$compile', '$rootScope'];+ * injector.invoke(tmpFn);+ *+ * // To better support inline function the inline annotation is supported+ * injector.invoke(['$compile', '$rootScope', function(obfCompile, obfRootScope) {+ * // ...+ * }]);+ *+ * // Therefore+ * expect(injector.annotate(+ * ['$compile', '$rootScope', function(obfus_$compile, obfus_$rootScope) {}])+ * ).toEqual(['$compile', '$rootScope']);+ * </pre>+ *+ * @param {function|Array.<string|Function>} fn Function for which dependent service names need to+ * be retrieved as described above.+ *+ * @returns {Array.<string>} The names of the services which the function requires.+ */+++++/**+ * @ngdoc object+ * @name AUTO.$provide+ *+ * @description+ *+ * The {@link AUTO.$provide $provide} service has a number of methods for registering components+ * with the {@link AUTO.$injector $injector}. Many of these functions are also exposed on+ * {@link angular.Module}.+ *+ * An Angular **service** is a singleton object created by a **service factory**. These **service+ * factories** are functions which, in turn, are created by a **service provider**.+ * The **service providers** are constructor functions. When instantiated they must contain a+ * property called `$get`, which holds the **service factory** function.+ *+ * When you request a service, the {@link AUTO.$injector $injector} is responsible for finding the+ * correct **service provider**, instantiating it and then calling its `$get` **service factory**+ * function to get the instance of the **service**.+ *+ * Often services have no configuration options and there is no need to add methods to the service+ * provider. The provider will be no more than a constructor function with a `$get` property. For+ * these cases the {@link AUTO.$provide $provide} service has additional helper methods to register+ * services without specifying a provider.+ *+ * * {@link AUTO.$provide#methods_provider provider(provider)} - registers a **service provider** with the+ * {@link AUTO.$injector $injector}+ * * {@link AUTO.$provide#methods_constant constant(obj)} - registers a value/object that can be accessed by+ * providers and services.+ * * {@link AUTO.$provide#methods_value value(obj)} - registers a value/object that can only be accessed by+ * services, not providers.+ * * {@link AUTO.$provide#methods_factory factory(fn)} - registers a service **factory function**, `fn`,+ * that will be wrapped in a **service provider** object, whose `$get` property will contain the+ * given factory function.+ * * {@link AUTO.$provide#methods_service service(class)} - registers a **constructor function**, `class` that+ * that will be wrapped in a **service provider** object, whose `$get` property will instantiate+ * a new object using the given constructor function.+ *+ * See the individual methods for more information and examples.+ */++/**+ * @ngdoc method+ * @name AUTO.$provide#provider+ * @methodOf AUTO.$provide+ * @description+ *+ * Register a **provider function** with the {@link AUTO.$injector $injector}. Provider functions+ * are constructor functions, whose instances are responsible for "providing" a factory for a+ * service.+ *+ * Service provider names start with the name of the service they provide followed by `Provider`.+ * For example, the {@link ng.$log $log} service has a provider called+ * {@link ng.$logProvider $logProvider}.+ *+ * Service provider objects can have additional methods which allow configuration of the provider+ * and its service. Importantly, you can configure what kind of service is created by the `$get`+ * method, or how that service will act. For example, the {@link ng.$logProvider $logProvider} has a+ * method {@link ng.$logProvider#debugEnabled debugEnabled}+ * which lets you specify whether the {@link ng.$log $log} service will log debug messages to the+ * console or not.+ *+ * @param {string} name The name of the instance. NOTE: the provider will be available under `name ++ 'Provider'` key.+ * @param {(Object|function())} provider If the provider is:+ *+ * - `Object`: then it should have a `$get` method. The `$get` method will be invoked using+ * {@link AUTO.$injector#invoke $injector.invoke()} when an instance needs to be+ * created.+ * - `Constructor`: a new instance of the provider will be created using+ * {@link AUTO.$injector#instantiate $injector.instantiate()}, then treated as+ * `object`.+ *+ * @returns {Object} registered provider instance++ * @example+ *+ * The following example shows how to create a simple event tracking service and register it using+ * {@link AUTO.$provide#methods_provider $provide.provider()}.+ *+ * <pre>+ * // Define the eventTracker provider+ * function EventTrackerProvider() {+ * var trackingUrl = '/track';+ *+ * // A provider method for configuring where the tracked events should been saved+ * this.setTrackingUrl = function(url) {+ * trackingUrl = url;+ * };+ *+ * // The service factory function+ * this.$get = ['$http', function($http) {+ * var trackedEvents = {};+ * return {+ * // Call this to track an event+ * event: function(event) {+ * var count = trackedEvents[event] || 0;+ * count += 1;+ * trackedEvents[event] = count;+ * return count;+ * },+ * // Call this to save the tracked events to the trackingUrl+ * save: function() {+ * $http.post(trackingUrl, trackedEvents);+ * }+ * };+ * }];+ * }+ *+ * describe('eventTracker', function() {+ * var postSpy;+ *+ * beforeEach(module(function($provide) {+ * // Register the eventTracker provider+ * $provide.provider('eventTracker', EventTrackerProvider);+ * }));+ *+ * beforeEach(module(function(eventTrackerProvider) {+ * // Configure eventTracker provider+ * eventTrackerProvider.setTrackingUrl('/custom-track');+ * }));+ *+ * it('tracks events', inject(function(eventTracker) {+ * expect(eventTracker.event('login')).toEqual(1);+ * expect(eventTracker.event('login')).toEqual(2);+ * }));+ *+ * it('saves to the tracking url', inject(function(eventTracker, $http) {+ * postSpy = spyOn($http, 'post');+ * eventTracker.event('login');+ * eventTracker.save();+ * expect(postSpy).toHaveBeenCalled();+ * expect(postSpy.mostRecentCall.args[0]).not.toEqual('/track');+ * expect(postSpy.mostRecentCall.args[0]).toEqual('/custom-track');+ * expect(postSpy.mostRecentCall.args[1]).toEqual({ 'login': 1 });+ * }));+ * });+ * </pre>+ */++/**+ * @ngdoc method+ * @name AUTO.$provide#factory+ * @methodOf AUTO.$provide+ * @description+ *+ * Register a **service factory**, which will be called to return the service instance.+ * This is short for registering a service where its provider consists of only a `$get` property,+ * which is the given service factory function.+ * You should use {@link AUTO.$provide#factory $provide.factory(getFn)} if you do not need to+ * configure your service in a provider.+ *+ * @param {string} name The name of the instance.+ * @param {function()} $getFn The $getFn for the instance creation. Internally this is a short hand+ * for `$provide.provider(name, {$get: $getFn})`.+ * @returns {Object} registered provider instance+ *+ * @example+ * Here is an example of registering a service+ * <pre>+ * $provide.factory('ping', ['$http', function($http) {+ * return function ping() {+ * return $http.send('/ping');+ * };+ * }]);+ * </pre>+ * You would then inject and use this service like this:+ * <pre>+ * someModule.controller('Ctrl', ['ping', function(ping) {+ * ping();+ * }]);+ * </pre>+ */+++/**+ * @ngdoc method+ * @name AUTO.$provide#service+ * @methodOf AUTO.$provide+ * @description+ *+ * Register a **service constructor**, which will be invoked with `new` to create the service+ * instance.+ * This is short for registering a service where its provider's `$get` property is the service+ * constructor function that will be used to instantiate the service instance.+ *+ * You should use {@link AUTO.$provide#methods_service $provide.service(class)} if you define your service+ * as a type/class. This is common when using {@link http://coffeescript.org CoffeeScript}.+ *+ * @param {string} name The name of the instance.+ * @param {Function} constructor A class (constructor function) that will be instantiated.+ * @returns {Object} registered provider instance+ *+ * @example+ * Here is an example of registering a service using+ * {@link AUTO.$provide#methods_service $provide.service(class)} that is defined as a CoffeeScript class.+ * <pre>+ * class Ping+ * constructor: (@$http)->+ * send: ()=>+ * @$http.get('/ping')+ *+ * $provide.service('ping', ['$http', Ping])+ * </pre>+ * You would then inject and use this service like this:+ * <pre>+ * someModule.controller 'Ctrl', ['ping', (ping)->+ * ping.send()+ * ]+ * </pre>+ */+++/**+ * @ngdoc method+ * @name AUTO.$provide#value+ * @methodOf AUTO.$provide+ * @description+ *+ * Register a **value service** with the {@link AUTO.$injector $injector}, such as a string, a+ * number, an array, an object or a function. This is short for registering a service where its+ * provider's `$get` property is a factory function that takes no arguments and returns the **value+ * service**.+ *+ * Value services are similar to constant services, except that they cannot be injected into a+ * module configuration function (see {@link angular.Module#config}) but they can be overridden by+ * an Angular+ * {@link AUTO.$provide#decorator decorator}.+ *+ * @param {string} name The name of the instance.+ * @param {*} value The value.+ * @returns {Object} registered provider instance+ *+ * @example+ * Here are some examples of creating value services.+ * <pre>+ * $provide.value('ADMIN_USER', 'admin');+ *+ * $provide.value('RoleLookup', { admin: 0, writer: 1, reader: 2 });+ *+ * $provide.value('halfOf', function(value) {+ * return value / 2;+ * });+ * </pre>+ */+++/**+ * @ngdoc method+ * @name AUTO.$provide#constant+ * @methodOf AUTO.$provide+ * @description+ *+ * Register a **constant service**, such as a string, a number, an array, an object or a function,+ * with the {@link AUTO.$injector $injector}. Unlike {@link AUTO.$provide#value value} it can be+ * injected into a module configuration function (see {@link angular.Module#config}) and it cannot+ * be overridden by an Angular {@link AUTO.$provide#decorator decorator}.+ *+ * @param {string} name The name of the constant.+ * @param {*} value The constant value.+ * @returns {Object} registered instance+ *+ * @example+ * Here a some examples of creating constants:+ * <pre>+ * $provide.constant('SHARD_HEIGHT', 306);+ *+ * $provide.constant('MY_COLOURS', ['red', 'blue', 'grey']);+ *+ * $provide.constant('double', function(value) {+ * return value * 2;+ * });+ * </pre>+ */+++/**+ * @ngdoc method+ * @name AUTO.$provide#decorator+ * @methodOf AUTO.$provide+ * @description+ *+ * Register a **service decorator** with the {@link AUTO.$injector $injector}. A service decorator+ * intercepts the creation of a service, allowing it to override or modify the behaviour of the+ * service. The object returned by the decorator may be the original service, or a new service+ * object which replaces or wraps and delegates to the original service.+ *+ * @param {string} name The name of the service to decorate.+ * @param {function()} decorator This function will be invoked when the service needs to be+ * instantiated and should return the decorated service instance. The function is called using+ * the {@link AUTO.$injector#invoke injector.invoke} method and is therefore fully injectable.+ * Local injection arguments:+ *+ * * `$delegate` - The original service instance, which can be monkey patched, configured,+ * decorated or delegated to.+ *+ * @example+ * Here we decorate the {@link ng.$log $log} service to convert warnings to errors by intercepting+ * calls to {@link ng.$log#error $log.warn()}.+ * <pre>+ * $provider.decorator('$log', ['$delegate', function($delegate) {+ * $delegate.warn = $delegate.error;+ * return $delegate;+ * }]);+ * </pre>+ */+++function createInjector(modulesToLoad) {+ var INSTANTIATING = {},+ providerSuffix = 'Provider',+ path = [],+ loadedModules = new HashMap(),+ providerCache = {+ $provide: {+ provider: supportObject(provider),+ factory: supportObject(factory),+ service: supportObject(service),+ value: supportObject(value),+ constant: supportObject(constant),+ decorator: decorator+ }+ },+ providerInjector = (providerCache.$injector =+ createInternalInjector(providerCache, function() {+ throw $injectorMinErr('unpr', "Unknown provider: {0}", path.join(' <- '));+ })),+ instanceCache = {},+ instanceInjector = (instanceCache.$injector =+ createInternalInjector(instanceCache, function(servicename) {+ var provider = providerInjector.get(servicename + providerSuffix);+ return instanceInjector.invoke(provider.$get, provider);+ }));+++ forEach(loadModules(modulesToLoad), function(fn) { instanceInjector.invoke(fn || noop); });++ return instanceInjector;++ ////////////////////////////////////+ // $provider+ ////////////////////////////////////++ function supportObject(delegate) {+ return function(key, value) {+ if (isObject(key)) {+ forEach(key, reverseParams(delegate));+ } else {+ return delegate(key, value);+ }+ };+ }++ function provider(name, provider_) {+ assertNotHasOwnProperty(name, 'service');+ if (isFunction(provider_) || isArray(provider_)) {+ provider_ = providerInjector.instantiate(provider_);+ }+ if (!provider_.$get) {+ throw $injectorMinErr('pget', "Provider '{0}' must define $get factory method.", name);+ }+ return providerCache[name + providerSuffix] = provider_;+ }++ function factory(name, factoryFn) { return provider(name, { $get: factoryFn }); }++ function service(name, constructor) {+ return factory(name, ['$injector', function($injector) {+ return $injector.instantiate(constructor);+ }]);+ }++ function value(name, val) { return factory(name, valueFn(val)); }++ function constant(name, value) {+ assertNotHasOwnProperty(name, 'constant');+ providerCache[name] = value;+ instanceCache[name] = value;+ }++ function decorator(serviceName, decorFn) {+ var origProvider = providerInjector.get(serviceName + providerSuffix),+ orig$get = origProvider.$get;++ origProvider.$get = function() {+ var origInstance = instanceInjector.invoke(orig$get, origProvider);+ return instanceInjector.invoke(decorFn, null, {$delegate: origInstance});+ };+ }++ ////////////////////////////////////+ // Module Loading+ ////////////////////////////////////+ function loadModules(modulesToLoad){+ var runBlocks = [], moduleFn, invokeQueue, i, ii;+ forEach(modulesToLoad, function(module) {+ if (loadedModules.get(module)) return;+ loadedModules.put(module, true);++ try {+ if (isString(module)) {+ moduleFn = angularModule(module);+ runBlocks = runBlocks.concat(loadModules(moduleFn.requires)).concat(moduleFn._runBlocks);++ for(invokeQueue = moduleFn._invokeQueue, i = 0, ii = invokeQueue.length; i < ii; i++) {+ var invokeArgs = invokeQueue[i],+ provider = providerInjector.get(invokeArgs[0]);++ provider[invokeArgs[1]].apply(provider, invokeArgs[2]);+ }+ } else if (isFunction(module)) {+ runBlocks.push(providerInjector.invoke(module));+ } else if (isArray(module)) {+ runBlocks.push(providerInjector.invoke(module));+ } else {+ assertArgFn(module, 'module');+ }+ } catch (e) {+ if (isArray(module)) {+ module = module[module.length - 1];+ }+ if (e.message && e.stack && e.stack.indexOf(e.message) == -1) {+ // Safari & FF's stack traces don't contain error.message content+ // unlike those of Chrome and IE+ // So if stack doesn't contain message, we create a new string that contains both.+ // Since error.stack is read-only in Safari, I'm overriding e and not e.stack here.+ /* jshint -W022 */+ e = e.message + '\n' + e.stack;+ }+ throw $injectorMinErr('modulerr', "Failed to instantiate module {0} due to:\n{1}",+ module, e.stack || e.message || e);+ }+ });+ return runBlocks;+ }++ ////////////////////////////////////+ // internal Injector+ ////////////////////////////////////++ function createInternalInjector(cache, factory) {++ function getService(serviceName) {+ if (cache.hasOwnProperty(serviceName)) {+ if (cache[serviceName] === INSTANTIATING) {+ throw $injectorMinErr('cdep', 'Circular dependency found: {0}', path.join(' <- '));+ }+ return cache[serviceName];+ } else {+ try {+ path.unshift(serviceName);+ cache[serviceName] = INSTANTIATING;+ return cache[serviceName] = factory(serviceName);+ } finally {+ path.shift();+ }+ }+ }++ function invoke(fn, self, locals){+ var args = [],+ $inject = annotate(fn),+ length, i,+ key;++ for(i = 0, length = $inject.length; i < length; i++) {+ key = $inject[i];+ if (typeof key !== 'string') {+ throw $injectorMinErr('itkn',+ 'Incorrect injection token! Expected service name as string, got {0}', key);+ }+ args.push(+ locals && locals.hasOwnProperty(key)+ ? locals[key]+ : getService(key)+ );+ }+ if (!fn.$inject) {+ // this means that we must be an array.+ fn = fn[length];+ }+++ // Performance optimization: http://jsperf.com/apply-vs-call-vs-invoke+ switch (self ? -1 : args.length) {+ case 0: return fn();+ case 1: return fn(args[0]);+ case 2: return fn(args[0], args[1]);+ case 3: return fn(args[0], args[1], args[2]);+ case 4: return fn(args[0], args[1], args[2], args[3]);+ case 5: return fn(args[0], args[1], args[2], args[3], args[4]);+ case 6: return fn(args[0], args[1], args[2], args[3], args[4], args[5]);+ case 7: return fn(args[0], args[1], args[2], args[3], args[4], args[5], args[6]);+ case 8: return fn(args[0], args[1], args[2], args[3], args[4], args[5], args[6], args[7]);+ case 9: return fn(args[0], args[1], args[2], args[3], args[4], args[5], args[6], args[7],+ args[8]);+ case 10: return fn(args[0], args[1], args[2], args[3], args[4], args[5], args[6], args[7],+ args[8], args[9]);+ default: return fn.apply(self, args);+ }+ }++ function instantiate(Type, locals) {+ var Constructor = function() {},+ instance, returnedValue;++ // Check if Type is annotated and use just the given function at n-1 as parameter+ // e.g. someModule.factory('greeter', ['$window', function(renamed$window) {}]);+ Constructor.prototype = (isArray(Type) ? Type[Type.length - 1] : Type).prototype;+ instance = new Constructor();+ returnedValue = invoke(Type, instance, locals);++ return isObject(returnedValue) || isFunction(returnedValue) ? returnedValue : instance;+ }++ return {+ invoke: invoke,+ instantiate: instantiate,+ get: getService,+ annotate: annotate,+ has: function(name) {+ return providerCache.hasOwnProperty(name + providerSuffix) || cache.hasOwnProperty(name);+ }+ };+ }+}++/**+ * @ngdoc function+ * @name ng.$anchorScroll+ * @requires $window+ * @requires $location+ * @requires $rootScope+ *+ * @description+ * When called, it checks current value of `$location.hash()` and scroll to related element,+ * according to rules specified in+ * {@link http://dev.w3.org/html5/spec/Overview.html#the-indicated-part-of-the-document Html5 spec}.+ *+ * It also watches the `$location.hash()` and scrolls whenever it changes to match any anchor.+ * This can be disabled by calling `$anchorScrollProvider.disableAutoScrolling()`.+ * + * @example+ <example>+ <file name="index.html">+ <div id="scrollArea" ng-controller="ScrollCtrl">+ <a ng-click="gotoBottom()">Go to bottom</a>+ <a id="bottom"></a> You're at the bottom!+ </div>+ </file>+ <file name="script.js">+ function ScrollCtrl($scope, $location, $anchorScroll) {+ $scope.gotoBottom = function (){+ // set the location.hash to the id of+ // the element you wish to scroll to.+ $location.hash('bottom');+ + // call $anchorScroll()+ $anchorScroll();+ }+ }+ </file>+ <file name="style.css">+ #scrollArea {+ height: 350px;+ overflow: auto;+ }++ #bottom {+ display: block;+ margin-top: 2000px;+ }+ </file>+ </example>+ */+function $AnchorScrollProvider() {++ var autoScrollingEnabled = true;++ this.disableAutoScrolling = function() {+ autoScrollingEnabled = false;+ };++ this.$get = ['$window', '$location', '$rootScope', function($window, $location, $rootScope) {+ var document = $window.document;++ // helper function to get first anchor from a NodeList+ // can't use filter.filter, as it accepts only instances of Array+ // and IE can't convert NodeList to an array using [].slice+ // TODO(vojta): use filter if we change it to accept lists as well+ function getFirstAnchor(list) {+ var result = null;+ forEach(list, function(element) {+ if (!result && lowercase(element.nodeName) === 'a') result = element;+ });+ return result;+ }++ function scroll() {+ var hash = $location.hash(), elm;++ // empty hash, scroll to the top of the page+ if (!hash) $window.scrollTo(0, 0);++ // element with given id+ else if ((elm = document.getElementById(hash))) elm.scrollIntoView();++ // first anchor with given name :-D+ else if ((elm = getFirstAnchor(document.getElementsByName(hash)))) elm.scrollIntoView();++ // no element and hash == 'top', scroll to the top of the page+ else if (hash === 'top') $window.scrollTo(0, 0);+ }++ // does not scroll when user clicks on anchor link that is currently on+ // (no url change, no $location.hash() change), browser native does scroll+ if (autoScrollingEnabled) {+ $rootScope.$watch(function autoScrollWatch() {return $location.hash();},+ function autoScrollWatchAction() {+ $rootScope.$evalAsync(scroll);+ });+ }++ return scroll;+ }];+}++var $animateMinErr = minErr('$animate');++/**+ * @ngdoc object+ * @name ng.$animateProvider+ *+ * @description+ * Default implementation of $animate that doesn't perform any animations, instead just+ * synchronously performs DOM+ * updates and calls done() callbacks.+ *+ * In order to enable animations the ngAnimate module has to be loaded.+ *+ * To see the functional implementation check out src/ngAnimate/animate.js+ */+var $AnimateProvider = ['$provide', function($provide) {++ + this.$$selectors = {};+++ /**+ * @ngdoc function+ * @name ng.$animateProvider#register+ * @methodOf ng.$animateProvider+ *+ * @description+ * Registers a new injectable animation factory function. The factory function produces the+ * animation object which contains callback functions for each event that is expected to be+ * animated.+ *+ * * `eventFn`: `function(Element, doneFunction)` The element to animate, the `doneFunction`+ * must be called once the element animation is complete. If a function is returned then the+ * animation service will use this function to cancel the animation whenever a cancel event is+ * triggered.+ *+ *+ *<pre>+ * return {+ * eventFn : function(element, done) {+ * //code to run the animation+ * //once complete, then run done()+ * return function cancellationFunction() {+ * //code to cancel the animation+ * }+ * }+ * }+ *</pre>+ *+ * @param {string} name The name of the animation.+ * @param {function} factory The factory function that will be executed to return the animation+ * object.+ */+ this.register = function(name, factory) {+ var key = name + '-animation';+ if (name && name.charAt(0) != '.') throw $animateMinErr('notcsel',+ "Expecting class selector starting with '.' got '{0}'.", name);+ this.$$selectors[name.substr(1)] = key;+ $provide.factory(key, factory);+ };++ this.$get = ['$timeout', function($timeout) {++ /**+ *+ * @ngdoc object+ * @name ng.$animate+ * @description The $animate service provides rudimentary DOM manipulation functions to+ * insert, remove and move elements within the DOM, as well as adding and removing classes.+ * This service is the core service used by the ngAnimate $animator service which provides+ * high-level animation hooks for CSS and JavaScript.+ *+ * $animate is available in the AngularJS core, however, the ngAnimate module must be included+ * to enable full out animation support. Otherwise, $animate will only perform simple DOM+ * manipulation operations.+ *+ * To learn more about enabling animation support, click here to visit the {@link ngAnimate+ * ngAnimate module page} as well as the {@link ngAnimate.$animate ngAnimate $animate service+ * page}.+ */+ return {++ /**+ *+ * @ngdoc function+ * @name ng.$animate#enter+ * @methodOf ng.$animate+ * @function+ * @description Inserts the element into the DOM either after the `after` element or within+ * the `parent` element. Once complete, the done() callback will be fired (if provided).+ * @param {jQuery/jqLite element} element the element which will be inserted into the DOM+ * @param {jQuery/jqLite element} parent the parent element which will append the element as+ * a child (if the after element is not present)+ * @param {jQuery/jqLite element} after the sibling element which will append the element+ * after itself+ * @param {function=} done callback function that will be called after the element has been+ * inserted into the DOM+ */+ enter : function(element, parent, after, done) {+ if (after) {+ after.after(element);+ } else {+ if (!parent || !parent[0]) {+ parent = after.parent();+ }+ parent.append(element);+ }+ done && $timeout(done, 0, false);+ },++ /**+ *+ * @ngdoc function+ * @name ng.$animate#leave+ * @methodOf ng.$animate+ * @function+ * @description Removes the element from the DOM. Once complete, the done() callback will be+ * fired (if provided).+ * @param {jQuery/jqLite element} element the element which will be removed from the DOM+ * @param {function=} done callback function that will be called after the element has been+ * removed from the DOM+ */+ leave : function(element, done) {+ element.remove();+ done && $timeout(done, 0, false);+ },++ /**+ *+ * @ngdoc function+ * @name ng.$animate#move+ * @methodOf ng.$animate+ * @function+ * @description Moves the position of the provided element within the DOM to be placed+ * either after the `after` element or inside of the `parent` element. Once complete, the+ * done() callback will be fired (if provided).+ * + * @param {jQuery/jqLite element} element the element which will be moved around within the+ * DOM+ * @param {jQuery/jqLite element} parent the parent element where the element will be+ * inserted into (if the after element is not present)+ * @param {jQuery/jqLite element} after the sibling element where the element will be+ * positioned next to+ * @param {function=} done the callback function (if provided) that will be fired after the+ * element has been moved to its new position+ */+ move : function(element, parent, after, done) {+ // Do not remove element before insert. Removing will cause data associated with the+ // element to be dropped. Insert will implicitly do the remove.+ this.enter(element, parent, after, done);+ },++ /**+ *+ * @ngdoc function+ * @name ng.$animate#addClass+ * @methodOf ng.$animate+ * @function+ * @description Adds the provided className CSS class value to the provided element. Once+ * complete, the done() callback will be fired (if provided).+ * @param {jQuery/jqLite element} element the element which will have the className value+ * added to it+ * @param {string} className the CSS class which will be added to the element+ * @param {function=} done the callback function (if provided) that will be fired after the+ * className value has been added to the element+ */+ addClass : function(element, className, done) {+ className = isString(className) ?+ className :+ isArray(className) ? className.join(' ') : '';+ forEach(element, function (element) {+ jqLiteAddClass(element, className);+ });+ done && $timeout(done, 0, false);+ },++ /**+ *+ * @ngdoc function+ * @name ng.$animate#removeClass+ * @methodOf ng.$animate+ * @function+ * @description Removes the provided className CSS class value from the provided element.+ * Once complete, the done() callback will be fired (if provided).+ * @param {jQuery/jqLite element} element the element which will have the className value+ * removed from it+ * @param {string} className the CSS class which will be removed from the element+ * @param {function=} done the callback function (if provided) that will be fired after the+ * className value has been removed from the element+ */+ removeClass : function(element, className, done) {+ className = isString(className) ?+ className :+ isArray(className) ? className.join(' ') : '';+ forEach(element, function (element) {+ jqLiteRemoveClass(element, className);+ });+ done && $timeout(done, 0, false);+ },++ enabled : noop+ };+ }];+}];++/**+ * ! This is a private undocumented service !+ *+ * @name ng.$browser+ * @requires $log+ * @description+ * This object has two goals:+ *+ * - hide all the global state in the browser caused by the window object+ * - abstract away all the browser specific features and inconsistencies+ *+ * For tests we provide {@link ngMock.$browser mock implementation} of the `$browser`+ * service, which can be used for convenient testing of the application without the interaction with+ * the real browser apis.+ */+/**+ * @param {object} window The global window object.+ * @param {object} document jQuery wrapped document.+ * @param {function()} XHR XMLHttpRequest constructor.+ * @param {object} $log console.log or an object with the same interface.+ * @param {object} $sniffer $sniffer service+ */+function Browser(window, document, $log, $sniffer) {+ var self = this,+ rawDocument = document[0],+ location = window.location,+ history = window.history,+ setTimeout = window.setTimeout,+ clearTimeout = window.clearTimeout,+ pendingDeferIds = {};++ self.isMock = false;++ var outstandingRequestCount = 0;+ var outstandingRequestCallbacks = [];++ // TODO(vojta): remove this temporary api+ self.$$completeOutstandingRequest = completeOutstandingRequest;+ self.$$incOutstandingRequestCount = function() { outstandingRequestCount++; };++ /**+ * Executes the `fn` function(supports currying) and decrements the `outstandingRequestCallbacks`+ * counter. If the counter reaches 0, all the `outstandingRequestCallbacks` are executed.+ */+ function completeOutstandingRequest(fn) {+ try {+ fn.apply(null, sliceArgs(arguments, 1));+ } finally {+ outstandingRequestCount--;+ if (outstandingRequestCount === 0) {+ while(outstandingRequestCallbacks.length) {+ try {+ outstandingRequestCallbacks.pop()();+ } catch (e) {+ $log.error(e);+ }+ }+ }+ }+ }++ /**+ * @private+ * Note: this method is used only by scenario runner+ * TODO(vojta): prefix this method with $$ ?+ * @param {function()} callback Function that will be called when no outstanding request+ */+ self.notifyWhenNoOutstandingRequests = function(callback) {+ // force browser to execute all pollFns - this is needed so that cookies and other pollers fire+ // at some deterministic time in respect to the test runner's actions. Leaving things up to the+ // regular poller would result in flaky tests.+ forEach(pollFns, function(pollFn){ pollFn(); });++ if (outstandingRequestCount === 0) {+ callback();+ } else {+ outstandingRequestCallbacks.push(callback);+ }+ };++ //////////////////////////////////////////////////////////////+ // Poll Watcher API+ //////////////////////////////////////////////////////////////+ var pollFns = [],+ pollTimeout;++ /**+ * @name ng.$browser#addPollFn+ * @methodOf ng.$browser+ *+ * @param {function()} fn Poll function to add+ *+ * @description+ * Adds a function to the list of functions that poller periodically executes,+ * and starts polling if not started yet.+ *+ * @returns {function()} the added function+ */+ self.addPollFn = function(fn) {+ if (isUndefined(pollTimeout)) startPoller(100, setTimeout);+ pollFns.push(fn);+ return fn;+ };++ /**+ * @param {number} interval How often should browser call poll functions (ms)+ * @param {function()} setTimeout Reference to a real or fake `setTimeout` function.+ *+ * @description+ * Configures the poller to run in the specified intervals, using the specified+ * setTimeout fn and kicks it off.+ */+ function startPoller(interval, setTimeout) {+ (function check() {+ forEach(pollFns, function(pollFn){ pollFn(); });+ pollTimeout = setTimeout(check, interval);+ })();+ }++ //////////////////////////////////////////////////////////////+ // URL API+ //////////////////////////////////////////////////////////////++ var lastBrowserUrl = location.href,+ baseElement = document.find('base'),+ newLocation = null;++ /**+ * @name ng.$browser#url+ * @methodOf ng.$browser+ *+ * @description+ * GETTER:+ * Without any argument, this method just returns current value of location.href.+ *+ * SETTER:+ * With at least one argument, this method sets url to new value.+ * If html5 history api supported, pushState/replaceState is used, otherwise+ * location.href/location.replace is used.+ * Returns its own instance to allow chaining+ *+ * NOTE: this api is intended for use only by the $location service. Please use the+ * {@link ng.$location $location service} to change url.+ *+ * @param {string} url New url (when used as setter)+ * @param {boolean=} replace Should new url replace current history record ?+ */+ self.url = function(url, replace) {+ // Android Browser BFCache causes location reference to become stale.+ if (location !== window.location) location = window.location;++ // setter+ if (url) {+ if (lastBrowserUrl == url) return;+ lastBrowserUrl = url;+ if ($sniffer.history) {+ if (replace) history.replaceState(null, '', url);+ else {+ history.pushState(null, '', url);+ // Crazy Opera Bug: http://my.opera.com/community/forums/topic.dml?id=1185462+ baseElement.attr('href', baseElement.attr('href'));+ }+ } else {+ newLocation = url;+ if (replace) {+ location.replace(url);+ } else {+ location.href = url;+ }+ }+ return self;+ // getter+ } else {+ // - newLocation is a workaround for an IE7-9 issue with location.replace and location.href+ // methods not updating location.href synchronously.+ // - the replacement is a workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=407172+ return newLocation || location.href.replace(/%27/g,"'");+ }+ };++ var urlChangeListeners = [],+ urlChangeInit = false;++ function fireUrlChange() {+ newLocation = null;+ if (lastBrowserUrl == self.url()) return;++ lastBrowserUrl = self.url();+ forEach(urlChangeListeners, function(listener) {+ listener(self.url());+ });+ }++ /**+ * @name ng.$browser#onUrlChange+ * @methodOf ng.$browser+ * @TODO(vojta): refactor to use node's syntax for events+ *+ * @description+ * Register callback function that will be called, when url changes.+ *+ * It's only called when the url is changed by outside of angular:+ * - user types different url into address bar+ * - user clicks on history (forward/back) button+ * - user clicks on a link+ *+ * It's not called when url is changed by $browser.url() method+ *+ * The listener gets called with new url as parameter.+ *+ * NOTE: this api is intended for use only by the $location service. Please use the+ * {@link ng.$location $location service} to monitor url changes in angular apps.+ *+ * @param {function(string)} listener Listener function to be called when url changes.+ * @return {function(string)} Returns the registered listener fn - handy if the fn is anonymous.+ */+ self.onUrlChange = function(callback) {+ if (!urlChangeInit) {+ // We listen on both (hashchange/popstate) when available, as some browsers (e.g. Opera)+ // don't fire popstate when user change the address bar and don't fire hashchange when url+ // changed by push/replaceState++ // html5 history api - popstate event+ if ($sniffer.history) jqLite(window).on('popstate', fireUrlChange);+ // hashchange event+ if ($sniffer.hashchange) jqLite(window).on('hashchange', fireUrlChange);+ // polling+ else self.addPollFn(fireUrlChange);++ urlChangeInit = true;+ }++ urlChangeListeners.push(callback);+ return callback;+ };++ //////////////////////////////////////////////////////////////+ // Misc API+ //////////////////////////////////////////////////////////////++ /**+ * @name ng.$browser#baseHref+ * @methodOf ng.$browser+ * + * @description+ * Returns current <base href>+ * (always relative - without domain)+ *+ * @returns {string=} current <base href>+ */+ self.baseHref = function() {+ var href = baseElement.attr('href');+ return href ? href.replace(/^https?\:\/\/[^\/]*/, '') : '';+ };++ //////////////////////////////////////////////////////////////+ // Cookies API+ //////////////////////////////////////////////////////////////+ var lastCookies = {};+ var lastCookieString = '';+ var cookiePath = self.baseHref();++ /**+ * @name ng.$browser#cookies+ * @methodOf ng.$browser+ *+ * @param {string=} name Cookie name+ * @param {string=} value Cookie value+ *+ * @description+ * The cookies method provides a 'private' low level access to browser cookies.+ * It is not meant to be used directly, use the $cookie service instead.+ *+ * The return values vary depending on the arguments that the method was called with as follows:+ * + * - cookies() -> hash of all cookies, this is NOT a copy of the internal state, so do not modify+ * it+ * - cookies(name, value) -> set name to value, if value is undefined delete the cookie+ * - cookies(name) -> the same as (name, undefined) == DELETES (no one calls it right now that+ * way)+ * + * @returns {Object} Hash of all cookies (if called without any parameter)+ */+ self.cookies = function(name, value) {+ /* global escape: false, unescape: false */+ var cookieLength, cookieArray, cookie, i, index;++ if (name) {+ if (value === undefined) {+ rawDocument.cookie = escape(name) + "=;path=" + cookiePath ++ ";expires=Thu, 01 Jan 1970 00:00:00 GMT";+ } else {+ if (isString(value)) {+ cookieLength = (rawDocument.cookie = escape(name) + '=' + escape(value) ++ ';path=' + cookiePath).length + 1;++ // per http://www.ietf.org/rfc/rfc2109.txt browser must allow at minimum:+ // - 300 cookies+ // - 20 cookies per unique domain+ // - 4096 bytes per cookie+ if (cookieLength > 4096) {+ $log.warn("Cookie '"+ name ++ "' possibly not set or overflowed because it was too large ("++ cookieLength + " > 4096 bytes)!");+ }+ }+ }+ } else {+ if (rawDocument.cookie !== lastCookieString) {+ lastCookieString = rawDocument.cookie;+ cookieArray = lastCookieString.split("; ");+ lastCookies = {};++ for (i = 0; i < cookieArray.length; i++) {+ cookie = cookieArray[i];+ index = cookie.indexOf('=');+ if (index > 0) { //ignore nameless cookies+ name = unescape(cookie.substring(0, index));+ // the first value that is seen for a cookie is the most+ // specific one. values for the same cookie name that+ // follow are for less specific paths.+ if (lastCookies[name] === undefined) {+ lastCookies[name] = unescape(cookie.substring(index + 1));+ }+ }+ }+ }+ return lastCookies;+ }+ };+++ /**+ * @name ng.$browser#defer+ * @methodOf ng.$browser+ * @param {function()} fn A function, who's execution should be deferred.+ * @param {number=} [delay=0] of milliseconds to defer the function execution.+ * @returns {*} DeferId that can be used to cancel the task via `$browser.defer.cancel()`.+ *+ * @description+ * Executes a fn asynchronously via `setTimeout(fn, delay)`.+ *+ * Unlike when calling `setTimeout` directly, in test this function is mocked and instead of using+ * `setTimeout` in tests, the fns are queued in an array, which can be programmatically flushed+ * via `$browser.defer.flush()`.+ *+ */+ self.defer = function(fn, delay) {+ var timeoutId;+ outstandingRequestCount++;+ timeoutId = setTimeout(function() {+ delete pendingDeferIds[timeoutId];+ completeOutstandingRequest(fn);+ }, delay || 0);+ pendingDeferIds[timeoutId] = true;+ return timeoutId;+ };+++ /**+ * @name ng.$browser#defer.cancel+ * @methodOf ng.$browser.defer+ *+ * @description+ * Cancels a deferred task identified with `deferId`.+ *+ * @param {*} deferId Token returned by the `$browser.defer` function.+ * @returns {boolean} Returns `true` if the task hasn't executed yet and was successfully+ * canceled.+ */+ self.defer.cancel = function(deferId) {+ if (pendingDeferIds[deferId]) {+ delete pendingDeferIds[deferId];+ clearTimeout(deferId);+ completeOutstandingRequest(noop);+ return true;+ }+ return false;+ };++}++function $BrowserProvider(){+ this.$get = ['$window', '$log', '$sniffer', '$document',+ function( $window, $log, $sniffer, $document){+ return new Browser($window, $document, $log, $sniffer);+ }];+}++/**+ * @ngdoc object+ * @name ng.$cacheFactory+ *+ * @description+ * Factory that constructs cache objects and gives access to them.+ * + * <pre>+ * + * var cache = $cacheFactory('cacheId');+ * expect($cacheFactory.get('cacheId')).toBe(cache);+ * expect($cacheFactory.get('noSuchCacheId')).not.toBeDefined();+ *+ * cache.put("key", "value");+ * cache.put("another key", "another value");+ *+ * // We've specified no options on creation+ * expect(cache.info()).toEqual({id: 'cacheId', size: 2}); + * + * </pre>+ *+ *+ * @param {string} cacheId Name or id of the newly created cache.+ * @param {object=} options Options object that specifies the cache behavior. Properties:+ *+ * - `{number=}` `capacity` — turns the cache into LRU cache.+ *+ * @returns {object} Newly created cache object with the following set of methods:+ *+ * - `{object}` `info()` — Returns id, size, and options of cache.+ * - `{{*}}` `put({string} key, {*} value)` — Puts a new key-value pair into the cache and returns+ * it.+ * - `{{*}}` `get({string} key)` — Returns cached value for `key` or undefined for cache miss.+ * - `{void}` `remove({string} key)` — Removes a key-value pair from the cache.+ * - `{void}` `removeAll()` — Removes all cached values.+ * - `{void}` `destroy()` — Removes references to this cache from $cacheFactory.+ *+ */+function $CacheFactoryProvider() {++ this.$get = function() {+ var caches = {};++ function cacheFactory(cacheId, options) {+ if (cacheId in caches) {+ throw minErr('$cacheFactory')('iid', "CacheId '{0}' is already taken!", cacheId);+ }++ var size = 0,+ stats = extend({}, options, {id: cacheId}),+ data = {},+ capacity = (options && options.capacity) || Number.MAX_VALUE,+ lruHash = {},+ freshEnd = null,+ staleEnd = null;++ return caches[cacheId] = {++ put: function(key, value) {+ var lruEntry = lruHash[key] || (lruHash[key] = {key: key});++ refresh(lruEntry);++ if (isUndefined(value)) return;+ if (!(key in data)) size++;+ data[key] = value;++ if (size > capacity) {+ this.remove(staleEnd.key);+ }++ return value;+ },+++ get: function(key) {+ var lruEntry = lruHash[key];++ if (!lruEntry) return;++ refresh(lruEntry);++ return data[key];+ },+++ remove: function(key) {+ var lruEntry = lruHash[key];++ if (!lruEntry) return;++ if (lruEntry == freshEnd) freshEnd = lruEntry.p;+ if (lruEntry == staleEnd) staleEnd = lruEntry.n;+ link(lruEntry.n,lruEntry.p);++ delete lruHash[key];+ delete data[key];+ size--;+ },+++ removeAll: function() {+ data = {};+ size = 0;+ lruHash = {};+ freshEnd = staleEnd = null;+ },+++ destroy: function() {+ data = null;+ stats = null;+ lruHash = null;+ delete caches[cacheId];+ },+++ info: function() {+ return extend({}, stats, {size: size});+ }+ };+++ /**+ * makes the `entry` the freshEnd of the LRU linked list+ */+ function refresh(entry) {+ if (entry != freshEnd) {+ if (!staleEnd) {+ staleEnd = entry;+ } else if (staleEnd == entry) {+ staleEnd = entry.n;+ }++ link(entry.n, entry.p);+ link(entry, freshEnd);+ freshEnd = entry;+ freshEnd.n = null;+ }+ }+++ /**+ * bidirectionally links two entries of the LRU linked list+ */+ function link(nextEntry, prevEntry) {+ if (nextEntry != prevEntry) {+ if (nextEntry) nextEntry.p = prevEntry; //p stands for previous, 'prev' didn't minify+ if (prevEntry) prevEntry.n = nextEntry; //n stands for next, 'next' didn't minify+ }+ }+ }+++ /**+ * @ngdoc method+ * @name ng.$cacheFactory#info+ * @methodOf ng.$cacheFactory+ *+ * @description+ * Get information about all the of the caches that have been created+ *+ * @returns {Object} - key-value map of `cacheId` to the result of calling `cache#info`+ */+ cacheFactory.info = function() {+ var info = {};+ forEach(caches, function(cache, cacheId) {+ info[cacheId] = cache.info();+ });+ return info;+ };+++ /**+ * @ngdoc method+ * @name ng.$cacheFactory#get+ * @methodOf ng.$cacheFactory+ *+ * @description+ * Get access to a cache object by the `cacheId` used when it was created.+ *+ * @param {string} cacheId Name or id of a cache to access.+ * @returns {object} Cache object identified by the cacheId or undefined if no such cache.+ */+ cacheFactory.get = function(cacheId) {+ return caches[cacheId];+ };+++ return cacheFactory;+ };+}++/**+ * @ngdoc object+ * @name ng.$templateCache+ *+ * @description+ * The first time a template is used, it is loaded in the template cache for quick retrieval. You+ * can load templates directly into the cache in a `script` tag, or by consuming the+ * `$templateCache` service directly.+ * + * Adding via the `script` tag:+ * <pre>+ * <html ng-app>+ * <head>+ * <script type="text/ng-template" id="templateId.html">+ * This is the content of the template+ * </script>+ * </head>+ * ...+ * </html>+ * </pre>+ * + * **Note:** the `script` tag containing the template does not need to be included in the `head` of+ * the document, but it must be below the `ng-app` definition.+ * + * Adding via the $templateCache service:+ * + * <pre>+ * var myApp = angular.module('myApp', []);+ * myApp.run(function($templateCache) {+ * $templateCache.put('templateId.html', 'This is the content of the template');+ * });+ * </pre>+ * + * To retrieve the template later, simply use it in your HTML:+ * <pre>+ * <div ng-include=" 'templateId.html' "></div>+ * </pre>+ * + * or get it via Javascript:+ * <pre>+ * $templateCache.get('templateId.html')+ * </pre>+ * + * See {@link ng.$cacheFactory $cacheFactory}.+ *+ */+function $TemplateCacheProvider() {+ this.$get = ['$cacheFactory', function($cacheFactory) {+ return $cacheFactory('templates');+ }];+}++/* ! VARIABLE/FUNCTION NAMING CONVENTIONS THAT APPLY TO THIS FILE!+ *+ * DOM-related variables:+ *+ * - "node" - DOM Node+ * - "element" - DOM Element or Node+ * - "$node" or "$element" - jqLite-wrapped node or element+ *+ *+ * Compiler related stuff:+ *+ * - "linkFn" - linking fn of a single directive+ * - "nodeLinkFn" - function that aggregates all linking fns for a particular node+ * - "childLinkFn" - function that aggregates all linking fns for child nodes of a particular node+ * - "compositeLinkFn" - function that aggregates all linking fns for a compilation root (nodeList)+ */+++/**+ * @ngdoc function+ * @name ng.$compile+ * @function+ *+ * @description+ * Compiles a piece of HTML string or DOM into a template and produces a template function, which+ * can then be used to link {@link ng.$rootScope.Scope `scope`} and the template together.+ *+ * The compilation is a process of walking the DOM tree and matching DOM elements to+ * {@link ng.$compileProvider#methods_directive directives}.+ *+ * <div class="alert alert-warning">+ * **Note:** This document is an in-depth reference of all directive options.+ * For a gentle introduction to directives with examples of common use cases,+ * see the {@link guide/directive directive guide}.+ * </div>+ *+ * ## Comprehensive Directive API+ *+ * There are many different options for a directive.+ *+ * The difference resides in the return value of the factory function.+ * You can either return a "Directive Definition Object" (see below) that defines the directive properties,+ * or just the `postLink` function (all other properties will have the default values).+ *+ * <div class="alert alert-success">+ * **Best Practice:** It's recommended to use the "directive definition object" form.+ * </div>+ *+ * Here's an example directive declared with a Directive Definition Object:+ *+ * <pre>+ * var myModule = angular.module(...);+ *+ * myModule.directive('directiveName', function factory(injectables) {+ * var directiveDefinitionObject = {+ * priority: 0,+ * template: '<div></div>', // or // function(tElement, tAttrs) { ... },+ * // or+ * // templateUrl: 'directive.html', // or // function(tElement, tAttrs) { ... },+ * replace: false,+ * transclude: false,+ * restrict: 'A',+ * scope: false,+ * controller: function($scope, $element, $attrs, $transclude, otherInjectables) { ... },+ * require: 'siblingDirectiveName', // or // ['^parentDirectiveName', '?optionalDirectiveName', '?^optionalParent'],+ * compile: function compile(tElement, tAttrs, transclude) {+ * return {+ * pre: function preLink(scope, iElement, iAttrs, controller) { ... },+ * post: function postLink(scope, iElement, iAttrs, controller) { ... }+ * }+ * // or+ * // return function postLink( ... ) { ... }+ * },+ * // or+ * // link: {+ * // pre: function preLink(scope, iElement, iAttrs, controller) { ... },+ * // post: function postLink(scope, iElement, iAttrs, controller) { ... }+ * // }+ * // or+ * // link: function postLink( ... ) { ... }+ * };+ * return directiveDefinitionObject;+ * });+ * </pre>+ *+ * <div class="alert alert-warning">+ * **Note:** Any unspecified options will use the default value. You can see the default values below.+ * </div>+ *+ * Therefore the above can be simplified as:+ *+ * <pre>+ * var myModule = angular.module(...);+ *+ * myModule.directive('directiveName', function factory(injectables) {+ * var directiveDefinitionObject = {+ * link: function postLink(scope, iElement, iAttrs) { ... }+ * };+ * return directiveDefinitionObject;+ * // or+ * // return function postLink(scope, iElement, iAttrs) { ... }+ * });+ * </pre>+ *+ *+ *+ * ### Directive Definition Object+ *+ * The directive definition object provides instructions to the {@link api/ng.$compile+ * compiler}. The attributes are:+ *+ * #### `priority`+ * When there are multiple directives defined on a single DOM element, sometimes it+ * is necessary to specify the order in which the directives are applied. The `priority` is used+ * to sort the directives before their `compile` functions get called. Priority is defined as a+ * number. Directives with greater numerical `priority` are compiled first. Pre-link functions+ * are also run in priority order, but post-link functions are run in reverse order. The order+ * of directives with the same priority is undefined. The default priority is `0`.+ *+ * #### `terminal`+ * If set to true then the current `priority` will be the last set of directives+ * which will execute (any directives at the current priority will still execute+ * as the order of execution on same `priority` is undefined).+ *+ * #### `scope`+ * **If set to `true`,** then a new scope will be created for this directive. If multiple directives on the+ * same element request a new scope, only one new scope is created. The new scope rule does not+ * apply for the root of the template since the root of the template always gets a new scope.+ *+ * **If set to `{}` (object hash),** then a new "isolate" scope is created. The 'isolate' scope differs from+ * normal scope in that it does not prototypically inherit from the parent scope. This is useful+ * when creating reusable components, which should not accidentally read or modify data in the+ * parent scope.+ *+ * The 'isolate' scope takes an object hash which defines a set of local scope properties+ * derived from the parent scope. These local properties are useful for aliasing values for+ * templates. Locals definition is a hash of local scope property to its source:+ *+ * * `@` or `@attr` - bind a local scope property to the value of DOM attribute. The result is+ * always a string since DOM attributes are strings. If no `attr` name is specified then the+ * attribute name is assumed to be the same as the local name.+ * Given `<widget my-attr="hello {{name}}">` and widget definition+ * of `scope: { localName:'@myAttr' }`, then widget scope property `localName` will reflect+ * the interpolated value of `hello {{name}}`. As the `name` attribute changes so will the+ * `localName` property on the widget scope. The `name` is read from the parent scope (not+ * component scope).+ *+ * * `=` or `=attr` - set up bi-directional binding between a local scope property and the+ * parent scope property of name defined via the value of the `attr` attribute. If no `attr`+ * name is specified then the attribute name is assumed to be the same as the local name.+ * Given `<widget my-attr="parentModel">` and widget definition of+ * `scope: { localModel:'=myAttr' }`, then widget scope property `localModel` will reflect the+ * value of `parentModel` on the parent scope. Any changes to `parentModel` will be reflected+ * in `localModel` and any changes in `localModel` will reflect in `parentModel`. If the parent+ * scope property doesn't exist, it will throw a NON_ASSIGNABLE_MODEL_EXPRESSION exception. You+ * can avoid this behavior using `=?` or `=?attr` in order to flag the property as optional.+ *+ * * `&` or `&attr` - provides a way to execute an expression in the context of the parent scope.+ * If no `attr` name is specified then the attribute name is assumed to be the same as the+ * local name. Given `<widget my-attr="count = count + value">` and widget definition of+ * `scope: { localFn:'&myAttr' }`, then isolate scope property `localFn` will point to+ * a function wrapper for the `count = count + value` expression. Often it's desirable to+ * pass data from the isolated scope via an expression and to the parent scope, this can be+ * done by passing a map of local variable names and values into the expression wrapper fn.+ * For example, if the expression is `increment(amount)` then we can specify the amount value+ * by calling the `localFn` as `localFn({amount: 22})`.+ *+ *+ *+ * #### `controller`+ * Controller constructor function. The controller is instantiated before the+ * pre-linking phase and it is shared with other directives (see+ * `require` attribute). This allows the directives to communicate with each other and augment+ * each other's behavior. The controller is injectable (and supports bracket notation) with the following locals:+ *+ * * `$scope` - Current scope associated with the element+ * * `$element` - Current element+ * * `$attrs` - Current attributes object for the element+ * * `$transclude` - A transclude linking function pre-bound to the correct transclusion scope.+ * The scope can be overridden by an optional first argument.+ * `function([scope], cloneLinkingFn)`.+ *+ *+ * #### `require`+ * Require another directive and inject its controller as the fourth argument to the linking function. The+ * `require` takes a string name (or array of strings) of the directive(s) to pass in. If an array is used, the+ * injected argument will be an array in corresponding order. If no such directive can be+ * found, or if the directive does not have a controller, then an error is raised. The name can be prefixed with:+ *+ * * (no prefix) - Locate the required controller on the current element. Throw an error if not found.+ * * `?` - Attempt to locate the required controller or pass `null` to the `link` fn if not found.+ * * `^` - Locate the required controller by searching the element's parents. Throw an error if not found.+ * * `?^` - Attempt to locate the required controller by searching the element's parents or pass `null` to the+ * `link` fn if not found.+ *+ *+ * #### `controllerAs`+ * Controller alias at the directive scope. An alias for the controller so it+ * can be referenced at the directive template. The directive needs to define a scope for this+ * configuration to be used. Useful in the case when directive is used as component.+ *+ *+ * #### `restrict`+ * String of subset of `EACM` which restricts the directive to a specific directive+ * declaration style. If omitted, the default (attributes only) is used.+ *+ * * `E` - Element name: `<my-directive></my-directive>`+ * * `A` - Attribute (default): `<div my-directive="exp"></div>`+ * * `C` - Class: `<div class="my-directive: exp;"></div>`+ * * `M` - Comment: `<!-- directive: my-directive exp -->`+ *+ *+ * #### `template`+ * replace the current element with the contents of the HTML. The replacement process+ * migrates all of the attributes / classes from the old element to the new one. See the+ * {@link guide/directive#creating-custom-directives_creating-directives_template-expanding-directive+ * Directives Guide} for an example.+ *+ * You can specify `template` as a string representing the template or as a function which takes+ * two arguments `tElement` and `tAttrs` (described in the `compile` function api below) and+ * returns a string value representing the template.+ *+ *+ * #### `templateUrl`+ * Same as `template` but the template is loaded from the specified URL. Because+ * the template loading is asynchronous the compilation/linking is suspended until the template+ * is loaded.+ *+ * You can specify `templateUrl` as a string representing the URL or as a function which takes two+ * arguments `tElement` and `tAttrs` (described in the `compile` function api below) and returns+ * a string value representing the url. In either case, the template URL is passed through {@link+ * api/ng.$sce#methods_getTrustedResourceUrl $sce.getTrustedResourceUrl}.+ *+ *+ * #### `replace`+ * specify where the template should be inserted. Defaults to `false`.+ *+ * * `true` - the template will replace the current element.+ * * `false` - the template will replace the contents of the current element.+ *+ *+ * #### `transclude`+ * compile the content of the element and make it available to the directive.+ * Typically used with {@link api/ng.directive:ngTransclude+ * ngTransclude}. The advantage of transclusion is that the linking function receives a+ * transclusion function which is pre-bound to the correct scope. In a typical setup the widget+ * creates an `isolate` scope, but the transclusion is not a child, but a sibling of the `isolate`+ * scope. This makes it possible for the widget to have private state, and the transclusion to+ * be bound to the parent (pre-`isolate`) scope.+ *+ * * `true` - transclude the content of the directive.+ * * `'element'` - transclude the whole element including any directives defined at lower priority.+ *+ *+ * #### `compile`+ *+ * <pre>+ * function compile(tElement, tAttrs, transclude) { ... }+ * </pre>+ *+ * The compile function deals with transforming the template DOM. Since most directives do not do+ * template transformation, it is not used often. Examples that require compile functions are+ * directives that transform template DOM, such as {@link+ * api/ng.directive:ngRepeat ngRepeat}, or load the contents+ * asynchronously, such as {@link api/ngRoute.directive:ngView ngView}. The+ * compile function takes the following arguments.+ *+ * * `tElement` - template element - The element where the directive has been declared. It is+ * safe to do template transformation on the element and child elements only.+ *+ * * `tAttrs` - template attributes - Normalized list of attributes declared on this element shared+ * between all directive compile functions.+ *+ * * `transclude` - [*DEPRECATED*!] A transclude linking function: `function(scope, cloneLinkingFn)`+ *+ * <div class="alert alert-warning">+ * **Note:** The template instance and the link instance may be different objects if the template has+ * been cloned. For this reason it is **not** safe to do anything other than DOM transformations that+ * apply to all cloned DOM nodes within the compile function. Specifically, DOM listener registration+ * should be done in a linking function rather than in a compile function.+ * </div>+ *+ * <div class="alert alert-error">+ * **Note:** The `transclude` function that is passed to the compile function is deprecated, as it+ * e.g. does not know about the right outer scope. Please use the transclude function that is passed+ * to the link function instead.+ * </div>++ * A compile function can have a return value which can be either a function or an object.+ *+ * * returning a (post-link) function - is equivalent to registering the linking function via the+ * `link` property of the config object when the compile function is empty.+ *+ * * returning an object with function(s) registered via `pre` and `post` properties - allows you to+ * control when a linking function should be called during the linking phase. See info about+ * pre-linking and post-linking functions below.+ *+ *+ * #### `link`+ * This property is used only if the `compile` property is not defined.+ *+ * <pre>+ * function link(scope, iElement, iAttrs, controller, transcludeFn) { ... }+ * </pre>+ *+ * The link function is responsible for registering DOM listeners as well as updating the DOM. It is+ * executed after the template has been cloned. This is where most of the directive logic will be+ * put.+ *+ * * `scope` - {@link api/ng.$rootScope.Scope Scope} - The scope to be used by the+ * directive for registering {@link api/ng.$rootScope.Scope#methods_$watch watches}.+ *+ * * `iElement` - instance element - The element where the directive is to be used. It is safe to+ * manipulate the children of the element only in `postLink` function since the children have+ * already been linked.+ *+ * * `iAttrs` - instance attributes - Normalized list of attributes declared on this element shared+ * between all directive linking functions.+ *+ * * `controller` - a controller instance - A controller instance if at least one directive on the+ * element defines a controller. The controller is shared among all the directives, which allows+ * the directives to use the controllers as a communication channel.+ *+ * * `transcludeFn` - A transclude linking function pre-bound to the correct transclusion scope.+ * The scope can be overridden by an optional first argument. This is the same as the `$transclude`+ * parameter of directive controllers.+ * `function([scope], cloneLinkingFn)`.+ *+ *+ * #### Pre-linking function+ *+ * Executed before the child elements are linked. Not safe to do DOM transformation since the+ * compiler linking function will fail to locate the correct elements for linking.+ *+ * #### Post-linking function+ *+ * Executed after the child elements are linked. It is safe to do DOM transformation in the post-linking function.+ *+ * <a name="Attributes"></a>+ * ### Attributes+ *+ * The {@link api/ng.$compile.directive.Attributes Attributes} object - passed as a parameter in the+ * `link()` or `compile()` functions. It has a variety of uses.+ *+ * accessing *Normalized attribute names:*+ * Directives like 'ngBind' can be expressed in many ways: 'ng:bind', `data-ng-bind`, or 'x-ng-bind'.+ * the attributes object allows for normalized access to+ * the attributes.+ *+ * * *Directive inter-communication:* All directives share the same instance of the attributes+ * object which allows the directives to use the attributes object as inter directive+ * communication.+ *+ * * *Supports interpolation:* Interpolation attributes are assigned to the attribute object+ * allowing other directives to read the interpolated value.+ *+ * * *Observing interpolated attributes:* Use `$observe` to observe the value changes of attributes+ * that contain interpolation (e.g. `src="{{bar}}"`). Not only is this very efficient but it's also+ * the only way to easily get the actual value because during the linking phase the interpolation+ * hasn't been evaluated yet and so the value is at this time set to `undefined`.+ *+ * <pre>+ * function linkingFn(scope, elm, attrs, ctrl) {+ * // get the attribute value+ * console.log(attrs.ngModel);+ *+ * // change the attribute+ * attrs.$set('ngModel', 'new value');+ *+ * // observe changes to interpolated attribute+ * attrs.$observe('ngModel', function(value) {+ * console.log('ngModel has changed value to ' + value);+ * });+ * }+ * </pre>+ *+ * Below is an example using `$compileProvider`.+ *+ * <div class="alert alert-warning">+ * **Note**: Typically directives are registered with `module.directive`. The example below is+ * to illustrate how `$compile` works.+ * </div>+ *+ <doc:example module="compile">+ <doc:source>+ <script>+ angular.module('compile', [], function($compileProvider) {+ // configure new 'compile' directive by passing a directive+ // factory function. The factory function injects the '$compile'+ $compileProvider.directive('compile', function($compile) {+ // directive factory creates a link function+ return function(scope, element, attrs) {+ scope.$watch(+ function(scope) {+ // watch the 'compile' expression for changes+ return scope.$eval(attrs.compile);+ },+ function(value) {+ // when the 'compile' expression changes+ // assign it into the current DOM+ element.html(value);++ // compile the new DOM and link it to the current+ // scope.+ // NOTE: we only compile .childNodes so that+ // we don't get into infinite loop compiling ourselves+ $compile(element.contents())(scope);+ }+ );+ };+ })+ });++ function Ctrl($scope) {+ $scope.name = 'Angular';+ $scope.html = 'Hello {{name}}';+ }+ </script>+ <div ng-controller="Ctrl">+ <input ng-model="name"> <br>+ <textarea ng-model="html"></textarea> <br>+ <div compile="html"></div>+ </div>+ </doc:source>+ <doc:scenario>+ it('should auto compile', function() {+ expect(element('div[compile]').text()).toBe('Hello Angular');+ input('html').enter('{{name}}!');+ expect(element('div[compile]').text()).toBe('Angular!');+ });+ </doc:scenario>+ </doc:example>++ *+ *+ * @param {string|DOMElement} element Element or HTML string to compile into a template function.+ * @param {function(angular.Scope[, cloneAttachFn]} transclude function available to directives.+ * @param {number} maxPriority only apply directives lower then given priority (Only effects the+ * root element(s), not their children)+ * @returns {function(scope[, cloneAttachFn])} a link function which is used to bind template+ * (a DOM element/tree) to a scope. Where:+ *+ * * `scope` - A {@link ng.$rootScope.Scope Scope} to bind to.+ * * `cloneAttachFn` - If `cloneAttachFn` is provided, then the link function will clone the+ * `template` and call the `cloneAttachFn` function allowing the caller to attach the+ * cloned elements to the DOM document at the appropriate place. The `cloneAttachFn` is+ * called as: <br> `cloneAttachFn(clonedElement, scope)` where:+ *+ * * `clonedElement` - is a clone of the original `element` passed into the compiler.+ * * `scope` - is the current scope with which the linking function is working with.+ *+ * Calling the linking function returns the element of the template. It is either the original+ * element passed in, or the clone of the element if the `cloneAttachFn` is provided.+ *+ * After linking the view is not updated until after a call to $digest which typically is done by+ * Angular automatically.+ *+ * If you need access to the bound view, there are two ways to do it:+ *+ * - If you are not asking the linking function to clone the template, create the DOM element(s)+ * before you send them to the compiler and keep this reference around.+ * <pre>+ * var element = $compile('<p>{{total}}</p>')(scope);+ * </pre>+ *+ * - if on the other hand, you need the element to be cloned, the view reference from the original+ * example would not point to the clone, but rather to the original template that was cloned. In+ * this case, you can access the clone via the cloneAttachFn:+ * <pre>+ * var templateHTML = angular.element('<p>{{total}}</p>'),+ * scope = ....;+ *+ * var clonedElement = $compile(templateHTML)(scope, function(clonedElement, scope) {+ * //attach the clone to DOM document at the right place+ * });+ *+ * //now we have reference to the cloned DOM via `clone`+ * </pre>+ *+ *+ * For information on how the compiler works, see the+ * {@link guide/compiler Angular HTML Compiler} section of the Developer Guide.+ */++var $compileMinErr = minErr('$compile');++/**+ * @ngdoc service+ * @name ng.$compileProvider+ * @function+ *+ * @description+ */+$CompileProvider.$inject = ['$provide', '$$sanitizeUriProvider'];+function $CompileProvider($provide, $$sanitizeUriProvider) {+ var hasDirectives = {},+ Suffix = 'Directive',+ COMMENT_DIRECTIVE_REGEXP = /^\s*directive\:\s*([\d\w\-_]+)\s+(.*)$/,+ CLASS_DIRECTIVE_REGEXP = /(([\d\w\-_]+)(?:\:([^;]+))?;?)/;++ // Ref: http://developers.whatwg.org/webappapis.html#event-handler-idl-attributes+ // The assumption is that future DOM event attribute names will begin with+ // 'on' and be composed of only English letters.+ var EVENT_HANDLER_ATTR_REGEXP = /^(on[a-z]+|formaction)$/;++ /**+ * @ngdoc function+ * @name ng.$compileProvider#directive+ * @methodOf ng.$compileProvider+ * @function+ *+ * @description+ * Register a new directive with the compiler.+ *+ * @param {string|Object} name Name of the directive in camel-case (i.e. <code>ngBind</code> which+ * will match as <code>ng-bind</code>), or an object map of directives where the keys are the+ * names and the values are the factories.+ * @param {function|Array} directiveFactory An injectable directive factory function. See+ * {@link guide/directive} for more info.+ * @returns {ng.$compileProvider} Self for chaining.+ */+ this.directive = function registerDirective(name, directiveFactory) {+ assertNotHasOwnProperty(name, 'directive');+ if (isString(name)) {+ assertArg(directiveFactory, 'directiveFactory');+ if (!hasDirectives.hasOwnProperty(name)) {+ hasDirectives[name] = [];+ $provide.factory(name + Suffix, ['$injector', '$exceptionHandler',+ function($injector, $exceptionHandler) {+ var directives = [];+ forEach(hasDirectives[name], function(directiveFactory, index) {+ try {+ var directive = $injector.invoke(directiveFactory);+ if (isFunction(directive)) {+ directive = { compile: valueFn(directive) };+ } else if (!directive.compile && directive.link) {+ directive.compile = valueFn(directive.link);+ }+ directive.priority = directive.priority || 0;+ directive.index = index;+ directive.name = directive.name || name;+ directive.require = directive.require || (directive.controller && directive.name);+ directive.restrict = directive.restrict || 'A';+ directives.push(directive);+ } catch (e) {+ $exceptionHandler(e);+ }+ });+ return directives;+ }]);+ }+ hasDirectives[name].push(directiveFactory);+ } else {+ forEach(name, reverseParams(registerDirective));+ }+ return this;+ };+++ /**+ * @ngdoc function+ * @name ng.$compileProvider#aHrefSanitizationWhitelist+ * @methodOf ng.$compileProvider+ * @function+ *+ * @description+ * Retrieves or overrides the default regular expression that is used for whitelisting of safe+ * urls during a[href] sanitization.+ *+ * The sanitization is a security measure aimed at prevent XSS attacks via html links.+ *+ * Any url about to be assigned to a[href] via data-binding is first normalized and turned into+ * an absolute url. Afterwards, the url is matched against the `aHrefSanitizationWhitelist`+ * regular expression. If a match is found, the original url is written into the dom. Otherwise,+ * the absolute url is prefixed with `'unsafe:'` string and only then is it written into the DOM.+ *+ * @param {RegExp=} regexp New regexp to whitelist urls with.+ * @returns {RegExp|ng.$compileProvider} Current RegExp if called without value or self for+ * chaining otherwise.+ */+ this.aHrefSanitizationWhitelist = function(regexp) {+ if (isDefined(regexp)) {+ $$sanitizeUriProvider.aHrefSanitizationWhitelist(regexp);+ return this;+ } else {+ return $$sanitizeUriProvider.aHrefSanitizationWhitelist();+ }+ };+++ /**+ * @ngdoc function+ * @name ng.$compileProvider#imgSrcSanitizationWhitelist+ * @methodOf ng.$compileProvider+ * @function+ *+ * @description+ * Retrieves or overrides the default regular expression that is used for whitelisting of safe+ * urls during img[src] sanitization.+ *+ * The sanitization is a security measure aimed at prevent XSS attacks via html links.+ *+ * Any url about to be assigned to img[src] via data-binding is first normalized and turned into+ * an absolute url. Afterwards, the url is matched against the `imgSrcSanitizationWhitelist`+ * regular expression. If a match is found, the original url is written into the dom. Otherwise,+ * the absolute url is prefixed with `'unsafe:'` string and only then is it written into the DOM.+ *+ * @param {RegExp=} regexp New regexp to whitelist urls with.+ * @returns {RegExp|ng.$compileProvider} Current RegExp if called without value or self for+ * chaining otherwise.+ */+ this.imgSrcSanitizationWhitelist = function(regexp) {+ if (isDefined(regexp)) {+ $$sanitizeUriProvider.imgSrcSanitizationWhitelist(regexp);+ return this;+ } else {+ return $$sanitizeUriProvider.imgSrcSanitizationWhitelist();+ }+ };++ this.$get = [+ '$injector', '$interpolate', '$exceptionHandler', '$http', '$templateCache', '$parse',+ '$controller', '$rootScope', '$document', '$sce', '$animate', '$$sanitizeUri',+ function($injector, $interpolate, $exceptionHandler, $http, $templateCache, $parse,+ $controller, $rootScope, $document, $sce, $animate, $$sanitizeUri) {++ var Attributes = function(element, attr) {+ this.$$element = element;+ this.$attr = attr || {};+ };++ Attributes.prototype = {+ $normalize: directiveNormalize,+++ /**+ * @ngdoc function+ * @name ng.$compile.directive.Attributes#$addClass+ * @methodOf ng.$compile.directive.Attributes+ * @function+ *+ * @description+ * Adds the CSS class value specified by the classVal parameter to the element. If animations+ * are enabled then an animation will be triggered for the class addition.+ *+ * @param {string} classVal The className value that will be added to the element+ */+ $addClass : function(classVal) {+ if(classVal && classVal.length > 0) {+ $animate.addClass(this.$$element, classVal);+ }+ },++ /**+ * @ngdoc function+ * @name ng.$compile.directive.Attributes#$removeClass+ * @methodOf ng.$compile.directive.Attributes+ * @function+ *+ * @description+ * Removes the CSS class value specified by the classVal parameter from the element. If+ * animations are enabled then an animation will be triggered for the class removal.+ *+ * @param {string} classVal The className value that will be removed from the element+ */+ $removeClass : function(classVal) {+ if(classVal && classVal.length > 0) {+ $animate.removeClass(this.$$element, classVal);+ }+ },++ /**+ * @ngdoc function+ * @name ng.$compile.directive.Attributes#$updateClass+ * @methodOf ng.$compile.directive.Attributes+ * @function+ *+ * @description+ * Adds and removes the appropriate CSS class values to the element based on the difference+ * between the new and old CSS class values (specified as newClasses and oldClasses).+ *+ * @param {string} newClasses The current CSS className value+ * @param {string} oldClasses The former CSS className value+ */+ $updateClass : function(newClasses, oldClasses) {+ this.$removeClass(tokenDifference(oldClasses, newClasses));+ this.$addClass(tokenDifference(newClasses, oldClasses));+ },++ /**+ * Set a normalized attribute on the element in a way such that all directives+ * can share the attribute. This function properly handles boolean attributes.+ * @param {string} key Normalized key. (ie ngAttribute)+ * @param {string|boolean} value The value to set. If `null` attribute will be deleted.+ * @param {boolean=} writeAttr If false, does not write the value to DOM element attribute.+ * Defaults to true.+ * @param {string=} attrName Optional none normalized name. Defaults to key.+ */+ $set: function(key, value, writeAttr, attrName) {+ // TODO: decide whether or not to throw an error if "class"+ //is set through this function since it may cause $updateClass to+ //become unstable.++ var booleanKey = getBooleanAttrName(this.$$element[0], key),+ normalizedVal,+ nodeName;++ if (booleanKey) {+ this.$$element.prop(key, value);+ attrName = booleanKey;+ }++ this[key] = value;++ // translate normalized key to actual key+ if (attrName) {+ this.$attr[key] = attrName;+ } else {+ attrName = this.$attr[key];+ if (!attrName) {+ this.$attr[key] = attrName = snake_case(key, '-');+ }+ }++ nodeName = nodeName_(this.$$element);++ // sanitize a[href] and img[src] values+ if ((nodeName === 'A' && key === 'href') ||+ (nodeName === 'IMG' && key === 'src')) {+ this[key] = value = $$sanitizeUri(value, key === 'src');+ }++ if (writeAttr !== false) {+ if (value === null || value === undefined) {+ this.$$element.removeAttr(attrName);+ } else {+ this.$$element.attr(attrName, value);+ }+ }++ // fire observers+ var $$observers = this.$$observers;+ $$observers && forEach($$observers[key], function(fn) {+ try {+ fn(value);+ } catch (e) {+ $exceptionHandler(e);+ }+ });+ },+++ /**+ * @ngdoc function+ * @name ng.$compile.directive.Attributes#$observe+ * @methodOf ng.$compile.directive.Attributes+ * @function+ *+ * @description+ * Observes an interpolated attribute.+ *+ * The observer function will be invoked once during the next `$digest` following+ * compilation. The observer is then invoked whenever the interpolated value+ * changes.+ *+ * @param {string} key Normalized key. (ie ngAttribute) .+ * @param {function(interpolatedValue)} fn Function that will be called whenever+ the interpolated value of the attribute changes.+ * See the {@link guide/directive#Attributes Directives} guide for more info.+ * @returns {function()} the `fn` parameter.+ */+ $observe: function(key, fn) {+ var attrs = this,+ $$observers = (attrs.$$observers || (attrs.$$observers = {})),+ listeners = ($$observers[key] || ($$observers[key] = []));++ listeners.push(fn);+ $rootScope.$evalAsync(function() {+ if (!listeners.$$inter) {+ // no one registered attribute interpolation function, so lets call it manually+ fn(attrs[key]);+ }+ });+ return fn;+ }+ };++ var startSymbol = $interpolate.startSymbol(),+ endSymbol = $interpolate.endSymbol(),+ denormalizeTemplate = (startSymbol == '{{' || endSymbol == '}}')+ ? identity+ : function denormalizeTemplate(template) {+ return template.replace(/\{\{/g, startSymbol).replace(/}}/g, endSymbol);+ },+ NG_ATTR_BINDING = /^ngAttr[A-Z]/;+++ return compile;++ //================================++ function compile($compileNodes, transcludeFn, maxPriority, ignoreDirective,+ previousCompileContext) {+ if (!($compileNodes instanceof jqLite)) {+ // jquery always rewraps, whereas we need to preserve the original selector so that we can+ // modify it.+ $compileNodes = jqLite($compileNodes);+ }+ // We can not compile top level text elements since text nodes can be merged and we will+ // not be able to attach scope data to them, so we will wrap them in <span>+ forEach($compileNodes, function(node, index){+ if (node.nodeType == 3 /* text node */ && node.nodeValue.match(/\S+/) /* non-empty */ ) {+ $compileNodes[index] = node = jqLite(node).wrap('<span></span>').parent()[0];+ }+ });+ var compositeLinkFn =+ compileNodes($compileNodes, transcludeFn, $compileNodes,+ maxPriority, ignoreDirective, previousCompileContext);+ return function publicLinkFn(scope, cloneConnectFn, transcludeControllers){+ assertArg(scope, 'scope');+ // important!!: we must call our jqLite.clone() since the jQuery one is trying to be smart+ // and sometimes changes the structure of the DOM.+ var $linkNode = cloneConnectFn+ ? JQLitePrototype.clone.call($compileNodes) // IMPORTANT!!!+ : $compileNodes;++ forEach(transcludeControllers, function(instance, name) {+ $linkNode.data('$' + name + 'Controller', instance);+ });++ // Attach scope only to non-text nodes.+ for(var i = 0, ii = $linkNode.length; i<ii; i++) {+ var node = $linkNode[i];+ if (node.nodeType == 1 /* element */ || node.nodeType == 9 /* document */) {+ $linkNode.eq(i).data('$scope', scope);+ }+ }+ safeAddClass($linkNode, 'ng-scope');+ if (cloneConnectFn) cloneConnectFn($linkNode, scope);+ if (compositeLinkFn) compositeLinkFn(scope, $linkNode, $linkNode);+ return $linkNode;+ };+ }++ function safeAddClass($element, className) {+ try {+ $element.addClass(className);+ } catch(e) {+ // ignore, since it means that we are trying to set class on+ // SVG element, where class name is read-only.+ }+ }++ /**+ * Compile function matches each node in nodeList against the directives. Once all directives+ * for a particular node are collected their compile functions are executed. The compile+ * functions return values - the linking functions - are combined into a composite linking+ * function, which is the a linking function for the node.+ *+ * @param {NodeList} nodeList an array of nodes or NodeList to compile+ * @param {function(angular.Scope[, cloneAttachFn]} transcludeFn A linking function, where the+ * scope argument is auto-generated to the new child of the transcluded parent scope.+ * @param {DOMElement=} $rootElement If the nodeList is the root of the compilation tree then+ * the rootElement must be set the jqLite collection of the compile root. This is+ * needed so that the jqLite collection items can be replaced with widgets.+ * @param {number=} max directive priority+ * @returns {?function} A composite linking function of all of the matched directives or null.+ */+ function compileNodes(nodeList, transcludeFn, $rootElement, maxPriority, ignoreDirective,+ previousCompileContext) {+ var linkFns = [],+ nodeLinkFn, childLinkFn, directives, attrs, linkFnFound;++ for(var i = 0; i < nodeList.length; i++) {+ attrs = new Attributes();++ // we must always refer to nodeList[i] since the nodes can be replaced underneath us.+ directives = collectDirectives(nodeList[i], [], attrs, i === 0 ? maxPriority : undefined,+ ignoreDirective);++ nodeLinkFn = (directives.length)+ ? applyDirectivesToNode(directives, nodeList[i], attrs, transcludeFn, $rootElement,+ null, [], [], previousCompileContext)+ : null;++ childLinkFn = (nodeLinkFn && nodeLinkFn.terminal ||+ !nodeList[i].childNodes ||+ !nodeList[i].childNodes.length)+ ? null+ : compileNodes(nodeList[i].childNodes,+ nodeLinkFn ? nodeLinkFn.transclude : transcludeFn);++ linkFns.push(nodeLinkFn);+ linkFns.push(childLinkFn);+ linkFnFound = (linkFnFound || nodeLinkFn || childLinkFn);+ //use the previous context only for the first element in the virtual group+ previousCompileContext = null;+ }++ // return a linking function if we have found anything, null otherwise+ return linkFnFound ? compositeLinkFn : null;++ function compositeLinkFn(scope, nodeList, $rootElement, boundTranscludeFn) {+ var nodeLinkFn, childLinkFn, node, $node, childScope, childTranscludeFn, i, ii, n;++ // copy nodeList so that linking doesn't break due to live list updates.+ var stableNodeList = [];+ for (i = 0, ii = nodeList.length; i < ii; i++) {+ stableNodeList.push(nodeList[i]);+ }++ for(i = 0, n = 0, ii = linkFns.length; i < ii; n++) {+ node = stableNodeList[n];+ nodeLinkFn = linkFns[i++];+ childLinkFn = linkFns[i++];+ $node = jqLite(node);++ if (nodeLinkFn) {+ if (nodeLinkFn.scope) {+ childScope = scope.$new();+ $node.data('$scope', childScope);+ safeAddClass($node, 'ng-scope');+ } else {+ childScope = scope;+ }+ childTranscludeFn = nodeLinkFn.transclude;+ if (childTranscludeFn || (!boundTranscludeFn && transcludeFn)) {+ nodeLinkFn(childLinkFn, childScope, node, $rootElement,+ createBoundTranscludeFn(scope, childTranscludeFn || transcludeFn)+ );+ } else {+ nodeLinkFn(childLinkFn, childScope, node, $rootElement, boundTranscludeFn);+ }+ } else if (childLinkFn) {+ childLinkFn(scope, node.childNodes, undefined, boundTranscludeFn);+ }+ }+ }+ }++ function createBoundTranscludeFn(scope, transcludeFn) {+ return function boundTranscludeFn(transcludedScope, cloneFn, controllers) {+ var scopeCreated = false;++ if (!transcludedScope) {+ transcludedScope = scope.$new();+ transcludedScope.$$transcluded = true;+ scopeCreated = true;+ }++ var clone = transcludeFn(transcludedScope, cloneFn, controllers);+ if (scopeCreated) {+ clone.on('$destroy', bind(transcludedScope, transcludedScope.$destroy));+ }+ return clone;+ };+ }++ /**+ * Looks for directives on the given node and adds them to the directive collection which is+ * sorted.+ *+ * @param node Node to search.+ * @param directives An array to which the directives are added to. This array is sorted before+ * the function returns.+ * @param attrs The shared attrs object which is used to populate the normalized attributes.+ * @param {number=} maxPriority Max directive priority.+ */+ function collectDirectives(node, directives, attrs, maxPriority, ignoreDirective) {+ var nodeType = node.nodeType,+ attrsMap = attrs.$attr,+ match,+ className;++ switch(nodeType) {+ case 1: /* Element */+ // use the node name: <directive>+ addDirective(directives,+ directiveNormalize(nodeName_(node).toLowerCase()), 'E', maxPriority, ignoreDirective);++ // iterate over the attributes+ for (var attr, name, nName, ngAttrName, value, nAttrs = node.attributes,+ j = 0, jj = nAttrs && nAttrs.length; j < jj; j++) {+ var attrStartName = false;+ var attrEndName = false;++ attr = nAttrs[j];+ if (!msie || msie >= 8 || attr.specified) {+ name = attr.name;+ // support ngAttr attribute binding+ ngAttrName = directiveNormalize(name);+ if (NG_ATTR_BINDING.test(ngAttrName)) {+ name = snake_case(ngAttrName.substr(6), '-');+ }++ var directiveNName = ngAttrName.replace(/(Start|End)$/, '');+ if (ngAttrName === directiveNName + 'Start') {+ attrStartName = name;+ attrEndName = name.substr(0, name.length - 5) + 'end';+ name = name.substr(0, name.length - 6);+ }++ nName = directiveNormalize(name.toLowerCase());+ attrsMap[nName] = name;+ attrs[nName] = value = trim((msie && name == 'href')+ ? decodeURIComponent(node.getAttribute(name, 2))+ : attr.value);+ if (getBooleanAttrName(node, nName)) {+ attrs[nName] = true; // presence means true+ }+ addAttrInterpolateDirective(node, directives, value, nName);+ addDirective(directives, nName, 'A', maxPriority, ignoreDirective, attrStartName,+ attrEndName);+ }+ }++ // use class as directive+ className = node.className;+ if (isString(className) && className !== '') {+ while (match = CLASS_DIRECTIVE_REGEXP.exec(className)) {+ nName = directiveNormalize(match[2]);+ if (addDirective(directives, nName, 'C', maxPriority, ignoreDirective)) {+ attrs[nName] = trim(match[3]);+ }+ className = className.substr(match.index + match[0].length);+ }+ }+ break;+ case 3: /* Text Node */+ addTextInterpolateDirective(directives, node.nodeValue);+ break;+ case 8: /* Comment */+ try {+ match = COMMENT_DIRECTIVE_REGEXP.exec(node.nodeValue);+ if (match) {+ nName = directiveNormalize(match[1]);+ if (addDirective(directives, nName, 'M', maxPriority, ignoreDirective)) {+ attrs[nName] = trim(match[2]);+ }+ }+ } catch (e) {+ // turns out that under some circumstances IE9 throws errors when one attempts to read+ // comment's node value.+ // Just ignore it and continue. (Can't seem to reproduce in test case.)+ }+ break;+ }++ directives.sort(byPriority);+ return directives;+ }++ /**+ * Given a node with an directive-start it collects all of the siblings until it finds+ * directive-end.+ * @param node+ * @param attrStart+ * @param attrEnd+ * @returns {*}+ */+ function groupScan(node, attrStart, attrEnd) {+ var nodes = [];+ var depth = 0;+ if (attrStart && node.hasAttribute && node.hasAttribute(attrStart)) {+ var startNode = node;+ do {+ if (!node) {+ throw $compileMinErr('uterdir',+ "Unterminated attribute, found '{0}' but no matching '{1}' found.",+ attrStart, attrEnd);+ }+ if (node.nodeType == 1 /** Element **/) {+ if (node.hasAttribute(attrStart)) depth++;+ if (node.hasAttribute(attrEnd)) depth--;+ }+ nodes.push(node);+ node = node.nextSibling;+ } while (depth > 0);+ } else {+ nodes.push(node);+ }++ return jqLite(nodes);+ }++ /**+ * Wrapper for linking function which converts normal linking function into a grouped+ * linking function.+ * @param linkFn+ * @param attrStart+ * @param attrEnd+ * @returns {Function}+ */+ function groupElementsLinkFnWrapper(linkFn, attrStart, attrEnd) {+ return function(scope, element, attrs, controllers, transcludeFn) {+ element = groupScan(element[0], attrStart, attrEnd);+ return linkFn(scope, element, attrs, controllers, transcludeFn);+ };+ }++ /**+ * Once the directives have been collected, their compile functions are executed. This method+ * is responsible for inlining directive templates as well as terminating the application+ * of the directives if the terminal directive has been reached.+ *+ * @param {Array} directives Array of collected directives to execute their compile function.+ * this needs to be pre-sorted by priority order.+ * @param {Node} compileNode The raw DOM node to apply the compile functions to+ * @param {Object} templateAttrs The shared attribute function+ * @param {function(angular.Scope[, cloneAttachFn]} transcludeFn A linking function, where the+ * scope argument is auto-generated to the new+ * child of the transcluded parent scope.+ * @param {JQLite} jqCollection If we are working on the root of the compile tree then this+ * argument has the root jqLite array so that we can replace nodes+ * on it.+ * @param {Object=} originalReplaceDirective An optional directive that will be ignored when+ * compiling the transclusion.+ * @param {Array.<Function>} preLinkFns+ * @param {Array.<Function>} postLinkFns+ * @param {Object} previousCompileContext Context used for previous compilation of the current+ * node+ * @returns linkFn+ */+ function applyDirectivesToNode(directives, compileNode, templateAttrs, transcludeFn,+ jqCollection, originalReplaceDirective, preLinkFns, postLinkFns,+ previousCompileContext) {+ previousCompileContext = previousCompileContext || {};++ var terminalPriority = -Number.MAX_VALUE,+ newScopeDirective,+ controllerDirectives = previousCompileContext.controllerDirectives,+ newIsolateScopeDirective = previousCompileContext.newIsolateScopeDirective,+ templateDirective = previousCompileContext.templateDirective,+ nonTlbTranscludeDirective = previousCompileContext.nonTlbTranscludeDirective,+ hasTranscludeDirective = false,+ hasElementTranscludeDirective = false,+ $compileNode = templateAttrs.$$element = jqLite(compileNode),+ directive,+ directiveName,+ $template,+ replaceDirective = originalReplaceDirective,+ childTranscludeFn = transcludeFn,+ linkFn,+ directiveValue;++ // executes all directives on the current element+ for(var i = 0, ii = directives.length; i < ii; i++) {+ directive = directives[i];+ var attrStart = directive.$$start;+ var attrEnd = directive.$$end;++ // collect multiblock sections+ if (attrStart) {+ $compileNode = groupScan(compileNode, attrStart, attrEnd);+ }+ $template = undefined;++ if (terminalPriority > directive.priority) {+ break; // prevent further processing of directives+ }++ if (directiveValue = directive.scope) {+ newScopeDirective = newScopeDirective || directive;++ // skip the check for directives with async templates, we'll check the derived sync+ // directive when the template arrives+ if (!directive.templateUrl) {+ assertNoDuplicate('new/isolated scope', newIsolateScopeDirective, directive,+ $compileNode);+ if (isObject(directiveValue)) {+ newIsolateScopeDirective = directive;+ }+ }+ }++ directiveName = directive.name;++ if (!directive.templateUrl && directive.controller) {+ directiveValue = directive.controller;+ controllerDirectives = controllerDirectives || {};+ assertNoDuplicate("'" + directiveName + "' controller",+ controllerDirectives[directiveName], directive, $compileNode);+ controllerDirectives[directiveName] = directive;+ }++ if (directiveValue = directive.transclude) {+ hasTranscludeDirective = true;++ // Special case ngIf and ngRepeat so that we don't complain about duplicate transclusion.+ // This option should only be used by directives that know how to how to safely handle element transclusion,+ // where the transcluded nodes are added or replaced after linking.+ if (!directive.$$tlb) {+ assertNoDuplicate('transclusion', nonTlbTranscludeDirective, directive, $compileNode);+ nonTlbTranscludeDirective = directive;+ }++ if (directiveValue == 'element') {+ hasElementTranscludeDirective = true;+ terminalPriority = directive.priority;+ $template = groupScan(compileNode, attrStart, attrEnd);+ $compileNode = templateAttrs.$$element =+ jqLite(document.createComment(' ' + directiveName + ': ' ++ templateAttrs[directiveName] + ' '));+ compileNode = $compileNode[0];+ replaceWith(jqCollection, jqLite(sliceArgs($template)), compileNode);++ childTranscludeFn = compile($template, transcludeFn, terminalPriority,+ replaceDirective && replaceDirective.name, {+ // Don't pass in:+ // - controllerDirectives - otherwise we'll create duplicates controllers+ // - newIsolateScopeDirective or templateDirective - combining templates with+ // element transclusion doesn't make sense.+ //+ // We need only nonTlbTranscludeDirective so that we prevent putting transclusion+ // on the same element more than once.+ nonTlbTranscludeDirective: nonTlbTranscludeDirective+ });+ } else {+ $template = jqLite(jqLiteClone(compileNode)).contents();+ $compileNode.html(''); // clear contents+ childTranscludeFn = compile($template, transcludeFn);+ }+ }++ if (directive.template) {+ assertNoDuplicate('template', templateDirective, directive, $compileNode);+ templateDirective = directive;++ directiveValue = (isFunction(directive.template))+ ? directive.template($compileNode, templateAttrs)+ : directive.template;++ directiveValue = denormalizeTemplate(directiveValue);++ if (directive.replace) {+ replaceDirective = directive;+ $template = jqLite('<div>' ++ trim(directiveValue) ++ '</div>').contents();+ compileNode = $template[0];++ if ($template.length != 1 || compileNode.nodeType !== 1) {+ throw $compileMinErr('tplrt',+ "Template for directive '{0}' must have exactly one root element. {1}",+ directiveName, '');+ }++ replaceWith(jqCollection, $compileNode, compileNode);++ var newTemplateAttrs = {$attr: {}};++ // combine directives from the original node and from the template:+ // - take the array of directives for this element+ // - split it into two parts, those that already applied (processed) and those that weren't (unprocessed)+ // - collect directives from the template and sort them by priority+ // - combine directives as: processed + template + unprocessed+ var templateDirectives = collectDirectives(compileNode, [], newTemplateAttrs);+ var unprocessedDirectives = directives.splice(i + 1, directives.length - (i + 1));++ if (newIsolateScopeDirective) {+ markDirectivesAsIsolate(templateDirectives);+ }+ directives = directives.concat(templateDirectives).concat(unprocessedDirectives);+ mergeTemplateAttributes(templateAttrs, newTemplateAttrs);++ ii = directives.length;+ } else {+ $compileNode.html(directiveValue);+ }+ }++ if (directive.templateUrl) {+ assertNoDuplicate('template', templateDirective, directive, $compileNode);+ templateDirective = directive;++ if (directive.replace) {+ replaceDirective = directive;+ }++ nodeLinkFn = compileTemplateUrl(directives.splice(i, directives.length - i), $compileNode,+ templateAttrs, jqCollection, childTranscludeFn, preLinkFns, postLinkFns, {+ controllerDirectives: controllerDirectives,+ newIsolateScopeDirective: newIsolateScopeDirective,+ templateDirective: templateDirective,+ nonTlbTranscludeDirective: nonTlbTranscludeDirective+ });+ ii = directives.length;+ } else if (directive.compile) {+ try {+ linkFn = directive.compile($compileNode, templateAttrs, childTranscludeFn);+ if (isFunction(linkFn)) {+ addLinkFns(null, linkFn, attrStart, attrEnd);+ } else if (linkFn) {+ addLinkFns(linkFn.pre, linkFn.post, attrStart, attrEnd);+ }+ } catch (e) {+ $exceptionHandler(e, startingTag($compileNode));+ }+ }++ if (directive.terminal) {+ nodeLinkFn.terminal = true;+ terminalPriority = Math.max(terminalPriority, directive.priority);+ }++ }++ nodeLinkFn.scope = newScopeDirective && newScopeDirective.scope === true;+ nodeLinkFn.transclude = hasTranscludeDirective && childTranscludeFn;++ // might be normal or delayed nodeLinkFn depending on if templateUrl is present+ return nodeLinkFn;++ ////////////////////++ function addLinkFns(pre, post, attrStart, attrEnd) {+ if (pre) {+ if (attrStart) pre = groupElementsLinkFnWrapper(pre, attrStart, attrEnd);+ pre.require = directive.require;+ if (newIsolateScopeDirective === directive || directive.$$isolateScope) {+ pre = cloneAndAnnotateFn(pre, {isolateScope: true});+ }+ preLinkFns.push(pre);+ }+ if (post) {+ if (attrStart) post = groupElementsLinkFnWrapper(post, attrStart, attrEnd);+ post.require = directive.require;+ if (newIsolateScopeDirective === directive || directive.$$isolateScope) {+ post = cloneAndAnnotateFn(post, {isolateScope: true});+ }+ postLinkFns.push(post);+ }+ }+++ function getControllers(require, $element, elementControllers) {+ var value, retrievalMethod = 'data', optional = false;+ if (isString(require)) {+ while((value = require.charAt(0)) == '^' || value == '?') {+ require = require.substr(1);+ if (value == '^') {+ retrievalMethod = 'inheritedData';+ }+ optional = optional || value == '?';+ }+ value = null;++ if (elementControllers && retrievalMethod === 'data') {+ value = elementControllers[require];+ }+ value = value || $element[retrievalMethod]('$' + require + 'Controller');++ if (!value && !optional) {+ throw $compileMinErr('ctreq',+ "Controller '{0}', required by directive '{1}', can't be found!",+ require, directiveName);+ }+ return value;+ } else if (isArray(require)) {+ value = [];+ forEach(require, function(require) {+ value.push(getControllers(require, $element, elementControllers));+ });+ }+ return value;+ }+++ function nodeLinkFn(childLinkFn, scope, linkNode, $rootElement, boundTranscludeFn) {+ var attrs, $element, i, ii, linkFn, controller, isolateScope, elementControllers = {}, transcludeFn;++ if (compileNode === linkNode) {+ attrs = templateAttrs;+ } else {+ attrs = shallowCopy(templateAttrs, new Attributes(jqLite(linkNode), templateAttrs.$attr));+ }+ $element = attrs.$$element;++ if (newIsolateScopeDirective) {+ var LOCAL_REGEXP = /^\s*([@=&])(\??)\s*(\w*)\s*$/;+ var $linkNode = jqLite(linkNode);++ isolateScope = scope.$new(true);++ if (templateDirective && (templateDirective === newIsolateScopeDirective.$$originalDirective)) {+ $linkNode.data('$isolateScope', isolateScope) ;+ } else {+ $linkNode.data('$isolateScopeNoTemplate', isolateScope);+ }++++ safeAddClass($linkNode, 'ng-isolate-scope');++ forEach(newIsolateScopeDirective.scope, function(definition, scopeName) {+ var match = definition.match(LOCAL_REGEXP) || [],+ attrName = match[3] || scopeName,+ optional = (match[2] == '?'),+ mode = match[1], // @, =, or &+ lastValue,+ parentGet, parentSet;++ isolateScope.$$isolateBindings[scopeName] = mode + attrName;++ switch (mode) {++ case '@':+ attrs.$observe(attrName, function(value) {+ isolateScope[scopeName] = value;+ });+ attrs.$$observers[attrName].$$scope = scope;+ if( attrs[attrName] ) {+ // If the attribute has been provided then we trigger an interpolation to ensure+ // the value is there for use in the link fn+ isolateScope[scopeName] = $interpolate(attrs[attrName])(scope);+ }+ break;++ case '=':+ if (optional && !attrs[attrName]) {+ return;+ }+ parentGet = $parse(attrs[attrName]);+ parentSet = parentGet.assign || function() {+ // reset the change, or we will throw this exception on every $digest+ lastValue = isolateScope[scopeName] = parentGet(scope);+ throw $compileMinErr('nonassign',+ "Expression '{0}' used with directive '{1}' is non-assignable!",+ attrs[attrName], newIsolateScopeDirective.name);+ };+ lastValue = isolateScope[scopeName] = parentGet(scope);+ isolateScope.$watch(function parentValueWatch() {+ var parentValue = parentGet(scope);++ if (parentValue !== isolateScope[scopeName]) {+ // we are out of sync and need to copy+ if (parentValue !== lastValue) {+ // parent changed and it has precedence+ isolateScope[scopeName] = parentValue;+ } else {+ // if the parent can be assigned then do so+ parentSet(scope, parentValue = isolateScope[scopeName]);+ }+ }+ return lastValue = parentValue;+ });+ break;++ case '&':+ parentGet = $parse(attrs[attrName]);+ isolateScope[scopeName] = function(locals) {+ return parentGet(scope, locals);+ };+ break;++ default:+ throw $compileMinErr('iscp',+ "Invalid isolate scope definition for directive '{0}'." ++ " Definition: {... {1}: '{2}' ...}",+ newIsolateScopeDirective.name, scopeName, definition);+ }+ });+ }+ transcludeFn = boundTranscludeFn && controllersBoundTransclude;+ if (controllerDirectives) {+ forEach(controllerDirectives, function(directive) {+ var locals = {+ $scope: directive === newIsolateScopeDirective || directive.$$isolateScope ? isolateScope : scope,+ $element: $element,+ $attrs: attrs,+ $transclude: transcludeFn+ }, controllerInstance;++ controller = directive.controller;+ if (controller == '@') {+ controller = attrs[directive.name];+ }++ controllerInstance = $controller(controller, locals);+ // For directives with element transclusion the element is a comment,+ // but jQuery .data doesn't support attaching data to comment nodes as it's hard to+ // clean up (http://bugs.jquery.com/ticket/8335).+ // Instead, we save the controllers for the element in a local hash and attach to .data+ // later, once we have the actual element.+ elementControllers[directive.name] = controllerInstance;+ if (!hasElementTranscludeDirective) {+ $element.data('$' + directive.name + 'Controller', controllerInstance);+ }++ if (directive.controllerAs) {+ locals.$scope[directive.controllerAs] = controllerInstance;+ }+ });+ }++ // PRELINKING+ for(i = 0, ii = preLinkFns.length; i < ii; i++) {+ try {+ linkFn = preLinkFns[i];+ linkFn(linkFn.isolateScope ? isolateScope : scope, $element, attrs,+ linkFn.require && getControllers(linkFn.require, $element, elementControllers), transcludeFn);+ } catch (e) {+ $exceptionHandler(e, startingTag($element));+ }+ }++ // RECURSION+ // We only pass the isolate scope, if the isolate directive has a template,+ // otherwise the child elements do not belong to the isolate directive.+ var scopeToChild = scope;+ if (newIsolateScopeDirective && (newIsolateScopeDirective.template || newIsolateScopeDirective.templateUrl === null)) {+ scopeToChild = isolateScope;+ }+ childLinkFn && childLinkFn(scopeToChild, linkNode.childNodes, undefined, boundTranscludeFn);++ // POSTLINKING+ for(i = postLinkFns.length - 1; i >= 0; i--) {+ try {+ linkFn = postLinkFns[i];+ linkFn(linkFn.isolateScope ? isolateScope : scope, $element, attrs,+ linkFn.require && getControllers(linkFn.require, $element, elementControllers), transcludeFn);+ } catch (e) {+ $exceptionHandler(e, startingTag($element));+ }+ }++ // This is the function that is injected as `$transclude`.+ function controllersBoundTransclude(scope, cloneAttachFn) {+ var transcludeControllers;++ // no scope passed+ if (arguments.length < 2) {+ cloneAttachFn = scope;+ scope = undefined;+ }++ if (hasElementTranscludeDirective) {+ transcludeControllers = elementControllers;+ }++ return boundTranscludeFn(scope, cloneAttachFn, transcludeControllers);+ }+ }+ }++ function markDirectivesAsIsolate(directives) {+ // mark all directives as needing isolate scope.+ for (var j = 0, jj = directives.length; j < jj; j++) {+ directives[j] = inherit(directives[j], {$$isolateScope: true});+ }+ }++ /**+ * looks up the directive and decorates it with exception handling and proper parameters. We+ * call this the boundDirective.+ *+ * @param {string} name name of the directive to look up.+ * @param {string} location The directive must be found in specific format.+ * String containing any of theses characters:+ *+ * * `E`: element name+ * * `A': attribute+ * * `C`: class+ * * `M`: comment+ * @returns true if directive was added.+ */+ function addDirective(tDirectives, name, location, maxPriority, ignoreDirective, startAttrName,+ endAttrName) {+ if (name === ignoreDirective) return null;+ var match = null;+ if (hasDirectives.hasOwnProperty(name)) {+ for(var directive, directives = $injector.get(name + Suffix),+ i = 0, ii = directives.length; i<ii; i++) {+ try {+ directive = directives[i];+ if ( (maxPriority === undefined || maxPriority > directive.priority) &&+ directive.restrict.indexOf(location) != -1) {+ if (startAttrName) {+ directive = inherit(directive, {$$start: startAttrName, $$end: endAttrName});+ }+ tDirectives.push(directive);+ match = directive;+ }+ } catch(e) { $exceptionHandler(e); }+ }+ }+ return match;+ }+++ /**+ * When the element is replaced with HTML template then the new attributes+ * on the template need to be merged with the existing attributes in the DOM.+ * The desired effect is to have both of the attributes present.+ *+ * @param {object} dst destination attributes (original DOM)+ * @param {object} src source attributes (from the directive template)+ */+ function mergeTemplateAttributes(dst, src) {+ var srcAttr = src.$attr,+ dstAttr = dst.$attr,+ $element = dst.$$element;++ // reapply the old attributes to the new element+ forEach(dst, function(value, key) {+ if (key.charAt(0) != '$') {+ if (src[key]) {+ value += (key === 'style' ? ';' : ' ') + src[key];+ }+ dst.$set(key, value, true, srcAttr[key]);+ }+ });++ // copy the new attributes on the old attrs object+ forEach(src, function(value, key) {+ if (key == 'class') {+ safeAddClass($element, value);+ dst['class'] = (dst['class'] ? dst['class'] + ' ' : '') + value;+ } else if (key == 'style') {+ $element.attr('style', $element.attr('style') + ';' + value);+ dst['style'] = (dst['style'] ? dst['style'] + ';' : '') + value;+ // `dst` will never contain hasOwnProperty as DOM parser won't let it.+ // You will get an "InvalidCharacterError: DOM Exception 5" error if you+ // have an attribute like "has-own-property" or "data-has-own-property", etc.+ } else if (key.charAt(0) != '$' && !dst.hasOwnProperty(key)) {+ dst[key] = value;+ dstAttr[key] = srcAttr[key];+ }+ });+ }+++ function compileTemplateUrl(directives, $compileNode, tAttrs,+ $rootElement, childTranscludeFn, preLinkFns, postLinkFns, previousCompileContext) {+ var linkQueue = [],+ afterTemplateNodeLinkFn,+ afterTemplateChildLinkFn,+ beforeTemplateCompileNode = $compileNode[0],+ origAsyncDirective = directives.shift(),+ // The fact that we have to copy and patch the directive seems wrong!+ derivedSyncDirective = extend({}, origAsyncDirective, {+ templateUrl: null, transclude: null, replace: null, $$originalDirective: origAsyncDirective+ }),+ templateUrl = (isFunction(origAsyncDirective.templateUrl))+ ? origAsyncDirective.templateUrl($compileNode, tAttrs)+ : origAsyncDirective.templateUrl;++ $compileNode.html('');++ $http.get($sce.getTrustedResourceUrl(templateUrl), {cache: $templateCache}).+ success(function(content) {+ var compileNode, tempTemplateAttrs, $template, childBoundTranscludeFn;++ content = denormalizeTemplate(content);++ if (origAsyncDirective.replace) {+ $template = jqLite('<div>' + trim(content) + '</div>').contents();+ compileNode = $template[0];++ if ($template.length != 1 || compileNode.nodeType !== 1) {+ throw $compileMinErr('tplrt',+ "Template for directive '{0}' must have exactly one root element. {1}",+ origAsyncDirective.name, templateUrl);+ }++ tempTemplateAttrs = {$attr: {}};+ replaceWith($rootElement, $compileNode, compileNode);+ var templateDirectives = collectDirectives(compileNode, [], tempTemplateAttrs);++ if (isObject(origAsyncDirective.scope)) {+ markDirectivesAsIsolate(templateDirectives);+ }+ directives = templateDirectives.concat(directives);+ mergeTemplateAttributes(tAttrs, tempTemplateAttrs);+ } else {+ compileNode = beforeTemplateCompileNode;+ $compileNode.html(content);+ }++ directives.unshift(derivedSyncDirective);++ afterTemplateNodeLinkFn = applyDirectivesToNode(directives, compileNode, tAttrs,+ childTranscludeFn, $compileNode, origAsyncDirective, preLinkFns, postLinkFns,+ previousCompileContext);+ forEach($rootElement, function(node, i) {+ if (node == compileNode) {+ $rootElement[i] = $compileNode[0];+ }+ });+ afterTemplateChildLinkFn = compileNodes($compileNode[0].childNodes, childTranscludeFn);+++ while(linkQueue.length) {+ var scope = linkQueue.shift(),+ beforeTemplateLinkNode = linkQueue.shift(),+ linkRootElement = linkQueue.shift(),+ boundTranscludeFn = linkQueue.shift(),+ linkNode = $compileNode[0];++ if (beforeTemplateLinkNode !== beforeTemplateCompileNode) {+ // it was cloned therefore we have to clone as well.+ linkNode = jqLiteClone(compileNode);+ replaceWith(linkRootElement, jqLite(beforeTemplateLinkNode), linkNode);+ }+ if (afterTemplateNodeLinkFn.transclude) {+ childBoundTranscludeFn = createBoundTranscludeFn(scope, afterTemplateNodeLinkFn.transclude);+ } else {+ childBoundTranscludeFn = boundTranscludeFn;+ }+ afterTemplateNodeLinkFn(afterTemplateChildLinkFn, scope, linkNode, $rootElement,+ childBoundTranscludeFn);+ }+ linkQueue = null;+ }).+ error(function(response, code, headers, config) {+ throw $compileMinErr('tpload', 'Failed to load template: {0}', config.url);+ });++ return function delayedNodeLinkFn(ignoreChildLinkFn, scope, node, rootElement, boundTranscludeFn) {+ if (linkQueue) {+ linkQueue.push(scope);+ linkQueue.push(node);+ linkQueue.push(rootElement);+ linkQueue.push(boundTranscludeFn);+ } else {+ afterTemplateNodeLinkFn(afterTemplateChildLinkFn, scope, node, rootElement, boundTranscludeFn);+ }+ };+ }+++ /**+ * Sorting function for bound directives.+ */+ function byPriority(a, b) {+ var diff = b.priority - a.priority;+ if (diff !== 0) return diff;+ if (a.name !== b.name) return (a.name < b.name) ? -1 : 1;+ return a.index - b.index;+ }+++ function assertNoDuplicate(what, previousDirective, directive, element) {+ if (previousDirective) {+ throw $compileMinErr('multidir', 'Multiple directives [{0}, {1}] asking for {2} on: {3}',+ previousDirective.name, directive.name, what, startingTag(element));+ }+ }+++ function addTextInterpolateDirective(directives, text) {+ var interpolateFn = $interpolate(text, true);+ if (interpolateFn) {+ directives.push({+ priority: 0,+ compile: valueFn(function textInterpolateLinkFn(scope, node) {+ var parent = node.parent(),+ bindings = parent.data('$binding') || [];+ bindings.push(interpolateFn);+ safeAddClass(parent.data('$binding', bindings), 'ng-binding');+ scope.$watch(interpolateFn, function interpolateFnWatchAction(value) {+ node[0].nodeValue = value;+ });+ })+ });+ }+ }+++ function getTrustedContext(node, attrNormalizedName) {+ if (attrNormalizedName == "srcdoc") {+ return $sce.HTML;+ }+ var tag = nodeName_(node);+ // maction[xlink:href] can source SVG. It's not limited to <maction>.+ if (attrNormalizedName == "xlinkHref" ||+ (tag == "FORM" && attrNormalizedName == "action") ||+ (tag != "IMG" && (attrNormalizedName == "src" ||+ attrNormalizedName == "ngSrc"))) {+ return $sce.RESOURCE_URL;+ }+ }+++ function addAttrInterpolateDirective(node, directives, value, name) {+ var interpolateFn = $interpolate(value, true);++ // no interpolation found -> ignore+ if (!interpolateFn) return;+++ if (name === "multiple" && nodeName_(node) === "SELECT") {+ throw $compileMinErr("selmulti",+ "Binding to the 'multiple' attribute is not supported. Element: {0}",+ startingTag(node));+ }++ directives.push({+ priority: 100,+ compile: function() {+ return {+ pre: function attrInterpolatePreLinkFn(scope, element, attr) {+ var $$observers = (attr.$$observers || (attr.$$observers = {}));++ if (EVENT_HANDLER_ATTR_REGEXP.test(name)) {+ throw $compileMinErr('nodomevents',+ "Interpolations for HTML DOM event attributes are disallowed. Please use the " ++ "ng- versions (such as ng-click instead of onclick) instead.");+ }++ // we need to interpolate again, in case the attribute value has been updated+ // (e.g. by another directive's compile function)+ interpolateFn = $interpolate(attr[name], true, getTrustedContext(node, name));++ // if attribute was updated so that there is no interpolation going on we don't want to+ // register any observers+ if (!interpolateFn) return;++ // TODO(i): this should likely be attr.$set(name, iterpolateFn(scope) so that we reset the+ // actual attr value+ attr[name] = interpolateFn(scope);+ ($$observers[name] || ($$observers[name] = [])).$$inter = true;+ (attr.$$observers && attr.$$observers[name].$$scope || scope).+ $watch(interpolateFn, function interpolateFnWatchAction(newValue, oldValue) {+ //special case for class attribute addition + removal+ //so that class changes can tap into the animation+ //hooks provided by the $animate service. Be sure to+ //skip animations when the first digest occurs (when+ //both the new and the old values are the same) since+ //the CSS classes are the non-interpolated values+ if(name === 'class' && newValue != oldValue) {+ attr.$updateClass(newValue, oldValue);+ } else {+ attr.$set(name, newValue);+ }+ });+ }+ };+ }+ });+ }+++ /**+ * This is a special jqLite.replaceWith, which can replace items which+ * have no parents, provided that the containing jqLite collection is provided.+ *+ * @param {JqLite=} $rootElement The root of the compile tree. Used so that we can replace nodes+ * in the root of the tree.+ * @param {JqLite} elementsToRemove The jqLite element which we are going to replace. We keep+ * the shell, but replace its DOM node reference.+ * @param {Node} newNode The new DOM node.+ */+ function replaceWith($rootElement, elementsToRemove, newNode) {+ var firstElementToRemove = elementsToRemove[0],+ removeCount = elementsToRemove.length,+ parent = firstElementToRemove.parentNode,+ i, ii;++ if ($rootElement) {+ for(i = 0, ii = $rootElement.length; i < ii; i++) {+ if ($rootElement[i] == firstElementToRemove) {+ $rootElement[i++] = newNode;+ for (var j = i, j2 = j + removeCount - 1,+ jj = $rootElement.length;+ j < jj; j++, j2++) {+ if (j2 < jj) {+ $rootElement[j] = $rootElement[j2];+ } else {+ delete $rootElement[j];+ }+ }+ $rootElement.length -= removeCount - 1;+ break;+ }+ }+ }++ if (parent) {+ parent.replaceChild(newNode, firstElementToRemove);+ }+ var fragment = document.createDocumentFragment();+ fragment.appendChild(firstElementToRemove);+ newNode[jqLite.expando] = firstElementToRemove[jqLite.expando];+ for (var k = 1, kk = elementsToRemove.length; k < kk; k++) {+ var element = elementsToRemove[k];+ jqLite(element).remove(); // must do this way to clean up expando+ fragment.appendChild(element);+ delete elementsToRemove[k];+ }++ elementsToRemove[0] = newNode;+ elementsToRemove.length = 1;+ }+++ function cloneAndAnnotateFn(fn, annotation) {+ return extend(function() { return fn.apply(null, arguments); }, fn, annotation);+ }+ }];+}++var PREFIX_REGEXP = /^(x[\:\-_]|data[\:\-_])/i;+/**+ * Converts all accepted directives format into proper directive name.+ * All of these will become 'myDirective':+ * my:Directive+ * my-directive+ * x-my-directive+ * data-my:directive+ *+ * Also there is special case for Moz prefix starting with upper case letter.+ * @param name Name to normalize+ */+function directiveNormalize(name) {+ return camelCase(name.replace(PREFIX_REGEXP, ''));+}++/**+ * @ngdoc object+ * @name ng.$compile.directive.Attributes+ *+ * @description+ * A shared object between directive compile / linking functions which contains normalized DOM+ * element attributes. The values reflect current binding state `{{ }}`. The normalization is+ * needed since all of these are treated as equivalent in Angular:+ *+ * <span ng:bind="a" ng-bind="a" data-ng-bind="a" x-ng-bind="a">+ */++/**+ * @ngdoc property+ * @name ng.$compile.directive.Attributes#$attr+ * @propertyOf ng.$compile.directive.Attributes+ * @returns {object} A map of DOM element attribute names to the normalized name. This is+ * needed to do reverse lookup from normalized name back to actual name.+ */+++/**+ * @ngdoc function+ * @name ng.$compile.directive.Attributes#$set+ * @methodOf ng.$compile.directive.Attributes+ * @function+ *+ * @description+ * Set DOM element attribute value.+ *+ *+ * @param {string} name Normalized element attribute name of the property to modify. The name is+ * revers translated using the {@link ng.$compile.directive.Attributes#$attr $attr}+ * property to the original name.+ * @param {string} value Value to set the attribute to. The value can be an interpolated string.+ */++++/**+ * Closure compiler type information+ */++function nodesetLinkingFn(+ /* angular.Scope */ scope,+ /* NodeList */ nodeList,+ /* Element */ rootElement,+ /* function(Function) */ boundTranscludeFn+){}++function directiveLinkingFn(+ /* nodesetLinkingFn */ nodesetLinkingFn,+ /* angular.Scope */ scope,+ /* Node */ node,+ /* Element */ rootElement,+ /* function(Function) */ boundTranscludeFn+){}++function tokenDifference(str1, str2) {+ var values = '',+ tokens1 = str1.split(/\s+/),+ tokens2 = str2.split(/\s+/);++ outer:+ for(var i = 0; i < tokens1.length; i++) {+ var token = tokens1[i];+ for(var j = 0; j < tokens2.length; j++) {+ if(token == tokens2[j]) continue outer;+ }+ values += (values.length > 0 ? ' ' : '') + token;+ }+ return values;+}++/**+ * @ngdoc object+ * @name ng.$controllerProvider+ * @description+ * The {@link ng.$controller $controller service} is used by Angular to create new+ * controllers.+ *+ * This provider allows controller registration via the+ * {@link ng.$controllerProvider#methods_register register} method.+ */+function $ControllerProvider() {+ var controllers = {},+ CNTRL_REG = /^(\S+)(\s+as\s+(\w+))?$/;+++ /**+ * @ngdoc function+ * @name ng.$controllerProvider#register+ * @methodOf ng.$controllerProvider+ * @param {string|Object} name Controller name, or an object map of controllers where the keys are+ * the names and the values are the constructors.+ * @param {Function|Array} constructor Controller constructor fn (optionally decorated with DI+ * annotations in the array notation).+ */+ this.register = function(name, constructor) {+ assertNotHasOwnProperty(name, 'controller');+ if (isObject(name)) {+ extend(controllers, name);+ } else {+ controllers[name] = constructor;+ }+ };+++ this.$get = ['$injector', '$window', function($injector, $window) {++ /**+ * @ngdoc function+ * @name ng.$controller+ * @requires $injector+ *+ * @param {Function|string} constructor If called with a function then it's considered to be the+ * controller constructor function. Otherwise it's considered to be a string which is used+ * to retrieve the controller constructor using the following steps:+ *+ * * check if a controller with given name is registered via `$controllerProvider`+ * * check if evaluating the string on the current scope returns a constructor+ * * check `window[constructor]` on the global `window` object+ *+ * @param {Object} locals Injection locals for Controller.+ * @return {Object} Instance of given controller.+ *+ * @description+ * `$controller` service is responsible for instantiating controllers.+ *+ * It's just a simple call to {@link AUTO.$injector $injector}, but extracted into+ * a service, so that one can override this service with {@link https://gist.github.com/1649788+ * BC version}.+ */+ return function(expression, locals) {+ var instance, match, constructor, identifier;++ if(isString(expression)) {+ match = expression.match(CNTRL_REG),+ constructor = match[1],+ identifier = match[3];+ expression = controllers.hasOwnProperty(constructor)+ ? controllers[constructor]+ : getter(locals.$scope, constructor, true) || getter($window, constructor, true);++ assertArgFn(expression, constructor, true);+ }++ instance = $injector.instantiate(expression, locals);++ if (identifier) {+ if (!(locals && typeof locals.$scope == 'object')) {+ throw minErr('$controller')('noscp',+ "Cannot export controller '{0}' as '{1}'! No $scope object provided via `locals`.",+ constructor || expression.name, identifier);+ }++ locals.$scope[identifier] = instance;+ }++ return instance;+ };+ }];+}++/**+ * @ngdoc object+ * @name ng.$document+ * @requires $window+ *+ * @description+ * A {@link angular.element jQuery (lite)}-wrapped reference to the browser's `window.document`+ * element.+ */+function $DocumentProvider(){+ this.$get = ['$window', function(window){+ return jqLite(window.document);+ }];+}++/**+ * @ngdoc function+ * @name ng.$exceptionHandler+ * @requires $log+ *+ * @description+ * Any uncaught exception in angular expressions is delegated to this service.+ * The default implementation simply delegates to `$log.error` which logs it into+ * the browser console.+ * + * In unit tests, if `angular-mocks.js` is loaded, this service is overridden by+ * {@link ngMock.$exceptionHandler mock $exceptionHandler} which aids in testing.+ *+ * ## Example:+ * + * <pre>+ * angular.module('exceptionOverride', []).factory('$exceptionHandler', function () {+ * return function (exception, cause) {+ * exception.message += ' (caused by "' + cause + '")';+ * throw exception;+ * };+ * });+ * </pre>+ * + * This example will override the normal action of `$exceptionHandler`, to make angular+ * exceptions fail hard when they happen, instead of just logging to the console.+ *+ * @param {Error} exception Exception associated with the error.+ * @param {string=} cause optional information about the context in which+ * the error was thrown.+ *+ */+function $ExceptionHandlerProvider() {+ this.$get = ['$log', function($log) {+ return function(exception, cause) {+ $log.error.apply($log, arguments);+ };+ }];+}++/**+ * Parse headers into key value object+ *+ * @param {string} headers Raw headers as a string+ * @returns {Object} Parsed headers as key value object+ */+function parseHeaders(headers) {+ var parsed = {}, key, val, i;++ if (!headers) return parsed;++ forEach(headers.split('\n'), function(line) {+ i = line.indexOf(':');+ key = lowercase(trim(line.substr(0, i)));+ val = trim(line.substr(i + 1));++ if (key) {+ if (parsed[key]) {+ parsed[key] += ', ' + val;+ } else {+ parsed[key] = val;+ }+ }+ });++ return parsed;+}+++/**+ * Returns a function that provides access to parsed headers.+ *+ * Headers are lazy parsed when first requested.+ * @see parseHeaders+ *+ * @param {(string|Object)} headers Headers to provide access to.+ * @returns {function(string=)} Returns a getter function which if called with:+ *+ * - if called with single an argument returns a single header value or null+ * - if called with no arguments returns an object containing all headers.+ */+function headersGetter(headers) {+ var headersObj = isObject(headers) ? headers : undefined;++ return function(name) {+ if (!headersObj) headersObj = parseHeaders(headers);++ if (name) {+ return headersObj[lowercase(name)] || null;+ }++ return headersObj;+ };+}+++/**+ * Chain all given functions+ *+ * This function is used for both request and response transforming+ *+ * @param {*} data Data to transform.+ * @param {function(string=)} headers Http headers getter fn.+ * @param {(function|Array.<function>)} fns Function or an array of functions.+ * @returns {*} Transformed data.+ */+function transformData(data, headers, fns) {+ if (isFunction(fns))+ return fns(data, headers);++ forEach(fns, function(fn) {+ data = fn(data, headers);+ });++ return data;+}+++function isSuccess(status) {+ return 200 <= status && status < 300;+}+++function $HttpProvider() {+ var JSON_START = /^\s*(\[|\{[^\{])/,+ JSON_END = /[\}\]]\s*$/,+ PROTECTION_PREFIX = /^\)\]\}',?\n/,+ CONTENT_TYPE_APPLICATION_JSON = {'Content-Type': 'application/json;charset=utf-8'};++ var defaults = this.defaults = {+ // transform incoming response data+ transformResponse: [function(data) {+ if (isString(data)) {+ // strip json vulnerability protection prefix+ data = data.replace(PROTECTION_PREFIX, '');+ if (JSON_START.test(data) && JSON_END.test(data))+ data = fromJson(data);+ }+ return data;+ }],++ // transform outgoing request data+ transformRequest: [function(d) {+ return isObject(d) && !isFile(d) ? toJson(d) : d;+ }],++ // default headers+ headers: {+ common: {+ 'Accept': 'application/json, text/plain, */*'+ },+ post: CONTENT_TYPE_APPLICATION_JSON,+ put: CONTENT_TYPE_APPLICATION_JSON,+ patch: CONTENT_TYPE_APPLICATION_JSON+ },++ xsrfCookieName: 'XSRF-TOKEN',+ xsrfHeaderName: 'X-XSRF-TOKEN'+ };++ /**+ * Are ordered by request, i.e. they are applied in the same order as the+ * array, on request, but reverse order, on response.+ */+ var interceptorFactories = this.interceptors = [];++ /**+ * For historical reasons, response interceptors are ordered by the order in which+ * they are applied to the response. (This is the opposite of interceptorFactories)+ */+ var responseInterceptorFactories = this.responseInterceptors = [];++ this.$get = ['$httpBackend', '$browser', '$cacheFactory', '$rootScope', '$q', '$injector',+ function($httpBackend, $browser, $cacheFactory, $rootScope, $q, $injector) {++ var defaultCache = $cacheFactory('$http');++ /**+ * Interceptors stored in reverse order. Inner interceptors before outer interceptors.+ * The reversal is needed so that we can build up the interception chain around the+ * server request.+ */+ var reversedInterceptors = [];++ forEach(interceptorFactories, function(interceptorFactory) {+ reversedInterceptors.unshift(isString(interceptorFactory)+ ? $injector.get(interceptorFactory) : $injector.invoke(interceptorFactory));+ });++ forEach(responseInterceptorFactories, function(interceptorFactory, index) {+ var responseFn = isString(interceptorFactory)+ ? $injector.get(interceptorFactory)+ : $injector.invoke(interceptorFactory);++ /**+ * Response interceptors go before "around" interceptors (no real reason, just+ * had to pick one.) But they are already reversed, so we can't use unshift, hence+ * the splice.+ */+ reversedInterceptors.splice(index, 0, {+ response: function(response) {+ return responseFn($q.when(response));+ },+ responseError: function(response) {+ return responseFn($q.reject(response));+ }+ });+ });+++ /**+ * @ngdoc function+ * @name ng.$http+ * @requires $httpBackend+ * @requires $browser+ * @requires $cacheFactory+ * @requires $rootScope+ * @requires $q+ * @requires $injector+ *+ * @description+ * The `$http` service is a core Angular service that facilitates communication with the remote+ * HTTP servers via the browser's {@link https://developer.mozilla.org/en/xmlhttprequest+ * XMLHttpRequest} object or via {@link http://en.wikipedia.org/wiki/JSONP JSONP}.+ *+ * For unit testing applications that use `$http` service, see+ * {@link ngMock.$httpBackend $httpBackend mock}.+ *+ * For a higher level of abstraction, please check out the {@link ngResource.$resource+ * $resource} service.+ *+ * The $http API is based on the {@link ng.$q deferred/promise APIs} exposed by+ * the $q service. While for simple usage patterns this doesn't matter much, for advanced usage+ * it is important to familiarize yourself with these APIs and the guarantees they provide.+ *+ *+ * # General usage+ * The `$http` service is a function which takes a single argument — a configuration object —+ * that is used to generate an HTTP request and returns a {@link ng.$q promise}+ * with two $http specific methods: `success` and `error`.+ *+ * <pre>+ * $http({method: 'GET', url: '/someUrl'}).+ * success(function(data, status, headers, config) {+ * // this callback will be called asynchronously+ * // when the response is available+ * }).+ * error(function(data, status, headers, config) {+ * // called asynchronously if an error occurs+ * // or server returns response with an error status.+ * });+ * </pre>+ *+ * Since the returned value of calling the $http function is a `promise`, you can also use+ * the `then` method to register callbacks, and these callbacks will receive a single argument –+ * an object representing the response. See the API signature and type info below for more+ * details.+ *+ * A response status code between 200 and 299 is considered a success status and+ * will result in the success callback being called. Note that if the response is a redirect,+ * XMLHttpRequest will transparently follow it, meaning that the error callback will not be+ * called for such responses.+ * + * # Calling $http from outside AngularJS+ * The `$http` service will not actually send the request until the next `$digest()` is+ * executed. Normally this is not an issue, since almost all the time your call to `$http` will+ * be from within a `$apply()` block.+ * If you are calling `$http` from outside Angular, then you should wrap it in a call to+ * `$apply` to cause a $digest to occur and also to handle errors in the block correctly.+ *+ * ```+ * $scope.$apply(function() {+ * $http(...);+ * });+ * ```+ *+ * # Writing Unit Tests that use $http+ * When unit testing you are mostly responsible for scheduling the `$digest` cycle. If you do+ * not trigger a `$digest` before calling `$httpBackend.flush()` then the request will not have+ * been made and `$httpBackend.expect(...)` expectations will fail. The solution is to run the+ * code that calls the `$http()` method inside a $apply block as explained in the previous+ * section.+ *+ * ```+ * $httpBackend.expectGET(...);+ * $scope.$apply(function() {+ * $http.get(...);+ * });+ * $httpBackend.flush();+ * ```+ *+ * # Shortcut methods+ *+ * Since all invocations of the $http service require passing in an HTTP method and URL, and+ * POST/PUT requests require request data to be provided as well, shortcut methods+ * were created:+ *+ * <pre>+ * $http.get('/someUrl').success(successCallback);+ * $http.post('/someUrl', data).success(successCallback);+ * </pre>+ *+ * Complete list of shortcut methods:+ *+ * - {@link ng.$http#methods_get $http.get}+ * - {@link ng.$http#methods_head $http.head}+ * - {@link ng.$http#methods_post $http.post}+ * - {@link ng.$http#methods_put $http.put}+ * - {@link ng.$http#methods_delete $http.delete}+ * - {@link ng.$http#methods_jsonp $http.jsonp}+ *+ *+ * # Setting HTTP Headers+ *+ * The $http service will automatically add certain HTTP headers to all requests. These defaults+ * can be fully configured by accessing the `$httpProvider.defaults.headers` configuration+ * object, which currently contains this default configuration:+ *+ * - `$httpProvider.defaults.headers.common` (headers that are common for all requests):+ * - `Accept: application/json, text/plain, * / *`+ * - `$httpProvider.defaults.headers.post`: (header defaults for POST requests)+ * - `Content-Type: application/json`+ * - `$httpProvider.defaults.headers.put` (header defaults for PUT requests)+ * - `Content-Type: application/json`+ *+ * To add or overwrite these defaults, simply add or remove a property from these configuration+ * objects. To add headers for an HTTP method other than POST or PUT, simply add a new object+ * with the lowercased HTTP method name as the key, e.g.+ * `$httpProvider.defaults.headers.get = { 'My-Header' : 'value' }.+ *+ * The defaults can also be set at runtime via the `$http.defaults` object in the same+ * fashion. In addition, you can supply a `headers` property in the config object passed when+ * calling `$http(config)`, which overrides the defaults without changing them globally.+ *+ *+ * # Transforming Requests and Responses+ *+ * Both requests and responses can be transformed using transform functions. By default, Angular+ * applies these transformations:+ *+ * Request transformations:+ *+ * - If the `data` property of the request configuration object contains an object, serialize it+ * into JSON format.+ *+ * Response transformations:+ *+ * - If XSRF prefix is detected, strip it (see Security Considerations section below).+ * - If JSON response is detected, deserialize it using a JSON parser.+ *+ * To globally augment or override the default transforms, modify the+ * `$httpProvider.defaults.transformRequest` and `$httpProvider.defaults.transformResponse`+ * properties. These properties are by default an array of transform functions, which allows you+ * to `push` or `unshift` a new transformation function into the transformation chain. You can+ * also decide to completely override any default transformations by assigning your+ * transformation functions to these properties directly without the array wrapper.+ *+ * Similarly, to locally override the request/response transforms, augment the+ * `transformRequest` and/or `transformResponse` properties of the configuration object passed+ * into `$http`.+ *+ *+ * # Caching+ *+ * To enable caching, set the request configuration `cache` property to `true` (to use default+ * cache) or to a custom cache object (built with {@link ng.$cacheFactory `$cacheFactory`}).+ * When the cache is enabled, `$http` stores the response from the server in the specified+ * cache. The next time the same request is made, the response is served from the cache without+ * sending a request to the server.+ *+ * Note that even if the response is served from cache, delivery of the data is asynchronous in+ * the same way that real requests are.+ *+ * If there are multiple GET requests for the same URL that should be cached using the same+ * cache, but the cache is not populated yet, only one request to the server will be made and+ * the remaining requests will be fulfilled using the response from the first request.+ *+ * You can change the default cache to a new object (built with+ * {@link ng.$cacheFactory `$cacheFactory`}) by updating the+ * {@link ng.$http#properties_defaults `$http.defaults.cache`} property. All requests who set+ * their `cache` property to `true` will now use this cache object.+ *+ * If you set the default cache to `false` then only requests that specify their own custom+ * cache object will be cached.+ *+ * # Interceptors+ *+ * Before you start creating interceptors, be sure to understand the+ * {@link ng.$q $q and deferred/promise APIs}.+ *+ * For purposes of global error handling, authentication, or any kind of synchronous or+ * asynchronous pre-processing of request or postprocessing of responses, it is desirable to be+ * able to intercept requests before they are handed to the server and+ * responses before they are handed over to the application code that+ * initiated these requests. The interceptors leverage the {@link ng.$q+ * promise APIs} to fulfill this need for both synchronous and asynchronous pre-processing.+ *+ * The interceptors are service factories that are registered with the `$httpProvider` by+ * adding them to the `$httpProvider.interceptors` array. The factory is called and+ * injected with dependencies (if specified) and returns the interceptor.+ *+ * There are two kinds of interceptors (and two kinds of rejection interceptors):+ *+ * * `request`: interceptors get called with http `config` object. The function is free to+ * modify the `config` or create a new one. The function needs to return the `config`+ * directly or as a promise.+ * * `requestError`: interceptor gets called when a previous interceptor threw an error or+ * resolved with a rejection.+ * * `response`: interceptors get called with http `response` object. The function is free to+ * modify the `response` or create a new one. The function needs to return the `response`+ * directly or as a promise.+ * * `responseError`: interceptor gets called when a previous interceptor threw an error or+ * resolved with a rejection.+ *+ *+ * <pre>+ * // register the interceptor as a service+ * $provide.factory('myHttpInterceptor', function($q, dependency1, dependency2) {+ * return {+ * // optional method+ * 'request': function(config) {+ * // do something on success+ * return config || $q.when(config);+ * },+ *+ * // optional method+ * 'requestError': function(rejection) {+ * // do something on error+ * if (canRecover(rejection)) {+ * return responseOrNewPromise+ * }+ * return $q.reject(rejection);+ * },+ *+ *+ *+ * // optional method+ * 'response': function(response) {+ * // do something on success+ * return response || $q.when(response);+ * },+ *+ * // optional method+ * 'responseError': function(rejection) {+ * // do something on error+ * if (canRecover(rejection)) {+ * return responseOrNewPromise+ * }+ * return $q.reject(rejection);+ * };+ * }+ * });+ *+ * $httpProvider.interceptors.push('myHttpInterceptor');+ *+ *+ * // register the interceptor via an anonymous factory+ * $httpProvider.interceptors.push(function($q, dependency1, dependency2) {+ * return {+ * 'request': function(config) {+ * // same as above+ * },+ * 'response': function(response) {+ * // same as above+ * }+ * };+ * });+ * </pre>+ *+ * # Response interceptors (DEPRECATED)+ *+ * Before you start creating interceptors, be sure to understand the+ * {@link ng.$q $q and deferred/promise APIs}.+ *+ * For purposes of global error handling, authentication or any kind of synchronous or+ * asynchronous preprocessing of received responses, it is desirable to be able to intercept+ * responses for http requests before they are handed over to the application code that+ * initiated these requests. The response interceptors leverage the {@link ng.$q+ * promise apis} to fulfil this need for both synchronous and asynchronous preprocessing.+ *+ * The interceptors are service factories that are registered with the $httpProvider by+ * adding them to the `$httpProvider.responseInterceptors` array. The factory is called and+ * injected with dependencies (if specified) and returns the interceptor — a function that+ * takes a {@link ng.$q promise} and returns the original or a new promise.+ *+ * <pre>+ * // register the interceptor as a service+ * $provide.factory('myHttpInterceptor', function($q, dependency1, dependency2) {+ * return function(promise) {+ * return promise.then(function(response) {+ * // do something on success+ * return response;+ * }, function(response) {+ * // do something on error+ * if (canRecover(response)) {+ * return responseOrNewPromise+ * }+ * return $q.reject(response);+ * });+ * }+ * });+ *+ * $httpProvider.responseInterceptors.push('myHttpInterceptor');+ *+ *+ * // register the interceptor via an anonymous factory+ * $httpProvider.responseInterceptors.push(function($q, dependency1, dependency2) {+ * return function(promise) {+ * // same as above+ * }+ * });+ * </pre>+ *+ *+ * # Security Considerations+ *+ * When designing web applications, consider security threats from:+ *+ * - {@link http://haacked.com/archive/2008/11/20/anatomy-of-a-subtle-json-vulnerability.aspx+ * JSON vulnerability}+ * - {@link http://en.wikipedia.org/wiki/Cross-site_request_forgery XSRF}+ *+ * Both server and the client must cooperate in order to eliminate these threats. Angular comes+ * pre-configured with strategies that address these issues, but for this to work backend server+ * cooperation is required.+ *+ * ## JSON Vulnerability Protection+ *+ * A {@link http://haacked.com/archive/2008/11/20/anatomy-of-a-subtle-json-vulnerability.aspx+ * JSON vulnerability} allows third party website to turn your JSON resource URL into+ * {@link http://en.wikipedia.org/wiki/JSONP JSONP} request under some conditions. To+ * counter this your server can prefix all JSON requests with following string `")]}',\n"`.+ * Angular will automatically strip the prefix before processing it as JSON.+ *+ * For example if your server needs to return:+ * <pre>+ * ['one','two']+ * </pre>+ *+ * which is vulnerable to attack, your server can return:+ * <pre>+ * )]}',+ * ['one','two']+ * </pre>+ *+ * Angular will strip the prefix, before processing the JSON.+ *+ *+ * ## Cross Site Request Forgery (XSRF) Protection+ *+ * {@link http://en.wikipedia.org/wiki/Cross-site_request_forgery XSRF} is a technique by which+ * an unauthorized site can gain your user's private data. Angular provides a mechanism+ * to counter XSRF. When performing XHR requests, the $http service reads a token from a cookie+ * (by default, `XSRF-TOKEN`) and sets it as an HTTP header (`X-XSRF-TOKEN`). Since only+ * JavaScript that runs on your domain could read the cookie, your server can be assured that+ * the XHR came from JavaScript running on your domain. The header will not be set for+ * cross-domain requests.+ *+ * To take advantage of this, your server needs to set a token in a JavaScript readable session+ * cookie called `XSRF-TOKEN` on the first HTTP GET request. On subsequent XHR requests the+ * server can verify that the cookie matches `X-XSRF-TOKEN` HTTP header, and therefore be sure+ * that only JavaScript running on your domain could have sent the request. The token must be+ * unique for each user and must be verifiable by the server (to prevent the JavaScript from+ * making up its own tokens). We recommend that the token is a digest of your site's+ * authentication cookie with a {@link https://en.wikipedia.org/wiki/Salt_(cryptography) salt}+ * for added security.+ *+ * The name of the headers can be specified using the xsrfHeaderName and xsrfCookieName+ * properties of either $httpProvider.defaults, or the per-request config object.+ *+ *+ * @param {object} config Object describing the request to be made and how it should be+ * processed. The object has following properties:+ *+ * - **method** – `{string}` – HTTP method (e.g. 'GET', 'POST', etc)+ * - **url** – `{string}` – Absolute or relative URL of the resource that is being requested.+ * - **params** – `{Object.<string|Object>}` – Map of strings or objects which will be turned+ * to `?key1=value1&key2=value2` after the url. If the value is not a string, it will be+ * JSONified.+ * - **data** – `{string|Object}` – Data to be sent as the request message data.+ * - **headers** – `{Object}` – Map of strings or functions which return strings representing+ * HTTP headers to send to the server. If the return value of a function is null, the+ * header will not be sent.+ * - **xsrfHeaderName** – `{string}` – Name of HTTP header to populate with the XSRF token.+ * - **xsrfCookieName** – `{string}` – Name of cookie containing the XSRF token.+ * - **transformRequest** –+ * `{function(data, headersGetter)|Array.<function(data, headersGetter)>}` –+ * transform function or an array of such functions. The transform function takes the http+ * request body and headers and returns its transformed (typically serialized) version.+ * - **transformResponse** –+ * `{function(data, headersGetter)|Array.<function(data, headersGetter)>}` –+ * transform function or an array of such functions. The transform function takes the http+ * response body and headers and returns its transformed (typically deserialized) version.+ * - **cache** – `{boolean|Cache}` – If true, a default $http cache will be used to cache the+ * GET request, otherwise if a cache instance built with+ * {@link ng.$cacheFactory $cacheFactory}, this cache will be used for+ * caching.+ * - **timeout** – `{number|Promise}` – timeout in milliseconds, or {@link ng.$q promise}+ * that should abort the request when resolved.+ * - **withCredentials** - `{boolean}` - whether to to set the `withCredentials` flag on the+ * XHR object. See {@link https://developer.mozilla.org/en/http_access_control#section_5+ * requests with credentials} for more information.+ * - **responseType** - `{string}` - see {@link+ * https://developer.mozilla.org/en-US/docs/DOM/XMLHttpRequest#responseType requestType}.+ *+ * @returns {HttpPromise} Returns a {@link ng.$q promise} object with the+ * standard `then` method and two http specific methods: `success` and `error`. The `then`+ * method takes two arguments a success and an error callback which will be called with a+ * response object. The `success` and `error` methods take a single argument - a function that+ * will be called when the request succeeds or fails respectively. The arguments passed into+ * these functions are destructured representation of the response object passed into the+ * `then` method. The response object has these properties:+ *+ * - **data** – `{string|Object}` – The response body transformed with the transform+ * functions.+ * - **status** – `{number}` – HTTP status code of the response.+ * - **headers** – `{function([headerName])}` – Header getter function.+ * - **config** – `{Object}` – The configuration object that was used to generate the request.+ *+ * @property {Array.<Object>} pendingRequests Array of config objects for currently pending+ * requests. This is primarily meant to be used for debugging purposes.+ *+ *+ * @example+<example>+<file name="index.html">+ <div ng-controller="FetchCtrl">+ <select ng-model="method">+ <option>GET</option>+ <option>JSONP</option>+ </select>+ <input type="text" ng-model="url" size="80"/>+ <button ng-click="fetch()">fetch</button><br>+ <button ng-click="updateModel('GET', 'http-hello.html')">Sample GET</button>+ <button+ ng-click="updateModel('JSONP',+ 'http://angularjs.org/greet.php?callback=JSON_CALLBACK&name=Super%20Hero')">+ Sample JSONP+ </button>+ <button+ ng-click="updateModel('JSONP', 'http://angularjs.org/doesntexist&callback=JSON_CALLBACK')">+ Invalid JSONP+ </button>+ <pre>http status code: {{status}}</pre>+ <pre>http response data: {{data}}</pre>+ </div>+</file>+<file name="script.js">+ function FetchCtrl($scope, $http, $templateCache) {+ $scope.method = 'GET';+ $scope.url = 'http-hello.html';++ $scope.fetch = function() {+ $scope.code = null;+ $scope.response = null;++ $http({method: $scope.method, url: $scope.url, cache: $templateCache}).+ success(function(data, status) {+ $scope.status = status;+ $scope.data = data;+ }).+ error(function(data, status) {+ $scope.data = data || "Request failed";+ $scope.status = status;+ });+ };++ $scope.updateModel = function(method, url) {+ $scope.method = method;+ $scope.url = url;+ };+ }+</file>+<file name="http-hello.html">+ Hello, $http!+</file>+<file name="scenario.js">+ it('should make an xhr GET request', function() {+ element(':button:contains("Sample GET")').click();+ element(':button:contains("fetch")').click();+ expect(binding('status')).toBe('200');+ expect(binding('data')).toMatch(/Hello, \$http!/);+ });++ it('should make a JSONP request to angularjs.org', function() {+ element(':button:contains("Sample JSONP")').click();+ element(':button:contains("fetch")').click();+ expect(binding('status')).toBe('200');+ expect(binding('data')).toMatch(/Super Hero!/);+ });++ it('should make JSONP request to invalid URL and invoke the error handler',+ function() {+ element(':button:contains("Invalid JSONP")').click();+ element(':button:contains("fetch")').click();+ expect(binding('status')).toBe('0');+ expect(binding('data')).toBe('Request failed');+ });+</file>+</example>+ */+ function $http(requestConfig) {+ var config = {+ transformRequest: defaults.transformRequest,+ transformResponse: defaults.transformResponse+ };+ var headers = mergeHeaders(requestConfig);++ extend(config, requestConfig);+ config.headers = headers;+ config.method = uppercase(config.method);++ var xsrfValue = urlIsSameOrigin(config.url)+ ? $browser.cookies()[config.xsrfCookieName || defaults.xsrfCookieName]+ : undefined;+ if (xsrfValue) {+ headers[(config.xsrfHeaderName || defaults.xsrfHeaderName)] = xsrfValue;+ }+++ var serverRequest = function(config) {+ headers = config.headers;+ var reqData = transformData(config.data, headersGetter(headers), config.transformRequest);++ // strip content-type if data is undefined+ if (isUndefined(config.data)) {+ forEach(headers, function(value, header) {+ if (lowercase(header) === 'content-type') {+ delete headers[header];+ }+ });+ }++ if (isUndefined(config.withCredentials) && !isUndefined(defaults.withCredentials)) {+ config.withCredentials = defaults.withCredentials;+ }++ // send request+ return sendReq(config, reqData, headers).then(transformResponse, transformResponse);+ };++ var chain = [serverRequest, undefined];+ var promise = $q.when(config);++ // apply interceptors+ forEach(reversedInterceptors, function(interceptor) {+ if (interceptor.request || interceptor.requestError) {+ chain.unshift(interceptor.request, interceptor.requestError);+ }+ if (interceptor.response || interceptor.responseError) {+ chain.push(interceptor.response, interceptor.responseError);+ }+ });++ while(chain.length) {+ var thenFn = chain.shift();+ var rejectFn = chain.shift();++ promise = promise.then(thenFn, rejectFn);+ }++ promise.success = function(fn) {+ promise.then(function(response) {+ fn(response.data, response.status, response.headers, config);+ });+ return promise;+ };++ promise.error = function(fn) {+ promise.then(null, function(response) {+ fn(response.data, response.status, response.headers, config);+ });+ return promise;+ };++ return promise;++ function transformResponse(response) {+ // make a copy since the response must be cacheable+ var resp = extend({}, response, {+ data: transformData(response.data, response.headers, config.transformResponse)+ });+ return (isSuccess(response.status))+ ? resp+ : $q.reject(resp);+ }++ function mergeHeaders(config) {+ var defHeaders = defaults.headers,+ reqHeaders = extend({}, config.headers),+ defHeaderName, lowercaseDefHeaderName, reqHeaderName;++ defHeaders = extend({}, defHeaders.common, defHeaders[lowercase(config.method)]);++ // execute if header value is function+ execHeaders(defHeaders);+ execHeaders(reqHeaders);++ // using for-in instead of forEach to avoid unecessary iteration after header has been found+ defaultHeadersIteration:+ for (defHeaderName in defHeaders) {+ lowercaseDefHeaderName = lowercase(defHeaderName);++ for (reqHeaderName in reqHeaders) {+ if (lowercase(reqHeaderName) === lowercaseDefHeaderName) {+ continue defaultHeadersIteration;+ }+ }++ reqHeaders[defHeaderName] = defHeaders[defHeaderName];+ }++ return reqHeaders;++ function execHeaders(headers) {+ var headerContent;++ forEach(headers, function(headerFn, header) {+ if (isFunction(headerFn)) {+ headerContent = headerFn();+ if (headerContent != null) {+ headers[header] = headerContent;+ } else {+ delete headers[header];+ }+ }+ });+ }+ }+ }++ $http.pendingRequests = [];++ /**+ * @ngdoc method+ * @name ng.$http#get+ * @methodOf ng.$http+ *+ * @description+ * Shortcut method to perform `GET` request.+ *+ * @param {string} url Relative or absolute URL specifying the destination of the request+ * @param {Object=} config Optional configuration object+ * @returns {HttpPromise} Future object+ */++ /**+ * @ngdoc method+ * @name ng.$http#delete+ * @methodOf ng.$http+ *+ * @description+ * Shortcut method to perform `DELETE` request.+ *+ * @param {string} url Relative or absolute URL specifying the destination of the request+ * @param {Object=} config Optional configuration object+ * @returns {HttpPromise} Future object+ */++ /**+ * @ngdoc method+ * @name ng.$http#head+ * @methodOf ng.$http+ *+ * @description+ * Shortcut method to perform `HEAD` request.+ *+ * @param {string} url Relative or absolute URL specifying the destination of the request+ * @param {Object=} config Optional configuration object+ * @returns {HttpPromise} Future object+ */++ /**+ * @ngdoc method+ * @name ng.$http#jsonp+ * @methodOf ng.$http+ *+ * @description+ * Shortcut method to perform `JSONP` request.+ *+ * @param {string} url Relative or absolute URL specifying the destination of the request.+ * Should contain `JSON_CALLBACK` string.+ * @param {Object=} config Optional configuration object+ * @returns {HttpPromise} Future object+ */+ createShortMethods('get', 'delete', 'head', 'jsonp');++ /**+ * @ngdoc method+ * @name ng.$http#post+ * @methodOf ng.$http+ *+ * @description+ * Shortcut method to perform `POST` request.+ *+ * @param {string} url Relative or absolute URL specifying the destination of the request+ * @param {*} data Request content+ * @param {Object=} config Optional configuration object+ * @returns {HttpPromise} Future object+ */++ /**+ * @ngdoc method+ * @name ng.$http#put+ * @methodOf ng.$http+ *+ * @description+ * Shortcut method to perform `PUT` request.+ *+ * @param {string} url Relative or absolute URL specifying the destination of the request+ * @param {*} data Request content+ * @param {Object=} config Optional configuration object+ * @returns {HttpPromise} Future object+ */+ createShortMethodsWithData('post', 'put');++ /**+ * @ngdoc property+ * @name ng.$http#defaults+ * @propertyOf ng.$http+ *+ * @description+ * Runtime equivalent of the `$httpProvider.defaults` property. Allows configuration of+ * default headers, withCredentials as well as request and response transformations.+ *+ * See "Setting HTTP Headers" and "Transforming Requests and Responses" sections above.+ */+ $http.defaults = defaults;+++ return $http;+++ function createShortMethods(names) {+ forEach(arguments, function(name) {+ $http[name] = function(url, config) {+ return $http(extend(config || {}, {+ method: name,+ url: url+ }));+ };+ });+ }+++ function createShortMethodsWithData(name) {+ forEach(arguments, function(name) {+ $http[name] = function(url, data, config) {+ return $http(extend(config || {}, {+ method: name,+ url: url,+ data: data+ }));+ };+ });+ }+++ /**+ * Makes the request.+ *+ * !!! ACCESSES CLOSURE VARS:+ * $httpBackend, defaults, $log, $rootScope, defaultCache, $http.pendingRequests+ */+ function sendReq(config, reqData, reqHeaders) {+ var deferred = $q.defer(),+ promise = deferred.promise,+ cache,+ cachedResp,+ url = buildUrl(config.url, config.params);++ $http.pendingRequests.push(config);+ promise.then(removePendingReq, removePendingReq);+++ if ((config.cache || defaults.cache) && config.cache !== false && config.method == 'GET') {+ cache = isObject(config.cache) ? config.cache+ : isObject(defaults.cache) ? defaults.cache+ : defaultCache;+ }++ if (cache) {+ cachedResp = cache.get(url);+ if (isDefined(cachedResp)) {+ if (cachedResp.then) {+ // cached request has already been sent, but there is no response yet+ cachedResp.then(removePendingReq, removePendingReq);+ return cachedResp;+ } else {+ // serving from cache+ if (isArray(cachedResp)) {+ resolvePromise(cachedResp[1], cachedResp[0], copy(cachedResp[2]));+ } else {+ resolvePromise(cachedResp, 200, {});+ }+ }+ } else {+ // put the promise for the non-transformed response into cache as a placeholder+ cache.put(url, promise);+ }+ }++ // if we won't have the response in cache, send the request to the backend+ if (isUndefined(cachedResp)) {+ $httpBackend(config.method, url, reqData, done, reqHeaders, config.timeout,+ config.withCredentials, config.responseType);+ }++ return promise;+++ /**+ * Callback registered to $httpBackend():+ * - caches the response if desired+ * - resolves the raw $http promise+ * - calls $apply+ */+ function done(status, response, headersString) {+ if (cache) {+ if (isSuccess(status)) {+ cache.put(url, [status, response, parseHeaders(headersString)]);+ } else {+ // remove promise from the cache+ cache.remove(url);+ }+ }++ resolvePromise(response, status, headersString);+ if (!$rootScope.$$phase) $rootScope.$apply();+ }+++ /**+ * Resolves the raw $http promise.+ */+ function resolvePromise(response, status, headers) {+ // normalize internal statuses to 0+ status = Math.max(status, 0);++ (isSuccess(status) ? deferred.resolve : deferred.reject)({+ data: response,+ status: status,+ headers: headersGetter(headers),+ config: config+ });+ }+++ function removePendingReq() {+ var idx = indexOf($http.pendingRequests, config);+ if (idx !== -1) $http.pendingRequests.splice(idx, 1);+ }+ }+++ function buildUrl(url, params) {+ if (!params) return url;+ var parts = [];+ forEachSorted(params, function(value, key) {+ if (value === null || isUndefined(value)) return;+ if (!isArray(value)) value = [value];++ forEach(value, function(v) {+ if (isObject(v)) {+ v = toJson(v);+ }+ parts.push(encodeUriQuery(key) + '=' ++ encodeUriQuery(v));+ });+ });+ return url + ((url.indexOf('?') == -1) ? '?' : '&') + parts.join('&');+ }+++ }];+}++var XHR = window.XMLHttpRequest || function() {+ /* global ActiveXObject */+ try { return new ActiveXObject("Msxml2.XMLHTTP.6.0"); } catch (e1) {}+ try { return new ActiveXObject("Msxml2.XMLHTTP.3.0"); } catch (e2) {}+ try { return new ActiveXObject("Msxml2.XMLHTTP"); } catch (e3) {}+ throw minErr('$httpBackend')('noxhr', "This browser does not support XMLHttpRequest.");+};+++/**+ * @ngdoc object+ * @name ng.$httpBackend+ * @requires $browser+ * @requires $window+ * @requires $document+ *+ * @description+ * HTTP backend used by the {@link ng.$http service} that delegates to+ * XMLHttpRequest object or JSONP and deals with browser incompatibilities.+ *+ * You should never need to use this service directly, instead use the higher-level abstractions:+ * {@link ng.$http $http} or {@link ngResource.$resource $resource}.+ *+ * During testing this implementation is swapped with {@link ngMock.$httpBackend mock+ * $httpBackend} which can be trained with responses.+ */+function $HttpBackendProvider() {+ this.$get = ['$browser', '$window', '$document', function($browser, $window, $document) {+ return createHttpBackend($browser, XHR, $browser.defer, $window.angular.callbacks, $document[0]);+ }];+}++function createHttpBackend($browser, XHR, $browserDefer, callbacks, rawDocument) {+ var ABORTED = -1;++ // TODO(vojta): fix the signature+ return function(method, url, post, callback, headers, timeout, withCredentials, responseType) {+ var status;+ $browser.$$incOutstandingRequestCount();+ url = url || $browser.url();++ if (lowercase(method) == 'jsonp') {+ var callbackId = '_' + (callbacks.counter++).toString(36);+ callbacks[callbackId] = function(data) {+ callbacks[callbackId].data = data;+ };++ var jsonpDone = jsonpReq(url.replace('JSON_CALLBACK', 'angular.callbacks.' + callbackId),+ function() {+ if (callbacks[callbackId].data) {+ completeRequest(callback, 200, callbacks[callbackId].data);+ } else {+ completeRequest(callback, status || -2);+ }+ delete callbacks[callbackId];+ });+ } else {+ var xhr = new XHR();+ xhr.open(method, url, true);+ forEach(headers, function(value, key) {+ if (isDefined(value)) {+ xhr.setRequestHeader(key, value);+ }+ });++ // In IE6 and 7, this might be called synchronously when xhr.send below is called and the+ // response is in the cache. the promise api will ensure that to the app code the api is+ // always async+ xhr.onreadystatechange = function() {+ if (xhr.readyState == 4) {+ var responseHeaders = null,+ response = null;++ if(status !== ABORTED) {+ responseHeaders = xhr.getAllResponseHeaders();+ response = xhr.responseType ? xhr.response : xhr.responseText;+ }++ // responseText is the old-school way of retrieving response (supported by IE8 & 9)+ // response/responseType properties were introduced in XHR Level2 spec (supported by IE10)+ completeRequest(callback,+ status || xhr.status,+ response,+ responseHeaders);+ }+ };++ if (withCredentials) {+ xhr.withCredentials = true;+ }++ if (responseType) {+ xhr.responseType = responseType;+ }++ xhr.send(post || null);+ }++ if (timeout > 0) {+ var timeoutId = $browserDefer(timeoutRequest, timeout);+ } else if (timeout && timeout.then) {+ timeout.then(timeoutRequest);+ }+++ function timeoutRequest() {+ status = ABORTED;+ jsonpDone && jsonpDone();+ xhr && xhr.abort();+ }++ function completeRequest(callback, status, response, headersString) {+ var protocol = urlResolve(url).protocol;++ // cancel timeout and subsequent timeout promise resolution+ timeoutId && $browserDefer.cancel(timeoutId);+ jsonpDone = xhr = null;++ // fix status code for file protocol (it's always 0)+ status = (protocol == 'file' && status === 0) ? (response ? 200 : 404) : status;++ // normalize IE bug (http://bugs.jquery.com/ticket/1450)+ status = status == 1223 ? 204 : status;++ callback(status, response, headersString);+ $browser.$$completeOutstandingRequest(noop);+ }+ };++ function jsonpReq(url, done) {+ // we can't use jQuery/jqLite here because jQuery does crazy shit with script elements, e.g.:+ // - fetches local scripts via XHR and evals them+ // - adds and immediately removes script elements from the document+ var script = rawDocument.createElement('script'),+ doneWrapper = function() {+ script.onreadystatechange = script.onload = script.onerror = null;+ rawDocument.body.removeChild(script);+ if (done) done();+ };++ script.type = 'text/javascript';+ script.src = url;++ if (msie && msie <= 8) {+ script.onreadystatechange = function() {+ if (/loaded|complete/.test(script.readyState)) {+ doneWrapper();+ }+ };+ } else {+ script.onload = script.onerror = function() {+ doneWrapper();+ };+ }++ rawDocument.body.appendChild(script);+ return doneWrapper;+ }+}++var $interpolateMinErr = minErr('$interpolate');++/**+ * @ngdoc object+ * @name ng.$interpolateProvider+ * @function+ *+ * @description+ *+ * Used for configuring the interpolation markup. Defaults to `{{` and `}}`.+ *+ * @example+<doc:example module="customInterpolationApp">+<doc:source>+<script>+ var customInterpolationApp = angular.module('customInterpolationApp', []);++ customInterpolationApp.config(function($interpolateProvider) {+ $interpolateProvider.startSymbol('//');+ $interpolateProvider.endSymbol('//');+ });+++ customInterpolationApp.controller('DemoController', function DemoController() {+ this.label = "This binding is brought you by // interpolation symbols.";+ });+</script>+<div ng-app="App" ng-controller="DemoController as demo">+ //demo.label//+</div>+</doc:source>+<doc:scenario>+ it('should interpolate binding with custom symbols', function() {+ expect(binding('demo.label')).toBe('This binding is brought you by // interpolation symbols.');+ });+</doc:scenario>+</doc:example>+ */+function $InterpolateProvider() {+ var startSymbol = '{{';+ var endSymbol = '}}';++ /**+ * @ngdoc method+ * @name ng.$interpolateProvider#startSymbol+ * @methodOf ng.$interpolateProvider+ * @description+ * Symbol to denote start of expression in the interpolated string. Defaults to `{{`.+ *+ * @param {string=} value new value to set the starting symbol to.+ * @returns {string|self} Returns the symbol when used as getter and self if used as setter.+ */+ this.startSymbol = function(value){+ if (value) {+ startSymbol = value;+ return this;+ } else {+ return startSymbol;+ }+ };++ /**+ * @ngdoc method+ * @name ng.$interpolateProvider#endSymbol+ * @methodOf ng.$interpolateProvider+ * @description+ * Symbol to denote the end of expression in the interpolated string. Defaults to `}}`.+ *+ * @param {string=} value new value to set the ending symbol to.+ * @returns {string|self} Returns the symbol when used as getter and self if used as setter.+ */+ this.endSymbol = function(value){+ if (value) {+ endSymbol = value;+ return this;+ } else {+ return endSymbol;+ }+ };+++ this.$get = ['$parse', '$exceptionHandler', '$sce', function($parse, $exceptionHandler, $sce) {+ var startSymbolLength = startSymbol.length,+ endSymbolLength = endSymbol.length;++ /**+ * @ngdoc function+ * @name ng.$interpolate+ * @function+ *+ * @requires $parse+ * @requires $sce+ *+ * @description+ *+ * Compiles a string with markup into an interpolation function. This service is used by the+ * HTML {@link ng.$compile $compile} service for data binding. See+ * {@link ng.$interpolateProvider $interpolateProvider} for configuring the+ * interpolation markup.+ *+ *+ <pre>+ var $interpolate = ...; // injected+ var exp = $interpolate('Hello {{name | uppercase}}!');+ expect(exp({name:'Angular'}).toEqual('Hello ANGULAR!');+ </pre>+ *+ *+ * @param {string} text The text with markup to interpolate.+ * @param {boolean=} mustHaveExpression if set to true then the interpolation string must have+ * embedded expression in order to return an interpolation function. Strings with no+ * embedded expression will return null for the interpolation function.+ * @param {string=} trustedContext when provided, the returned function passes the interpolated+ * result through {@link ng.$sce#methods_getTrusted $sce.getTrusted(interpolatedResult,+ * trustedContext)} before returning it. Refer to the {@link ng.$sce $sce} service that+ * provides Strict Contextual Escaping for details.+ * @returns {function(context)} an interpolation function which is used to compute the+ * interpolated string. The function has these parameters:+ *+ * * `context`: an object against which any expressions embedded in the strings are evaluated+ * against.+ *+ */+ function $interpolate(text, mustHaveExpression, trustedContext) {+ var startIndex,+ endIndex,+ index = 0,+ parts = [],+ length = text.length,+ hasInterpolation = false,+ fn,+ exp,+ concat = [];++ while(index < length) {+ if ( ((startIndex = text.indexOf(startSymbol, index)) != -1) &&+ ((endIndex = text.indexOf(endSymbol, startIndex + startSymbolLength)) != -1) ) {+ (index != startIndex) && parts.push(text.substring(index, startIndex));+ parts.push(fn = $parse(exp = text.substring(startIndex + startSymbolLength, endIndex)));+ fn.exp = exp;+ index = endIndex + endSymbolLength;+ hasInterpolation = true;+ } else {+ // we did not find anything, so we have to add the remainder to the parts array+ (index != length) && parts.push(text.substring(index));+ index = length;+ }+ }++ if (!(length = parts.length)) {+ // we added, nothing, must have been an empty string.+ parts.push('');+ length = 1;+ }++ // Concatenating expressions makes it hard to reason about whether some combination of+ // concatenated values are unsafe to use and could easily lead to XSS. By requiring that a+ // single expression be used for iframe[src], object[src], etc., we ensure that the value+ // that's used is assigned or constructed by some JS code somewhere that is more testable or+ // make it obvious that you bound the value to some user controlled value. This helps reduce+ // the load when auditing for XSS issues.+ if (trustedContext && parts.length > 1) {+ throw $interpolateMinErr('noconcat',+ "Error while interpolating: {0}\nStrict Contextual Escaping disallows " ++ "interpolations that concatenate multiple expressions when a trusted value is " ++ "required. See http://docs.angularjs.org/api/ng.$sce", text);+ }++ if (!mustHaveExpression || hasInterpolation) {+ concat.length = length;+ fn = function(context) {+ try {+ for(var i = 0, ii = length, part; i<ii; i++) {+ if (typeof (part = parts[i]) == 'function') {+ part = part(context);+ if (trustedContext) {+ part = $sce.getTrusted(trustedContext, part);+ } else {+ part = $sce.valueOf(part);+ }+ if (part === null || isUndefined(part)) {+ part = '';+ } else if (typeof part != 'string') {+ part = toJson(part);+ }+ }+ concat[i] = part;+ }+ return concat.join('');+ }+ catch(err) {+ var newErr = $interpolateMinErr('interr', "Can't interpolate: {0}\n{1}", text,+ err.toString());+ $exceptionHandler(newErr);+ }+ };+ fn.exp = text;+ fn.parts = parts;+ return fn;+ }+ }+++ /**+ * @ngdoc method+ * @name ng.$interpolate#startSymbol+ * @methodOf ng.$interpolate+ * @description+ * Symbol to denote the start of expression in the interpolated string. Defaults to `{{`.+ *+ * Use {@link ng.$interpolateProvider#startSymbol $interpolateProvider#startSymbol} to change+ * the symbol.+ *+ * @returns {string} start symbol.+ */+ $interpolate.startSymbol = function() {+ return startSymbol;+ };+++ /**+ * @ngdoc method+ * @name ng.$interpolate#endSymbol+ * @methodOf ng.$interpolate+ * @description+ * Symbol to denote the end of expression in the interpolated string. Defaults to `}}`.+ *+ * Use {@link ng.$interpolateProvider#endSymbol $interpolateProvider#endSymbol} to change+ * the symbol.+ *+ * @returns {string} start symbol.+ */+ $interpolate.endSymbol = function() {+ return endSymbol;+ };++ return $interpolate;+ }];+}++function $IntervalProvider() {+ this.$get = ['$rootScope', '$window', '$q',+ function($rootScope, $window, $q) {+ var intervals = {};+++ /**+ * @ngdoc function+ * @name ng.$interval+ *+ * @description+ * Angular's wrapper for `window.setInterval`. The `fn` function is executed every `delay`+ * milliseconds.+ *+ * The return value of registering an interval function is a promise. This promise will be+ * notified upon each tick of the interval, and will be resolved after `count` iterations, or+ * run indefinitely if `count` is not defined. The value of the notification will be the+ * number of iterations that have run.+ * To cancel an interval, call `$interval.cancel(promise)`.+ *+ * In tests you can use {@link ngMock.$interval#methods_flush `$interval.flush(millis)`} to+ * move forward by `millis` milliseconds and trigger any functions scheduled to run in that+ * time.+ *+ * @param {function()} fn A function that should be called repeatedly.+ * @param {number} delay Number of milliseconds between each function call.+ * @param {number=} [count=0] Number of times to repeat. If not set, or 0, will repeat+ * indefinitely.+ * @param {boolean=} [invokeApply=true] If set to `false` skips model dirty checking, otherwise+ * will invoke `fn` within the {@link ng.$rootScope.Scope#methods_$apply $apply} block.+ * @returns {promise} A promise which will be notified on each iteration.+ */+ function interval(fn, delay, count, invokeApply) {+ var setInterval = $window.setInterval,+ clearInterval = $window.clearInterval,+ deferred = $q.defer(),+ promise = deferred.promise,+ iteration = 0,+ skipApply = (isDefined(invokeApply) && !invokeApply);+ + count = isDefined(count) ? count : 0,++ promise.then(null, null, fn);++ promise.$$intervalId = setInterval(function tick() {+ deferred.notify(iteration++);++ if (count > 0 && iteration >= count) {+ deferred.resolve(iteration);+ clearInterval(promise.$$intervalId);+ delete intervals[promise.$$intervalId];+ }++ if (!skipApply) $rootScope.$apply();++ }, delay);++ intervals[promise.$$intervalId] = deferred;++ return promise;+ }+++ /**+ * @ngdoc function+ * @name ng.$interval#cancel+ * @methodOf ng.$interval+ *+ * @description+ * Cancels a task associated with the `promise`.+ *+ * @param {number} promise Promise returned by the `$interval` function.+ * @returns {boolean} Returns `true` if the task was successfully canceled.+ */+ interval.cancel = function(promise) {+ if (promise && promise.$$intervalId in intervals) {+ intervals[promise.$$intervalId].reject('canceled');+ clearInterval(promise.$$intervalId);+ delete intervals[promise.$$intervalId];+ return true;+ }+ return false;+ };++ return interval;+ }];+}++/**+ * @ngdoc object+ * @name ng.$locale+ *+ * @description+ * $locale service provides localization rules for various Angular components. As of right now the+ * only public api is:+ *+ * * `id` – `{string}` – locale id formatted as `languageId-countryId` (e.g. `en-us`)+ */+function $LocaleProvider(){+ this.$get = function() {+ return {+ id: 'en-us',++ NUMBER_FORMATS: {+ DECIMAL_SEP: '.',+ GROUP_SEP: ',',+ PATTERNS: [+ { // Decimal Pattern+ minInt: 1,+ minFrac: 0,+ maxFrac: 3,+ posPre: '',+ posSuf: '',+ negPre: '-',+ negSuf: '',+ gSize: 3,+ lgSize: 3+ },{ //Currency Pattern+ minInt: 1,+ minFrac: 2,+ maxFrac: 2,+ posPre: '\u00A4',+ posSuf: '',+ negPre: '(\u00A4',+ negSuf: ')',+ gSize: 3,+ lgSize: 3+ }+ ],+ CURRENCY_SYM: '$'+ },++ DATETIME_FORMATS: {+ MONTH:+ 'January,February,March,April,May,June,July,August,September,October,November,December'+ .split(','),+ SHORTMONTH: 'Jan,Feb,Mar,Apr,May,Jun,Jul,Aug,Sep,Oct,Nov,Dec'.split(','),+ DAY: 'Sunday,Monday,Tuesday,Wednesday,Thursday,Friday,Saturday'.split(','),+ SHORTDAY: 'Sun,Mon,Tue,Wed,Thu,Fri,Sat'.split(','),+ AMPMS: ['AM','PM'],+ medium: 'MMM d, y h:mm:ss a',+ short: 'M/d/yy h:mm a',+ fullDate: 'EEEE, MMMM d, y',+ longDate: 'MMMM d, y',+ mediumDate: 'MMM d, y',+ shortDate: 'M/d/yy',+ mediumTime: 'h:mm:ss a',+ shortTime: 'h:mm a'+ },++ pluralCat: function(num) {+ if (num === 1) {+ return 'one';+ }+ return 'other';+ }+ };+ };+}++var PATH_MATCH = /^([^\?#]*)(\?([^#]*))?(#(.*))?$/,+ DEFAULT_PORTS = {'http': 80, 'https': 443, 'ftp': 21};+var $locationMinErr = minErr('$location');+++/**+ * Encode path using encodeUriSegment, ignoring forward slashes+ *+ * @param {string} path Path to encode+ * @returns {string}+ */+function encodePath(path) {+ var segments = path.split('/'),+ i = segments.length;++ while (i--) {+ segments[i] = encodeUriSegment(segments[i]);+ }++ return segments.join('/');+}++function parseAbsoluteUrl(absoluteUrl, locationObj, appBase) {+ var parsedUrl = urlResolve(absoluteUrl, appBase);++ locationObj.$$protocol = parsedUrl.protocol;+ locationObj.$$host = parsedUrl.hostname;+ locationObj.$$port = int(parsedUrl.port) || DEFAULT_PORTS[parsedUrl.protocol] || null;+}+++function parseAppUrl(relativeUrl, locationObj, appBase) {+ var prefixed = (relativeUrl.charAt(0) !== '/');+ if (prefixed) {+ relativeUrl = '/' + relativeUrl;+ }+ var match = urlResolve(relativeUrl, appBase);+ locationObj.$$path = decodeURIComponent(prefixed && match.pathname.charAt(0) === '/' ?+ match.pathname.substring(1) : match.pathname);+ locationObj.$$search = parseKeyValue(match.search);+ locationObj.$$hash = decodeURIComponent(match.hash);++ // make sure path starts with '/';+ if (locationObj.$$path && locationObj.$$path.charAt(0) != '/') {+ locationObj.$$path = '/' + locationObj.$$path;+ }+}+++/**+ *+ * @param {string} begin+ * @param {string} whole+ * @returns {string} returns text from whole after begin or undefined if it does not begin with+ * expected string.+ */+function beginsWith(begin, whole) {+ if (whole.indexOf(begin) === 0) {+ return whole.substr(begin.length);+ }+}+++function stripHash(url) {+ var index = url.indexOf('#');+ return index == -1 ? url : url.substr(0, index);+}+++function stripFile(url) {+ return url.substr(0, stripHash(url).lastIndexOf('/') + 1);+}++/* return the server only (scheme://host:port) */+function serverBase(url) {+ return url.substring(0, url.indexOf('/', url.indexOf('//') + 2));+}+++/**+ * LocationHtml5Url represents an url+ * This object is exposed as $location service when HTML5 mode is enabled and supported+ *+ * @constructor+ * @param {string} appBase application base URL+ * @param {string} basePrefix url path prefix+ */+function LocationHtml5Url(appBase, basePrefix) {+ this.$$html5 = true;+ basePrefix = basePrefix || '';+ var appBaseNoFile = stripFile(appBase);+ parseAbsoluteUrl(appBase, this, appBase);+++ /**+ * Parse given html5 (regular) url string into properties+ * @param {string} newAbsoluteUrl HTML5 url+ * @private+ */+ this.$$parse = function(url) {+ var pathUrl = beginsWith(appBaseNoFile, url);+ if (!isString(pathUrl)) {+ throw $locationMinErr('ipthprfx', 'Invalid url "{0}", missing path prefix "{1}".', url,+ appBaseNoFile);+ }++ parseAppUrl(pathUrl, this, appBase);++ if (!this.$$path) {+ this.$$path = '/';+ }++ this.$$compose();+ };++ /**+ * Compose url and update `absUrl` property+ * @private+ */+ this.$$compose = function() {+ var search = toKeyValue(this.$$search),+ hash = this.$$hash ? '#' + encodeUriSegment(this.$$hash) : '';++ this.$$url = encodePath(this.$$path) + (search ? '?' + search : '') + hash;+ this.$$absUrl = appBaseNoFile + this.$$url.substr(1); // first char is always '/'+ };++ this.$$rewrite = function(url) {+ var appUrl, prevAppUrl;++ if ( (appUrl = beginsWith(appBase, url)) !== undefined ) {+ prevAppUrl = appUrl;+ if ( (appUrl = beginsWith(basePrefix, appUrl)) !== undefined ) {+ return appBaseNoFile + (beginsWith('/', appUrl) || appUrl);+ } else {+ return appBase + prevAppUrl;+ }+ } else if ( (appUrl = beginsWith(appBaseNoFile, url)) !== undefined ) {+ return appBaseNoFile + appUrl;+ } else if (appBaseNoFile == url + '/') {+ return appBaseNoFile;+ }+ };+}+++/**+ * LocationHashbangUrl represents url+ * This object is exposed as $location service when developer doesn't opt into html5 mode.+ * It also serves as the base class for html5 mode fallback on legacy browsers.+ *+ * @constructor+ * @param {string} appBase application base URL+ * @param {string} hashPrefix hashbang prefix+ */+function LocationHashbangUrl(appBase, hashPrefix) {+ var appBaseNoFile = stripFile(appBase);++ parseAbsoluteUrl(appBase, this, appBase);+++ /**+ * Parse given hashbang url into properties+ * @param {string} url Hashbang url+ * @private+ */+ this.$$parse = function(url) {+ var withoutBaseUrl = beginsWith(appBase, url) || beginsWith(appBaseNoFile, url);+ var withoutHashUrl = withoutBaseUrl.charAt(0) == '#'+ ? beginsWith(hashPrefix, withoutBaseUrl)+ : (this.$$html5)+ ? withoutBaseUrl+ : '';++ if (!isString(withoutHashUrl)) {+ throw $locationMinErr('ihshprfx', 'Invalid url "{0}", missing hash prefix "{1}".', url,+ hashPrefix);+ }+ parseAppUrl(withoutHashUrl, this, appBase);++ this.$$path = removeWindowsDriveName(this.$$path, withoutHashUrl, appBase);++ this.$$compose();++ /*+ * In Windows, on an anchor node on documents loaded from+ * the filesystem, the browser will return a pathname+ * prefixed with the drive name ('/C:/path') when a+ * pathname without a drive is set:+ * * a.setAttribute('href', '/foo')+ * * a.pathname === '/C:/foo' //true+ *+ * Inside of Angular, we're always using pathnames that+ * do not include drive names for routing.+ */+ function removeWindowsDriveName (path, url, base) {+ /*+ Matches paths for file protocol on windows,+ such as /C:/foo/bar, and captures only /foo/bar.+ */+ var windowsFilePathExp = /^\/?.*?:(\/.*)/;++ var firstPathSegmentMatch;++ //Get the relative path from the input URL.+ if (url.indexOf(base) === 0) {+ url = url.replace(base, '');+ }++ /*+ * The input URL intentionally contains a+ * first path segment that ends with a colon.+ */+ if (windowsFilePathExp.exec(url)) {+ return path;+ }++ firstPathSegmentMatch = windowsFilePathExp.exec(path);+ return firstPathSegmentMatch ? firstPathSegmentMatch[1] : path;+ }+ };++ /**+ * Compose hashbang url and update `absUrl` property+ * @private+ */+ this.$$compose = function() {+ var search = toKeyValue(this.$$search),+ hash = this.$$hash ? '#' + encodeUriSegment(this.$$hash) : '';++ this.$$url = encodePath(this.$$path) + (search ? '?' + search : '') + hash;+ this.$$absUrl = appBase + (this.$$url ? hashPrefix + this.$$url : '');+ };++ this.$$rewrite = function(url) {+ if(stripHash(appBase) == stripHash(url)) {+ return url;+ }+ };+}+++/**+ * LocationHashbangUrl represents url+ * This object is exposed as $location service when html5 history api is enabled but the browser+ * does not support it.+ *+ * @constructor+ * @param {string} appBase application base URL+ * @param {string} hashPrefix hashbang prefix+ */+function LocationHashbangInHtml5Url(appBase, hashPrefix) {+ this.$$html5 = true;+ LocationHashbangUrl.apply(this, arguments);++ var appBaseNoFile = stripFile(appBase);++ this.$$rewrite = function(url) {+ var appUrl;++ if ( appBase == stripHash(url) ) {+ return url;+ } else if ( (appUrl = beginsWith(appBaseNoFile, url)) ) {+ return appBase + hashPrefix + appUrl;+ } else if ( appBaseNoFile === url + '/') {+ return appBaseNoFile;+ }+ };+}+++LocationHashbangInHtml5Url.prototype =+ LocationHashbangUrl.prototype =+ LocationHtml5Url.prototype = {++ /**+ * Are we in html5 mode?+ * @private+ */+ $$html5: false,++ /**+ * Has any change been replacing ?+ * @private+ */+ $$replace: false,++ /**+ * @ngdoc method+ * @name ng.$location#absUrl+ * @methodOf ng.$location+ *+ * @description+ * This method is getter only.+ *+ * Return full url representation with all segments encoded according to rules specified in+ * {@link http://www.ietf.org/rfc/rfc3986.txt RFC 3986}.+ *+ * @return {string} full url+ */+ absUrl: locationGetter('$$absUrl'),++ /**+ * @ngdoc method+ * @name ng.$location#url+ * @methodOf ng.$location+ *+ * @description+ * This method is getter / setter.+ *+ * Return url (e.g. `/path?a=b#hash`) when called without any parameter.+ *+ * Change path, search and hash, when called with parameter and return `$location`.+ *+ * @param {string=} url New url without base prefix (e.g. `/path?a=b#hash`)+ * @param {string=} replace The path that will be changed+ * @return {string} url+ */+ url: function(url, replace) {+ if (isUndefined(url))+ return this.$$url;++ var match = PATH_MATCH.exec(url);+ if (match[1]) this.path(decodeURIComponent(match[1]));+ if (match[2] || match[1]) this.search(match[3] || '');+ this.hash(match[5] || '', replace);++ return this;+ },++ /**+ * @ngdoc method+ * @name ng.$location#protocol+ * @methodOf ng.$location+ *+ * @description+ * This method is getter only.+ *+ * Return protocol of current url.+ *+ * @return {string} protocol of current url+ */+ protocol: locationGetter('$$protocol'),++ /**+ * @ngdoc method+ * @name ng.$location#host+ * @methodOf ng.$location+ *+ * @description+ * This method is getter only.+ *+ * Return host of current url.+ *+ * @return {string} host of current url.+ */+ host: locationGetter('$$host'),++ /**+ * @ngdoc method+ * @name ng.$location#port+ * @methodOf ng.$location+ *+ * @description+ * This method is getter only.+ *+ * Return port of current url.+ *+ * @return {Number} port+ */+ port: locationGetter('$$port'),++ /**+ * @ngdoc method+ * @name ng.$location#path+ * @methodOf ng.$location+ *+ * @description+ * This method is getter / setter.+ *+ * Return path of current url when called without any parameter.+ *+ * Change path when called with parameter and return `$location`.+ *+ * Note: Path should always begin with forward slash (/), this method will add the forward slash+ * if it is missing.+ *+ * @param {string=} path New path+ * @return {string} path+ */+ path: locationGetterSetter('$$path', function(path) {+ return path.charAt(0) == '/' ? path : '/' + path;+ }),++ /**+ * @ngdoc method+ * @name ng.$location#search+ * @methodOf ng.$location+ *+ * @description+ * This method is getter / setter.+ *+ * Return search part (as object) of current url when called without any parameter.+ *+ * Change search part when called with parameter and return `$location`.+ *+ * @param {string|Object.<string>|Object.<Array.<string>>} search New search params - string or+ * hash object. Hash object may contain an array of values, which will be decoded as duplicates in+ * the url.+ *+ * @param {(string|Array<string>)=} paramValue If `search` is a string, then `paramValue` will override only a+ * single search parameter. If `paramValue` is an array, it will set the parameter as a+ * comma-separated value. If `paramValue` is `null`, the parameter will be deleted.+ *+ * @return {string} search+ */+ search: function(search, paramValue) {+ switch (arguments.length) {+ case 0:+ return this.$$search;+ case 1:+ if (isString(search)) {+ this.$$search = parseKeyValue(search);+ } else if (isObject(search)) {+ this.$$search = search;+ } else {+ throw $locationMinErr('isrcharg',+ 'The first argument of the `$location#search()` call must be a string or an object.');+ }+ break;+ default:+ if (isUndefined(paramValue) || paramValue === null) {+ delete this.$$search[search];+ } else {+ this.$$search[search] = paramValue;+ }+ }++ this.$$compose();+ return this;+ },++ /**+ * @ngdoc method+ * @name ng.$location#hash+ * @methodOf ng.$location+ *+ * @description+ * This method is getter / setter.+ *+ * Return hash fragment when called without any parameter.+ *+ * Change hash fragment when called with parameter and return `$location`.+ *+ * @param {string=} hash New hash fragment+ * @return {string} hash+ */+ hash: locationGetterSetter('$$hash', identity),++ /**+ * @ngdoc method+ * @name ng.$location#replace+ * @methodOf ng.$location+ *+ * @description+ * If called, all changes to $location during current `$digest` will be replacing current history+ * record, instead of adding new one.+ */+ replace: function() {+ this.$$replace = true;+ return this;+ }+};++function locationGetter(property) {+ return function() {+ return this[property];+ };+}+++function locationGetterSetter(property, preprocess) {+ return function(value) {+ if (isUndefined(value))+ return this[property];++ this[property] = preprocess(value);+ this.$$compose();++ return this;+ };+}+++/**+ * @ngdoc object+ * @name ng.$location+ *+ * @requires $browser+ * @requires $sniffer+ * @requires $rootElement+ *+ * @description+ * The $location service parses the URL in the browser address bar (based on the+ * {@link https://developer.mozilla.org/en/window.location window.location}) and makes the URL+ * available to your application. Changes to the URL in the address bar are reflected into+ * $location service and changes to $location are reflected into the browser address bar.+ *+ * **The $location service:**+ *+ * - Exposes the current URL in the browser address bar, so you can+ * - Watch and observe the URL.+ * - Change the URL.+ * - Synchronizes the URL with the browser when the user+ * - Changes the address bar.+ * - Clicks the back or forward button (or clicks a History link).+ * - Clicks on a link.+ * - Represents the URL object as a set of methods (protocol, host, port, path, search, hash).+ *+ * For more information see {@link guide/dev_guide.services.$location Developer Guide: Angular+ * Services: Using $location}+ */++/**+ * @ngdoc object+ * @name ng.$locationProvider+ * @description+ * Use the `$locationProvider` to configure how the application deep linking paths are stored.+ */+function $LocationProvider(){+ var hashPrefix = '',+ html5Mode = false;++ /**+ * @ngdoc property+ * @name ng.$locationProvider#hashPrefix+ * @methodOf ng.$locationProvider+ * @description+ * @param {string=} prefix Prefix for hash part (containing path and search)+ * @returns {*} current value if used as getter or itself (chaining) if used as setter+ */+ this.hashPrefix = function(prefix) {+ if (isDefined(prefix)) {+ hashPrefix = prefix;+ return this;+ } else {+ return hashPrefix;+ }+ };++ /**+ * @ngdoc property+ * @name ng.$locationProvider#html5Mode+ * @methodOf ng.$locationProvider+ * @description+ * @param {boolean=} mode Use HTML5 strategy if available.+ * @returns {*} current value if used as getter or itself (chaining) if used as setter+ */+ this.html5Mode = function(mode) {+ if (isDefined(mode)) {+ html5Mode = mode;+ return this;+ } else {+ return html5Mode;+ }+ };++ /**+ * @ngdoc event+ * @name ng.$location#$locationChangeStart+ * @eventOf ng.$location+ * @eventType broadcast on root scope+ * @description+ * Broadcasted before a URL will change. This change can be prevented by calling+ * `preventDefault` method of the event. See {@link ng.$rootScope.Scope#$on} for more+ * details about event object. Upon successful change+ * {@link ng.$location#$locationChangeSuccess $locationChangeSuccess} is fired.+ *+ * @param {Object} angularEvent Synthetic event object.+ * @param {string} newUrl New URL+ * @param {string=} oldUrl URL that was before it was changed.+ */++ /**+ * @ngdoc event+ * @name ng.$location#$locationChangeSuccess+ * @eventOf ng.$location+ * @eventType broadcast on root scope+ * @description+ * Broadcasted after a URL was changed.+ *+ * @param {Object} angularEvent Synthetic event object.+ * @param {string} newUrl New URL+ * @param {string=} oldUrl URL that was before it was changed.+ */++ this.$get = ['$rootScope', '$browser', '$sniffer', '$rootElement',+ function( $rootScope, $browser, $sniffer, $rootElement) {+ var $location,+ LocationMode,+ baseHref = $browser.baseHref(), // if base[href] is undefined, it defaults to ''+ initialUrl = $browser.url(),+ appBase;++ if (html5Mode) {+ appBase = serverBase(initialUrl) + (baseHref || '/');+ LocationMode = $sniffer.history ? LocationHtml5Url : LocationHashbangInHtml5Url;+ } else {+ appBase = stripHash(initialUrl);+ LocationMode = LocationHashbangUrl;+ }+ $location = new LocationMode(appBase, '#' + hashPrefix);+ $location.$$parse($location.$$rewrite(initialUrl));++ $rootElement.on('click', function(event) {+ // TODO(vojta): rewrite link when opening in new tab/window (in legacy browser)+ // currently we open nice url link and redirect then++ if (event.ctrlKey || event.metaKey || event.which == 2) return;++ var elm = jqLite(event.target);++ // traverse the DOM up to find first A tag+ while (lowercase(elm[0].nodeName) !== 'a') {+ // ignore rewriting if no A tag (reached root element, or no parent - removed from document)+ if (elm[0] === $rootElement[0] || !(elm = elm.parent())[0]) return;+ }++ var absHref = elm.prop('href');+ var rewrittenUrl = $location.$$rewrite(absHref);++ if (absHref && !elm.attr('target') && rewrittenUrl && !event.isDefaultPrevented()) {+ event.preventDefault();+ if (rewrittenUrl != $browser.url()) {+ // update location manually+ $location.$$parse(rewrittenUrl);+ $rootScope.$apply();+ // hack to work around FF6 bug 684208 when scenario runner clicks on links+ window.angular['ff-684208-preventDefault'] = true;+ }+ }+ });+++ // rewrite hashbang url <> html5 url+ if ($location.absUrl() != initialUrl) {+ $browser.url($location.absUrl(), true);+ }++ // update $location when $browser url changes+ $browser.onUrlChange(function(newUrl) {+ if ($location.absUrl() != newUrl) {+ if ($rootScope.$broadcast('$locationChangeStart', newUrl,+ $location.absUrl()).defaultPrevented) {+ $browser.url($location.absUrl());+ return;+ }+ $rootScope.$evalAsync(function() {+ var oldUrl = $location.absUrl();++ $location.$$parse(newUrl);+ afterLocationChange(oldUrl);+ });+ if (!$rootScope.$$phase) $rootScope.$digest();+ }+ });++ // update browser+ var changeCounter = 0;+ $rootScope.$watch(function $locationWatch() {+ var oldUrl = $browser.url();+ var currentReplace = $location.$$replace;++ if (!changeCounter || oldUrl != $location.absUrl()) {+ changeCounter++;+ $rootScope.$evalAsync(function() {+ if ($rootScope.$broadcast('$locationChangeStart', $location.absUrl(), oldUrl).+ defaultPrevented) {+ $location.$$parse(oldUrl);+ } else {+ $browser.url($location.absUrl(), currentReplace);+ afterLocationChange(oldUrl);+ }+ });+ }+ $location.$$replace = false;++ return changeCounter;+ });++ return $location;++ function afterLocationChange(oldUrl) {+ $rootScope.$broadcast('$locationChangeSuccess', $location.absUrl(), oldUrl);+ }+}];+}++/**+ * @ngdoc object+ * @name ng.$log+ * @requires $window+ *+ * @description+ * Simple service for logging. Default implementation safely writes the message+ * into the browser's console (if present).+ * + * The main purpose of this service is to simplify debugging and troubleshooting.+ *+ * The default is to log `debug` messages. You can use+ * {@link ng.$logProvider ng.$logProvider#debugEnabled} to change this.+ *+ * @example+ <example>+ <file name="script.js">+ function LogCtrl($scope, $log) {+ $scope.$log = $log;+ $scope.message = 'Hello World!';+ }+ </file>+ <file name="index.html">+ <div ng-controller="LogCtrl">+ <p>Reload this page with open console, enter text and hit the log button...</p>+ Message:+ <input type="text" ng-model="message"/>+ <button ng-click="$log.log(message)">log</button>+ <button ng-click="$log.warn(message)">warn</button>+ <button ng-click="$log.info(message)">info</button>+ <button ng-click="$log.error(message)">error</button>+ </div>+ </file>+ </example>+ */++/**+ * @ngdoc object+ * @name ng.$logProvider+ * @description+ * Use the `$logProvider` to configure how the application logs messages+ */+function $LogProvider(){+ var debug = true,+ self = this;+ + /**+ * @ngdoc property+ * @name ng.$logProvider#debugEnabled+ * @methodOf ng.$logProvider+ * @description+ * @param {string=} flag enable or disable debug level messages+ * @returns {*} current value if used as getter or itself (chaining) if used as setter+ */+ this.debugEnabled = function(flag) {+ if (isDefined(flag)) {+ debug = flag;+ return this;+ } else {+ return debug;+ }+ };+ + this.$get = ['$window', function($window){+ return {+ /**+ * @ngdoc method+ * @name ng.$log#log+ * @methodOf ng.$log+ *+ * @description+ * Write a log message+ */+ log: consoleLog('log'),++ /**+ * @ngdoc method+ * @name ng.$log#info+ * @methodOf ng.$log+ *+ * @description+ * Write an information message+ */+ info: consoleLog('info'),++ /**+ * @ngdoc method+ * @name ng.$log#warn+ * @methodOf ng.$log+ *+ * @description+ * Write a warning message+ */+ warn: consoleLog('warn'),++ /**+ * @ngdoc method+ * @name ng.$log#error+ * @methodOf ng.$log+ *+ * @description+ * Write an error message+ */+ error: consoleLog('error'),+ + /**+ * @ngdoc method+ * @name ng.$log#debug+ * @methodOf ng.$log+ * + * @description+ * Write a debug message+ */+ debug: (function () {+ var fn = consoleLog('debug');++ return function() {+ if (debug) {+ fn.apply(self, arguments);+ }+ };+ }())+ };++ function formatError(arg) {+ if (arg instanceof Error) {+ if (arg.stack) {+ arg = (arg.message && arg.stack.indexOf(arg.message) === -1)+ ? 'Error: ' + arg.message + '\n' + arg.stack+ : arg.stack;+ } else if (arg.sourceURL) {+ arg = arg.message + '\n' + arg.sourceURL + ':' + arg.line;+ }+ }+ return arg;+ }++ function consoleLog(type) {+ var console = $window.console || {},+ logFn = console[type] || console.log || noop;++ if (logFn.apply) {+ return function() {+ var args = [];+ forEach(arguments, function(arg) {+ args.push(formatError(arg));+ });+ return logFn.apply(console, args);+ };+ }++ // we are IE which either doesn't have window.console => this is noop and we do nothing,+ // or we are IE where console.log doesn't have apply so we log at least first 2 args+ return function(arg1, arg2) {+ logFn(arg1, arg2 == null ? '' : arg2);+ };+ }+ }];+}++var $parseMinErr = minErr('$parse');+var promiseWarningCache = {};+var promiseWarning;++// Sandboxing Angular Expressions+// ------------------------------+// Angular expressions are generally considered safe because these expressions only have direct+// access to $scope and locals. However, one can obtain the ability to execute arbitrary JS code by+// obtaining a reference to native JS functions such as the Function constructor.+//+// As an example, consider the following Angular expression:+//+// {}.toString.constructor(alert("evil JS code"))+//+// We want to prevent this type of access. For the sake of performance, during the lexing phase we+// disallow any "dotted" access to any member named "constructor".+//+// For reflective calls (a[b]) we check that the value of the lookup is not the Function constructor+// while evaluating the expression, which is a stronger but more expensive test. Since reflective+// calls are expensive anyway, this is not such a big deal compared to static dereferencing.+//+// This sandboxing technique is not perfect and doesn't aim to be. The goal is to prevent exploits+// against the expression language, but not to prevent exploits that were enabled by exposing+// sensitive JavaScript or browser apis on Scope. Exposing such objects on a Scope is never a good+// practice and therefore we are not even trying to protect against interaction with an object+// explicitly exposed in this way.+//+// A developer could foil the name check by aliasing the Function constructor under a different+// name on the scope.+//+// In general, it is not possible to access a Window object from an angular expression unless a+// window or some DOM object that has a reference to window is published onto a Scope.++function ensureSafeMemberName(name, fullExpression) {+ if (name === "constructor") {+ throw $parseMinErr('isecfld',+ 'Referencing "constructor" field in Angular expressions is disallowed! Expression: {0}',+ fullExpression);+ }+ return name;+}++function ensureSafeObject(obj, fullExpression) {+ // nifty check if obj is Function that is fast and works across iframes and other contexts+ if (obj) {+ if (obj.constructor === obj) {+ throw $parseMinErr('isecfn',+ 'Referencing Function in Angular expressions is disallowed! Expression: {0}',+ fullExpression);+ } else if (// isWindow(obj)+ obj.document && obj.location && obj.alert && obj.setInterval) {+ throw $parseMinErr('isecwindow',+ 'Referencing the Window in Angular expressions is disallowed! Expression: {0}',+ fullExpression);+ } else if (// isElement(obj)+ obj.children && (obj.nodeName || (obj.on && obj.find))) {+ throw $parseMinErr('isecdom',+ 'Referencing DOM nodes in Angular expressions is disallowed! Expression: {0}',+ fullExpression);+ }+ }+ return obj;+}++var OPERATORS = {+ /* jshint bitwise : false */+ 'null':function(){return null;},+ 'true':function(){return true;},+ 'false':function(){return false;},+ undefined:noop,+ '+':function(self, locals, a,b){+ a=a(self, locals); b=b(self, locals);+ if (isDefined(a)) {+ if (isDefined(b)) {+ return a + b;+ }+ return a;+ }+ return isDefined(b)?b:undefined;},+ '-':function(self, locals, a,b){+ a=a(self, locals); b=b(self, locals);+ return (isDefined(a)?a:0)-(isDefined(b)?b:0);+ },+ '*':function(self, locals, a,b){return a(self, locals)*b(self, locals);},+ '/':function(self, locals, a,b){return a(self, locals)/b(self, locals);},+ '%':function(self, locals, a,b){return a(self, locals)%b(self, locals);},+ '^':function(self, locals, a,b){return a(self, locals)^b(self, locals);},+ '=':noop,+ '===':function(self, locals, a, b){return a(self, locals)===b(self, locals);},+ '!==':function(self, locals, a, b){return a(self, locals)!==b(self, locals);},+ '==':function(self, locals, a,b){return a(self, locals)==b(self, locals);},+ '!=':function(self, locals, a,b){return a(self, locals)!=b(self, locals);},+ '<':function(self, locals, a,b){return a(self, locals)<b(self, locals);},+ '>':function(self, locals, a,b){return a(self, locals)>b(self, locals);},+ '<=':function(self, locals, a,b){return a(self, locals)<=b(self, locals);},+ '>=':function(self, locals, a,b){return a(self, locals)>=b(self, locals);},+ '&&':function(self, locals, a,b){return a(self, locals)&&b(self, locals);},+ '||':function(self, locals, a,b){return a(self, locals)||b(self, locals);},+ '&':function(self, locals, a,b){return a(self, locals)&b(self, locals);},+// '|':function(self, locals, a,b){return a|b;},+ '|':function(self, locals, a,b){return b(self, locals)(self, locals, a(self, locals));},+ '!':function(self, locals, a){return !a(self, locals);}+};+/* jshint bitwise: true */+var ESCAPE = {"n":"\n", "f":"\f", "r":"\r", "t":"\t", "v":"\v", "'":"'", '"':'"'};+++/////////////////////////////////////////+++/**+ * @constructor+ */+var Lexer = function (options) {+ this.options = options;+};++Lexer.prototype = {+ constructor: Lexer,++ lex: function (text) {+ this.text = text;++ this.index = 0;+ this.ch = undefined;+ this.lastCh = ':'; // can start regexp++ this.tokens = [];++ var token;+ var json = [];++ while (this.index < this.text.length) {+ this.ch = this.text.charAt(this.index);+ if (this.is('"\'')) {+ this.readString(this.ch);+ } else if (this.isNumber(this.ch) || this.is('.') && this.isNumber(this.peek())) {+ this.readNumber();+ } else if (this.isIdent(this.ch)) {+ this.readIdent();+ // identifiers can only be if the preceding char was a { or ,+ if (this.was('{,') && json[0] === '{' &&+ (token = this.tokens[this.tokens.length - 1])) {+ token.json = token.text.indexOf('.') === -1;+ }+ } else if (this.is('(){}[].,;:?')) {+ this.tokens.push({+ index: this.index,+ text: this.ch,+ json: (this.was(':[,') && this.is('{[')) || this.is('}]:,')+ });+ if (this.is('{[')) json.unshift(this.ch);+ if (this.is('}]')) json.shift();+ this.index++;+ } else if (this.isWhitespace(this.ch)) {+ this.index++;+ continue;+ } else {+ var ch2 = this.ch + this.peek();+ var ch3 = ch2 + this.peek(2);+ var fn = OPERATORS[this.ch];+ var fn2 = OPERATORS[ch2];+ var fn3 = OPERATORS[ch3];+ if (fn3) {+ this.tokens.push({index: this.index, text: ch3, fn: fn3});+ this.index += 3;+ } else if (fn2) {+ this.tokens.push({index: this.index, text: ch2, fn: fn2});+ this.index += 2;+ } else if (fn) {+ this.tokens.push({+ index: this.index,+ text: this.ch,+ fn: fn,+ json: (this.was('[,:') && this.is('+-'))+ });+ this.index += 1;+ } else {+ this.throwError('Unexpected next character ', this.index, this.index + 1);+ }+ }+ this.lastCh = this.ch;+ }+ return this.tokens;+ },++ is: function(chars) {+ return chars.indexOf(this.ch) !== -1;+ },++ was: function(chars) {+ return chars.indexOf(this.lastCh) !== -1;+ },++ peek: function(i) {+ var num = i || 1;+ return (this.index + num < this.text.length) ? this.text.charAt(this.index + num) : false;+ },++ isNumber: function(ch) {+ return ('0' <= ch && ch <= '9');+ },++ isWhitespace: function(ch) {+ // IE treats non-breaking space as \u00A0+ return (ch === ' ' || ch === '\r' || ch === '\t' ||+ ch === '\n' || ch === '\v' || ch === '\u00A0');+ },++ isIdent: function(ch) {+ return ('a' <= ch && ch <= 'z' ||+ 'A' <= ch && ch <= 'Z' ||+ '_' === ch || ch === '$');+ },++ isExpOperator: function(ch) {+ return (ch === '-' || ch === '+' || this.isNumber(ch));+ },++ throwError: function(error, start, end) {+ end = end || this.index;+ var colStr = (isDefined(start)+ ? 's ' + start + '-' + this.index + ' [' + this.text.substring(start, end) + ']'+ : ' ' + end);+ throw $parseMinErr('lexerr', 'Lexer Error: {0} at column{1} in expression [{2}].',+ error, colStr, this.text);+ },++ readNumber: function() {+ var number = '';+ var start = this.index;+ while (this.index < this.text.length) {+ var ch = lowercase(this.text.charAt(this.index));+ if (ch == '.' || this.isNumber(ch)) {+ number += ch;+ } else {+ var peekCh = this.peek();+ if (ch == 'e' && this.isExpOperator(peekCh)) {+ number += ch;+ } else if (this.isExpOperator(ch) &&+ peekCh && this.isNumber(peekCh) &&+ number.charAt(number.length - 1) == 'e') {+ number += ch;+ } else if (this.isExpOperator(ch) &&+ (!peekCh || !this.isNumber(peekCh)) &&+ number.charAt(number.length - 1) == 'e') {+ this.throwError('Invalid exponent');+ } else {+ break;+ }+ }+ this.index++;+ }+ number = 1 * number;+ this.tokens.push({+ index: start,+ text: number,+ json: true,+ fn: function() { return number; }+ });+ },++ readIdent: function() {+ var parser = this;++ var ident = '';+ var start = this.index;++ var lastDot, peekIndex, methodName, ch;++ while (this.index < this.text.length) {+ ch = this.text.charAt(this.index);+ if (ch === '.' || this.isIdent(ch) || this.isNumber(ch)) {+ if (ch === '.') lastDot = this.index;+ ident += ch;+ } else {+ break;+ }+ this.index++;+ }++ //check if this is not a method invocation and if it is back out to last dot+ if (lastDot) {+ peekIndex = this.index;+ while (peekIndex < this.text.length) {+ ch = this.text.charAt(peekIndex);+ if (ch === '(') {+ methodName = ident.substr(lastDot - start + 1);+ ident = ident.substr(0, lastDot - start);+ this.index = peekIndex;+ break;+ }+ if (this.isWhitespace(ch)) {+ peekIndex++;+ } else {+ break;+ }+ }+ }+++ var token = {+ index: start,+ text: ident+ };++ // OPERATORS is our own object so we don't need to use special hasOwnPropertyFn+ if (OPERATORS.hasOwnProperty(ident)) {+ token.fn = OPERATORS[ident];+ token.json = OPERATORS[ident];+ } else {+ var getter = getterFn(ident, this.options, this.text);+ token.fn = extend(function(self, locals) {+ return (getter(self, locals));+ }, {+ assign: function(self, value) {+ return setter(self, ident, value, parser.text, parser.options);+ }+ });+ }++ this.tokens.push(token);++ if (methodName) {+ this.tokens.push({+ index:lastDot,+ text: '.',+ json: false+ });+ this.tokens.push({+ index: lastDot + 1,+ text: methodName,+ json: false+ });+ }+ },++ readString: function(quote) {+ var start = this.index;+ this.index++;+ var string = '';+ var rawString = quote;+ var escape = false;+ while (this.index < this.text.length) {+ var ch = this.text.charAt(this.index);+ rawString += ch;+ if (escape) {+ if (ch === 'u') {+ var hex = this.text.substring(this.index + 1, this.index + 5);+ if (!hex.match(/[\da-f]{4}/i))+ this.throwError('Invalid unicode escape [\\u' + hex + ']');+ this.index += 4;+ string += String.fromCharCode(parseInt(hex, 16));+ } else {+ var rep = ESCAPE[ch];+ if (rep) {+ string += rep;+ } else {+ string += ch;+ }+ }+ escape = false;+ } else if (ch === '\\') {+ escape = true;+ } else if (ch === quote) {+ this.index++;+ this.tokens.push({+ index: start,+ text: rawString,+ string: string,+ json: true,+ fn: function() { return string; }+ });+ return;+ } else {+ string += ch;+ }+ this.index++;+ }+ this.throwError('Unterminated quote', start);+ }+};+++/**+ * @constructor+ */+var Parser = function (lexer, $filter, options) {+ this.lexer = lexer;+ this.$filter = $filter;+ this.options = options;+};++Parser.ZERO = function () { return 0; };++Parser.prototype = {+ constructor: Parser,++ parse: function (text, json) {+ this.text = text;++ //TODO(i): strip all the obsolte json stuff from this file+ this.json = json;++ this.tokens = this.lexer.lex(text);++ if (json) {+ // The extra level of aliasing is here, just in case the lexer misses something, so that+ // we prevent any accidental execution in JSON.+ this.assignment = this.logicalOR;++ this.functionCall =+ this.fieldAccess =+ this.objectIndex =+ this.filterChain = function() {+ this.throwError('is not valid json', {text: text, index: 0});+ };+ }++ var value = json ? this.primary() : this.statements();++ if (this.tokens.length !== 0) {+ this.throwError('is an unexpected token', this.tokens[0]);+ }++ value.literal = !!value.literal;+ value.constant = !!value.constant;++ return value;+ },++ primary: function () {+ var primary;+ if (this.expect('(')) {+ primary = this.filterChain();+ this.consume(')');+ } else if (this.expect('[')) {+ primary = this.arrayDeclaration();+ } else if (this.expect('{')) {+ primary = this.object();+ } else {+ var token = this.expect();+ primary = token.fn;+ if (!primary) {+ this.throwError('not a primary expression', token);+ }+ if (token.json) {+ primary.constant = true;+ primary.literal = true;+ }+ }++ var next, context;+ while ((next = this.expect('(', '[', '.'))) {+ if (next.text === '(') {+ primary = this.functionCall(primary, context);+ context = null;+ } else if (next.text === '[') {+ context = primary;+ primary = this.objectIndex(primary);+ } else if (next.text === '.') {+ context = primary;+ primary = this.fieldAccess(primary);+ } else {+ this.throwError('IMPOSSIBLE');+ }+ }+ return primary;+ },++ throwError: function(msg, token) {+ throw $parseMinErr('syntax',+ 'Syntax Error: Token \'{0}\' {1} at column {2} of the expression [{3}] starting at [{4}].',+ token.text, msg, (token.index + 1), this.text, this.text.substring(token.index));+ },++ peekToken: function() {+ if (this.tokens.length === 0)+ throw $parseMinErr('ueoe', 'Unexpected end of expression: {0}', this.text);+ return this.tokens[0];+ },++ peek: function(e1, e2, e3, e4) {+ if (this.tokens.length > 0) {+ var token = this.tokens[0];+ var t = token.text;+ if (t === e1 || t === e2 || t === e3 || t === e4 ||+ (!e1 && !e2 && !e3 && !e4)) {+ return token;+ }+ }+ return false;+ },++ expect: function(e1, e2, e3, e4){+ var token = this.peek(e1, e2, e3, e4);+ if (token) {+ if (this.json && !token.json) {+ this.throwError('is not valid json', token);+ }+ this.tokens.shift();+ return token;+ }+ return false;+ },++ consume: function(e1){+ if (!this.expect(e1)) {+ this.throwError('is unexpected, expecting [' + e1 + ']', this.peek());+ }+ },++ unaryFn: function(fn, right) {+ return extend(function(self, locals) {+ return fn(self, locals, right);+ }, {+ constant:right.constant+ });+ },++ ternaryFn: function(left, middle, right){+ return extend(function(self, locals){+ return left(self, locals) ? middle(self, locals) : right(self, locals);+ }, {+ constant: left.constant && middle.constant && right.constant+ });+ },++ binaryFn: function(left, fn, right) {+ return extend(function(self, locals) {+ return fn(self, locals, left, right);+ }, {+ constant:left.constant && right.constant+ });+ },++ statements: function() {+ var statements = [];+ while (true) {+ if (this.tokens.length > 0 && !this.peek('}', ')', ';', ']'))+ statements.push(this.filterChain());+ if (!this.expect(';')) {+ // optimize for the common case where there is only one statement.+ // TODO(size): maybe we should not support multiple statements?+ return (statements.length === 1)+ ? statements[0]+ : function(self, locals) {+ var value;+ for (var i = 0; i < statements.length; i++) {+ var statement = statements[i];+ if (statement) {+ value = statement(self, locals);+ }+ }+ return value;+ };+ }+ }+ },++ filterChain: function() {+ var left = this.expression();+ var token;+ while (true) {+ if ((token = this.expect('|'))) {+ left = this.binaryFn(left, token.fn, this.filter());+ } else {+ return left;+ }+ }+ },++ filter: function() {+ var token = this.expect();+ var fn = this.$filter(token.text);+ var argsFn = [];+ while (true) {+ if ((token = this.expect(':'))) {+ argsFn.push(this.expression());+ } else {+ var fnInvoke = function(self, locals, input) {+ var args = [input];+ for (var i = 0; i < argsFn.length; i++) {+ args.push(argsFn[i](self, locals));+ }+ return fn.apply(self, args);+ };+ return function() {+ return fnInvoke;+ };+ }+ }+ },++ expression: function() {+ return this.assignment();+ },++ assignment: function() {+ var left = this.ternary();+ var right;+ var token;+ if ((token = this.expect('='))) {+ if (!left.assign) {+ this.throwError('implies assignment but [' ++ this.text.substring(0, token.index) + '] can not be assigned to', token);+ }+ right = this.ternary();+ return function(scope, locals) {+ return left.assign(scope, right(scope, locals), locals);+ };+ }+ return left;+ },++ ternary: function() {+ var left = this.logicalOR();+ var middle;+ var token;+ if ((token = this.expect('?'))) {+ middle = this.ternary();+ if ((token = this.expect(':'))) {+ return this.ternaryFn(left, middle, this.ternary());+ } else {+ this.throwError('expected :', token);+ }+ } else {+ return left;+ }+ },++ logicalOR: function() {+ var left = this.logicalAND();+ var token;+ while (true) {+ if ((token = this.expect('||'))) {+ left = this.binaryFn(left, token.fn, this.logicalAND());+ } else {+ return left;+ }+ }+ },++ logicalAND: function() {+ var left = this.equality();+ var token;+ if ((token = this.expect('&&'))) {+ left = this.binaryFn(left, token.fn, this.logicalAND());+ }+ return left;+ },++ equality: function() {+ var left = this.relational();+ var token;+ if ((token = this.expect('==','!=','===','!=='))) {+ left = this.binaryFn(left, token.fn, this.equality());+ }+ return left;+ },++ relational: function() {+ var left = this.additive();+ var token;+ if ((token = this.expect('<', '>', '<=', '>='))) {+ left = this.binaryFn(left, token.fn, this.relational());+ }+ return left;+ },++ additive: function() {+ var left = this.multiplicative();+ var token;+ while ((token = this.expect('+','-'))) {+ left = this.binaryFn(left, token.fn, this.multiplicative());+ }+ return left;+ },++ multiplicative: function() {+ var left = this.unary();+ var token;+ while ((token = this.expect('*','/','%'))) {+ left = this.binaryFn(left, token.fn, this.unary());+ }+ return left;+ },++ unary: function() {+ var token;+ if (this.expect('+')) {+ return this.primary();+ } else if ((token = this.expect('-'))) {+ return this.binaryFn(Parser.ZERO, token.fn, this.unary());+ } else if ((token = this.expect('!'))) {+ return this.unaryFn(token.fn, this.unary());+ } else {+ return this.primary();+ }+ },++ fieldAccess: function(object) {+ var parser = this;+ var field = this.expect().text;+ var getter = getterFn(field, this.options, this.text);++ return extend(function(scope, locals, self) {+ return getter(self || object(scope, locals), locals);+ }, {+ assign: function(scope, value, locals) {+ return setter(object(scope, locals), field, value, parser.text, parser.options);+ }+ });+ },++ objectIndex: function(obj) {+ var parser = this;++ var indexFn = this.expression();+ this.consume(']');++ return extend(function(self, locals) {+ var o = obj(self, locals),+ i = indexFn(self, locals),+ v, p;++ if (!o) return undefined;+ v = ensureSafeObject(o[i], parser.text);+ if (v && v.then && parser.options.unwrapPromises) {+ p = v;+ if (!('$$v' in v)) {+ p.$$v = undefined;+ p.then(function(val) { p.$$v = val; });+ }+ v = v.$$v;+ }+ return v;+ }, {+ assign: function(self, value, locals) {+ var key = indexFn(self, locals);+ // prevent overwriting of Function.constructor which would break ensureSafeObject check+ var safe = ensureSafeObject(obj(self, locals), parser.text);+ return safe[key] = value;+ }+ });+ },++ functionCall: function(fn, contextGetter) {+ var argsFn = [];+ if (this.peekToken().text !== ')') {+ do {+ argsFn.push(this.expression());+ } while (this.expect(','));+ }+ this.consume(')');++ var parser = this;++ return function(scope, locals) {+ var args = [];+ var context = contextGetter ? contextGetter(scope, locals) : scope;++ for (var i = 0; i < argsFn.length; i++) {+ args.push(argsFn[i](scope, locals));+ }+ var fnPtr = fn(scope, locals, context) || noop;++ ensureSafeObject(context, parser.text);+ ensureSafeObject(fnPtr, parser.text);++ // IE stupidity! (IE doesn't have apply for some native functions)+ var v = fnPtr.apply+ ? fnPtr.apply(context, args)+ : fnPtr(args[0], args[1], args[2], args[3], args[4]);++ return ensureSafeObject(v, parser.text);+ };+ },++ // This is used with json array declaration+ arrayDeclaration: function () {+ var elementFns = [];+ var allConstant = true;+ if (this.peekToken().text !== ']') {+ do {+ var elementFn = this.expression();+ elementFns.push(elementFn);+ if (!elementFn.constant) {+ allConstant = false;+ }+ } while (this.expect(','));+ }+ this.consume(']');++ return extend(function(self, locals) {+ var array = [];+ for (var i = 0; i < elementFns.length; i++) {+ array.push(elementFns[i](self, locals));+ }+ return array;+ }, {+ literal: true,+ constant: allConstant+ });+ },++ object: function () {+ var keyValues = [];+ var allConstant = true;+ if (this.peekToken().text !== '}') {+ do {+ var token = this.expect(),+ key = token.string || token.text;+ this.consume(':');+ var value = this.expression();+ keyValues.push({key: key, value: value});+ if (!value.constant) {+ allConstant = false;+ }+ } while (this.expect(','));+ }+ this.consume('}');++ return extend(function(self, locals) {+ var object = {};+ for (var i = 0; i < keyValues.length; i++) {+ var keyValue = keyValues[i];+ object[keyValue.key] = keyValue.value(self, locals);+ }+ return object;+ }, {+ literal: true,+ constant: allConstant+ });+ }+};+++//////////////////////////////////////////////////+// Parser helper functions+//////////////////////////////////////////////////++function setter(obj, path, setValue, fullExp, options) {+ //needed?+ options = options || {};++ var element = path.split('.'), key;+ for (var i = 0; element.length > 1; i++) {+ key = ensureSafeMemberName(element.shift(), fullExp);+ var propertyObj = obj[key];+ if (!propertyObj) {+ propertyObj = {};+ obj[key] = propertyObj;+ }+ obj = propertyObj;+ if (obj.then && options.unwrapPromises) {+ promiseWarning(fullExp);+ if (!("$$v" in obj)) {+ (function(promise) {+ promise.then(function(val) { promise.$$v = val; }); }+ )(obj);+ }+ if (obj.$$v === undefined) {+ obj.$$v = {};+ }+ obj = obj.$$v;+ }+ }+ key = ensureSafeMemberName(element.shift(), fullExp);+ obj[key] = setValue;+ return setValue;+}++var getterFnCache = {};++/**+ * Implementation of the "Black Hole" variant from:+ * - http://jsperf.com/angularjs-parse-getter/4+ * - http://jsperf.com/path-evaluation-simplified/7+ */+function cspSafeGetterFn(key0, key1, key2, key3, key4, fullExp, options) {+ ensureSafeMemberName(key0, fullExp);+ ensureSafeMemberName(key1, fullExp);+ ensureSafeMemberName(key2, fullExp);+ ensureSafeMemberName(key3, fullExp);+ ensureSafeMemberName(key4, fullExp);++ return !options.unwrapPromises+ ? function cspSafeGetter(scope, locals) {+ var pathVal = (locals && locals.hasOwnProperty(key0)) ? locals : scope;++ if (pathVal === null || pathVal === undefined) return pathVal;+ pathVal = pathVal[key0];++ if (!key1 || pathVal === null || pathVal === undefined) return pathVal;+ pathVal = pathVal[key1];++ if (!key2 || pathVal === null || pathVal === undefined) return pathVal;+ pathVal = pathVal[key2];++ if (!key3 || pathVal === null || pathVal === undefined) return pathVal;+ pathVal = pathVal[key3];++ if (!key4 || pathVal === null || pathVal === undefined) return pathVal;+ pathVal = pathVal[key4];++ return pathVal;+ }+ : function cspSafePromiseEnabledGetter(scope, locals) {+ var pathVal = (locals && locals.hasOwnProperty(key0)) ? locals : scope,+ promise;++ if (pathVal === null || pathVal === undefined) return pathVal;++ pathVal = pathVal[key0];+ if (pathVal && pathVal.then) {+ promiseWarning(fullExp);+ if (!("$$v" in pathVal)) {+ promise = pathVal;+ promise.$$v = undefined;+ promise.then(function(val) { promise.$$v = val; });+ }+ pathVal = pathVal.$$v;+ }+ if (!key1 || pathVal === null || pathVal === undefined) return pathVal;++ pathVal = pathVal[key1];+ if (pathVal && pathVal.then) {+ promiseWarning(fullExp);+ if (!("$$v" in pathVal)) {+ promise = pathVal;+ promise.$$v = undefined;+ promise.then(function(val) { promise.$$v = val; });+ }+ pathVal = pathVal.$$v;+ }+ if (!key2 || pathVal === null || pathVal === undefined) return pathVal;++ pathVal = pathVal[key2];+ if (pathVal && pathVal.then) {+ promiseWarning(fullExp);+ if (!("$$v" in pathVal)) {+ promise = pathVal;+ promise.$$v = undefined;+ promise.then(function(val) { promise.$$v = val; });+ }+ pathVal = pathVal.$$v;+ }+ if (!key3 || pathVal === null || pathVal === undefined) return pathVal;++ pathVal = pathVal[key3];+ if (pathVal && pathVal.then) {+ promiseWarning(fullExp);+ if (!("$$v" in pathVal)) {+ promise = pathVal;+ promise.$$v = undefined;+ promise.then(function(val) { promise.$$v = val; });+ }+ pathVal = pathVal.$$v;+ }+ if (!key4 || pathVal === null || pathVal === undefined) return pathVal;++ pathVal = pathVal[key4];+ if (pathVal && pathVal.then) {+ promiseWarning(fullExp);+ if (!("$$v" in pathVal)) {+ promise = pathVal;+ promise.$$v = undefined;+ promise.then(function(val) { promise.$$v = val; });+ }+ pathVal = pathVal.$$v;+ }+ return pathVal;+ };+}++function getterFn(path, options, fullExp) {+ // Check whether the cache has this getter already.+ // We can use hasOwnProperty directly on the cache because we ensure,+ // see below, that the cache never stores a path called 'hasOwnProperty'+ if (getterFnCache.hasOwnProperty(path)) {+ return getterFnCache[path];+ }++ var pathKeys = path.split('.'),+ pathKeysLength = pathKeys.length,+ fn;++ if (options.csp) {+ if (pathKeysLength < 6) {+ fn = cspSafeGetterFn(pathKeys[0], pathKeys[1], pathKeys[2], pathKeys[3], pathKeys[4], fullExp,+ options);+ } else {+ fn = function(scope, locals) {+ var i = 0, val;+ do {+ val = cspSafeGetterFn(pathKeys[i++], pathKeys[i++], pathKeys[i++], pathKeys[i++],+ pathKeys[i++], fullExp, options)(scope, locals);++ locals = undefined; // clear after first iteration+ scope = val;+ } while (i < pathKeysLength);+ return val;+ };+ }+ } else {+ var code = 'var l, fn, p;\n';+ forEach(pathKeys, function(key, index) {+ ensureSafeMemberName(key, fullExp);+ code += 'if(s === null || s === undefined) return s;\n' ++ 'l=s;\n' ++ 's='+ (index+ // we simply dereference 's' on any .dot notation+ ? 's'+ // but if we are first then we check locals first, and if so read it first+ : '((k&&k.hasOwnProperty("' + key + '"))?k:s)') + '["' + key + '"]' + ';\n' ++ (options.unwrapPromises+ ? 'if (s && s.then) {\n' ++ ' pw("' + fullExp.replace(/(["\r\n])/g, '\\$1') + '");\n' ++ ' if (!("$$v" in s)) {\n' ++ ' p=s;\n' ++ ' p.$$v = undefined;\n' ++ ' p.then(function(v) {p.$$v=v;});\n' ++ '}\n' ++ ' s=s.$$v\n' ++ '}\n'+ : '');+ });+ code += 'return s;';++ /* jshint -W054 */+ var evaledFnGetter = new Function('s', 'k', 'pw', code); // s=scope, k=locals, pw=promiseWarning+ /* jshint +W054 */+ evaledFnGetter.toString = function() { return code; };+ fn = function(scope, locals) {+ return evaledFnGetter(scope, locals, promiseWarning);+ };+ }++ // Only cache the value if it's not going to mess up the cache object+ // This is more performant that using Object.prototype.hasOwnProperty.call+ if (path !== 'hasOwnProperty') {+ getterFnCache[path] = fn;+ }+ return fn;+}++///////////////////////////////////++/**+ * @ngdoc function+ * @name ng.$parse+ * @function+ *+ * @description+ *+ * Converts Angular {@link guide/expression expression} into a function.+ *+ * <pre>+ * var getter = $parse('user.name');+ * var setter = getter.assign;+ * var context = {user:{name:'angular'}};+ * var locals = {user:{name:'local'}};+ *+ * expect(getter(context)).toEqual('angular');+ * setter(context, 'newValue');+ * expect(context.user.name).toEqual('newValue');+ * expect(getter(context, locals)).toEqual('local');+ * </pre>+ *+ *+ * @param {string} expression String expression to compile.+ * @returns {function(context, locals)} a function which represents the compiled expression:+ *+ * * `context` – `{object}` – an object against which any expressions embedded in the strings+ * are evaluated against (typically a scope object).+ * * `locals` – `{object=}` – local variables context object, useful for overriding values in+ * `context`.+ *+ * The returned function also has the following properties:+ * * `literal` – `{boolean}` – whether the expression's top-level node is a JavaScript+ * literal.+ * * `constant` – `{boolean}` – whether the expression is made entirely of JavaScript+ * constant literals.+ * * `assign` – `{?function(context, value)}` – if the expression is assignable, this will be+ * set to a function to change its value on the given context.+ *+ */+++/**+ * @ngdoc object+ * @name ng.$parseProvider+ * @function+ *+ * @description+ * `$parseProvider` can be used for configuring the default behavior of the {@link ng.$parse $parse}+ * service.+ */+function $ParseProvider() {+ var cache = {};++ var $parseOptions = {+ csp: false,+ unwrapPromises: false,+ logPromiseWarnings: true+ };+++ /**+ * @deprecated Promise unwrapping via $parse is deprecated and will be removed in the future.+ *+ * @ngdoc method+ * @name ng.$parseProvider#unwrapPromises+ * @methodOf ng.$parseProvider+ * @description+ *+ * **This feature is deprecated, see deprecation notes below for more info**+ *+ * If set to true (default is false), $parse will unwrap promises automatically when a promise is+ * found at any part of the expression. In other words, if set to true, the expression will always+ * result in a non-promise value.+ *+ * While the promise is unresolved, it's treated as undefined, but once resolved and fulfilled,+ * the fulfillment value is used in place of the promise while evaluating the expression.+ *+ * **Deprecation notice**+ *+ * This is a feature that didn't prove to be wildly useful or popular, primarily because of the+ * dichotomy between data access in templates (accessed as raw values) and controller code+ * (accessed as promises).+ *+ * In most code we ended up resolving promises manually in controllers anyway and thus unifying+ * the model access there.+ *+ * Other downsides of automatic promise unwrapping:+ *+ * - when building components it's often desirable to receive the raw promises+ * - adds complexity and slows down expression evaluation+ * - makes expression code pre-generation unattractive due to the amount of code that needs to be+ * generated+ * - makes IDE auto-completion and tool support hard+ *+ * **Warning Logs**+ *+ * If the unwrapping is enabled, Angular will log a warning about each expression that unwraps a+ * promise (to reduce the noise, each expression is logged only once). To disable this logging use+ * `$parseProvider.logPromiseWarnings(false)` api.+ *+ *+ * @param {boolean=} value New value.+ * @returns {boolean|self} Returns the current setting when used as getter and self if used as+ * setter.+ */+ this.unwrapPromises = function(value) {+ if (isDefined(value)) {+ $parseOptions.unwrapPromises = !!value;+ return this;+ } else {+ return $parseOptions.unwrapPromises;+ }+ };+++ /**+ * @deprecated Promise unwrapping via $parse is deprecated and will be removed in the future.+ *+ * @ngdoc method+ * @name ng.$parseProvider#logPromiseWarnings+ * @methodOf ng.$parseProvider+ * @description+ *+ * Controls whether Angular should log a warning on any encounter of a promise in an expression.+ *+ * The default is set to `true`.+ *+ * This setting applies only if `$parseProvider.unwrapPromises` setting is set to true as well.+ *+ * @param {boolean=} value New value.+ * @returns {boolean|self} Returns the current setting when used as getter and self if used as+ * setter.+ */+ this.logPromiseWarnings = function(value) {+ if (isDefined(value)) {+ $parseOptions.logPromiseWarnings = value;+ return this;+ } else {+ return $parseOptions.logPromiseWarnings;+ }+ };+++ this.$get = ['$filter', '$sniffer', '$log', function($filter, $sniffer, $log) {+ $parseOptions.csp = $sniffer.csp;++ promiseWarning = function promiseWarningFn(fullExp) {+ if (!$parseOptions.logPromiseWarnings || promiseWarningCache.hasOwnProperty(fullExp)) return;+ promiseWarningCache[fullExp] = true;+ $log.warn('[$parse] Promise found in the expression `' + fullExp + '`. ' ++ 'Automatic unwrapping of promises in Angular expressions is deprecated.');+ };++ return function(exp) {+ var parsedExpression;++ switch (typeof exp) {+ case 'string':++ if (cache.hasOwnProperty(exp)) {+ return cache[exp];+ }++ var lexer = new Lexer($parseOptions);+ var parser = new Parser(lexer, $filter, $parseOptions);+ parsedExpression = parser.parse(exp, false);++ if (exp !== 'hasOwnProperty') {+ // Only cache the value if it's not going to mess up the cache object+ // This is more performant that using Object.prototype.hasOwnProperty.call+ cache[exp] = parsedExpression;+ }++ return parsedExpression;++ case 'function':+ return exp;++ default:+ return noop;+ }+ };+ }];+}++/**+ * @ngdoc service+ * @name ng.$q+ * @requires $rootScope+ *+ * @description+ * A promise/deferred implementation inspired by [Kris Kowal's Q](https://github.com/kriskowal/q).+ *+ * [The CommonJS Promise proposal](http://wiki.commonjs.org/wiki/Promises) describes a promise as an+ * interface for interacting with an object that represents the result of an action that is+ * performed asynchronously, and may or may not be finished at any given point in time.+ *+ * From the perspective of dealing with error handling, deferred and promise APIs are to+ * asynchronous programming what `try`, `catch` and `throw` keywords are to synchronous programming.+ *+ * <pre>+ * // for the purpose of this example let's assume that variables `$q` and `scope` are+ * // available in the current lexical scope (they could have been injected or passed in).+ *+ * function asyncGreet(name) {+ * var deferred = $q.defer();+ *+ * setTimeout(function() {+ * // since this fn executes async in a future turn of the event loop, we need to wrap+ * // our code into an $apply call so that the model changes are properly observed.+ * scope.$apply(function() {+ * deferred.notify('About to greet ' + name + '.');+ *+ * if (okToGreet(name)) {+ * deferred.resolve('Hello, ' + name + '!');+ * } else {+ * deferred.reject('Greeting ' + name + ' is not allowed.');+ * }+ * });+ * }, 1000);+ *+ * return deferred.promise;+ * }+ *+ * var promise = asyncGreet('Robin Hood');+ * promise.then(function(greeting) {+ * alert('Success: ' + greeting);+ * }, function(reason) {+ * alert('Failed: ' + reason);+ * }, function(update) {+ * alert('Got notification: ' + update);+ * });+ * </pre>+ *+ * At first it might not be obvious why this extra complexity is worth the trouble. The payoff+ * comes in the way of guarantees that promise and deferred APIs make, see+ * https://github.com/kriskowal/uncommonjs/blob/master/promises/specification.md.+ *+ * Additionally the promise api allows for composition that is very hard to do with the+ * traditional callback ([CPS](http://en.wikipedia.org/wiki/Continuation-passing_style)) approach.+ * For more on this please see the [Q documentation](https://github.com/kriskowal/q) especially the+ * section on serial or parallel joining of promises.+ *+ *+ * # The Deferred API+ *+ * A new instance of deferred is constructed by calling `$q.defer()`.+ *+ * The purpose of the deferred object is to expose the associated Promise instance as well as APIs+ * that can be used for signaling the successful or unsuccessful completion, as well as the status+ * of the task.+ *+ * **Methods**+ *+ * - `resolve(value)` – resolves the derived promise with the `value`. If the value is a rejection+ * constructed via `$q.reject`, the promise will be rejected instead.+ * - `reject(reason)` – rejects the derived promise with the `reason`. This is equivalent to+ * resolving it with a rejection constructed via `$q.reject`.+ * - `notify(value)` - provides updates on the status of the promises execution. This may be called+ * multiple times before the promise is either resolved or rejected.+ *+ * **Properties**+ *+ * - promise – `{Promise}` – promise object associated with this deferred.+ *+ *+ * # The Promise API+ *+ * A new promise instance is created when a deferred instance is created and can be retrieved by+ * calling `deferred.promise`.+ *+ * The purpose of the promise object is to allow for interested parties to get access to the result+ * of the deferred task when it completes.+ *+ * **Methods**+ *+ * - `then(successCallback, errorCallback, notifyCallback)` – regardless of when the promise was or+ * will be resolved or rejected, `then` calls one of the success or error callbacks asynchronously+ * as soon as the result is available. The callbacks are called with a single argument: the result+ * or rejection reason. Additionally, the notify callback may be called zero or more times to+ * provide a progress indication, before the promise is resolved or rejected.+ *+ * This method *returns a new promise* which is resolved or rejected via the return value of the+ * `successCallback`, `errorCallback`. It also notifies via the return value of the+ * `notifyCallback` method. The promise can not be resolved or rejected from the notifyCallback+ * method.+ *+ * - `catch(errorCallback)` – shorthand for `promise.then(null, errorCallback)`+ *+ * - `finally(callback)` – allows you to observe either the fulfillment or rejection of a promise,+ * but to do so without modifying the final value. This is useful to release resources or do some+ * clean-up that needs to be done whether the promise was rejected or resolved. See the [full+ * specification](https://github.com/kriskowal/q/wiki/API-Reference#promisefinallycallback) for+ * more information.+ *+ * Because `finally` is a reserved word in JavaScript and reserved keywords are not supported as+ * property names by ES3, you'll need to invoke the method like `promise['finally'](callback)` to+ * make your code IE8 compatible.+ *+ * # Chaining promises+ *+ * Because calling the `then` method of a promise returns a new derived promise, it is easily+ * possible to create a chain of promises:+ *+ * <pre>+ * promiseB = promiseA.then(function(result) {+ * return result + 1;+ * });+ *+ * // promiseB will be resolved immediately after promiseA is resolved and its value+ * // will be the result of promiseA incremented by 1+ * </pre>+ *+ * It is possible to create chains of any length and since a promise can be resolved with another+ * promise (which will defer its resolution further), it is possible to pause/defer resolution of+ * the promises at any point in the chain. This makes it possible to implement powerful APIs like+ * $http's response interceptors.+ *+ *+ * # Differences between Kris Kowal's Q and $q+ *+ * There are three main differences:+ *+ * - $q is integrated with the {@link ng.$rootScope.Scope} Scope model observation+ * mechanism in angular, which means faster propagation of resolution or rejection into your+ * models and avoiding unnecessary browser repaints, which would result in flickering UI.+ * - Q has many more features than $q, but that comes at a cost of bytes. $q is tiny, but contains+ * all the important functionality needed for common async tasks.+ *+ * # Testing+ *+ * <pre>+ * it('should simulate promise', inject(function($q, $rootScope) {+ * var deferred = $q.defer();+ * var promise = deferred.promise;+ * var resolvedValue;+ *+ * promise.then(function(value) { resolvedValue = value; });+ * expect(resolvedValue).toBeUndefined();+ *+ * // Simulate resolving of promise+ * deferred.resolve(123);+ * // Note that the 'then' function does not get called synchronously.+ * // This is because we want the promise API to always be async, whether or not+ * // it got called synchronously or asynchronously.+ * expect(resolvedValue).toBeUndefined();+ *+ * // Propagate promise resolution to 'then' functions using $apply().+ * $rootScope.$apply();+ * expect(resolvedValue).toEqual(123);+ * }));+ * </pre>+ */+function $QProvider() {++ this.$get = ['$rootScope', '$exceptionHandler', function($rootScope, $exceptionHandler) {+ return qFactory(function(callback) {+ $rootScope.$evalAsync(callback);+ }, $exceptionHandler);+ }];+}+++/**+ * Constructs a promise manager.+ *+ * @param {function(function)} nextTick Function for executing functions in the next turn.+ * @param {function(...*)} exceptionHandler Function into which unexpected exceptions are passed for+ * debugging purposes.+ * @returns {object} Promise manager.+ */+function qFactory(nextTick, exceptionHandler) {++ /**+ * @ngdoc+ * @name ng.$q#defer+ * @methodOf ng.$q+ * @description+ * Creates a `Deferred` object which represents a task which will finish in the future.+ *+ * @returns {Deferred} Returns a new instance of deferred.+ */+ var defer = function() {+ var pending = [],+ value, deferred;++ deferred = {++ resolve: function(val) {+ if (pending) {+ var callbacks = pending;+ pending = undefined;+ value = ref(val);++ if (callbacks.length) {+ nextTick(function() {+ var callback;+ for (var i = 0, ii = callbacks.length; i < ii; i++) {+ callback = callbacks[i];+ value.then(callback[0], callback[1], callback[2]);+ }+ });+ }+ }+ },+++ reject: function(reason) {+ deferred.resolve(reject(reason));+ },+++ notify: function(progress) {+ if (pending) {+ var callbacks = pending;++ if (pending.length) {+ nextTick(function() {+ var callback;+ for (var i = 0, ii = callbacks.length; i < ii; i++) {+ callback = callbacks[i];+ callback[2](progress);+ }+ });+ }+ }+ },+++ promise: {+ then: function(callback, errback, progressback) {+ var result = defer();++ var wrappedCallback = function(value) {+ try {+ result.resolve((isFunction(callback) ? callback : defaultCallback)(value));+ } catch(e) {+ result.reject(e);+ exceptionHandler(e);+ }+ };++ var wrappedErrback = function(reason) {+ try {+ result.resolve((isFunction(errback) ? errback : defaultErrback)(reason));+ } catch(e) {+ result.reject(e);+ exceptionHandler(e);+ }+ };++ var wrappedProgressback = function(progress) {+ try {+ result.notify((isFunction(progressback) ? progressback : defaultCallback)(progress));+ } catch(e) {+ exceptionHandler(e);+ }+ };++ if (pending) {+ pending.push([wrappedCallback, wrappedErrback, wrappedProgressback]);+ } else {+ value.then(wrappedCallback, wrappedErrback, wrappedProgressback);+ }++ return result.promise;+ },++ "catch": function(callback) {+ return this.then(null, callback);+ },++ "finally": function(callback) {++ function makePromise(value, resolved) {+ var result = defer();+ if (resolved) {+ result.resolve(value);+ } else {+ result.reject(value);+ }+ return result.promise;+ }++ function handleCallback(value, isResolved) {+ var callbackOutput = null;+ try {+ callbackOutput = (callback ||defaultCallback)();+ } catch(e) {+ return makePromise(e, false);+ }+ if (callbackOutput && isFunction(callbackOutput.then)) {+ return callbackOutput.then(function() {+ return makePromise(value, isResolved);+ }, function(error) {+ return makePromise(error, false);+ });+ } else {+ return makePromise(value, isResolved);+ }+ }++ return this.then(function(value) {+ return handleCallback(value, true);+ }, function(error) {+ return handleCallback(error, false);+ });+ }+ }+ };++ return deferred;+ };+++ var ref = function(value) {+ if (value && isFunction(value.then)) return value;+ return {+ then: function(callback) {+ var result = defer();+ nextTick(function() {+ result.resolve(callback(value));+ });+ return result.promise;+ }+ };+ };+++ /**+ * @ngdoc+ * @name ng.$q#reject+ * @methodOf ng.$q+ * @description+ * Creates a promise that is resolved as rejected with the specified `reason`. This api should be+ * used to forward rejection in a chain of promises. If you are dealing with the last promise in+ * a promise chain, you don't need to worry about it.+ *+ * When comparing deferreds/promises to the familiar behavior of try/catch/throw, think of+ * `reject` as the `throw` keyword in JavaScript. This also means that if you "catch" an error via+ * a promise error callback and you want to forward the error to the promise derived from the+ * current promise, you have to "rethrow" the error by returning a rejection constructed via+ * `reject`.+ *+ * <pre>+ * promiseB = promiseA.then(function(result) {+ * // success: do something and resolve promiseB+ * // with the old or a new result+ * return result;+ * }, function(reason) {+ * // error: handle the error if possible and+ * // resolve promiseB with newPromiseOrValue,+ * // otherwise forward the rejection to promiseB+ * if (canHandle(reason)) {+ * // handle the error and recover+ * return newPromiseOrValue;+ * }+ * return $q.reject(reason);+ * });+ * </pre>+ *+ * @param {*} reason Constant, message, exception or an object representing the rejection reason.+ * @returns {Promise} Returns a promise that was already resolved as rejected with the `reason`.+ */+ var reject = function(reason) {+ return {+ then: function(callback, errback) {+ var result = defer();+ nextTick(function() {+ try {+ result.resolve((isFunction(errback) ? errback : defaultErrback)(reason));+ } catch(e) {+ result.reject(e);+ exceptionHandler(e);+ }+ });+ return result.promise;+ }+ };+ };+++ /**+ * @ngdoc+ * @name ng.$q#when+ * @methodOf ng.$q+ * @description+ * Wraps an object that might be a value or a (3rd party) then-able promise into a $q promise.+ * This is useful when you are dealing with an object that might or might not be a promise, or if+ * the promise comes from a source that can't be trusted.+ *+ * @param {*} value Value or a promise+ * @returns {Promise} Returns a promise of the passed value or promise+ */+ var when = function(value, callback, errback, progressback) {+ var result = defer(),+ done;++ var wrappedCallback = function(value) {+ try {+ return (isFunction(callback) ? callback : defaultCallback)(value);+ } catch (e) {+ exceptionHandler(e);+ return reject(e);+ }+ };++ var wrappedErrback = function(reason) {+ try {+ return (isFunction(errback) ? errback : defaultErrback)(reason);+ } catch (e) {+ exceptionHandler(e);+ return reject(e);+ }+ };++ var wrappedProgressback = function(progress) {+ try {+ return (isFunction(progressback) ? progressback : defaultCallback)(progress);+ } catch (e) {+ exceptionHandler(e);+ }+ };++ nextTick(function() {+ ref(value).then(function(value) {+ if (done) return;+ done = true;+ result.resolve(ref(value).then(wrappedCallback, wrappedErrback, wrappedProgressback));+ }, function(reason) {+ if (done) return;+ done = true;+ result.resolve(wrappedErrback(reason));+ }, function(progress) {+ if (done) return;+ result.notify(wrappedProgressback(progress));+ });+ });++ return result.promise;+ };+++ function defaultCallback(value) {+ return value;+ }+++ function defaultErrback(reason) {+ return reject(reason);+ }+++ /**+ * @ngdoc+ * @name ng.$q#all+ * @methodOf ng.$q+ * @description+ * Combines multiple promises into a single promise that is resolved when all of the input+ * promises are resolved.+ *+ * @param {Array.<Promise>|Object.<Promise>} promises An array or hash of promises.+ * @returns {Promise} Returns a single promise that will be resolved with an array/hash of values,+ * each value corresponding to the promise at the same index/key in the `promises` array/hash.+ * If any of the promises is resolved with a rejection, this resulting promise will be rejected+ * with the same rejection value.+ */+ function all(promises) {+ var deferred = defer(),+ counter = 0,+ results = isArray(promises) ? [] : {};++ forEach(promises, function(promise, key) {+ counter++;+ ref(promise).then(function(value) {+ if (results.hasOwnProperty(key)) return;+ results[key] = value;+ if (!(--counter)) deferred.resolve(results);+ }, function(reason) {+ if (results.hasOwnProperty(key)) return;+ deferred.reject(reason);+ });+ });++ if (counter === 0) {+ deferred.resolve(results);+ }++ return deferred.promise;+ }++ return {+ defer: defer,+ reject: reject,+ when: when,+ all: all+ };+}++/**+ * DESIGN NOTES+ *+ * The design decisions behind the scope are heavily favored for speed and memory consumption.+ *+ * The typical use of scope is to watch the expressions, which most of the time return the same+ * value as last time so we optimize the operation.+ *+ * Closures construction is expensive in terms of speed as well as memory:+ * - No closures, instead use prototypical inheritance for API+ * - Internal state needs to be stored on scope directly, which means that private state is+ * exposed as $$____ properties+ *+ * Loop operations are optimized by using while(count--) { ... }+ * - this means that in order to keep the same order of execution as addition we have to add+ * items to the array at the beginning (shift) instead of at the end (push)+ *+ * Child scopes are created and removed often+ * - Using an array would be slow since inserts in middle are expensive so we use linked list+ *+ * There are few watches then a lot of observers. This is why you don't want the observer to be+ * implemented in the same way as watch. Watch requires return of initialization function which+ * are expensive to construct.+ */+++/**+ * @ngdoc object+ * @name ng.$rootScopeProvider+ * @description+ *+ * Provider for the $rootScope service.+ */++/**+ * @ngdoc function+ * @name ng.$rootScopeProvider#digestTtl+ * @methodOf ng.$rootScopeProvider+ * @description+ *+ * Sets the number of `$digest` iterations the scope should attempt to execute before giving up and+ * assuming that the model is unstable.+ *+ * The current default is 10 iterations.+ *+ * In complex applications it's possible that the dependencies between `$watch`s will result in+ * several digest iterations. However if an application needs more than the default 10 digest+ * iterations for its model to stabilize then you should investigate what is causing the model to+ * continuously change during the digest.+ *+ * Increasing the TTL could have performance implications, so you should not change it without+ * proper justification.+ *+ * @param {number} limit The number of digest iterations.+ */+++/**+ * @ngdoc object+ * @name ng.$rootScope+ * @description+ *+ * Every application has a single root {@link ng.$rootScope.Scope scope}.+ * All other scopes are descendant scopes of the root scope. Scopes provide separation+ * between the model and the view, via a mechanism for watching the model for changes.+ * They also provide an event emission/broadcast and subscription facility. See the+ * {@link guide/scope developer guide on scopes}.+ */+function $RootScopeProvider(){+ var TTL = 10;+ var $rootScopeMinErr = minErr('$rootScope');+ var lastDirtyWatch = null;++ this.digestTtl = function(value) {+ if (arguments.length) {+ TTL = value;+ }+ return TTL;+ };++ this.$get = ['$injector', '$exceptionHandler', '$parse', '$browser',+ function( $injector, $exceptionHandler, $parse, $browser) {++ /**+ * @ngdoc function+ * @name ng.$rootScope.Scope+ *+ * @description+ * A root scope can be retrieved using the {@link ng.$rootScope $rootScope} key from the+ * {@link AUTO.$injector $injector}. Child scopes are created using the+ * {@link ng.$rootScope.Scope#methods_$new $new()} method. (Most scopes are created automatically when+ * compiled HTML template is executed.)+ *+ * Here is a simple scope snippet to show how you can interact with the scope.+ * <pre>+ * <file src="./test/ng/rootScopeSpec.js" tag="docs1" />+ * </pre>+ *+ * # Inheritance+ * A scope can inherit from a parent scope, as in this example:+ * <pre>+ var parent = $rootScope;+ var child = parent.$new();++ parent.salutation = "Hello";+ child.name = "World";+ expect(child.salutation).toEqual('Hello');++ child.salutation = "Welcome";+ expect(child.salutation).toEqual('Welcome');+ expect(parent.salutation).toEqual('Hello');+ * </pre>+ *+ *+ * @param {Object.<string, function()>=} providers Map of service factory which need to be+ * provided for the current scope. Defaults to {@link ng}.+ * @param {Object.<string, *>=} instanceCache Provides pre-instantiated services which should+ * append/override services provided by `providers`. This is handy+ * when unit-testing and having the need to override a default+ * service.+ * @returns {Object} Newly created scope.+ *+ */+ function Scope() {+ this.$id = nextUid();+ this.$$phase = this.$parent = this.$$watchers =+ this.$$nextSibling = this.$$prevSibling =+ this.$$childHead = this.$$childTail = null;+ this['this'] = this.$root = this;+ this.$$destroyed = false;+ this.$$asyncQueue = [];+ this.$$postDigestQueue = [];+ this.$$listeners = {};+ this.$$isolateBindings = {};+ }++ /**+ * @ngdoc property+ * @name ng.$rootScope.Scope#$id+ * @propertyOf ng.$rootScope.Scope+ * @returns {number} Unique scope ID (monotonically increasing alphanumeric sequence) useful for+ * debugging.+ */+++ Scope.prototype = {+ constructor: Scope,+ /**+ * @ngdoc function+ * @name ng.$rootScope.Scope#$new+ * @methodOf ng.$rootScope.Scope+ * @function+ *+ * @description+ * Creates a new child {@link ng.$rootScope.Scope scope}.+ *+ * The parent scope will propagate the {@link ng.$rootScope.Scope#$digest $digest()} and+ * {@link ng.$rootScope.Scope#$digest $digest()} events. The scope can be removed from the+ * scope hierarchy using {@link ng.$rootScope.Scope#$destroy $destroy()}.+ *+ * {@link ng.$rootScope.Scope#$destroy $destroy()} must be called on a scope when it is+ * desired for the scope and its child scopes to be permanently detached from the parent and+ * thus stop participating in model change detection and listener notification by invoking.+ *+ * @param {boolean} isolate If true, then the scope does not prototypically inherit from the+ * parent scope. The scope is isolated, as it can not see parent scope properties.+ * When creating widgets, it is useful for the widget to not accidentally read parent+ * state.+ *+ * @returns {Object} The newly created child scope.+ *+ */+ $new: function(isolate) {+ var ChildScope,+ child;++ if (isolate) {+ child = new Scope();+ child.$root = this.$root;+ // ensure that there is just one async queue per $rootScope and its children+ child.$$asyncQueue = this.$$asyncQueue;+ child.$$postDigestQueue = this.$$postDigestQueue;+ } else {+ ChildScope = function() {}; // should be anonymous; This is so that when the minifier munges+ // the name it does not become random set of chars. This will then show up as class+ // name in the debugger.+ ChildScope.prototype = this;+ child = new ChildScope();+ child.$id = nextUid();+ }+ child['this'] = child;+ child.$$listeners = {};+ child.$parent = this;+ child.$$watchers = child.$$nextSibling = child.$$childHead = child.$$childTail = null;+ child.$$prevSibling = this.$$childTail;+ if (this.$$childHead) {+ this.$$childTail.$$nextSibling = child;+ this.$$childTail = child;+ } else {+ this.$$childHead = this.$$childTail = child;+ }+ return child;+ },++ /**+ * @ngdoc function+ * @name ng.$rootScope.Scope#$watch+ * @methodOf ng.$rootScope.Scope+ * @function+ *+ * @description+ * Registers a `listener` callback to be executed whenever the `watchExpression` changes.+ *+ * - The `watchExpression` is called on every call to {@link ng.$rootScope.Scope#$digest+ * $digest()} and should return the value that will be watched. (Since+ * {@link ng.$rootScope.Scope#$digest $digest()} reruns when it detects changes the+ * `watchExpression` can execute multiple times per+ * {@link ng.$rootScope.Scope#$digest $digest()} and should be idempotent.)+ * - The `listener` is called only when the value from the current `watchExpression` and the+ * previous call to `watchExpression` are not equal (with the exception of the initial run,+ * see below). The inequality is determined according to+ * {@link angular.equals} function. To save the value of the object for later comparison,+ * the {@link angular.copy} function is used. It also means that watching complex options+ * will have adverse memory and performance implications.+ * - The watch `listener` may change the model, which may trigger other `listener`s to fire.+ * This is achieved by rerunning the watchers until no changes are detected. The rerun+ * iteration limit is 10 to prevent an infinite loop deadlock.+ *+ *+ * If you want to be notified whenever {@link ng.$rootScope.Scope#$digest $digest} is called,+ * you can register a `watchExpression` function with no `listener`. (Since `watchExpression`+ * can execute multiple times per {@link ng.$rootScope.Scope#$digest $digest} cycle when a+ * change is detected, be prepared for multiple calls to your listener.)+ *+ * After a watcher is registered with the scope, the `listener` fn is called asynchronously+ * (via {@link ng.$rootScope.Scope#$evalAsync $evalAsync}) to initialize the+ * watcher. In rare cases, this is undesirable because the listener is called when the result+ * of `watchExpression` didn't change. To detect this scenario within the `listener` fn, you+ * can compare the `newVal` and `oldVal`. If these two values are identical (`===`) then the+ * listener was called due to initialization.+ *+ * The example below contains an illustration of using a function as your $watch listener+ *+ *+ * # Example+ * <pre>+ // let's assume that scope was dependency injected as the $rootScope+ var scope = $rootScope;+ scope.name = 'misko';+ scope.counter = 0;++ expect(scope.counter).toEqual(0);+ scope.$watch('name', function(newValue, oldValue) {+ scope.counter = scope.counter + 1;+ });+ expect(scope.counter).toEqual(0);++ scope.$digest();+ // no variable change+ expect(scope.counter).toEqual(0);++ scope.name = 'adam';+ scope.$digest();+ expect(scope.counter).toEqual(1);++++ // Using a listener function+ var food;+ scope.foodCounter = 0;+ expect(scope.foodCounter).toEqual(0);+ scope.$watch(+ // This is the listener function+ function() { return food; },+ // This is the change handler+ function(newValue, oldValue) {+ if ( newValue !== oldValue ) {+ // Only increment the counter if the value changed+ scope.foodCounter = scope.foodCounter + 1;+ }+ }+ );+ // No digest has been run so the counter will be zero+ expect(scope.foodCounter).toEqual(0);++ // Run the digest but since food has not changed cout will still be zero+ scope.$digest();+ expect(scope.foodCounter).toEqual(0);++ // Update food and run digest. Now the counter will increment+ food = 'cheeseburger';+ scope.$digest();+ expect(scope.foodCounter).toEqual(1);++ * </pre>+ *+ *+ *+ * @param {(function()|string)} watchExpression Expression that is evaluated on each+ * {@link ng.$rootScope.Scope#$digest $digest} cycle. A change in the return value triggers+ * a call to the `listener`.+ *+ * - `string`: Evaluated as {@link guide/expression expression}+ * - `function(scope)`: called with current `scope` as a parameter.+ * @param {(function()|string)=} listener Callback called whenever the return value of+ * the `watchExpression` changes.+ *+ * - `string`: Evaluated as {@link guide/expression expression}+ * - `function(newValue, oldValue, scope)`: called with current and previous values as+ * parameters.+ *+ * @param {boolean=} objectEquality Compare object for equality rather than for reference.+ * @returns {function()} Returns a deregistration function for this listener.+ */+ $watch: function(watchExp, listener, objectEquality) {+ var scope = this,+ get = compileToFn(watchExp, 'watch'),+ array = scope.$$watchers,+ watcher = {+ fn: listener,+ last: initWatchVal,+ get: get,+ exp: watchExp,+ eq: !!objectEquality+ };++ lastDirtyWatch = null;++ // in the case user pass string, we need to compile it, do we really need this ?+ if (!isFunction(listener)) {+ var listenFn = compileToFn(listener || noop, 'listener');+ watcher.fn = function(newVal, oldVal, scope) {listenFn(scope);};+ }++ if (typeof watchExp == 'string' && get.constant) {+ var originalFn = watcher.fn;+ watcher.fn = function(newVal, oldVal, scope) {+ originalFn.call(this, newVal, oldVal, scope);+ arrayRemove(array, watcher);+ };+ }++ if (!array) {+ array = scope.$$watchers = [];+ }+ // we use unshift since we use a while loop in $digest for speed.+ // the while loop reads in reverse order.+ array.unshift(watcher);++ return function() {+ arrayRemove(array, watcher);+ };+ },+++ /**+ * @ngdoc function+ * @name ng.$rootScope.Scope#$watchCollection+ * @methodOf ng.$rootScope.Scope+ * @function+ *+ * @description+ * Shallow watches the properties of an object and fires whenever any of the properties change+ * (for arrays, this implies watching the array items; for object maps, this implies watching+ * the properties). If a change is detected, the `listener` callback is fired.+ *+ * - The `obj` collection is observed via standard $watch operation and is examined on every+ * call to $digest() to see if any items have been added, removed, or moved.+ * - The `listener` is called whenever anything within the `obj` has changed. Examples include+ * adding, removing, and moving items belonging to an object or array.+ *+ *+ * # Example+ * <pre>+ $scope.names = ['igor', 'matias', 'misko', 'james'];+ $scope.dataCount = 4;++ $scope.$watchCollection('names', function(newNames, oldNames) {+ $scope.dataCount = newNames.length;+ });++ expect($scope.dataCount).toEqual(4);+ $scope.$digest();++ //still at 4 ... no changes+ expect($scope.dataCount).toEqual(4);++ $scope.names.pop();+ $scope.$digest();++ //now there's been a change+ expect($scope.dataCount).toEqual(3);+ * </pre>+ *+ *+ * @param {string|Function(scope)} obj Evaluated as {@link guide/expression expression}. The+ * expression value should evaluate to an object or an array which is observed on each+ * {@link ng.$rootScope.Scope#$digest $digest} cycle. Any shallow change within the+ * collection will trigger a call to the `listener`.+ *+ * @param {function(newCollection, oldCollection, scope)} listener a callback function that is+ * fired with both the `newCollection` and `oldCollection` as parameters.+ * The `newCollection` object is the newly modified data obtained from the `obj` expression+ * and the `oldCollection` object is a copy of the former collection data.+ * The `scope` refers to the current scope.+ *+ * @returns {function()} Returns a de-registration function for this listener. When the+ * de-registration function is executed, the internal watch operation is terminated.+ */+ $watchCollection: function(obj, listener) {+ var self = this;+ var oldValue;+ var newValue;+ var changeDetected = 0;+ var objGetter = $parse(obj);+ var internalArray = [];+ var internalObject = {};+ var oldLength = 0;++ function $watchCollectionWatch() {+ newValue = objGetter(self);+ var newLength, key;++ if (!isObject(newValue)) {+ if (oldValue !== newValue) {+ oldValue = newValue;+ changeDetected++;+ }+ } else if (isArrayLike(newValue)) {+ if (oldValue !== internalArray) {+ // we are transitioning from something which was not an array into array.+ oldValue = internalArray;+ oldLength = oldValue.length = 0;+ changeDetected++;+ }++ newLength = newValue.length;++ if (oldLength !== newLength) {+ // if lengths do not match we need to trigger change notification+ changeDetected++;+ oldValue.length = oldLength = newLength;+ }+ // copy the items to oldValue and look for changes.+ for (var i = 0; i < newLength; i++) {+ if (oldValue[i] !== newValue[i]) {+ changeDetected++;+ oldValue[i] = newValue[i];+ }+ }+ } else {+ if (oldValue !== internalObject) {+ // we are transitioning from something which was not an object into object.+ oldValue = internalObject = {};+ oldLength = 0;+ changeDetected++;+ }+ // copy the items to oldValue and look for changes.+ newLength = 0;+ for (key in newValue) {+ if (newValue.hasOwnProperty(key)) {+ newLength++;+ if (oldValue.hasOwnProperty(key)) {+ if (oldValue[key] !== newValue[key]) {+ changeDetected++;+ oldValue[key] = newValue[key];+ }+ } else {+ oldLength++;+ oldValue[key] = newValue[key];+ changeDetected++;+ }+ }+ }+ if (oldLength > newLength) {+ // we used to have more keys, need to find them and destroy them.+ changeDetected++;+ for(key in oldValue) {+ if (oldValue.hasOwnProperty(key) && !newValue.hasOwnProperty(key)) {+ oldLength--;+ delete oldValue[key];+ }+ }+ }+ }+ return changeDetected;+ }++ function $watchCollectionAction() {+ listener(newValue, oldValue, self);+ }++ return this.$watch($watchCollectionWatch, $watchCollectionAction);+ },++ /**+ * @ngdoc function+ * @name ng.$rootScope.Scope#$digest+ * @methodOf ng.$rootScope.Scope+ * @function+ *+ * @description+ * Processes all of the {@link ng.$rootScope.Scope#$watch watchers} of the current scope and+ * its children. Because a {@link ng.$rootScope.Scope#$watch watcher}'s listener can change+ * the model, the `$digest()` keeps calling the {@link ng.$rootScope.Scope#$watch watchers}+ * until no more listeners are firing. This means that it is possible to get into an infinite+ * loop. This function will throw `'Maximum iteration limit exceeded.'` if the number of+ * iterations exceeds 10.+ *+ * Usually, you don't call `$digest()` directly in+ * {@link ng.directive:ngController controllers} or in+ * {@link ng.$compileProvider#methods_directive directives}.+ * Instead, you should call {@link ng.$rootScope.Scope#$apply $apply()} (typically from within+ * a {@link ng.$compileProvider#methods_directive directives}), which will force a `$digest()`.+ *+ * If you want to be notified whenever `$digest()` is called,+ * you can register a `watchExpression` function with+ * {@link ng.$rootScope.Scope#$watch $watch()} with no `listener`.+ *+ * In unit tests, you may need to call `$digest()` to simulate the scope life cycle.+ *+ * # Example+ * <pre>+ var scope = ...;+ scope.name = 'misko';+ scope.counter = 0;++ expect(scope.counter).toEqual(0);+ scope.$watch('name', function(newValue, oldValue) {+ scope.counter = scope.counter + 1;+ });+ expect(scope.counter).toEqual(0);++ scope.$digest();+ // no variable change+ expect(scope.counter).toEqual(0);++ scope.name = 'adam';+ scope.$digest();+ expect(scope.counter).toEqual(1);+ * </pre>+ *+ */+ $digest: function() {+ var watch, value, last,+ watchers,+ asyncQueue = this.$$asyncQueue,+ postDigestQueue = this.$$postDigestQueue,+ length,+ dirty, ttl = TTL,+ next, current, target = this,+ watchLog = [],+ logIdx, logMsg, asyncTask;++ beginPhase('$digest');++ lastDirtyWatch = null;++ do { // "while dirty" loop+ dirty = false;+ current = target;++ while(asyncQueue.length) {+ try {+ asyncTask = asyncQueue.shift();+ asyncTask.scope.$eval(asyncTask.expression);+ } catch (e) {+ clearPhase();+ $exceptionHandler(e);+ }+ lastDirtyWatch = null;+ }++ traverseScopesLoop:+ do { // "traverse the scopes" loop+ if ((watchers = current.$$watchers)) {+ // process our watches+ length = watchers.length;+ while (length--) {+ try {+ watch = watchers[length];+ // Most common watches are on primitives, in which case we can short+ // circuit it with === operator, only when === fails do we use .equals+ if (watch) {+ if ((value = watch.get(current)) !== (last = watch.last) &&+ !(watch.eq+ ? equals(value, last)+ : (typeof value == 'number' && typeof last == 'number'+ && isNaN(value) && isNaN(last)))) {+ dirty = true;+ lastDirtyWatch = watch;+ watch.last = watch.eq ? copy(value) : value;+ watch.fn(value, ((last === initWatchVal) ? value : last), current);+ if (ttl < 5) {+ logIdx = 4 - ttl;+ if (!watchLog[logIdx]) watchLog[logIdx] = [];+ logMsg = (isFunction(watch.exp))+ ? 'fn: ' + (watch.exp.name || watch.exp.toString())+ : watch.exp;+ logMsg += '; newVal: ' + toJson(value) + '; oldVal: ' + toJson(last);+ watchLog[logIdx].push(logMsg);+ }+ } else if (watch === lastDirtyWatch) {+ // If the most recently dirty watcher is now clean, short circuit since the remaining watchers+ // have already been tested.+ dirty = false;+ break traverseScopesLoop;+ }+ }+ } catch (e) {+ clearPhase();+ $exceptionHandler(e);+ }+ }+ }++ // Insanity Warning: scope depth-first traversal+ // yes, this code is a bit crazy, but it works and we have tests to prove it!+ // this piece should be kept in sync with the traversal in $broadcast+ if (!(next = (current.$$childHead ||+ (current !== target && current.$$nextSibling)))) {+ while(current !== target && !(next = current.$$nextSibling)) {+ current = current.$parent;+ }+ }+ } while ((current = next));++ // `break traverseScopesLoop;` takes us to here++ if(dirty && !(ttl--)) {+ clearPhase();+ throw $rootScopeMinErr('infdig',+ '{0} $digest() iterations reached. Aborting!\n' ++ 'Watchers fired in the last 5 iterations: {1}',+ TTL, toJson(watchLog));+ }++ } while (dirty || asyncQueue.length);++ clearPhase();++ while(postDigestQueue.length) {+ try {+ postDigestQueue.shift()();+ } catch (e) {+ $exceptionHandler(e);+ }+ }+ },+++ /**+ * @ngdoc event+ * @name ng.$rootScope.Scope#$destroy+ * @eventOf ng.$rootScope.Scope+ * @eventType broadcast on scope being destroyed+ *+ * @description+ * Broadcasted when a scope and its children are being destroyed.+ *+ * Note that, in AngularJS, there is also a `$destroy` jQuery event, which can be used to+ * clean up DOM bindings before an element is removed from the DOM.+ */++ /**+ * @ngdoc function+ * @name ng.$rootScope.Scope#$destroy+ * @methodOf ng.$rootScope.Scope+ * @function+ *+ * @description+ * Removes the current scope (and all of its children) from the parent scope. Removal implies+ * that calls to {@link ng.$rootScope.Scope#$digest $digest()} will no longer+ * propagate to the current scope and its children. Removal also implies that the current+ * scope is eligible for garbage collection.+ *+ * The `$destroy()` is usually used by directives such as+ * {@link ng.directive:ngRepeat ngRepeat} for managing the+ * unrolling of the loop.+ *+ * Just before a scope is destroyed, a `$destroy` event is broadcasted on this scope.+ * Application code can register a `$destroy` event handler that will give it a chance to+ * perform any necessary cleanup.+ *+ * Note that, in AngularJS, there is also a `$destroy` jQuery event, which can be used to+ * clean up DOM bindings before an element is removed from the DOM.+ */+ $destroy: function() {+ // we can't destroy the root scope or a scope that has been already destroyed+ if (this.$$destroyed) return;+ var parent = this.$parent;++ this.$broadcast('$destroy');+ this.$$destroyed = true;+ if (this === $rootScope) return;++ if (parent.$$childHead == this) parent.$$childHead = this.$$nextSibling;+ if (parent.$$childTail == this) parent.$$childTail = this.$$prevSibling;+ if (this.$$prevSibling) this.$$prevSibling.$$nextSibling = this.$$nextSibling;+ if (this.$$nextSibling) this.$$nextSibling.$$prevSibling = this.$$prevSibling;++ // This is bogus code that works around Chrome's GC leak+ // see: https://github.com/angular/angular.js/issues/1313#issuecomment-10378451+ this.$parent = this.$$nextSibling = this.$$prevSibling = this.$$childHead =+ this.$$childTail = null;+ },++ /**+ * @ngdoc function+ * @name ng.$rootScope.Scope#$eval+ * @methodOf ng.$rootScope.Scope+ * @function+ *+ * @description+ * Executes the `expression` on the current scope and returns the result. Any exceptions in+ * the expression are propagated (uncaught). This is useful when evaluating Angular+ * expressions.+ *+ * # Example+ * <pre>+ var scope = ng.$rootScope.Scope();+ scope.a = 1;+ scope.b = 2;++ expect(scope.$eval('a+b')).toEqual(3);+ expect(scope.$eval(function(scope){ return scope.a + scope.b; })).toEqual(3);+ * </pre>+ *+ * @param {(string|function())=} expression An angular expression to be executed.+ *+ * - `string`: execute using the rules as defined in {@link guide/expression expression}.+ * - `function(scope)`: execute the function with the current `scope` parameter.+ *+ * @param {(object)=} locals Local variables object, useful for overriding values in scope.+ * @returns {*} The result of evaluating the expression.+ */+ $eval: function(expr, locals) {+ return $parse(expr)(this, locals);+ },++ /**+ * @ngdoc function+ * @name ng.$rootScope.Scope#$evalAsync+ * @methodOf ng.$rootScope.Scope+ * @function+ *+ * @description+ * Executes the expression on the current scope at a later point in time.+ *+ * The `$evalAsync` makes no guarantees as to when the `expression` will be executed, only+ * that:+ *+ * - it will execute after the function that scheduled the evaluation (preferably before DOM+ * rendering).+ * - at least one {@link ng.$rootScope.Scope#$digest $digest cycle} will be performed after+ * `expression` execution.+ *+ * Any exceptions from the execution of the expression are forwarded to the+ * {@link ng.$exceptionHandler $exceptionHandler} service.+ *+ * __Note:__ if this function is called outside of a `$digest` cycle, a new `$digest` cycle+ * will be scheduled. However, it is encouraged to always call code that changes the model+ * from within an `$apply` call. That includes code evaluated via `$evalAsync`.+ *+ * @param {(string|function())=} expression An angular expression to be executed.+ *+ * - `string`: execute using the rules as defined in {@link guide/expression expression}.+ * - `function(scope)`: execute the function with the current `scope` parameter.+ *+ */+ $evalAsync: function(expr) {+ // if we are outside of an $digest loop and this is the first time we are scheduling async+ // task also schedule async auto-flush+ if (!$rootScope.$$phase && !$rootScope.$$asyncQueue.length) {+ $browser.defer(function() {+ if ($rootScope.$$asyncQueue.length) {+ $rootScope.$digest();+ }+ });+ }++ this.$$asyncQueue.push({scope: this, expression: expr});+ },++ $$postDigest : function(fn) {+ this.$$postDigestQueue.push(fn);+ },++ /**+ * @ngdoc function+ * @name ng.$rootScope.Scope#$apply+ * @methodOf ng.$rootScope.Scope+ * @function+ *+ * @description+ * `$apply()` is used to execute an expression in angular from outside of the angular+ * framework. (For example from browser DOM events, setTimeout, XHR or third party libraries).+ * Because we are calling into the angular framework we need to perform proper scope life+ * cycle of {@link ng.$exceptionHandler exception handling},+ * {@link ng.$rootScope.Scope#$digest executing watches}.+ *+ * ## Life cycle+ *+ * # Pseudo-Code of `$apply()`+ * <pre>+ function $apply(expr) {+ try {+ return $eval(expr);+ } catch (e) {+ $exceptionHandler(e);+ } finally {+ $root.$digest();+ }+ }+ * </pre>+ *+ *+ * Scope's `$apply()` method transitions through the following stages:+ *+ * 1. The {@link guide/expression expression} is executed using the+ * {@link ng.$rootScope.Scope#$eval $eval()} method.+ * 2. Any exceptions from the execution of the expression are forwarded to the+ * {@link ng.$exceptionHandler $exceptionHandler} service.+ * 3. The {@link ng.$rootScope.Scope#$watch watch} listeners are fired immediately after the+ * expression was executed using the {@link ng.$rootScope.Scope#$digest $digest()} method.+ *+ *+ * @param {(string|function())=} exp An angular expression to be executed.+ *+ * - `string`: execute using the rules as defined in {@link guide/expression expression}.+ * - `function(scope)`: execute the function with current `scope` parameter.+ *+ * @returns {*} The result of evaluating the expression.+ */+ $apply: function(expr) {+ try {+ beginPhase('$apply');+ return this.$eval(expr);+ } catch (e) {+ $exceptionHandler(e);+ } finally {+ clearPhase();+ try {+ $rootScope.$digest();+ } catch (e) {+ $exceptionHandler(e);+ throw e;+ }+ }+ },++ /**+ * @ngdoc function+ * @name ng.$rootScope.Scope#$on+ * @methodOf ng.$rootScope.Scope+ * @function+ *+ * @description+ * Listens on events of a given type. See {@link ng.$rootScope.Scope#$emit $emit} for+ * discussion of event life cycle.+ *+ * The event listener function format is: `function(event, args...)`. The `event` object+ * passed into the listener has the following attributes:+ *+ * - `targetScope` - `{Scope}`: the scope on which the event was `$emit`-ed or+ * `$broadcast`-ed.+ * - `currentScope` - `{Scope}`: the current scope which is handling the event.+ * - `name` - `{string}`: name of the event.+ * - `stopPropagation` - `{function=}`: calling `stopPropagation` function will cancel+ * further event propagation (available only for events that were `$emit`-ed).+ * - `preventDefault` - `{function}`: calling `preventDefault` sets `defaultPrevented` flag+ * to true.+ * - `defaultPrevented` - `{boolean}`: true if `preventDefault` was called.+ *+ * @param {string} name Event name to listen on.+ * @param {function(event, args...)} listener Function to call when the event is emitted.+ * @returns {function()} Returns a deregistration function for this listener.+ */+ $on: function(name, listener) {+ var namedListeners = this.$$listeners[name];+ if (!namedListeners) {+ this.$$listeners[name] = namedListeners = [];+ }+ namedListeners.push(listener);++ return function() {+ namedListeners[indexOf(namedListeners, listener)] = null;+ };+ },+++ /**+ * @ngdoc function+ * @name ng.$rootScope.Scope#$emit+ * @methodOf ng.$rootScope.Scope+ * @function+ *+ * @description+ * Dispatches an event `name` upwards through the scope hierarchy notifying the+ * registered {@link ng.$rootScope.Scope#$on} listeners.+ *+ * The event life cycle starts at the scope on which `$emit` was called. All+ * {@link ng.$rootScope.Scope#$on listeners} listening for `name` event on this scope get+ * notified. Afterwards, the event traverses upwards toward the root scope and calls all+ * registered listeners along the way. The event will stop propagating if one of the listeners+ * cancels it.+ *+ * Any exception emitted from the {@link ng.$rootScope.Scope#$on listeners} will be passed+ * onto the {@link ng.$exceptionHandler $exceptionHandler} service.+ *+ * @param {string} name Event name to emit.+ * @param {...*} args Optional set of arguments which will be passed onto the event listeners.+ * @return {Object} Event object (see {@link ng.$rootScope.Scope#$on}).+ */+ $emit: function(name, args) {+ var empty = [],+ namedListeners,+ scope = this,+ stopPropagation = false,+ event = {+ name: name,+ targetScope: scope,+ stopPropagation: function() {stopPropagation = true;},+ preventDefault: function() {+ event.defaultPrevented = true;+ },+ defaultPrevented: false+ },+ listenerArgs = concat([event], arguments, 1),+ i, length;++ do {+ namedListeners = scope.$$listeners[name] || empty;+ event.currentScope = scope;+ for (i=0, length=namedListeners.length; i<length; i++) {++ // if listeners were deregistered, defragment the array+ if (!namedListeners[i]) {+ namedListeners.splice(i, 1);+ i--;+ length--;+ continue;+ }+ try {+ //allow all listeners attached to the current scope to run+ namedListeners[i].apply(null, listenerArgs);+ } catch (e) {+ $exceptionHandler(e);+ }+ }+ //if any listener on the current scope stops propagation, prevent bubbling+ if (stopPropagation) return event;+ //traverse upwards+ scope = scope.$parent;+ } while (scope);++ return event;+ },+++ /**+ * @ngdoc function+ * @name ng.$rootScope.Scope#$broadcast+ * @methodOf ng.$rootScope.Scope+ * @function+ *+ * @description+ * Dispatches an event `name` downwards to all child scopes (and their children) notifying the+ * registered {@link ng.$rootScope.Scope#$on} listeners.+ *+ * The event life cycle starts at the scope on which `$broadcast` was called. All+ * {@link ng.$rootScope.Scope#$on listeners} listening for `name` event on this scope get+ * notified. Afterwards, the event propagates to all direct and indirect scopes of the current+ * scope and calls all registered listeners along the way. The event cannot be canceled.+ *+ * Any exception emitted from the {@link ng.$rootScope.Scope#$on listeners} will be passed+ * onto the {@link ng.$exceptionHandler $exceptionHandler} service.+ *+ * @param {string} name Event name to broadcast.+ * @param {...*} args Optional set of arguments which will be passed onto the event listeners.+ * @return {Object} Event object, see {@link ng.$rootScope.Scope#$on}+ */+ $broadcast: function(name, args) {+ var target = this,+ current = target,+ next = target,+ event = {+ name: name,+ targetScope: target,+ preventDefault: function() {+ event.defaultPrevented = true;+ },+ defaultPrevented: false+ },+ listenerArgs = concat([event], arguments, 1),+ listeners, i, length;++ //down while you can, then up and next sibling or up and next sibling until back at root+ do {+ current = next;+ event.currentScope = current;+ listeners = current.$$listeners[name] || [];+ for (i=0, length = listeners.length; i<length; i++) {+ // if listeners were deregistered, defragment the array+ if (!listeners[i]) {+ listeners.splice(i, 1);+ i--;+ length--;+ continue;+ }++ try {+ listeners[i].apply(null, listenerArgs);+ } catch(e) {+ $exceptionHandler(e);+ }+ }++ // Insanity Warning: scope depth-first traversal+ // yes, this code is a bit crazy, but it works and we have tests to prove it!+ // this piece should be kept in sync with the traversal in $digest+ if (!(next = (current.$$childHead || (current !== target && current.$$nextSibling)))) {+ while(current !== target && !(next = current.$$nextSibling)) {+ current = current.$parent;+ }+ }+ } while ((current = next));++ return event;+ }+ };++ var $rootScope = new Scope();++ return $rootScope;+++ function beginPhase(phase) {+ if ($rootScope.$$phase) {+ throw $rootScopeMinErr('inprog', '{0} already in progress', $rootScope.$$phase);+ }++ $rootScope.$$phase = phase;+ }++ function clearPhase() {+ $rootScope.$$phase = null;+ }++ function compileToFn(exp, name) {+ var fn = $parse(exp);+ assertArgFn(fn, name);+ return fn;+ }++ /**+ * function used as an initial value for watchers.+ * because it's unique we can easily tell it apart from other values+ */+ function initWatchVal() {}+ }];+}++/**+ * @description+ * Private service to sanitize uris for links and images. Used by $compile and $sanitize.+ */+function $$SanitizeUriProvider() {+ var aHrefSanitizationWhitelist = /^\s*(https?|ftp|mailto|tel|file):/,+ imgSrcSanitizationWhitelist = /^\s*(https?|ftp|file):|data:image\//;++ /**+ * @description+ * Retrieves or overrides the default regular expression that is used for whitelisting of safe+ * urls during a[href] sanitization.+ *+ * The sanitization is a security measure aimed at prevent XSS attacks via html links.+ *+ * Any url about to be assigned to a[href] via data-binding is first normalized and turned into+ * an absolute url. Afterwards, the url is matched against the `aHrefSanitizationWhitelist`+ * regular expression. If a match is found, the original url is written into the dom. Otherwise,+ * the absolute url is prefixed with `'unsafe:'` string and only then is it written into the DOM.+ *+ * @param {RegExp=} regexp New regexp to whitelist urls with.+ * @returns {RegExp|ng.$compileProvider} Current RegExp if called without value or self for+ * chaining otherwise.+ */+ this.aHrefSanitizationWhitelist = function(regexp) {+ if (isDefined(regexp)) {+ aHrefSanitizationWhitelist = regexp;+ return this;+ }+ return aHrefSanitizationWhitelist;+ };+++ /**+ * @description+ * Retrieves or overrides the default regular expression that is used for whitelisting of safe+ * urls during img[src] sanitization.+ *+ * The sanitization is a security measure aimed at prevent XSS attacks via html links.+ *+ * Any url about to be assigned to img[src] via data-binding is first normalized and turned into+ * an absolute url. Afterwards, the url is matched against the `imgSrcSanitizationWhitelist`+ * regular expression. If a match is found, the original url is written into the dom. Otherwise,+ * the absolute url is prefixed with `'unsafe:'` string and only then is it written into the DOM.+ *+ * @param {RegExp=} regexp New regexp to whitelist urls with.+ * @returns {RegExp|ng.$compileProvider} Current RegExp if called without value or self for+ * chaining otherwise.+ */+ this.imgSrcSanitizationWhitelist = function(regexp) {+ if (isDefined(regexp)) {+ imgSrcSanitizationWhitelist = regexp;+ return this;+ }+ return imgSrcSanitizationWhitelist;+ };++ this.$get = function() {+ return function sanitizeUri(uri, isImage) {+ var regex = isImage ? imgSrcSanitizationWhitelist : aHrefSanitizationWhitelist;+ var normalizedVal;+ // NOTE: urlResolve() doesn't support IE < 8 so we don't sanitize for that case.+ if (!msie || msie >= 8 ) {+ normalizedVal = urlResolve(uri).href;+ if (normalizedVal !== '' && !normalizedVal.match(regex)) {+ return 'unsafe:'+normalizedVal;+ }+ }+ return uri;+ };+ };+}++var $sceMinErr = minErr('$sce');++var SCE_CONTEXTS = {+ HTML: 'html',+ CSS: 'css',+ URL: 'url',+ // RESOURCE_URL is a subtype of URL used in contexts where a privileged resource is sourced from a+ // url. (e.g. ng-include, script src, templateUrl)+ RESOURCE_URL: 'resourceUrl',+ JS: 'js'+};++// Helper functions follow.++// Copied from:+// http://docs.closure-library.googlecode.com/git/closure_goog_string_string.js.source.html#line962+// Prereq: s is a string.+function escapeForRegexp(s) {+ return s.replace(/([-()\[\]{}+?*.$\^|,:#<!\\])/g, '\\$1').+ replace(/\x08/g, '\\x08');+}+++function adjustMatcher(matcher) {+ if (matcher === 'self') {+ return matcher;+ } else if (isString(matcher)) {+ // Strings match exactly except for 2 wildcards - '*' and '**'.+ // '*' matches any character except those from the set ':/.?&'.+ // '**' matches any character (like .* in a RegExp).+ // More than 2 *'s raises an error as it's ill defined.+ if (matcher.indexOf('***') > -1) {+ throw $sceMinErr('iwcard',+ 'Illegal sequence *** in string matcher. String: {0}', matcher);+ }+ matcher = escapeForRegexp(matcher).+ replace('\\*\\*', '.*').+ replace('\\*', '[^:/.?&;]*');+ return new RegExp('^' + matcher + '$');+ } else if (isRegExp(matcher)) {+ // The only other type of matcher allowed is a Regexp.+ // Match entire URL / disallow partial matches.+ // Flags are reset (i.e. no global, ignoreCase or multiline)+ return new RegExp('^' + matcher.source + '$');+ } else {+ throw $sceMinErr('imatcher',+ 'Matchers may only be "self", string patterns or RegExp objects');+ }+}+++function adjustMatchers(matchers) {+ var adjustedMatchers = [];+ if (isDefined(matchers)) {+ forEach(matchers, function(matcher) {+ adjustedMatchers.push(adjustMatcher(matcher));+ });+ }+ return adjustedMatchers;+}+++/**+ * @ngdoc service+ * @name ng.$sceDelegate+ * @function+ *+ * @description+ *+ * `$sceDelegate` is a service that is used by the `$sce` service to provide {@link ng.$sce Strict+ * Contextual Escaping (SCE)} services to AngularJS.+ *+ * Typically, you would configure or override the {@link ng.$sceDelegate $sceDelegate} instead of+ * the `$sce` service to customize the way Strict Contextual Escaping works in AngularJS. This is+ * because, while the `$sce` provides numerous shorthand methods, etc., you really only need to+ * override 3 core functions (`trustAs`, `getTrusted` and `valueOf`) to replace the way things+ * work because `$sce` delegates to `$sceDelegate` for these operations.+ *+ * Refer {@link ng.$sceDelegateProvider $sceDelegateProvider} to configure this service.+ *+ * The default instance of `$sceDelegate` should work out of the box with little pain. While you+ * can override it completely to change the behavior of `$sce`, the common case would+ * involve configuring the {@link ng.$sceDelegateProvider $sceDelegateProvider} instead by setting+ * your own whitelists and blacklists for trusting URLs used for loading AngularJS resources such as+ * templates. Refer {@link ng.$sceDelegateProvider#methods_resourceUrlWhitelist+ * $sceDelegateProvider.resourceUrlWhitelist} and {@link+ * ng.$sceDelegateProvider#methods_resourceUrlBlacklist $sceDelegateProvider.resourceUrlBlacklist}+ */++/**+ * @ngdoc object+ * @name ng.$sceDelegateProvider+ * @description+ *+ * The `$sceDelegateProvider` provider allows developers to configure the {@link ng.$sceDelegate+ * $sceDelegate} service. This allows one to get/set the whitelists and blacklists used to ensure+ * that the URLs used for sourcing Angular templates are safe. Refer {@link+ * ng.$sceDelegateProvider#methods_resourceUrlWhitelist $sceDelegateProvider.resourceUrlWhitelist} and+ * {@link ng.$sceDelegateProvider#methods_resourceUrlBlacklist $sceDelegateProvider.resourceUrlBlacklist}+ *+ * For the general details about this service in Angular, read the main page for {@link ng.$sce+ * Strict Contextual Escaping (SCE)}.+ *+ * **Example**: Consider the following case. <a name="example"></a>+ *+ * - your app is hosted at url `http://myapp.example.com/`+ * - but some of your templates are hosted on other domains you control such as+ * `http://srv01.assets.example.com/`, `http://srv02.assets.example.com/`, etc.+ * - and you have an open redirect at `http://myapp.example.com/clickThru?...`.+ *+ * Here is what a secure configuration for this scenario might look like:+ *+ * <pre class="prettyprint">+ * angular.module('myApp', []).config(function($sceDelegateProvider) {+ * $sceDelegateProvider.resourceUrlWhitelist([+ * // Allow same origin resource loads.+ * 'self',+ * // Allow loading from our assets domain. Notice the difference between * and **.+ * 'http://srv*.assets.example.com/**']);+ *+ * // The blacklist overrides the whitelist so the open redirect here is blocked.+ * $sceDelegateProvider.resourceUrlBlacklist([+ * 'http://myapp.example.com/clickThru**']);+ * });+ * </pre>+ */++function $SceDelegateProvider() {+ this.SCE_CONTEXTS = SCE_CONTEXTS;++ // Resource URLs can also be trusted by policy.+ var resourceUrlWhitelist = ['self'],+ resourceUrlBlacklist = [];++ /**+ * @ngdoc function+ * @name ng.sceDelegateProvider#resourceUrlWhitelist+ * @methodOf ng.$sceDelegateProvider+ * @function+ *+ * @param {Array=} whitelist When provided, replaces the resourceUrlWhitelist with the value+ * provided. This must be an array or null. A snapshot of this array is used so further+ * changes to the array are ignored.+ *+ * Follow {@link ng.$sce#resourceUrlPatternItem this link} for a description of the items+ * allowed in this array.+ *+ * Note: **an empty whitelist array will block all URLs**!+ *+ * @return {Array} the currently set whitelist array.+ *+ * The **default value** when no whitelist has been explicitly set is `['self']` allowing only+ * same origin resource requests.+ *+ * @description+ * Sets/Gets the whitelist of trusted resource URLs.+ */+ this.resourceUrlWhitelist = function (value) {+ if (arguments.length) {+ resourceUrlWhitelist = adjustMatchers(value);+ }+ return resourceUrlWhitelist;+ };++ /**+ * @ngdoc function+ * @name ng.sceDelegateProvider#resourceUrlBlacklist+ * @methodOf ng.$sceDelegateProvider+ * @function+ *+ * @param {Array=} blacklist When provided, replaces the resourceUrlBlacklist with the value+ * provided. This must be an array or null. A snapshot of this array is used so further+ * changes to the array are ignored.+ *+ * Follow {@link ng.$sce#resourceUrlPatternItem this link} for a description of the items+ * allowed in this array.+ *+ * The typical usage for the blacklist is to **block+ * [open redirects](http://cwe.mitre.org/data/definitions/601.html)** served by your domain as+ * these would otherwise be trusted but actually return content from the redirected domain.+ *+ * Finally, **the blacklist overrides the whitelist** and has the final say.+ *+ * @return {Array} the currently set blacklist array.+ *+ * The **default value** when no whitelist has been explicitly set is the empty array (i.e. there+ * is no blacklist.)+ *+ * @description+ * Sets/Gets the blacklist of trusted resource URLs.+ */++ this.resourceUrlBlacklist = function (value) {+ if (arguments.length) {+ resourceUrlBlacklist = adjustMatchers(value);+ }+ return resourceUrlBlacklist;+ };++ this.$get = ['$injector', function($injector) {++ var htmlSanitizer = function htmlSanitizer(html) {+ throw $sceMinErr('unsafe', 'Attempting to use an unsafe value in a safe context.');+ };++ if ($injector.has('$sanitize')) {+ htmlSanitizer = $injector.get('$sanitize');+ }+++ function matchUrl(matcher, parsedUrl) {+ if (matcher === 'self') {+ return urlIsSameOrigin(parsedUrl);+ } else {+ // definitely a regex. See adjustMatchers()+ return !!matcher.exec(parsedUrl.href);+ }+ }++ function isResourceUrlAllowedByPolicy(url) {+ var parsedUrl = urlResolve(url.toString());+ var i, n, allowed = false;+ // Ensure that at least one item from the whitelist allows this url.+ for (i = 0, n = resourceUrlWhitelist.length; i < n; i++) {+ if (matchUrl(resourceUrlWhitelist[i], parsedUrl)) {+ allowed = true;+ break;+ }+ }+ if (allowed) {+ // Ensure that no item from the blacklist blocked this url.+ for (i = 0, n = resourceUrlBlacklist.length; i < n; i++) {+ if (matchUrl(resourceUrlBlacklist[i], parsedUrl)) {+ allowed = false;+ break;+ }+ }+ }+ return allowed;+ }++ function generateHolderType(Base) {+ var holderType = function TrustedValueHolderType(trustedValue) {+ this.$$unwrapTrustedValue = function() {+ return trustedValue;+ };+ };+ if (Base) {+ holderType.prototype = new Base();+ }+ holderType.prototype.valueOf = function sceValueOf() {+ return this.$$unwrapTrustedValue();+ };+ holderType.prototype.toString = function sceToString() {+ return this.$$unwrapTrustedValue().toString();+ };+ return holderType;+ }++ var trustedValueHolderBase = generateHolderType(),+ byType = {};++ byType[SCE_CONTEXTS.HTML] = generateHolderType(trustedValueHolderBase);+ byType[SCE_CONTEXTS.CSS] = generateHolderType(trustedValueHolderBase);+ byType[SCE_CONTEXTS.URL] = generateHolderType(trustedValueHolderBase);+ byType[SCE_CONTEXTS.JS] = generateHolderType(trustedValueHolderBase);+ byType[SCE_CONTEXTS.RESOURCE_URL] = generateHolderType(byType[SCE_CONTEXTS.URL]);++ /**+ * @ngdoc method+ * @name ng.$sceDelegate#trustAs+ * @methodOf ng.$sceDelegate+ *+ * @description+ * Returns an object that is trusted by angular for use in specified strict+ * contextual escaping contexts (such as ng-html-bind-unsafe, ng-include, any src+ * attribute interpolation, any dom event binding attribute interpolation+ * such as for onclick, etc.) that uses the provided value.+ * See {@link ng.$sce $sce} for enabling strict contextual escaping.+ *+ * @param {string} type The kind of context in which this value is safe for use. e.g. url,+ * resourceUrl, html, js and css.+ * @param {*} value The value that that should be considered trusted/safe.+ * @returns {*} A value that can be used to stand in for the provided `value` in places+ * where Angular expects a $sce.trustAs() return value.+ */+ function trustAs(type, trustedValue) {+ var Constructor = (byType.hasOwnProperty(type) ? byType[type] : null);+ if (!Constructor) {+ throw $sceMinErr('icontext',+ 'Attempted to trust a value in invalid context. Context: {0}; Value: {1}',+ type, trustedValue);+ }+ if (trustedValue === null || trustedValue === undefined || trustedValue === '') {+ return trustedValue;+ }+ // All the current contexts in SCE_CONTEXTS happen to be strings. In order to avoid trusting+ // mutable objects, we ensure here that the value passed in is actually a string.+ if (typeof trustedValue !== 'string') {+ throw $sceMinErr('itype',+ 'Attempted to trust a non-string value in a content requiring a string: Context: {0}',+ type);+ }+ return new Constructor(trustedValue);+ }++ /**+ * @ngdoc method+ * @name ng.$sceDelegate#valueOf+ * @methodOf ng.$sceDelegate+ *+ * @description+ * If the passed parameter had been returned by a prior call to {@link ng.$sceDelegate#methods_trustAs+ * `$sceDelegate.trustAs`}, returns the value that had been passed to {@link+ * ng.$sceDelegate#methods_trustAs `$sceDelegate.trustAs`}.+ *+ * If the passed parameter is not a value that had been returned by {@link+ * ng.$sceDelegate#methods_trustAs `$sceDelegate.trustAs`}, returns it as-is.+ *+ * @param {*} value The result of a prior {@link ng.$sceDelegate#methods_trustAs `$sceDelegate.trustAs`}+ * call or anything else.+ * @returns {*} The value the was originally provided to {@link ng.$sceDelegate#methods_trustAs+ * `$sceDelegate.trustAs`} if `value` is the result of such a call. Otherwise, returns+ * `value` unchanged.+ */+ function valueOf(maybeTrusted) {+ if (maybeTrusted instanceof trustedValueHolderBase) {+ return maybeTrusted.$$unwrapTrustedValue();+ } else {+ return maybeTrusted;+ }+ }++ /**+ * @ngdoc method+ * @name ng.$sceDelegate#getTrusted+ * @methodOf ng.$sceDelegate+ *+ * @description+ * Takes the result of a {@link ng.$sceDelegate#methods_trustAs `$sceDelegate.trustAs`} call and+ * returns the originally supplied value if the queried context type is a supertype of the+ * created type. If this condition isn't satisfied, throws an exception.+ *+ * @param {string} type The kind of context in which this value is to be used.+ * @param {*} maybeTrusted The result of a prior {@link ng.$sceDelegate#methods_trustAs+ * `$sceDelegate.trustAs`} call.+ * @returns {*} The value the was originally provided to {@link ng.$sceDelegate#methods_trustAs+ * `$sceDelegate.trustAs`} if valid in this context. Otherwise, throws an exception.+ */+ function getTrusted(type, maybeTrusted) {+ if (maybeTrusted === null || maybeTrusted === undefined || maybeTrusted === '') {+ return maybeTrusted;+ }+ var constructor = (byType.hasOwnProperty(type) ? byType[type] : null);+ if (constructor && maybeTrusted instanceof constructor) {+ return maybeTrusted.$$unwrapTrustedValue();+ }+ // If we get here, then we may only take one of two actions.+ // 1. sanitize the value for the requested type, or+ // 2. throw an exception.+ if (type === SCE_CONTEXTS.RESOURCE_URL) {+ if (isResourceUrlAllowedByPolicy(maybeTrusted)) {+ return maybeTrusted;+ } else {+ throw $sceMinErr('insecurl',+ 'Blocked loading resource from url not allowed by $sceDelegate policy. URL: {0}',+ maybeTrusted.toString());+ }+ } else if (type === SCE_CONTEXTS.HTML) {+ return htmlSanitizer(maybeTrusted);+ }+ throw $sceMinErr('unsafe', 'Attempting to use an unsafe value in a safe context.');+ }++ return { trustAs: trustAs,+ getTrusted: getTrusted,+ valueOf: valueOf };+ }];+}+++/**+ * @ngdoc object+ * @name ng.$sceProvider+ * @description+ *+ * The $sceProvider provider allows developers to configure the {@link ng.$sce $sce} service.+ * - enable/disable Strict Contextual Escaping (SCE) in a module+ * - override the default implementation with a custom delegate+ *+ * Read more about {@link ng.$sce Strict Contextual Escaping (SCE)}.+ */++/* jshint maxlen: false*/++/**+ * @ngdoc service+ * @name ng.$sce+ * @function+ *+ * @description+ *+ * `$sce` is a service that provides Strict Contextual Escaping services to AngularJS.+ *+ * # Strict Contextual Escaping+ *+ * Strict Contextual Escaping (SCE) is a mode in which AngularJS requires bindings in certain+ * contexts to result in a value that is marked as safe to use for that context. One example of+ * such a context is binding arbitrary html controlled by the user via `ng-bind-html`. We refer+ * to these contexts as privileged or SCE contexts.+ *+ * As of version 1.2, Angular ships with SCE enabled by default.+ *+ * Note: When enabled (the default), IE8 in quirks mode is not supported. In this mode, IE8 allows+ * one to execute arbitrary javascript by the use of the expression() syntax. Refer+ * <http://blogs.msdn.com/b/ie/archive/2008/10/16/ending-expressions.aspx> to learn more about them.+ * You can ensure your document is in standards mode and not quirks mode by adding `<!doctype html>`+ * to the top of your HTML document.+ *+ * SCE assists in writing code in way that (a) is secure by default and (b) makes auditing for+ * security vulnerabilities such as XSS, clickjacking, etc. a lot easier.+ *+ * Here's an example of a binding in a privileged context:+ *+ * <pre class="prettyprint">+ * <input ng-model="userHtml">+ * <div ng-bind-html="userHtml">+ * </pre>+ *+ * Notice that `ng-bind-html` is bound to `userHtml` controlled by the user. With SCE+ * disabled, this application allows the user to render arbitrary HTML into the DIV.+ * In a more realistic example, one may be rendering user comments, blog articles, etc. via+ * bindings. (HTML is just one example of a context where rendering user controlled input creates+ * security vulnerabilities.)+ *+ * For the case of HTML, you might use a library, either on the client side, or on the server side,+ * to sanitize unsafe HTML before binding to the value and rendering it in the document.+ *+ * How would you ensure that every place that used these types of bindings was bound to a value that+ * was sanitized by your library (or returned as safe for rendering by your server?) How can you+ * ensure that you didn't accidentally delete the line that sanitized the value, or renamed some+ * properties/fields and forgot to update the binding to the sanitized value?+ *+ * To be secure by default, you want to ensure that any such bindings are disallowed unless you can+ * determine that something explicitly says it's safe to use a value for binding in that+ * context. You can then audit your code (a simple grep would do) to ensure that this is only done+ * for those values that you can easily tell are safe - because they were received from your server,+ * sanitized by your library, etc. You can organize your codebase to help with this - perhaps+ * allowing only the files in a specific directory to do this. Ensuring that the internal API+ * exposed by that code doesn't markup arbitrary values as safe then becomes a more manageable task.+ *+ * In the case of AngularJS' SCE service, one uses {@link ng.$sce#methods_trustAs $sce.trustAs} + * (and shorthand methods such as {@link ng.$sce#methods_trustAsHtml $sce.trustAsHtml}, etc.) to+ * obtain values that will be accepted by SCE / privileged contexts.+ *+ *+ * ## How does it work?+ *+ * In privileged contexts, directives and code will bind to the result of {@link ng.$sce#methods_getTrusted+ * $sce.getTrusted(context, value)} rather than to the value directly. Directives use {@link+ * ng.$sce#methods_parse $sce.parseAs} rather than `$parse` to watch attribute bindings, which performs the+ * {@link ng.$sce#methods_getTrusted $sce.getTrusted} behind the scenes on non-constant literals.+ *+ * As an example, {@link ng.directive:ngBindHtml ngBindHtml} uses {@link+ * ng.$sce#methods_parseAsHtml $sce.parseAsHtml(binding expression)}. Here's the actual code (slightly+ * simplified):+ *+ * <pre class="prettyprint">+ * var ngBindHtmlDirective = ['$sce', function($sce) {+ * return function(scope, element, attr) {+ * scope.$watch($sce.parseAsHtml(attr.ngBindHtml), function(value) {+ * element.html(value || '');+ * });+ * };+ * }];+ * </pre>+ *+ * ## Impact on loading templates+ *+ * This applies both to the {@link ng.directive:ngInclude `ng-include`} directive as well as+ * `templateUrl`'s specified by {@link guide/directive directives}.+ *+ * By default, Angular only loads templates from the same domain and protocol as the application+ * document. This is done by calling {@link ng.$sce#methods_getTrustedResourceUrl+ * $sce.getTrustedResourceUrl} on the template URL. To load templates from other domains and/or+ * protocols, you may either either {@link ng.$sceDelegateProvider#methods_resourceUrlWhitelist whitelist+ * them} or {@link ng.$sce#methods_trustAsResourceUrl wrap it} into a trusted value.+ *+ * *Please note*:+ * The browser's+ * {@link https://code.google.com/p/browsersec/wiki/Part2#Same-origin_policy_for_XMLHttpRequest+ * Same Origin Policy} and {@link http://www.w3.org/TR/cors/ Cross-Origin Resource Sharing (CORS)}+ * policy apply in addition to this and may further restrict whether the template is successfully+ * loaded. This means that without the right CORS policy, loading templates from a different domain+ * won't work on all browsers. Also, loading templates from `file://` URL does not work on some+ * browsers.+ *+ * ## This feels like too much overhead for the developer?+ *+ * It's important to remember that SCE only applies to interpolation expressions.+ *+ * If your expressions are constant literals, they're automatically trusted and you don't need to+ * call `$sce.trustAs` on them. (e.g.+ * `<div ng-html-bind-unsafe="'<b>implicitly trusted</b>'"></div>`) just works.+ *+ * Additionally, `a[href]` and `img[src]` automatically sanitize their URLs and do not pass them+ * through {@link ng.$sce#methods_getTrusted $sce.getTrusted}. SCE doesn't play a role here.+ *+ * The included {@link ng.$sceDelegate $sceDelegate} comes with sane defaults to allow you to load+ * templates in `ng-include` from your application's domain without having to even know about SCE.+ * It blocks loading templates from other domains or loading templates over http from an https+ * served document. You can change these by setting your own custom {@link+ * ng.$sceDelegateProvider#methods_resourceUrlWhitelist whitelists} and {@link+ * ng.$sceDelegateProvider#methods_resourceUrlBlacklist blacklists} for matching such URLs.+ *+ * This significantly reduces the overhead. It is far easier to pay the small overhead and have an+ * application that's secure and can be audited to verify that with much more ease than bolting+ * security onto an application later.+ *+ * <a name="contexts"></a>+ * ## What trusted context types are supported?+ *+ * | Context | Notes |+ * |---------------------|----------------|+ * | `$sce.HTML` | For HTML that's safe to source into the application. The {@link ng.directive:ngBindHtml ngBindHtml} directive uses this context for bindings. |+ * | `$sce.CSS` | For CSS that's safe to source into the application. Currently unused. Feel free to use it in your own directives. |+ * | `$sce.URL` | For URLs that are safe to follow as links. Currently unused (`<a href=` and `<img src=` sanitize their urls and don't consititute an SCE context. |+ * | `$sce.RESOURCE_URL` | For URLs that are not only safe to follow as links, but whose contens are also safe to include in your application. Examples include `ng-include`, `src` / `ngSrc` bindings for tags other than `IMG` (e.g. `IFRAME`, `OBJECT`, etc.) <br><br>Note that `$sce.RESOURCE_URL` makes a stronger statement about the URL than `$sce.URL` does and therefore contexts requiring values trusted for `$sce.RESOURCE_URL` can be used anywhere that values trusted for `$sce.URL` are required. |+ * | `$sce.JS` | For JavaScript that is safe to execute in your application's context. Currently unused. Feel free to use it in your own directives. |+ *+ * ## Format of items in {@link ng.$sceDelegateProvider#methods_resourceUrlWhitelist resourceUrlWhitelist}/{@link ng.$sceDelegateProvider#methods_resourceUrlBlacklist Blacklist} <a name="resourceUrlPatternItem"></a>+ *+ * Each element in these arrays must be one of the following:+ *+ * - **'self'**+ * - The special **string**, `'self'`, can be used to match against all URLs of the **same+ * domain** as the application document using the **same protocol**.+ * - **String** (except the special value `'self'`)+ * - The string is matched against the full *normalized / absolute URL* of the resource+ * being tested (substring matches are not good enough.)+ * - There are exactly **two wildcard sequences** - `*` and `**`. All other characters+ * match themselves.+ * - `*`: matches zero or more occurances of any character other than one of the following 6+ * characters: '`:`', '`/`', '`.`', '`?`', '`&`' and ';'. It's a useful wildcard for use+ * in a whitelist.+ * - `**`: matches zero or more occurances of *any* character. As such, it's not+ * not appropriate to use in for a scheme, domain, etc. as it would match too much. (e.g.+ * http://**.example.com/ would match http://evil.com/?ignore=.example.com/ and that might+ * not have been the intention.) It's usage at the very end of the path is ok. (e.g.+ * http://foo.example.com/templates/**).+ * - **RegExp** (*see caveat below*)+ * - *Caveat*: While regular expressions are powerful and offer great flexibility, their syntax+ * (and all the inevitable escaping) makes them *harder to maintain*. It's easy to+ * accidentally introduce a bug when one updates a complex expression (imho, all regexes should+ * have good test coverage.). For instance, the use of `.` in the regex is correct only in a+ * small number of cases. A `.` character in the regex used when matching the scheme or a+ * subdomain could be matched against a `:` or literal `.` that was likely not intended. It+ * is highly recommended to use the string patterns and only fall back to regular expressions+ * if they as a last resort.+ * - The regular expression must be an instance of RegExp (i.e. not a string.) It is+ * matched against the **entire** *normalized / absolute URL* of the resource being tested+ * (even when the RegExp did not have the `^` and `$` codes.) In addition, any flags+ * present on the RegExp (such as multiline, global, ignoreCase) are ignored.+ * - If you are generating your Javascript from some other templating engine (not+ * recommended, e.g. in issue [#4006](https://github.com/angular/angular.js/issues/4006)),+ * remember to escape your regular expression (and be aware that you might need more than+ * one level of escaping depending on your templating engine and the way you interpolated+ * the value.) Do make use of your platform's escaping mechanism as it might be good+ * enough before coding your own. e.g. Ruby has+ * [Regexp.escape(str)](http://www.ruby-doc.org/core-2.0.0/Regexp.html#method-c-escape)+ * and Python has [re.escape](http://docs.python.org/library/re.html#re.escape).+ * Javascript lacks a similar built in function for escaping. Take a look at Google+ * Closure library's [goog.string.regExpEscape(s)](+ * http://docs.closure-library.googlecode.com/git/closure_goog_string_string.js.source.html#line962).+ *+ * Refer {@link ng.$sceDelegateProvider $sceDelegateProvider} for an example.+ *+ * ## Show me an example using SCE.+ *+ * @example+<example module="mySceApp">+<file name="index.html">+ <div ng-controller="myAppController as myCtrl">+ <i ng-bind-html="myCtrl.explicitlyTrustedHtml" id="explicitlyTrustedHtml"></i><br><br>+ <b>User comments</b><br>+ By default, HTML that isn't explicitly trusted (e.g. Alice's comment) is sanitized when+ $sanitize is available. If $sanitize isn't available, this results in an error instead of an+ exploit.+ <div class="well">+ <div ng-repeat="userComment in myCtrl.userComments">+ <b>{{userComment.name}}</b>:+ <span ng-bind-html="userComment.htmlComment" class="htmlComment"></span>+ <br>+ </div>+ </div>+ </div>+</file>++<file name="script.js">+ var mySceApp = angular.module('mySceApp', ['ngSanitize']);++ mySceApp.controller("myAppController", function myAppController($http, $templateCache, $sce) {+ var self = this;+ $http.get("test_data.json", {cache: $templateCache}).success(function(userComments) {+ self.userComments = userComments;+ });+ self.explicitlyTrustedHtml = $sce.trustAsHtml(+ '<span onmouseover="this.textContent="Explicitly trusted HTML bypasses ' ++ 'sanitization."">Hover over this text.</span>');+ });+</file>++<file name="test_data.json">+[+ { "name": "Alice",+ "htmlComment":+ "<span onmouseover='this.textContent=\"PWN3D!\"'>Is <i>anyone</i> reading this?</span>"+ },+ { "name": "Bob",+ "htmlComment": "<i>Yes!</i> Am I the only other one?"+ }+]+</file>++<file name="scenario.js">+ describe('SCE doc demo', function() {+ it('should sanitize untrusted values', function() {+ expect(element('.htmlComment').html()).toBe('<span>Is <i>anyone</i> reading this?</span>');+ });+ it('should NOT sanitize explicitly trusted values', function() {+ expect(element('#explicitlyTrustedHtml').html()).toBe(+ '<span onmouseover="this.textContent="Explicitly trusted HTML bypasses ' ++ 'sanitization."">Hover over this text.</span>');+ });+ });+</file>+</example>+ *+ *+ *+ * ## Can I disable SCE completely?+ *+ * Yes, you can. However, this is strongly discouraged. SCE gives you a lot of security benefits+ * for little coding overhead. It will be much harder to take an SCE disabled application and+ * either secure it on your own or enable SCE at a later stage. It might make sense to disable SCE+ * for cases where you have a lot of existing code that was written before SCE was introduced and+ * you're migrating them a module at a time.+ *+ * That said, here's how you can completely disable SCE:+ *+ * <pre class="prettyprint">+ * angular.module('myAppWithSceDisabledmyApp', []).config(function($sceProvider) {+ * // Completely disable SCE. For demonstration purposes only!+ * // Do not use in new projects.+ * $sceProvider.enabled(false);+ * });+ * </pre>+ *+ */+/* jshint maxlen: 100 */++function $SceProvider() {+ var enabled = true;++ /**+ * @ngdoc function+ * @name ng.sceProvider#enabled+ * @methodOf ng.$sceProvider+ * @function+ *+ * @param {boolean=} value If provided, then enables/disables SCE.+ * @return {boolean} true if SCE is enabled, false otherwise.+ *+ * @description+ * Enables/disables SCE and returns the current value.+ */+ this.enabled = function (value) {+ if (arguments.length) {+ enabled = !!value;+ }+ return enabled;+ };+++ /* Design notes on the default implementation for SCE.+ *+ * The API contract for the SCE delegate+ * -------------------------------------+ * The SCE delegate object must provide the following 3 methods:+ *+ * - trustAs(contextEnum, value)+ * This method is used to tell the SCE service that the provided value is OK to use in the+ * contexts specified by contextEnum. It must return an object that will be accepted by+ * getTrusted() for a compatible contextEnum and return this value.+ *+ * - valueOf(value)+ * For values that were not produced by trustAs(), return them as is. For values that were+ * produced by trustAs(), return the corresponding input value to trustAs. Basically, if+ * trustAs is wrapping the given values into some type, this operation unwraps it when given+ * such a value.+ *+ * - getTrusted(contextEnum, value)+ * This function should return the a value that is safe to use in the context specified by+ * contextEnum or throw and exception otherwise.+ *+ * NOTE: This contract deliberately does NOT state that values returned by trustAs() must be+ * opaque or wrapped in some holder object. That happens to be an implementation detail. For+ * instance, an implementation could maintain a registry of all trusted objects by context. In+ * such a case, trustAs() would return the same object that was passed in. getTrusted() would+ * return the same object passed in if it was found in the registry under a compatible context or+ * throw an exception otherwise. An implementation might only wrap values some of the time based+ * on some criteria. getTrusted() might return a value and not throw an exception for special+ * constants or objects even if not wrapped. All such implementations fulfill this contract.+ *+ *+ * A note on the inheritance model for SCE contexts+ * ------------------------------------------------+ * I've used inheritance and made RESOURCE_URL wrapped types a subtype of URL wrapped types. This+ * is purely an implementation details.+ *+ * The contract is simply this:+ *+ * getTrusted($sce.RESOURCE_URL, value) succeeding implies that getTrusted($sce.URL, value)+ * will also succeed.+ *+ * Inheritance happens to capture this in a natural way. In some future, we+ * may not use inheritance anymore. That is OK because no code outside of+ * sce.js and sceSpecs.js would need to be aware of this detail.+ */++ this.$get = ['$parse', '$sniffer', '$sceDelegate', function(+ $parse, $sniffer, $sceDelegate) {+ // Prereq: Ensure that we're not running in IE8 quirks mode. In that mode, IE allows+ // the "expression(javascript expression)" syntax which is insecure.+ if (enabled && $sniffer.msie && $sniffer.msieDocumentMode < 8) {+ throw $sceMinErr('iequirks',+ 'Strict Contextual Escaping does not support Internet Explorer version < 9 in quirks ' ++ 'mode. You can fix this by adding the text <!doctype html> to the top of your HTML ' ++ 'document. See http://docs.angularjs.org/api/ng.$sce for more information.');+ }++ var sce = copy(SCE_CONTEXTS);++ /**+ * @ngdoc function+ * @name ng.sce#isEnabled+ * @methodOf ng.$sce+ * @function+ *+ * @return {Boolean} true if SCE is enabled, false otherwise. If you want to set the value, you+ * have to do it at module config time on {@link ng.$sceProvider $sceProvider}.+ *+ * @description+ * Returns a boolean indicating if SCE is enabled.+ */+ sce.isEnabled = function () {+ return enabled;+ };+ sce.trustAs = $sceDelegate.trustAs;+ sce.getTrusted = $sceDelegate.getTrusted;+ sce.valueOf = $sceDelegate.valueOf;++ if (!enabled) {+ sce.trustAs = sce.getTrusted = function(type, value) { return value; };+ sce.valueOf = identity;+ }++ /**+ * @ngdoc method+ * @name ng.$sce#parse+ * @methodOf ng.$sce+ *+ * @description+ * Converts Angular {@link guide/expression expression} into a function. This is like {@link+ * ng.$parse $parse} and is identical when the expression is a literal constant. Otherwise, it+ * wraps the expression in a call to {@link ng.$sce#methods_getTrusted $sce.getTrusted(*type*,+ * *result*)}+ *+ * @param {string} type The kind of SCE context in which this result will be used.+ * @param {string} expression String expression to compile.+ * @returns {function(context, locals)} a function which represents the compiled expression:+ *+ * * `context` – `{object}` – an object against which any expressions embedded in the strings+ * are evaluated against (typically a scope object).+ * * `locals` – `{object=}` – local variables context object, useful for overriding values in+ * `context`.+ */+ sce.parseAs = function sceParseAs(type, expr) {+ var parsed = $parse(expr);+ if (parsed.literal && parsed.constant) {+ return parsed;+ } else {+ return function sceParseAsTrusted(self, locals) {+ return sce.getTrusted(type, parsed(self, locals));+ };+ }+ };++ /**+ * @ngdoc method+ * @name ng.$sce#trustAs+ * @methodOf ng.$sce+ *+ * @description+ * Delegates to {@link ng.$sceDelegate#methods_trustAs `$sceDelegate.trustAs`}. As such,+ * returns an objectthat is trusted by angular for use in specified strict contextual+ * escaping contexts (such as ng-html-bind-unsafe, ng-include, any src attribute+ * interpolation, any dom event binding attribute interpolation such as for onclick, etc.)+ * that uses the provided value. See * {@link ng.$sce $sce} for enabling strict contextual+ * escaping.+ *+ * @param {string} type The kind of context in which this value is safe for use. e.g. url,+ * resource_url, html, js and css.+ * @param {*} value The value that that should be considered trusted/safe.+ * @returns {*} A value that can be used to stand in for the provided `value` in places+ * where Angular expects a $sce.trustAs() return value.+ */++ /**+ * @ngdoc method+ * @name ng.$sce#trustAsHtml+ * @methodOf ng.$sce+ *+ * @description+ * Shorthand method. `$sce.trustAsHtml(value)` →+ * {@link ng.$sceDelegate#methods_trustAs `$sceDelegate.trustAs($sce.HTML, value)`}+ *+ * @param {*} value The value to trustAs.+ * @returns {*} An object that can be passed to {@link ng.$sce#methods_getTrustedHtml+ * $sce.getTrustedHtml(value)} to obtain the original value. (privileged directives+ * only accept expressions that are either literal constants or are the+ * return value of {@link ng.$sce#methods_trustAs $sce.trustAs}.)+ */++ /**+ * @ngdoc method+ * @name ng.$sce#trustAsUrl+ * @methodOf ng.$sce+ *+ * @description+ * Shorthand method. `$sce.trustAsUrl(value)` →+ * {@link ng.$sceDelegate#methods_trustAs `$sceDelegate.trustAs($sce.URL, value)`}+ *+ * @param {*} value The value to trustAs.+ * @returns {*} An object that can be passed to {@link ng.$sce#methods_getTrustedUrl+ * $sce.getTrustedUrl(value)} to obtain the original value. (privileged directives+ * only accept expressions that are either literal constants or are the+ * return value of {@link ng.$sce#methods_trustAs $sce.trustAs}.)+ */++ /**+ * @ngdoc method+ * @name ng.$sce#trustAsResourceUrl+ * @methodOf ng.$sce+ *+ * @description+ * Shorthand method. `$sce.trustAsResourceUrl(value)` →+ * {@link ng.$sceDelegate#methods_trustAs `$sceDelegate.trustAs($sce.RESOURCE_URL, value)`}+ *+ * @param {*} value The value to trustAs.+ * @returns {*} An object that can be passed to {@link ng.$sce#methods_getTrustedResourceUrl+ * $sce.getTrustedResourceUrl(value)} to obtain the original value. (privileged directives+ * only accept expressions that are either literal constants or are the return+ * value of {@link ng.$sce#methods_trustAs $sce.trustAs}.)+ */++ /**+ * @ngdoc method+ * @name ng.$sce#trustAsJs+ * @methodOf ng.$sce+ *+ * @description+ * Shorthand method. `$sce.trustAsJs(value)` →+ * {@link ng.$sceDelegate#methods_trustAs `$sceDelegate.trustAs($sce.JS, value)`}+ *+ * @param {*} value The value to trustAs.+ * @returns {*} An object that can be passed to {@link ng.$sce#methods_getTrustedJs+ * $sce.getTrustedJs(value)} to obtain the original value. (privileged directives+ * only accept expressions that are either literal constants or are the+ * return value of {@link ng.$sce#methods_trustAs $sce.trustAs}.)+ */++ /**+ * @ngdoc method+ * @name ng.$sce#getTrusted+ * @methodOf ng.$sce+ *+ * @description+ * Delegates to {@link ng.$sceDelegate#methods_getTrusted `$sceDelegate.getTrusted`}. As such,+ * takes the result of a {@link ng.$sce#methods_trustAs `$sce.trustAs`}() call and returns the+ * originally supplied value if the queried context type is a supertype of the created type.+ * If this condition isn't satisfied, throws an exception.+ *+ * @param {string} type The kind of context in which this value is to be used.+ * @param {*} maybeTrusted The result of a prior {@link ng.$sce#methods_trustAs `$sce.trustAs`}+ * call.+ * @returns {*} The value the was originally provided to+ * {@link ng.$sce#methods_trustAs `$sce.trustAs`} if valid in this context.+ * Otherwise, throws an exception.+ */++ /**+ * @ngdoc method+ * @name ng.$sce#getTrustedHtml+ * @methodOf ng.$sce+ *+ * @description+ * Shorthand method. `$sce.getTrustedHtml(value)` →+ * {@link ng.$sceDelegate#methods_getTrusted `$sceDelegate.getTrusted($sce.HTML, value)`}+ *+ * @param {*} value The value to pass to `$sce.getTrusted`.+ * @returns {*} The return value of `$sce.getTrusted($sce.HTML, value)`+ */++ /**+ * @ngdoc method+ * @name ng.$sce#getTrustedCss+ * @methodOf ng.$sce+ *+ * @description+ * Shorthand method. `$sce.getTrustedCss(value)` →+ * {@link ng.$sceDelegate#methods_getTrusted `$sceDelegate.getTrusted($sce.CSS, value)`}+ *+ * @param {*} value The value to pass to `$sce.getTrusted`.+ * @returns {*} The return value of `$sce.getTrusted($sce.CSS, value)`+ */++ /**+ * @ngdoc method+ * @name ng.$sce#getTrustedUrl+ * @methodOf ng.$sce+ *+ * @description+ * Shorthand method. `$sce.getTrustedUrl(value)` →+ * {@link ng.$sceDelegate#methods_getTrusted `$sceDelegate.getTrusted($sce.URL, value)`}+ *+ * @param {*} value The value to pass to `$sce.getTrusted`.+ * @returns {*} The return value of `$sce.getTrusted($sce.URL, value)`+ */++ /**+ * @ngdoc method+ * @name ng.$sce#getTrustedResourceUrl+ * @methodOf ng.$sce+ *+ * @description+ * Shorthand method. `$sce.getTrustedResourceUrl(value)` →+ * {@link ng.$sceDelegate#methods_getTrusted `$sceDelegate.getTrusted($sce.RESOURCE_URL, value)`}+ *+ * @param {*} value The value to pass to `$sceDelegate.getTrusted`.+ * @returns {*} The return value of `$sce.getTrusted($sce.RESOURCE_URL, value)`+ */++ /**+ * @ngdoc method+ * @name ng.$sce#getTrustedJs+ * @methodOf ng.$sce+ *+ * @description+ * Shorthand method. `$sce.getTrustedJs(value)` →+ * {@link ng.$sceDelegate#methods_getTrusted `$sceDelegate.getTrusted($sce.JS, value)`}+ *+ * @param {*} value The value to pass to `$sce.getTrusted`.+ * @returns {*} The return value of `$sce.getTrusted($sce.JS, value)`+ */++ /**+ * @ngdoc method+ * @name ng.$sce#parseAsHtml+ * @methodOf ng.$sce+ *+ * @description+ * Shorthand method. `$sce.parseAsHtml(expression string)` →+ * {@link ng.$sce#methods_parse `$sce.parseAs($sce.HTML, value)`}+ *+ * @param {string} expression String expression to compile.+ * @returns {function(context, locals)} a function which represents the compiled expression:+ *+ * * `context` – `{object}` – an object against which any expressions embedded in the strings+ * are evaluated against (typically a scope object).+ * * `locals` – `{object=}` – local variables context object, useful for overriding values in+ * `context`.+ */++ /**+ * @ngdoc method+ * @name ng.$sce#parseAsCss+ * @methodOf ng.$sce+ *+ * @description+ * Shorthand method. `$sce.parseAsCss(value)` →+ * {@link ng.$sce#methods_parse `$sce.parseAs($sce.CSS, value)`}+ *+ * @param {string} expression String expression to compile.+ * @returns {function(context, locals)} a function which represents the compiled expression:+ *+ * * `context` – `{object}` – an object against which any expressions embedded in the strings+ * are evaluated against (typically a scope object).+ * * `locals` – `{object=}` – local variables context object, useful for overriding values in+ * `context`.+ */++ /**+ * @ngdoc method+ * @name ng.$sce#parseAsUrl+ * @methodOf ng.$sce+ *+ * @description+ * Shorthand method. `$sce.parseAsUrl(value)` →+ * {@link ng.$sce#methods_parse `$sce.parseAs($sce.URL, value)`}+ *+ * @param {string} expression String expression to compile.+ * @returns {function(context, locals)} a function which represents the compiled expression:+ *+ * * `context` – `{object}` – an object against which any expressions embedded in the strings+ * are evaluated against (typically a scope object).+ * * `locals` – `{object=}` – local variables context object, useful for overriding values in+ * `context`.+ */++ /**+ * @ngdoc method+ * @name ng.$sce#parseAsResourceUrl+ * @methodOf ng.$sce+ *+ * @description+ * Shorthand method. `$sce.parseAsResourceUrl(value)` →+ * {@link ng.$sce#methods_parse `$sce.parseAs($sce.RESOURCE_URL, value)`}+ *+ * @param {string} expression String expression to compile.+ * @returns {function(context, locals)} a function which represents the compiled expression:+ *+ * * `context` – `{object}` – an object against which any expressions embedded in the strings+ * are evaluated against (typically a scope object).+ * * `locals` – `{object=}` – local variables context object, useful for overriding values in+ * `context`.+ */++ /**+ * @ngdoc method+ * @name ng.$sce#parseAsJs+ * @methodOf ng.$sce+ *+ * @description+ * Shorthand method. `$sce.parseAsJs(value)` →+ * {@link ng.$sce#methods_parse `$sce.parseAs($sce.JS, value)`}+ *+ * @param {string} expression String expression to compile.+ * @returns {function(context, locals)} a function which represents the compiled expression:+ *+ * * `context` – `{object}` – an object against which any expressions embedded in the strings+ * are evaluated against (typically a scope object).+ * * `locals` – `{object=}` – local variables context object, useful for overriding values in+ * `context`.+ */++ // Shorthand delegations.+ var parse = sce.parseAs,+ getTrusted = sce.getTrusted,+ trustAs = sce.trustAs;++ forEach(SCE_CONTEXTS, function (enumValue, name) {+ var lName = lowercase(name);+ sce[camelCase("parse_as_" + lName)] = function (expr) {+ return parse(enumValue, expr);+ };+ sce[camelCase("get_trusted_" + lName)] = function (value) {+ return getTrusted(enumValue, value);+ };+ sce[camelCase("trust_as_" + lName)] = function (value) {+ return trustAs(enumValue, value);+ };+ });++ return sce;+ }];+}++/**+ * !!! This is an undocumented "private" service !!!+ *+ * @name ng.$sniffer+ * @requires $window+ * @requires $document+ *+ * @property {boolean} history Does the browser support html5 history api ?+ * @property {boolean} hashchange Does the browser support hashchange event ?+ * @property {boolean} transitions Does the browser support CSS transition events ?+ * @property {boolean} animations Does the browser support CSS animation events ?+ *+ * @description+ * This is very simple implementation of testing browser's features.+ */+function $SnifferProvider() {+ this.$get = ['$window', '$document', function($window, $document) {+ var eventSupport = {},+ android =+ int((/android (\d+)/.exec(lowercase(($window.navigator || {}).userAgent)) || [])[1]),+ boxee = /Boxee/i.test(($window.navigator || {}).userAgent),+ document = $document[0] || {},+ documentMode = document.documentMode,+ vendorPrefix,+ vendorRegex = /^(Moz|webkit|O|ms)(?=[A-Z])/,+ bodyStyle = document.body && document.body.style,+ transitions = false,+ animations = false,+ match;++ if (bodyStyle) {+ for(var prop in bodyStyle) {+ if(match = vendorRegex.exec(prop)) {+ vendorPrefix = match[0];+ vendorPrefix = vendorPrefix.substr(0, 1).toUpperCase() + vendorPrefix.substr(1);+ break;+ }+ }++ if(!vendorPrefix) {+ vendorPrefix = ('WebkitOpacity' in bodyStyle) && 'webkit';+ }++ transitions = !!(('transition' in bodyStyle) || (vendorPrefix + 'Transition' in bodyStyle));+ animations = !!(('animation' in bodyStyle) || (vendorPrefix + 'Animation' in bodyStyle));++ if (android && (!transitions||!animations)) {+ transitions = isString(document.body.style.webkitTransition);+ animations = isString(document.body.style.webkitAnimation);+ }+ }+++ return {+ // Android has history.pushState, but it does not update location correctly+ // so let's not use the history API at all.+ // http://code.google.com/p/android/issues/detail?id=17471+ // https://github.com/angular/angular.js/issues/904++ // older webit browser (533.9) on Boxee box has exactly the same problem as Android has+ // so let's not use the history API also+ // We are purposefully using `!(android < 4)` to cover the case when `android` is undefined+ // jshint -W018+ history: !!($window.history && $window.history.pushState && !(android < 4) && !boxee),+ // jshint +W018+ hashchange: 'onhashchange' in $window &&+ // IE8 compatible mode lies+ (!documentMode || documentMode > 7),+ hasEvent: function(event) {+ // IE9 implements 'input' event it's so fubared that we rather pretend that it doesn't have+ // it. In particular the event is not fired when backspace or delete key are pressed or+ // when cut operation is performed.+ if (event == 'input' && msie == 9) return false;++ if (isUndefined(eventSupport[event])) {+ var divElm = document.createElement('div');+ eventSupport[event] = 'on' + event in divElm;+ }++ return eventSupport[event];+ },+ csp: csp(),+ vendorPrefix: vendorPrefix,+ transitions : transitions,+ animations : animations,+ msie : msie,+ msieDocumentMode: documentMode+ };+ }];+}++function $TimeoutProvider() {+ this.$get = ['$rootScope', '$browser', '$q', '$exceptionHandler',+ function($rootScope, $browser, $q, $exceptionHandler) {+ var deferreds = {};+++ /**+ * @ngdoc function+ * @name ng.$timeout+ * @requires $browser+ *+ * @description+ * Angular's wrapper for `window.setTimeout`. The `fn` function is wrapped into a try/catch+ * block and delegates any exceptions to+ * {@link ng.$exceptionHandler $exceptionHandler} service.+ *+ * The return value of registering a timeout function is a promise, which will be resolved when+ * the timeout is reached and the timeout function is executed.+ *+ * To cancel a timeout request, call `$timeout.cancel(promise)`.+ *+ * In tests you can use {@link ngMock.$timeout `$timeout.flush()`} to+ * synchronously flush the queue of deferred functions.+ *+ * @param {function()} fn A function, whose execution should be delayed.+ * @param {number=} [delay=0] Delay in milliseconds.+ * @param {boolean=} [invokeApply=true] If set to `false` skips model dirty checking, otherwise+ * will invoke `fn` within the {@link ng.$rootScope.Scope#methods_$apply $apply} block.+ * @returns {Promise} Promise that will be resolved when the timeout is reached. The value this+ * promise will be resolved with is the return value of the `fn` function.+ * + * @example+ <doc:example module="time">+ <doc:source>+ <script>+ function Ctrl2($scope,$timeout) {+ $scope.format = 'M/d/yy h:mm:ss a';+ $scope.blood_1 = 100;+ $scope.blood_2 = 120;++ var stop;+ $scope.fight = function() {+ stop = $timeout(function() {+ if ($scope.blood_1 > 0 && $scope.blood_2 > 0) {+ $scope.blood_1 = $scope.blood_1 - 3;+ $scope.blood_2 = $scope.blood_2 - 4;+ $scope.fight();+ } else {+ $timeout.cancel(stop);+ }+ }, 100);+ };++ $scope.stopFight = function() {+ $timeout.cancel(stop);+ };++ $scope.resetFight = function() {+ $scope.blood_1 = 100;+ $scope.blood_2 = 120;+ }+ }++ angular.module('time', [])+ // Register the 'myCurrentTime' directive factory method.+ // We inject $timeout and dateFilter service since the factory method is DI.+ .directive('myCurrentTime', function($timeout, dateFilter) {+ // return the directive link function. (compile function not needed)+ return function(scope, element, attrs) {+ var format, // date format+ timeoutId; // timeoutId, so that we can cancel the time updates++ // used to update the UI+ function updateTime() {+ element.text(dateFilter(new Date(), format));+ }++ // watch the expression, and update the UI on change.+ scope.$watch(attrs.myCurrentTime, function(value) {+ format = value;+ updateTime();+ });++ // schedule update in one second+ function updateLater() {+ // save the timeoutId for canceling+ timeoutId = $timeout(function() {+ updateTime(); // update DOM+ updateLater(); // schedule another update+ }, 1000);+ }++ // listen on DOM destroy (removal) event, and cancel the next UI update+ // to prevent updating time ofter the DOM element was removed.+ element.bind('$destroy', function() {+ $timeout.cancel(timeoutId);+ });++ updateLater(); // kick off the UI update process.+ }+ });+ </script>++ <div>+ <div ng-controller="Ctrl2">+ Date format: <input ng-model="format"> <hr/>+ Current time is: <span my-current-time="format"></span>+ <hr/>+ Blood 1 : <font color='red'>{{blood_1}}</font>+ Blood 2 : <font color='red'>{{blood_2}}</font>+ <button type="button" data-ng-click="fight()">Fight</button>+ <button type="button" data-ng-click="stopFight()">StopFight</button>+ <button type="button" data-ng-click="resetFight()">resetFight</button>+ </div>+ </div>++ </doc:source>+ </doc:example>+ */+ function timeout(fn, delay, invokeApply) {+ var deferred = $q.defer(),+ promise = deferred.promise,+ skipApply = (isDefined(invokeApply) && !invokeApply),+ timeoutId;++ timeoutId = $browser.defer(function() {+ try {+ deferred.resolve(fn());+ } catch(e) {+ deferred.reject(e);+ $exceptionHandler(e);+ }+ finally {+ delete deferreds[promise.$$timeoutId];+ }++ if (!skipApply) $rootScope.$apply();+ }, delay);++ promise.$$timeoutId = timeoutId;+ deferreds[timeoutId] = deferred;++ return promise;+ }+++ /**+ * @ngdoc function+ * @name ng.$timeout#cancel+ * @methodOf ng.$timeout+ *+ * @description+ * Cancels a task associated with the `promise`. As a result of this, the promise will be+ * resolved with a rejection.+ *+ * @param {Promise=} promise Promise returned by the `$timeout` function.+ * @returns {boolean} Returns `true` if the task hasn't executed yet and was successfully+ * canceled.+ */+ timeout.cancel = function(promise) {+ if (promise && promise.$$timeoutId in deferreds) {+ deferreds[promise.$$timeoutId].reject('canceled');+ delete deferreds[promise.$$timeoutId];+ return $browser.defer.cancel(promise.$$timeoutId);+ }+ return false;+ };++ return timeout;+ }];+}++// NOTE: The usage of window and document instead of $window and $document here is+// deliberate. This service depends on the specific behavior of anchor nodes created by the+// browser (resolving and parsing URLs) that is unlikely to be provided by mock objects and+// cause us to break tests. In addition, when the browser resolves a URL for XHR, it+// doesn't know about mocked locations and resolves URLs to the real document - which is+// exactly the behavior needed here. There is little value is mocking these out for this+// service.+var urlParsingNode = document.createElement("a");+var originUrl = urlResolve(window.location.href, true);+++/**+ *+ * Implementation Notes for non-IE browsers+ * ----------------------------------------+ * Assigning a URL to the href property of an anchor DOM node, even one attached to the DOM,+ * results both in the normalizing and parsing of the URL. Normalizing means that a relative+ * URL will be resolved into an absolute URL in the context of the application document.+ * Parsing means that the anchor node's host, hostname, protocol, port, pathname and related+ * properties are all populated to reflect the normalized URL. This approach has wide+ * compatibility - Safari 1+, Mozilla 1+, Opera 7+,e etc. See+ * http://www.aptana.com/reference/html/api/HTMLAnchorElement.html+ *+ * Implementation Notes for IE+ * ---------------------------+ * IE >= 8 and <= 10 normalizes the URL when assigned to the anchor node similar to the other+ * browsers. However, the parsed components will not be set if the URL assigned did not specify+ * them. (e.g. if you assign a.href = "foo", then a.protocol, a.host, etc. will be empty.) We+ * work around that by performing the parsing in a 2nd step by taking a previously normalized+ * URL (e.g. by assigning to a.href) and assigning it a.href again. This correctly populates the+ * properties such as protocol, hostname, port, etc.+ *+ * IE7 does not normalize the URL when assigned to an anchor node. (Apparently, it does, if one+ * uses the inner HTML approach to assign the URL as part of an HTML snippet -+ * http://stackoverflow.com/a/472729) However, setting img[src] does normalize the URL.+ * Unfortunately, setting img[src] to something like "javascript:foo" on IE throws an exception.+ * Since the primary usage for normalizing URLs is to sanitize such URLs, we can't use that+ * method and IE < 8 is unsupported.+ *+ * References:+ * http://developer.mozilla.org/en-US/docs/Web/API/HTMLAnchorElement+ * http://www.aptana.com/reference/html/api/HTMLAnchorElement.html+ * http://url.spec.whatwg.org/#urlutils+ * https://github.com/angular/angular.js/pull/2902+ * http://james.padolsey.com/javascript/parsing-urls-with-the-dom/+ *+ * @function+ * @param {string} url The URL to be parsed.+ * @description Normalizes and parses a URL.+ * @returns {object} Returns the normalized URL as a dictionary.+ *+ * | member name | Description |+ * |---------------|----------------|+ * | href | A normalized version of the provided URL if it was not an absolute URL |+ * | protocol | The protocol including the trailing colon |+ * | host | The host and port (if the port is non-default) of the normalizedUrl |+ * | search | The search params, minus the question mark |+ * | hash | The hash string, minus the hash symbol+ * | hostname | The hostname+ * | port | The port, without ":"+ * | pathname | The pathname, beginning with "/"+ *+ */+function urlResolve(url, base) {+ var href = url;++ if (msie) {+ // Normalize before parse. Refer Implementation Notes on why this is+ // done in two steps on IE.+ urlParsingNode.setAttribute("href", href);+ href = urlParsingNode.href;+ }++ urlParsingNode.setAttribute('href', href);++ // urlParsingNode provides the UrlUtils interface - http://url.spec.whatwg.org/#urlutils+ return {+ href: urlParsingNode.href,+ protocol: urlParsingNode.protocol ? urlParsingNode.protocol.replace(/:$/, '') : '',+ host: urlParsingNode.host,+ search: urlParsingNode.search ? urlParsingNode.search.replace(/^\?/, '') : '',+ hash: urlParsingNode.hash ? urlParsingNode.hash.replace(/^#/, '') : '',+ hostname: urlParsingNode.hostname,+ port: urlParsingNode.port,+ pathname: (urlParsingNode.pathname.charAt(0) === '/')+ ? urlParsingNode.pathname+ : '/' + urlParsingNode.pathname+ };+}++/**+ * Parse a request URL and determine whether this is a same-origin request as the application document.+ *+ * @param {string|object} requestUrl The url of the request as a string that will be resolved+ * or a parsed URL object.+ * @returns {boolean} Whether the request is for the same origin as the application document.+ */+function urlIsSameOrigin(requestUrl) {+ var parsed = (isString(requestUrl)) ? urlResolve(requestUrl) : requestUrl;+ return (parsed.protocol === originUrl.protocol &&+ parsed.host === originUrl.host);+}++/**+ * @ngdoc object+ * @name ng.$window+ *+ * @description+ * A reference to the browser's `window` object. While `window`+ * is globally available in JavaScript, it causes testability problems, because+ * it is a global variable. In angular we always refer to it through the+ * `$window` service, so it may be overridden, removed or mocked for testing.+ *+ * Expressions, like the one defined for the `ngClick` directive in the example+ * below, are evaluated with respect to the current scope. Therefore, there is+ * no risk of inadvertently coding in a dependency on a global value in such an+ * expression.+ *+ * @example+ <doc:example>+ <doc:source>+ <script>+ function Ctrl($scope, $window) {+ $scope.greeting = 'Hello, World!';+ $scope.doGreeting = function(greeting) {+ $window.alert(greeting);+ };+ }+ </script>+ <div ng-controller="Ctrl">+ <input type="text" ng-model="greeting" />+ <button ng-click="doGreeting(greeting)">ALERT</button>+ </div>+ </doc:source>+ <doc:scenario>+ it('should display the greeting in the input box', function() {+ input('greeting').enter('Hello, E2E Tests');+ // If we click the button it will block the test runner+ // element(':button').click();+ });+ </doc:scenario>+ </doc:example>+ */+function $WindowProvider(){+ this.$get = valueFn(window);+}++/**+ * @ngdoc object+ * @name ng.$filterProvider+ * @description+ *+ * Filters are just functions which transform input to an output. However filters need to be+ * Dependency Injected. To achieve this a filter definition consists of a factory function which is+ * annotated with dependencies and is responsible for creating a filter function.+ *+ * <pre>+ * // Filter registration+ * function MyModule($provide, $filterProvider) {+ * // create a service to demonstrate injection (not always needed)+ * $provide.value('greet', function(name){+ * return 'Hello ' + name + '!';+ * });+ *+ * // register a filter factory which uses the+ * // greet service to demonstrate DI.+ * $filterProvider.register('greet', function(greet){+ * // return the filter function which uses the greet service+ * // to generate salutation+ * return function(text) {+ * // filters need to be forgiving so check input validity+ * return text && greet(text) || text;+ * };+ * });+ * }+ * </pre>+ *+ * The filter function is registered with the `$injector` under the filter name suffix with+ * `Filter`.+ * + * <pre>+ * it('should be the same instance', inject(+ * function($filterProvider) {+ * $filterProvider.register('reverse', function(){+ * return ...;+ * });+ * },+ * function($filter, reverseFilter) {+ * expect($filter('reverse')).toBe(reverseFilter);+ * });+ * </pre>+ *+ *+ * For more information about how angular filters work, and how to create your own filters, see+ * {@link guide/filter Filters} in the Angular Developer Guide.+ */+/**+ * @ngdoc method+ * @name ng.$filterProvider#register+ * @methodOf ng.$filterProvider+ * @description+ * Register filter factory function.+ *+ * @param {String} name Name of the filter.+ * @param {function} fn The filter factory function which is injectable.+ */+++/**+ * @ngdoc function+ * @name ng.$filter+ * @function+ * @description+ * Filters are used for formatting data displayed to the user.+ *+ * The general syntax in templates is as follows:+ *+ * {{ expression [| filter_name[:parameter_value] ... ] }}+ *+ * @param {String} name Name of the filter function to retrieve+ * @return {Function} the filter function+ */+$FilterProvider.$inject = ['$provide'];+function $FilterProvider($provide) {+ var suffix = 'Filter';++ /**+ * @ngdoc function+ * @name ng.$controllerProvider#register+ * @methodOf ng.$controllerProvider+ * @param {string|Object} name Name of the filter function, or an object map of filters where+ * the keys are the filter names and the values are the filter factories.+ * @returns {Object} Registered filter instance, or if a map of filters was provided then a map+ * of the registered filter instances.+ */+ function register(name, factory) {+ if(isObject(name)) {+ var filters = {};+ forEach(name, function(filter, key) {+ filters[key] = register(key, filter);+ });+ return filters;+ } else {+ return $provide.factory(name + suffix, factory);+ }+ }+ this.register = register;++ this.$get = ['$injector', function($injector) {+ return function(name) {+ return $injector.get(name + suffix);+ };+ }];++ ////////////////////////////////////////+ + /* global+ currencyFilter: false,+ dateFilter: false,+ filterFilter: false,+ jsonFilter: false,+ limitToFilter: false,+ lowercaseFilter: false,+ numberFilter: false,+ orderByFilter: false,+ uppercaseFilter: false,+ */++ register('currency', currencyFilter);+ register('date', dateFilter);+ register('filter', filterFilter);+ register('json', jsonFilter);+ register('limitTo', limitToFilter);+ register('lowercase', lowercaseFilter);+ register('number', numberFilter);+ register('orderBy', orderByFilter);+ register('uppercase', uppercaseFilter);+}++/**+ * @ngdoc filter+ * @name ng.filter:filter+ * @function+ *+ * @description+ * Selects a subset of items from `array` and returns it as a new array.+ *+ * @param {Array} array The source array.+ * @param {string|Object|function()} expression The predicate to be used for selecting items from+ * `array`.+ *+ * Can be one of:+ *+ * - `string`: Predicate that results in a substring match using the value of `expression`+ * string. All strings or objects with string properties in `array` that contain this string+ * will be returned. The predicate can be negated by prefixing the string with `!`.+ *+ * - `Object`: A pattern object can be used to filter specific properties on objects contained+ * by `array`. For example `{name:"M", phone:"1"}` predicate will return an array of items+ * which have property `name` containing "M" and property `phone` containing "1". A special+ * property name `$` can be used (as in `{$:"text"}`) to accept a match against any+ * property of the object. That's equivalent to the simple substring match with a `string`+ * as described above.+ *+ * - `function`: A predicate function can be used to write arbitrary filters. The function is+ * called for each element of `array`. The final result is an array of those elements that+ * the predicate returned true for.+ *+ * @param {function(expected, actual)|true|undefined} comparator Comparator which is used in+ * determining if the expected value (from the filter expression) and actual value (from+ * the object in the array) should be considered a match.+ *+ * Can be one of:+ *+ * - `function(expected, actual)`:+ * The function will be given the object value and the predicate value to compare and+ * should return true if the item should be included in filtered result.+ *+ * - `true`: A shorthand for `function(expected, actual) { return angular.equals(expected, actual)}`.+ * this is essentially strict comparison of expected and actual.+ *+ * - `false|undefined`: A short hand for a function which will look for a substring match in case+ * insensitive way.+ *+ * @example+ <doc:example>+ <doc:source>+ <div ng-init="friends = [{name:'John', phone:'555-1276'},+ {name:'Mary', phone:'800-BIG-MARY'},+ {name:'Mike', phone:'555-4321'},+ {name:'Adam', phone:'555-5678'},+ {name:'Julie', phone:'555-8765'},+ {name:'Juliette', phone:'555-5678'}]"></div>++ Search: <input ng-model="searchText">+ <table id="searchTextResults">+ <tr><th>Name</th><th>Phone</th></tr>+ <tr ng-repeat="friend in friends | filter:searchText">+ <td>{{friend.name}}</td>+ <td>{{friend.phone}}</td>+ </tr>+ </table>+ <hr>+ Any: <input ng-model="search.$"> <br>+ Name only <input ng-model="search.name"><br>+ Phone only <input ng-model="search.phone"><br>+ Equality <input type="checkbox" ng-model="strict"><br>+ <table id="searchObjResults">+ <tr><th>Name</th><th>Phone</th></tr>+ <tr ng-repeat="friend in friends | filter:search:strict">+ <td>{{friend.name}}</td>+ <td>{{friend.phone}}</td>+ </tr>+ </table>+ </doc:source>+ <doc:scenario>+ it('should search across all fields when filtering with a string', function() {+ input('searchText').enter('m');+ expect(repeater('#searchTextResults tr', 'friend in friends').column('friend.name')).+ toEqual(['Mary', 'Mike', 'Adam']);++ input('searchText').enter('76');+ expect(repeater('#searchTextResults tr', 'friend in friends').column('friend.name')).+ toEqual(['John', 'Julie']);+ });++ it('should search in specific fields when filtering with a predicate object', function() {+ input('search.$').enter('i');+ expect(repeater('#searchObjResults tr', 'friend in friends').column('friend.name')).+ toEqual(['Mary', 'Mike', 'Julie', 'Juliette']);+ });+ it('should use a equal comparison when comparator is true', function() {+ input('search.name').enter('Julie');+ input('strict').check();+ expect(repeater('#searchObjResults tr', 'friend in friends').column('friend.name')).+ toEqual(['Julie']);+ });+ </doc:scenario>+ </doc:example>+ */+function filterFilter() {+ return function(array, expression, comparator) {+ if (!isArray(array)) return array;++ var comparatorType = typeof(comparator),+ predicates = [];++ predicates.check = function(value) {+ for (var j = 0; j < predicates.length; j++) {+ if(!predicates[j](value)) {+ return false;+ }+ }+ return true;+ };++ if (comparatorType !== 'function') {+ if (comparatorType === 'boolean' && comparator) {+ comparator = function(obj, text) {+ return angular.equals(obj, text);+ };+ } else {+ comparator = function(obj, text) {+ text = (''+text).toLowerCase();+ return (''+obj).toLowerCase().indexOf(text) > -1;+ };+ }+ }++ var search = function(obj, text){+ if (typeof text == 'string' && text.charAt(0) === '!') {+ return !search(obj, text.substr(1));+ }+ switch (typeof obj) {+ case "boolean":+ case "number":+ case "string":+ return comparator(obj, text);+ case "object":+ switch (typeof text) {+ case "object":+ return comparator(obj, text);+ default:+ for ( var objKey in obj) {+ if (objKey.charAt(0) !== '$' && search(obj[objKey], text)) {+ return true;+ }+ }+ break;+ }+ return false;+ case "array":+ for ( var i = 0; i < obj.length; i++) {+ if (search(obj[i], text)) {+ return true;+ }+ }+ return false;+ default:+ return false;+ }+ };+ switch (typeof expression) {+ case "boolean":+ case "number":+ case "string":+ // Set up expression object and fall through+ expression = {$:expression};+ // jshint -W086+ case "object":+ // jshint +W086+ for (var key in expression) {+ if (key == '$') {+ (function() {+ if (!expression[key]) return;+ var path = key;+ predicates.push(function(value) {+ return search(value, expression[path]);+ });+ })();+ } else {+ (function() {+ if (typeof(expression[key]) == 'undefined') { return; }+ var path = key;+ predicates.push(function(value) {+ return search(getter(value,path), expression[path]);+ });+ })();+ }+ }+ break;+ case 'function':+ predicates.push(expression);+ break;+ default:+ return array;+ }+ var filtered = [];+ for ( var j = 0; j < array.length; j++) {+ var value = array[j];+ if (predicates.check(value)) {+ filtered.push(value);+ }+ }+ return filtered;+ };+}++/**+ * @ngdoc filter+ * @name ng.filter:currency+ * @function+ *+ * @description+ * Formats a number as a currency (ie $1,234.56). When no currency symbol is provided, default+ * symbol for current locale is used.+ *+ * @param {number} amount Input to filter.+ * @param {string=} symbol Currency symbol or identifier to be displayed.+ * @returns {string} Formatted number.+ *+ *+ * @example+ <doc:example>+ <doc:source>+ <script>+ function Ctrl($scope) {+ $scope.amount = 1234.56;+ }+ </script>+ <div ng-controller="Ctrl">+ <input type="number" ng-model="amount"> <br>+ default currency symbol ($): {{amount | currency}}<br>+ custom currency identifier (USD$): {{amount | currency:"USD$"}}+ </div>+ </doc:source>+ <doc:scenario>+ it('should init with 1234.56', function() {+ expect(binding('amount | currency')).toBe('$1,234.56');+ expect(binding('amount | currency:"USD$"')).toBe('USD$1,234.56');+ });+ it('should update', function() {+ input('amount').enter('-1234');+ expect(binding('amount | currency')).toBe('($1,234.00)');+ expect(binding('amount | currency:"USD$"')).toBe('(USD$1,234.00)');+ });+ </doc:scenario>+ </doc:example>+ */+currencyFilter.$inject = ['$locale'];+function currencyFilter($locale) {+ var formats = $locale.NUMBER_FORMATS;+ return function(amount, currencySymbol){+ if (isUndefined(currencySymbol)) currencySymbol = formats.CURRENCY_SYM;+ return formatNumber(amount, formats.PATTERNS[1], formats.GROUP_SEP, formats.DECIMAL_SEP, 2).+ replace(/\u00A4/g, currencySymbol);+ };+}++/**+ * @ngdoc filter+ * @name ng.filter:number+ * @function+ *+ * @description+ * Formats a number as text.+ *+ * If the input is not a number an empty string is returned.+ *+ * @param {number|string} number Number to format.+ * @param {(number|string)=} fractionSize Number of decimal places to round the number to.+ * If this is not provided then the fraction size is computed from the current locale's number+ * formatting pattern. In the case of the default locale, it will be 3.+ * @returns {string} Number rounded to decimalPlaces and places a “,” after each third digit.+ *+ * @example+ <doc:example>+ <doc:source>+ <script>+ function Ctrl($scope) {+ $scope.val = 1234.56789;+ }+ </script>+ <div ng-controller="Ctrl">+ Enter number: <input ng-model='val'><br>+ Default formatting: {{val | number}}<br>+ No fractions: {{val | number:0}}<br>+ Negative number: {{-val | number:4}}+ </div>+ </doc:source>+ <doc:scenario>+ it('should format numbers', function() {+ expect(binding('val | number')).toBe('1,234.568');+ expect(binding('val | number:0')).toBe('1,235');+ expect(binding('-val | number:4')).toBe('-1,234.5679');+ });++ it('should update', function() {+ input('val').enter('3374.333');+ expect(binding('val | number')).toBe('3,374.333');+ expect(binding('val | number:0')).toBe('3,374');+ expect(binding('-val | number:4')).toBe('-3,374.3330');+ });+ </doc:scenario>+ </doc:example>+ */+++numberFilter.$inject = ['$locale'];+function numberFilter($locale) {+ var formats = $locale.NUMBER_FORMATS;+ return function(number, fractionSize) {+ return formatNumber(number, formats.PATTERNS[0], formats.GROUP_SEP, formats.DECIMAL_SEP,+ fractionSize);+ };+}++var DECIMAL_SEP = '.';+function formatNumber(number, pattern, groupSep, decimalSep, fractionSize) {+ if (isNaN(number) || !isFinite(number)) return '';++ var isNegative = number < 0;+ number = Math.abs(number);+ var numStr = number + '',+ formatedText = '',+ parts = [];++ var hasExponent = false;+ if (numStr.indexOf('e') !== -1) {+ var match = numStr.match(/([\d\.]+)e(-?)(\d+)/);+ if (match && match[2] == '-' && match[3] > fractionSize + 1) {+ numStr = '0';+ } else {+ formatedText = numStr;+ hasExponent = true;+ }+ }++ if (!hasExponent) {+ var fractionLen = (numStr.split(DECIMAL_SEP)[1] || '').length;++ // determine fractionSize if it is not specified+ if (isUndefined(fractionSize)) {+ fractionSize = Math.min(Math.max(pattern.minFrac, fractionLen), pattern.maxFrac);+ }++ var pow = Math.pow(10, fractionSize);+ number = Math.round(number * pow) / pow;+ var fraction = ('' + number).split(DECIMAL_SEP);+ var whole = fraction[0];+ fraction = fraction[1] || '';++ var i, pos = 0,+ lgroup = pattern.lgSize,+ group = pattern.gSize;++ if (whole.length >= (lgroup + group)) {+ pos = whole.length - lgroup;+ for (i = 0; i < pos; i++) {+ if ((pos - i)%group === 0 && i !== 0) {+ formatedText += groupSep;+ }+ formatedText += whole.charAt(i);+ }+ }++ for (i = pos; i < whole.length; i++) {+ if ((whole.length - i)%lgroup === 0 && i !== 0) {+ formatedText += groupSep;+ }+ formatedText += whole.charAt(i);+ }++ // format fraction part.+ while(fraction.length < fractionSize) {+ fraction += '0';+ }++ if (fractionSize && fractionSize !== "0") formatedText += decimalSep + fraction.substr(0, fractionSize);+ } else {++ if (fractionSize > 0 && number > -1 && number < 1) {+ formatedText = number.toFixed(fractionSize);+ }+ }++ parts.push(isNegative ? pattern.negPre : pattern.posPre);+ parts.push(formatedText);+ parts.push(isNegative ? pattern.negSuf : pattern.posSuf);+ return parts.join('');+}++function padNumber(num, digits, trim) {+ var neg = '';+ if (num < 0) {+ neg = '-';+ num = -num;+ }+ num = '' + num;+ while(num.length < digits) num = '0' + num;+ if (trim)+ num = num.substr(num.length - digits);+ return neg + num;+}+++function dateGetter(name, size, offset, trim) {+ offset = offset || 0;+ return function(date) {+ var value = date['get' + name]();+ if (offset > 0 || value > -offset)+ value += offset;+ if (value === 0 && offset == -12 ) value = 12;+ return padNumber(value, size, trim);+ };+}++function dateStrGetter(name, shortForm) {+ return function(date, formats) {+ var value = date['get' + name]();+ var get = uppercase(shortForm ? ('SHORT' + name) : name);++ return formats[get][value];+ };+}++function timeZoneGetter(date) {+ var zone = -1 * date.getTimezoneOffset();+ var paddedZone = (zone >= 0) ? "+" : "";++ paddedZone += padNumber(Math[zone > 0 ? 'floor' : 'ceil'](zone / 60), 2) ++ padNumber(Math.abs(zone % 60), 2);++ return paddedZone;+}++function ampmGetter(date, formats) {+ return date.getHours() < 12 ? formats.AMPMS[0] : formats.AMPMS[1];+}++var DATE_FORMATS = {+ yyyy: dateGetter('FullYear', 4),+ yy: dateGetter('FullYear', 2, 0, true),+ y: dateGetter('FullYear', 1),+ MMMM: dateStrGetter('Month'),+ MMM: dateStrGetter('Month', true),+ MM: dateGetter('Month', 2, 1),+ M: dateGetter('Month', 1, 1),+ dd: dateGetter('Date', 2),+ d: dateGetter('Date', 1),+ HH: dateGetter('Hours', 2),+ H: dateGetter('Hours', 1),+ hh: dateGetter('Hours', 2, -12),+ h: dateGetter('Hours', 1, -12),+ mm: dateGetter('Minutes', 2),+ m: dateGetter('Minutes', 1),+ ss: dateGetter('Seconds', 2),+ s: dateGetter('Seconds', 1),+ // while ISO 8601 requires fractions to be prefixed with `.` or `,`+ // we can be just safely rely on using `sss` since we currently don't support single or two digit fractions+ sss: dateGetter('Milliseconds', 3),+ EEEE: dateStrGetter('Day'),+ EEE: dateStrGetter('Day', true),+ a: ampmGetter,+ Z: timeZoneGetter+};++var DATE_FORMATS_SPLIT = /((?:[^yMdHhmsaZE']+)|(?:'(?:[^']|'')*')|(?:E+|y+|M+|d+|H+|h+|m+|s+|a|Z))(.*)/,+ NUMBER_STRING = /^\-?\d+$/;++/**+ * @ngdoc filter+ * @name ng.filter:date+ * @function+ *+ * @description+ * Formats `date` to a string based on the requested `format`.+ *+ * `format` string can be composed of the following elements:+ *+ * * `'yyyy'`: 4 digit representation of year (e.g. AD 1 => 0001, AD 2010 => 2010)+ * * `'yy'`: 2 digit representation of year, padded (00-99). (e.g. AD 2001 => 01, AD 2010 => 10)+ * * `'y'`: 1 digit representation of year, e.g. (AD 1 => 1, AD 199 => 199)+ * * `'MMMM'`: Month in year (January-December)+ * * `'MMM'`: Month in year (Jan-Dec)+ * * `'MM'`: Month in year, padded (01-12)+ * * `'M'`: Month in year (1-12)+ * * `'dd'`: Day in month, padded (01-31)+ * * `'d'`: Day in month (1-31)+ * * `'EEEE'`: Day in Week,(Sunday-Saturday)+ * * `'EEE'`: Day in Week, (Sun-Sat)+ * * `'HH'`: Hour in day, padded (00-23)+ * * `'H'`: Hour in day (0-23)+ * * `'hh'`: Hour in am/pm, padded (01-12)+ * * `'h'`: Hour in am/pm, (1-12)+ * * `'mm'`: Minute in hour, padded (00-59)+ * * `'m'`: Minute in hour (0-59)+ * * `'ss'`: Second in minute, padded (00-59)+ * * `'s'`: Second in minute (0-59)+ * * `'.sss' or ',sss'`: Millisecond in second, padded (000-999)+ * * `'a'`: am/pm marker+ * * `'Z'`: 4 digit (+sign) representation of the timezone offset (-1200-+1200)+ *+ * `format` string can also be one of the following predefined+ * {@link guide/i18n localizable formats}:+ *+ * * `'medium'`: equivalent to `'MMM d, y h:mm:ss a'` for en_US locale+ * (e.g. Sep 3, 2010 12:05:08 pm)+ * * `'short'`: equivalent to `'M/d/yy h:mm a'` for en_US locale (e.g. 9/3/10 12:05 pm)+ * * `'fullDate'`: equivalent to `'EEEE, MMMM d,y'` for en_US locale+ * (e.g. Friday, September 3, 2010)+ * * `'longDate'`: equivalent to `'MMMM d, y'` for en_US locale (e.g. September 3, 2010)+ * * `'mediumDate'`: equivalent to `'MMM d, y'` for en_US locale (e.g. Sep 3, 2010)+ * * `'shortDate'`: equivalent to `'M/d/yy'` for en_US locale (e.g. 9/3/10)+ * * `'mediumTime'`: equivalent to `'h:mm:ss a'` for en_US locale (e.g. 12:05:08 pm)+ * * `'shortTime'`: equivalent to `'h:mm a'` for en_US locale (e.g. 12:05 pm)+ *+ * `format` string can contain literal values. These need to be quoted with single quotes (e.g.+ * `"h 'in the morning'"`). In order to output single quote, use two single quotes in a sequence+ * (e.g. `"h 'o''clock'"`).+ *+ * @param {(Date|number|string)} date Date to format either as Date object, milliseconds (string or+ * number) or various ISO 8601 datetime string formats (e.g. yyyy-MM-ddTHH:mm:ss.SSSZ and its+ * shorter versions like yyyy-MM-ddTHH:mmZ, yyyy-MM-dd or yyyyMMddTHHmmssZ). If no timezone is+ * specified in the string input, the time is considered to be in the local timezone.+ * @param {string=} format Formatting rules (see Description). If not specified,+ * `mediumDate` is used.+ * @returns {string} Formatted string or the input if input is not recognized as date/millis.+ *+ * @example+ <doc:example>+ <doc:source>+ <span ng-non-bindable>{{1288323623006 | date:'medium'}}</span>:+ {{1288323623006 | date:'medium'}}<br>+ <span ng-non-bindable>{{1288323623006 | date:'yyyy-MM-dd HH:mm:ss Z'}}</span>:+ {{1288323623006 | date:'yyyy-MM-dd HH:mm:ss Z'}}<br>+ <span ng-non-bindable>{{1288323623006 | date:'MM/dd/yyyy @ h:mma'}}</span>:+ {{'1288323623006' | date:'MM/dd/yyyy @ h:mma'}}<br>+ </doc:source>+ <doc:scenario>+ it('should format date', function() {+ expect(binding("1288323623006 | date:'medium'")).+ toMatch(/Oct 2\d, 2010 \d{1,2}:\d{2}:\d{2} (AM|PM)/);+ expect(binding("1288323623006 | date:'yyyy-MM-dd HH:mm:ss Z'")).+ toMatch(/2010\-10\-2\d \d{2}:\d{2}:\d{2} (\-|\+)?\d{4}/);+ expect(binding("'1288323623006' | date:'MM/dd/yyyy @ h:mma'")).+ toMatch(/10\/2\d\/2010 @ \d{1,2}:\d{2}(AM|PM)/);+ });+ </doc:scenario>+ </doc:example>+ */+dateFilter.$inject = ['$locale'];+function dateFilter($locale) {+++ var R_ISO8601_STR = /^(\d{4})-?(\d\d)-?(\d\d)(?:T(\d\d)(?::?(\d\d)(?::?(\d\d)(?:\.(\d+))?)?)?(Z|([+-])(\d\d):?(\d\d))?)?$/;+ // 1 2 3 4 5 6 7 8 9 10 11+ function jsonStringToDate(string) {+ var match;+ if (match = string.match(R_ISO8601_STR)) {+ var date = new Date(0),+ tzHour = 0,+ tzMin = 0,+ dateSetter = match[8] ? date.setUTCFullYear : date.setFullYear,+ timeSetter = match[8] ? date.setUTCHours : date.setHours;++ if (match[9]) {+ tzHour = int(match[9] + match[10]);+ tzMin = int(match[9] + match[11]);+ }+ dateSetter.call(date, int(match[1]), int(match[2]) - 1, int(match[3]));+ var h = int(match[4]||0) - tzHour;+ var m = int(match[5]||0) - tzMin;+ var s = int(match[6]||0);+ var ms = Math.round(parseFloat('0.' + (match[7]||0)) * 1000);+ timeSetter.call(date, h, m, s, ms);+ return date;+ }+ return string;+ }+++ return function(date, format) {+ var text = '',+ parts = [],+ fn, match;++ format = format || 'mediumDate';+ format = $locale.DATETIME_FORMATS[format] || format;+ if (isString(date)) {+ if (NUMBER_STRING.test(date)) {+ date = int(date);+ } else {+ date = jsonStringToDate(date);+ }+ }++ if (isNumber(date)) {+ date = new Date(date);+ }++ if (!isDate(date)) {+ return date;+ }++ while(format) {+ match = DATE_FORMATS_SPLIT.exec(format);+ if (match) {+ parts = concat(parts, match, 1);+ format = parts.pop();+ } else {+ parts.push(format);+ format = null;+ }+ }++ forEach(parts, function(value){+ fn = DATE_FORMATS[value];+ text += fn ? fn(date, $locale.DATETIME_FORMATS)+ : value.replace(/(^'|'$)/g, '').replace(/''/g, "'");+ });++ return text;+ };+}+++/**+ * @ngdoc filter+ * @name ng.filter:json+ * @function+ *+ * @description+ * Allows you to convert a JavaScript object into JSON string.+ *+ * This filter is mostly useful for debugging. When using the double curly {{value}} notation+ * the binding is automatically converted to JSON.+ *+ * @param {*} object Any JavaScript object (including arrays and primitive types) to filter.+ * @returns {string} JSON string.+ *+ *+ * @example:+ <doc:example>+ <doc:source>+ <pre>{{ {'name':'value'} | json }}</pre>+ </doc:source>+ <doc:scenario>+ it('should jsonify filtered objects', function() {+ expect(binding("{'name':'value'}")).toMatch(/\{\n "name": ?"value"\n}/);+ });+ </doc:scenario>+ </doc:example>+ *+ */+function jsonFilter() {+ return function(object) {+ return toJson(object, true);+ };+}+++/**+ * @ngdoc filter+ * @name ng.filter:lowercase+ * @function+ * @description+ * Converts string to lowercase.+ * @see angular.lowercase+ */+var lowercaseFilter = valueFn(lowercase);+++/**+ * @ngdoc filter+ * @name ng.filter:uppercase+ * @function+ * @description+ * Converts string to uppercase.+ * @see angular.uppercase+ */+var uppercaseFilter = valueFn(uppercase);++/**+ * @ngdoc function+ * @name ng.filter:limitTo+ * @function+ *+ * @description+ * Creates a new array or string containing only a specified number of elements. The elements+ * are taken from either the beginning or the end of the source array or string, as specified by+ * the value and sign (positive or negative) of `limit`.+ *+ * @param {Array|string} input Source array or string to be limited.+ * @param {string|number} limit The length of the returned array or string. If the `limit` number + * is positive, `limit` number of items from the beginning of the source array/string are copied.+ * If the number is negative, `limit` number of items from the end of the source array/string + * are copied. The `limit` will be trimmed if it exceeds `array.length`+ * @returns {Array|string} A new sub-array or substring of length `limit` or less if input array+ * had less than `limit` elements.+ *+ * @example+ <doc:example>+ <doc:source>+ <script>+ function Ctrl($scope) {+ $scope.numbers = [1,2,3,4,5,6,7,8,9];+ $scope.letters = "abcdefghi";+ $scope.numLimit = 3;+ $scope.letterLimit = 3;+ }+ </script>+ <div ng-controller="Ctrl">+ Limit {{numbers}} to: <input type="integer" ng-model="numLimit">+ <p>Output numbers: {{ numbers | limitTo:numLimit }}</p>+ Limit {{letters}} to: <input type="integer" ng-model="letterLimit">+ <p>Output letters: {{ letters | limitTo:letterLimit }}</p>+ </div>+ </doc:source>+ <doc:scenario>+ it('should limit the number array to first three items', function() {+ expect(element('.doc-example-live input[ng-model=numLimit]').val()).toBe('3');+ expect(element('.doc-example-live input[ng-model=letterLimit]').val()).toBe('3');+ expect(binding('numbers | limitTo:numLimit')).toEqual('[1,2,3]');+ expect(binding('letters | limitTo:letterLimit')).toEqual('abc');+ });++ it('should update the output when -3 is entered', function() {+ input('numLimit').enter(-3);+ input('letterLimit').enter(-3);+ expect(binding('numbers | limitTo:numLimit')).toEqual('[7,8,9]');+ expect(binding('letters | limitTo:letterLimit')).toEqual('ghi');+ });++ it('should not exceed the maximum size of input array', function() {+ input('numLimit').enter(100);+ input('letterLimit').enter(100);+ expect(binding('numbers | limitTo:numLimit')).toEqual('[1,2,3,4,5,6,7,8,9]');+ expect(binding('letters | limitTo:letterLimit')).toEqual('abcdefghi');+ });+ </doc:scenario>+ </doc:example>+ */+function limitToFilter(){+ return function(input, limit) {+ if (!isArray(input) && !isString(input)) return input;+ + limit = int(limit);++ if (isString(input)) {+ //NaN check on limit+ if (limit) {+ return limit >= 0 ? input.slice(0, limit) : input.slice(limit, input.length);+ } else {+ return "";+ }+ }++ var out = [],+ i, n;++ // if abs(limit) exceeds maximum length, trim it+ if (limit > input.length)+ limit = input.length;+ else if (limit < -input.length)+ limit = -input.length;++ if (limit > 0) {+ i = 0;+ n = limit;+ } else {+ i = input.length + limit;+ n = input.length;+ }++ for (; i<n; i++) {+ out.push(input[i]);+ }++ return out;+ };+}++/**+ * @ngdoc function+ * @name ng.filter:orderBy+ * @function+ *+ * @description+ * Orders a specified `array` by the `expression` predicate.+ *+ * @param {Array} array The array to sort.+ * @param {function(*)|string|Array.<(function(*)|string)>} expression A predicate to be+ * used by the comparator to determine the order of elements.+ *+ * Can be one of:+ *+ * - `function`: Getter function. The result of this function will be sorted using the+ * `<`, `=`, `>` operator.+ * - `string`: An Angular expression which evaluates to an object to order by, such as 'name'+ * to sort by a property called 'name'. Optionally prefixed with `+` or `-` to control+ * ascending or descending sort order (for example, +name or -name).+ * - `Array`: An array of function or string predicates. The first predicate in the array+ * is used for sorting, but when two items are equivalent, the next predicate is used.+ *+ * @param {boolean=} reverse Reverse the order the array.+ * @returns {Array} Sorted copy of the source array.+ *+ * @example+ <doc:example>+ <doc:source>+ <script>+ function Ctrl($scope) {+ $scope.friends =+ [{name:'John', phone:'555-1212', age:10},+ {name:'Mary', phone:'555-9876', age:19},+ {name:'Mike', phone:'555-4321', age:21},+ {name:'Adam', phone:'555-5678', age:35},+ {name:'Julie', phone:'555-8765', age:29}]+ $scope.predicate = '-age';+ }+ </script>+ <div ng-controller="Ctrl">+ <pre>Sorting predicate = {{predicate}}; reverse = {{reverse}}</pre>+ <hr/>+ [ <a href="" ng-click="predicate=''">unsorted</a> ]+ <table class="friend">+ <tr>+ <th><a href="" ng-click="predicate = 'name'; reverse=false">Name</a>+ (<a href="" ng-click="predicate = '-name'; reverse=false">^</a>)</th>+ <th><a href="" ng-click="predicate = 'phone'; reverse=!reverse">Phone Number</a></th>+ <th><a href="" ng-click="predicate = 'age'; reverse=!reverse">Age</a></th>+ </tr>+ <tr ng-repeat="friend in friends | orderBy:predicate:reverse">+ <td>{{friend.name}}</td>+ <td>{{friend.phone}}</td>+ <td>{{friend.age}}</td>+ </tr>+ </table>+ </div>+ </doc:source>+ <doc:scenario>+ it('should be reverse ordered by aged', function() {+ expect(binding('predicate')).toBe('-age');+ expect(repeater('table.friend', 'friend in friends').column('friend.age')).+ toEqual(['35', '29', '21', '19', '10']);+ expect(repeater('table.friend', 'friend in friends').column('friend.name')).+ toEqual(['Adam', 'Julie', 'Mike', 'Mary', 'John']);+ });++ it('should reorder the table when user selects different predicate', function() {+ element('.doc-example-live a:contains("Name")').click();+ expect(repeater('table.friend', 'friend in friends').column('friend.name')).+ toEqual(['Adam', 'John', 'Julie', 'Mary', 'Mike']);+ expect(repeater('table.friend', 'friend in friends').column('friend.age')).+ toEqual(['35', '10', '29', '19', '21']);++ element('.doc-example-live a:contains("Phone")').click();+ expect(repeater('table.friend', 'friend in friends').column('friend.phone')).+ toEqual(['555-9876', '555-8765', '555-5678', '555-4321', '555-1212']);+ expect(repeater('table.friend', 'friend in friends').column('friend.name')).+ toEqual(['Mary', 'Julie', 'Adam', 'Mike', 'John']);+ });+ </doc:scenario>+ </doc:example>+ */+orderByFilter.$inject = ['$parse'];+function orderByFilter($parse){+ return function(array, sortPredicate, reverseOrder) {+ if (!isArray(array)) return array;+ if (!sortPredicate) return array;+ sortPredicate = isArray(sortPredicate) ? sortPredicate: [sortPredicate];+ sortPredicate = map(sortPredicate, function(predicate){+ var descending = false, get = predicate || identity;+ if (isString(predicate)) {+ if ((predicate.charAt(0) == '+' || predicate.charAt(0) == '-')) {+ descending = predicate.charAt(0) == '-';+ predicate = predicate.substring(1);+ }+ get = $parse(predicate);+ }+ return reverseComparator(function(a,b){+ return compare(get(a),get(b));+ }, descending);+ });+ var arrayCopy = [];+ for ( var i = 0; i < array.length; i++) { arrayCopy.push(array[i]); }+ return arrayCopy.sort(reverseComparator(comparator, reverseOrder));++ function comparator(o1, o2){+ for ( var i = 0; i < sortPredicate.length; i++) {+ var comp = sortPredicate[i](o1, o2);+ if (comp !== 0) return comp;+ }+ return 0;+ }+ function reverseComparator(comp, descending) {+ return toBoolean(descending)+ ? function(a,b){return comp(b,a);}+ : comp;+ }+ function compare(v1, v2){+ var t1 = typeof v1;+ var t2 = typeof v2;+ if (t1 == t2) {+ if (t1 == "string") {+ v1 = v1.toLowerCase();+ v2 = v2.toLowerCase();+ }+ if (v1 === v2) return 0;+ return v1 < v2 ? -1 : 1;+ } else {+ return t1 < t2 ? -1 : 1;+ }+ }+ };+}++function ngDirective(directive) {+ if (isFunction(directive)) {+ directive = {+ link: directive+ };+ }+ directive.restrict = directive.restrict || 'AC';+ return valueFn(directive);+}++/**+ * @ngdoc directive+ * @name ng.directive:a+ * @restrict E+ *+ * @description+ * Modifies the default behavior of the html A tag so that the default action is prevented when+ * the href attribute is empty.+ *+ * This change permits the easy creation of action links with the `ngClick` directive+ * without changing the location or causing page reloads, e.g.:+ * `<a href="" ng-click="list.addItem()">Add Item</a>`+ */+var htmlAnchorDirective = valueFn({+ restrict: 'E',+ compile: function(element, attr) {++ if (msie <= 8) {++ // turn <a href ng-click="..">link</a> into a stylable link in IE+ // but only if it doesn't have name attribute, in which case it's an anchor+ if (!attr.href && !attr.name) {+ attr.$set('href', '');+ }++ // add a comment node to anchors to workaround IE bug that causes element content to be reset+ // to new attribute content if attribute is updated with value containing @ and element also+ // contains value with @+ // see issue #1949+ element.append(document.createComment('IE fix'));+ }++ return function(scope, element) {+ element.on('click', function(event){+ // if we have no href url, then don't navigate anywhere.+ if (!element.attr('href')) {+ event.preventDefault();+ }+ });+ };+ }+});++/**+ * @ngdoc directive+ * @name ng.directive:ngHref+ * @restrict A+ *+ * @description+ * Using Angular markup like `{{hash}}` in an href attribute will+ * make the link go to the wrong URL if the user clicks it before+ * Angular has a chance to replace the `{{hash}}` markup with its+ * value. Until Angular replaces the markup the link will be broken+ * and will most likely return a 404 error.+ *+ * The `ngHref` directive solves this problem.+ *+ * The wrong way to write it:+ * <pre>+ * <a href="http://www.gravatar.com/avatar/{{hash}}"/>+ * </pre>+ *+ * The correct way to write it:+ * <pre>+ * <a ng-href="http://www.gravatar.com/avatar/{{hash}}"/>+ * </pre>+ *+ * @element A+ * @param {template} ngHref any string which can contain `{{}}` markup.+ *+ * @example+ * This example shows various combinations of `href`, `ng-href` and `ng-click` attributes+ * in links and their different behaviors:+ <doc:example>+ <doc:source>+ <input ng-model="value" /><br />+ <a id="link-1" href ng-click="value = 1">link 1</a> (link, don't reload)<br />+ <a id="link-2" href="" ng-click="value = 2">link 2</a> (link, don't reload)<br />+ <a id="link-3" ng-href="/{{'123'}}">link 3</a> (link, reload!)<br />+ <a id="link-4" href="" name="xx" ng-click="value = 4">anchor</a> (link, don't reload)<br />+ <a id="link-5" name="xxx" ng-click="value = 5">anchor</a> (no link)<br />+ <a id="link-6" ng-href="{{value}}">link</a> (link, change location)+ </doc:source>+ <doc:scenario>+ it('should execute ng-click but not reload when href without value', function() {+ element('#link-1').click();+ expect(input('value').val()).toEqual('1');+ expect(element('#link-1').attr('href')).toBe("");+ });++ it('should execute ng-click but not reload when href empty string', function() {+ element('#link-2').click();+ expect(input('value').val()).toEqual('2');+ expect(element('#link-2').attr('href')).toBe("");+ });++ it('should execute ng-click and change url when ng-href specified', function() {+ expect(element('#link-3').attr('href')).toBe("/123");++ element('#link-3').click();+ expect(browser().window().path()).toEqual('/123');+ });++ it('should execute ng-click but not reload when href empty string and name specified', function() {+ element('#link-4').click();+ expect(input('value').val()).toEqual('4');+ expect(element('#link-4').attr('href')).toBe('');+ });++ it('should execute ng-click but not reload when no href but name specified', function() {+ element('#link-5').click();+ expect(input('value').val()).toEqual('5');+ expect(element('#link-5').attr('href')).toBe(undefined);+ });++ it('should only change url when only ng-href', function() {+ input('value').enter('6');+ expect(element('#link-6').attr('href')).toBe('6');++ element('#link-6').click();+ expect(browser().location().url()).toEqual('/6');+ });+ </doc:scenario>+ </doc:example>+ */++/**+ * @ngdoc directive+ * @name ng.directive:ngSrc+ * @restrict A+ *+ * @description+ * Using Angular markup like `{{hash}}` in a `src` attribute doesn't+ * work right: The browser will fetch from the URL with the literal+ * text `{{hash}}` until Angular replaces the expression inside+ * `{{hash}}`. The `ngSrc` directive solves this problem.+ *+ * The buggy way to write it:+ * <pre>+ * <img src="http://www.gravatar.com/avatar/{{hash}}"/>+ * </pre>+ *+ * The correct way to write it:+ * <pre>+ * <img ng-src="http://www.gravatar.com/avatar/{{hash}}"/>+ * </pre>+ *+ * @element IMG+ * @param {template} ngSrc any string which can contain `{{}}` markup.+ */++/**+ * @ngdoc directive+ * @name ng.directive:ngSrcset+ * @restrict A+ *+ * @description+ * Using Angular markup like `{{hash}}` in a `srcset` attribute doesn't+ * work right: The browser will fetch from the URL with the literal+ * text `{{hash}}` until Angular replaces the expression inside+ * `{{hash}}`. The `ngSrcset` directive solves this problem.+ *+ * The buggy way to write it:+ * <pre>+ * <img srcset="http://www.gravatar.com/avatar/{{hash}} 2x"/>+ * </pre>+ *+ * The correct way to write it:+ * <pre>+ * <img ng-srcset="http://www.gravatar.com/avatar/{{hash}} 2x"/>+ * </pre>+ *+ * @element IMG+ * @param {template} ngSrcset any string which can contain `{{}}` markup.+ */++/**+ * @ngdoc directive+ * @name ng.directive:ngDisabled+ * @restrict A+ *+ * @description+ *+ * The following markup will make the button enabled on Chrome/Firefox but not on IE8 and older IEs:+ * <pre>+ * <div ng-init="scope = { isDisabled: false }">+ * <button disabled="{{scope.isDisabled}}">Disabled</button>+ * </div>+ * </pre>+ *+ * The HTML specification does not require browsers to preserve the values of boolean attributes+ * such as disabled. (Their presence means true and their absence means false.)+ * If we put an Angular interpolation expression into such an attribute then the+ * binding information would be lost when the browser removes the attribute.+ * The `ngDisabled` directive solves this problem for the `disabled` attribute.+ * This complementary directive is not removed by the browser and so provides+ * a permanent reliable place to store the binding information.+ *+ * @example+ <doc:example>+ <doc:source>+ Click me to toggle: <input type="checkbox" ng-model="checked"><br/>+ <button ng-model="button" ng-disabled="checked">Button</button>+ </doc:source>+ <doc:scenario>+ it('should toggle button', function() {+ expect(element('.doc-example-live :button').prop('disabled')).toBeFalsy();+ input('checked').check();+ expect(element('.doc-example-live :button').prop('disabled')).toBeTruthy();+ });+ </doc:scenario>+ </doc:example>+ *+ * @element INPUT+ * @param {expression} ngDisabled If the {@link guide/expression expression} is truthy, + * then special attribute "disabled" will be set on the element+ */+++/**+ * @ngdoc directive+ * @name ng.directive:ngChecked+ * @restrict A+ *+ * @description+ * The HTML specification does not require browsers to preserve the values of boolean attributes+ * such as checked. (Their presence means true and their absence means false.)+ * If we put an Angular interpolation expression into such an attribute then the+ * binding information would be lost when the browser removes the attribute.+ * The `ngChecked` directive solves this problem for the `checked` attribute.+ * This complementary directive is not removed by the browser and so provides+ * a permanent reliable place to store the binding information.+ * @example+ <doc:example>+ <doc:source>+ Check me to check both: <input type="checkbox" ng-model="master"><br/>+ <input id="checkSlave" type="checkbox" ng-checked="master">+ </doc:source>+ <doc:scenario>+ it('should check both checkBoxes', function() {+ expect(element('.doc-example-live #checkSlave').prop('checked')).toBeFalsy();+ input('master').check();+ expect(element('.doc-example-live #checkSlave').prop('checked')).toBeTruthy();+ });+ </doc:scenario>+ </doc:example>+ *+ * @element INPUT+ * @param {expression} ngChecked If the {@link guide/expression expression} is truthy, + * then special attribute "checked" will be set on the element+ */+++/**+ * @ngdoc directive+ * @name ng.directive:ngReadonly+ * @restrict A+ *+ * @description+ * The HTML specification does not require browsers to preserve the values of boolean attributes+ * such as readonly. (Their presence means true and their absence means false.)+ * If we put an Angular interpolation expression into such an attribute then the+ * binding information would be lost when the browser removes the attribute.+ * The `ngReadonly` directive solves this problem for the `readonly` attribute.+ * This complementary directive is not removed by the browser and so provides+ * a permanent reliable place to store the binding information.++ * @example+ <doc:example>+ <doc:source>+ Check me to make text readonly: <input type="checkbox" ng-model="checked"><br/>+ <input type="text" ng-readonly="checked" value="I'm Angular"/>+ </doc:source>+ <doc:scenario>+ it('should toggle readonly attr', function() {+ expect(element('.doc-example-live :text').prop('readonly')).toBeFalsy();+ input('checked').check();+ expect(element('.doc-example-live :text').prop('readonly')).toBeTruthy();+ });+ </doc:scenario>+ </doc:example>+ *+ * @element INPUT+ * @param {expression} ngReadonly If the {@link guide/expression expression} is truthy, + * then special attribute "readonly" will be set on the element+ */+++/**+ * @ngdoc directive+ * @name ng.directive:ngSelected+ * @restrict A+ *+ * @description+ * The HTML specification does not require browsers to preserve the values of boolean attributes+ * such as selected. (Their presence means true and their absence means false.)+ * If we put an Angular interpolation expression into such an attribute then the+ * binding information would be lost when the browser removes the attribute.+ * The `ngSelected` directive solves this problem for the `selected` atttribute.+ * This complementary directive is not removed by the browser and so provides+ * a permanent reliable place to store the binding information.+ * @example+ <doc:example>+ <doc:source>+ Check me to select: <input type="checkbox" ng-model="selected"><br/>+ <select>+ <option>Hello!</option>+ <option id="greet" ng-selected="selected">Greetings!</option>+ </select>+ </doc:source>+ <doc:scenario>+ it('should select Greetings!', function() {+ expect(element('.doc-example-live #greet').prop('selected')).toBeFalsy();+ input('selected').check();+ expect(element('.doc-example-live #greet').prop('selected')).toBeTruthy();+ });+ </doc:scenario>+ </doc:example>+ *+ * @element OPTION+ * @param {expression} ngSelected If the {@link guide/expression expression} is truthy, + * then special attribute "selected" will be set on the element+ */++/**+ * @ngdoc directive+ * @name ng.directive:ngOpen+ * @restrict A+ *+ * @description+ * The HTML specification does not require browsers to preserve the values of boolean attributes+ * such as open. (Their presence means true and their absence means false.)+ * If we put an Angular interpolation expression into such an attribute then the+ * binding information would be lost when the browser removes the attribute.+ * The `ngOpen` directive solves this problem for the `open` attribute.+ * This complementary directive is not removed by the browser and so provides+ * a permanent reliable place to store the binding information.++ *+ * @example+ <doc:example>+ <doc:source>+ Check me check multiple: <input type="checkbox" ng-model="open"><br/>+ <details id="details" ng-open="open">+ <summary>Show/Hide me</summary>+ </details>+ </doc:source>+ <doc:scenario>+ it('should toggle open', function() {+ expect(element('#details').prop('open')).toBeFalsy();+ input('open').check();+ expect(element('#details').prop('open')).toBeTruthy();+ });+ </doc:scenario>+ </doc:example>+ *+ * @element DETAILS+ * @param {expression} ngOpen If the {@link guide/expression expression} is truthy, + * then special attribute "open" will be set on the element+ */++var ngAttributeAliasDirectives = {};+++// boolean attrs are evaluated+forEach(BOOLEAN_ATTR, function(propName, attrName) {+ // binding to multiple is not supported+ if (propName == "multiple") return;++ var normalized = directiveNormalize('ng-' + attrName);+ ngAttributeAliasDirectives[normalized] = function() {+ return {+ priority: 100,+ compile: function() {+ return function(scope, element, attr) {+ scope.$watch(attr[normalized], function ngBooleanAttrWatchAction(value) {+ attr.$set(attrName, !!value);+ });+ };+ }+ };+ };+});+++// ng-src, ng-srcset, ng-href are interpolated+forEach(['src', 'srcset', 'href'], function(attrName) {+ var normalized = directiveNormalize('ng-' + attrName);+ ngAttributeAliasDirectives[normalized] = function() {+ return {+ priority: 99, // it needs to run after the attributes are interpolated+ link: function(scope, element, attr) {+ attr.$observe(normalized, function(value) {+ if (!value)+ return;++ attr.$set(attrName, value);++ // on IE, if "ng:src" directive declaration is used and "src" attribute doesn't exist+ // then calling element.setAttribute('src', 'foo') doesn't do anything, so we need+ // to set the property as well to achieve the desired effect.+ // we use attr[attrName] value since $set can sanitize the url.+ if (msie) element.prop(attrName, attr[attrName]);+ });+ }+ };+ };+});++/* global -nullFormCtrl */+var nullFormCtrl = {+ $addControl: noop,+ $removeControl: noop,+ $setValidity: noop,+ $setDirty: noop,+ $setPristine: noop+};++/**+ * @ngdoc object+ * @name ng.directive:form.FormController+ *+ * @property {boolean} $pristine True if user has not interacted with the form yet.+ * @property {boolean} $dirty True if user has already interacted with the form.+ * @property {boolean} $valid True if all of the containing forms and controls are valid.+ * @property {boolean} $invalid True if at least one containing control or form is invalid.+ *+ * @property {Object} $error Is an object hash, containing references to all invalid controls or+ * forms, where:+ *+ * - keys are validation tokens (error names),+ * - values are arrays of controls or forms that are invalid for given error name.+ *+ *+ * Built-in validation tokens:+ *+ * - `email`+ * - `max`+ * - `maxlength`+ * - `min`+ * - `minlength`+ * - `number`+ * - `pattern`+ * - `required`+ * - `url`+ * + * @description+ * `FormController` keeps track of all its controls and nested forms as well as state of them,+ * such as being valid/invalid or dirty/pristine.+ *+ * Each {@link ng.directive:form form} directive creates an instance+ * of `FormController`.+ *+ */+//asks for $scope to fool the BC controller module+FormController.$inject = ['$element', '$attrs', '$scope'];+function FormController(element, attrs) {+ var form = this,+ parentForm = element.parent().controller('form') || nullFormCtrl,+ invalidCount = 0, // used to easily determine if we are valid+ errors = form.$error = {},+ controls = [];++ // init state+ form.$name = attrs.name || attrs.ngForm;+ form.$dirty = false;+ form.$pristine = true;+ form.$valid = true;+ form.$invalid = false;++ parentForm.$addControl(form);++ // Setup initial state of the control+ element.addClass(PRISTINE_CLASS);+ toggleValidCss(true);++ // convenience method for easy toggling of classes+ function toggleValidCss(isValid, validationErrorKey) {+ validationErrorKey = validationErrorKey ? '-' + snake_case(validationErrorKey, '-') : '';+ element.+ removeClass((isValid ? INVALID_CLASS : VALID_CLASS) + validationErrorKey).+ addClass((isValid ? VALID_CLASS : INVALID_CLASS) + validationErrorKey);+ }++ /**+ * @ngdoc function+ * @name ng.directive:form.FormController#$addControl+ * @methodOf ng.directive:form.FormController+ *+ * @description+ * Register a control with the form.+ *+ * Input elements using ngModelController do this automatically when they are linked.+ */+ form.$addControl = function(control) {+ // Breaking change - before, inputs whose name was "hasOwnProperty" were quietly ignored+ // and not added to the scope. Now we throw an error.+ assertNotHasOwnProperty(control.$name, 'input');+ controls.push(control);++ if (control.$name) {+ form[control.$name] = control;+ }+ };++ /**+ * @ngdoc function+ * @name ng.directive:form.FormController#$removeControl+ * @methodOf ng.directive:form.FormController+ *+ * @description+ * Deregister a control from the form.+ *+ * Input elements using ngModelController do this automatically when they are destroyed.+ */+ form.$removeControl = function(control) {+ if (control.$name && form[control.$name] === control) {+ delete form[control.$name];+ }+ forEach(errors, function(queue, validationToken) {+ form.$setValidity(validationToken, true, control);+ });++ arrayRemove(controls, control);+ };++ /**+ * @ngdoc function+ * @name ng.directive:form.FormController#$setValidity+ * @methodOf ng.directive:form.FormController+ *+ * @description+ * Sets the validity of a form control.+ *+ * This method will also propagate to parent forms.+ */+ form.$setValidity = function(validationToken, isValid, control) {+ var queue = errors[validationToken];++ if (isValid) {+ if (queue) {+ arrayRemove(queue, control);+ if (!queue.length) {+ invalidCount--;+ if (!invalidCount) {+ toggleValidCss(isValid);+ form.$valid = true;+ form.$invalid = false;+ }+ errors[validationToken] = false;+ toggleValidCss(true, validationToken);+ parentForm.$setValidity(validationToken, true, form);+ }+ }++ } else {+ if (!invalidCount) {+ toggleValidCss(isValid);+ }+ if (queue) {+ if (includes(queue, control)) return;+ } else {+ errors[validationToken] = queue = [];+ invalidCount++;+ toggleValidCss(false, validationToken);+ parentForm.$setValidity(validationToken, false, form);+ }+ queue.push(control);++ form.$valid = false;+ form.$invalid = true;+ }+ };++ /**+ * @ngdoc function+ * @name ng.directive:form.FormController#$setDirty+ * @methodOf ng.directive:form.FormController+ *+ * @description+ * Sets the form to a dirty state.+ *+ * This method can be called to add the 'ng-dirty' class and set the form to a dirty+ * state (ng-dirty class). This method will also propagate to parent forms.+ */+ form.$setDirty = function() {+ element.removeClass(PRISTINE_CLASS).addClass(DIRTY_CLASS);+ form.$dirty = true;+ form.$pristine = false;+ parentForm.$setDirty();+ };++ /**+ * @ngdoc function+ * @name ng.directive:form.FormController#$setPristine+ * @methodOf ng.directive:form.FormController+ *+ * @description+ * Sets the form to its pristine state.+ *+ * This method can be called to remove the 'ng-dirty' class and set the form to its pristine+ * state (ng-pristine class). This method will also propagate to all the controls contained+ * in this form.+ *+ * Setting a form back to a pristine state is often useful when we want to 'reuse' a form after+ * saving or resetting it.+ */+ form.$setPristine = function () {+ element.removeClass(DIRTY_CLASS).addClass(PRISTINE_CLASS);+ form.$dirty = false;+ form.$pristine = true;+ forEach(controls, function(control) {+ control.$setPristine();+ });+ };+}+++/**+ * @ngdoc directive+ * @name ng.directive:ngForm+ * @restrict EAC+ *+ * @description+ * Nestable alias of {@link ng.directive:form `form`} directive. HTML+ * does not allow nesting of form elements. It is useful to nest forms, for example if the validity of a+ * sub-group of controls needs to be determined.+ *+ * @param {string=} ngForm|name Name of the form. If specified, the form controller will be published into+ * related scope, under this name.+ *+ */++ /**+ * @ngdoc directive+ * @name ng.directive:form+ * @restrict E+ *+ * @description+ * Directive that instantiates+ * {@link ng.directive:form.FormController FormController}.+ *+ * If the `name` attribute is specified, the form controller is published onto the current scope under+ * this name.+ *+ * # Alias: {@link ng.directive:ngForm `ngForm`}+ *+ * In Angular forms can be nested. This means that the outer form is valid when all of the child+ * forms are valid as well. However, browsers do not allow nesting of `<form>` elements, so+ * Angular provides the {@link ng.directive:ngForm `ngForm`} directive which behaves identically to+ * `<form>` but can be nested. This allows you to have nested forms, which is very useful when+ * using Angular validation directives in forms that are dynamically generated using the+ * {@link ng.directive:ngRepeat `ngRepeat`} directive. Since you cannot dynamically generate the `name`+ * attribute of input elements using interpolation, you have to wrap each set of repeated inputs in an+ * `ngForm` directive and nest these in an outer `form` element.+ *+ *+ * # CSS classes+ * - `ng-valid` Is set if the form is valid.+ * - `ng-invalid` Is set if the form is invalid.+ * - `ng-pristine` Is set if the form is pristine.+ * - `ng-dirty` Is set if the form is dirty.+ *+ *+ * # Submitting a form and preventing the default action+ *+ * Since the role of forms in client-side Angular applications is different than in classical+ * roundtrip apps, it is desirable for the browser not to translate the form submission into a full+ * page reload that sends the data to the server. Instead some javascript logic should be triggered+ * to handle the form submission in an application-specific way.+ *+ * For this reason, Angular prevents the default action (form submission to the server) unless the+ * `<form>` element has an `action` attribute specified.+ *+ * You can use one of the following two ways to specify what javascript method should be called when+ * a form is submitted:+ *+ * - {@link ng.directive:ngSubmit ngSubmit} directive on the form element+ * - {@link ng.directive:ngClick ngClick} directive on the first+ * button or input field of type submit (input[type=submit])+ *+ * To prevent double execution of the handler, use only one of the {@link ng.directive:ngSubmit ngSubmit}+ * or {@link ng.directive:ngClick ngClick} directives.+ * This is because of the following form submission rules in the HTML specification:+ *+ * - If a form has only one input field then hitting enter in this field triggers form submit+ * (`ngSubmit`)+ * - if a form has 2+ input fields and no buttons or input[type=submit] then hitting enter+ * doesn't trigger submit+ * - if a form has one or more input fields and one or more buttons or input[type=submit] then+ * hitting enter in any of the input fields will trigger the click handler on the *first* button or+ * input[type=submit] (`ngClick`) *and* a submit handler on the enclosing form (`ngSubmit`)+ *+ * @param {string=} name Name of the form. If specified, the form controller will be published into+ * related scope, under this name.+ *+ * @example+ <doc:example>+ <doc:source>+ <script>+ function Ctrl($scope) {+ $scope.userType = 'guest';+ }+ </script>+ <form name="myForm" ng-controller="Ctrl">+ userType: <input name="input" ng-model="userType" required>+ <span class="error" ng-show="myForm.input.$error.required">Required!</span><br>+ <tt>userType = {{userType}}</tt><br>+ <tt>myForm.input.$valid = {{myForm.input.$valid}}</tt><br>+ <tt>myForm.input.$error = {{myForm.input.$error}}</tt><br>+ <tt>myForm.$valid = {{myForm.$valid}}</tt><br>+ <tt>myForm.$error.required = {{!!myForm.$error.required}}</tt><br>+ </form>+ </doc:source>+ <doc:scenario>+ it('should initialize to model', function() {+ expect(binding('userType')).toEqual('guest');+ expect(binding('myForm.input.$valid')).toEqual('true');+ });++ it('should be invalid if empty', function() {+ input('userType').enter('');+ expect(binding('userType')).toEqual('');+ expect(binding('myForm.input.$valid')).toEqual('false');+ });+ </doc:scenario>+ </doc:example>+ */+var formDirectiveFactory = function(isNgForm) {+ return ['$timeout', function($timeout) {+ var formDirective = {+ name: 'form',+ restrict: isNgForm ? 'EAC' : 'E',+ controller: FormController,+ compile: function() {+ return {+ pre: function(scope, formElement, attr, controller) {+ if (!attr.action) {+ // we can't use jq events because if a form is destroyed during submission the default+ // action is not prevented. see #1238+ //+ // IE 9 is not affected because it doesn't fire a submit event and try to do a full+ // page reload if the form was destroyed by submission of the form via a click handler+ // on a button in the form. Looks like an IE9 specific bug.+ var preventDefaultListener = function(event) {+ event.preventDefault+ ? event.preventDefault()+ : event.returnValue = false; // IE+ };++ addEventListenerFn(formElement[0], 'submit', preventDefaultListener);++ // unregister the preventDefault listener so that we don't not leak memory but in a+ // way that will achieve the prevention of the default action.+ formElement.on('$destroy', function() {+ $timeout(function() {+ removeEventListenerFn(formElement[0], 'submit', preventDefaultListener);+ }, 0, false);+ });+ }++ var parentFormCtrl = formElement.parent().controller('form'),+ alias = attr.name || attr.ngForm;++ if (alias) {+ setter(scope, alias, controller, alias);+ }+ if (parentFormCtrl) {+ formElement.on('$destroy', function() {+ parentFormCtrl.$removeControl(controller);+ if (alias) {+ setter(scope, alias, undefined, alias);+ }+ extend(controller, nullFormCtrl); //stop propagating child destruction handlers upwards+ });+ }+ }+ };+ }+ };++ return formDirective;+ }];+};++var formDirective = formDirectiveFactory();+var ngFormDirective = formDirectiveFactory(true);++/* global++ -VALID_CLASS,+ -INVALID_CLASS,+ -PRISTINE_CLASS,+ -DIRTY_CLASS+*/++var URL_REGEXP = /^(ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?$/;+var EMAIL_REGEXP = /^[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,6}$/;+var NUMBER_REGEXP = /^\s*(\-|\+)?(\d+|(\d*(\.\d*)))\s*$/;++var inputType = {++ /**+ * @ngdoc inputType+ * @name ng.directive:input.text+ *+ * @description+ * Standard HTML text input with angular data binding.+ *+ * @param {string} ngModel Assignable angular expression to data-bind to.+ * @param {string=} name Property name of the form under which the control is published.+ * @param {string=} required Adds `required` validation error key if the value is not entered.+ * @param {string=} ngRequired Adds `required` attribute and `required` validation constraint to+ * the element when the ngRequired expression evaluates to true. Use `ngRequired` instead of+ * `required` when you want to data-bind to the `required` attribute.+ * @param {number=} ngMinlength Sets `minlength` validation error key if the value is shorter than+ * minlength.+ * @param {number=} ngMaxlength Sets `maxlength` validation error key if the value is longer than+ * maxlength.+ * @param {string=} ngPattern Sets `pattern` validation error key if the value does not match the+ * RegExp pattern expression. Expected value is `/regexp/` for inline patterns or `regexp` for+ * patterns defined as scope expressions.+ * @param {string=} ngChange Angular expression to be executed when input changes due to user+ * interaction with the input element.+ * @param {boolean=} [ngTrim=true] If set to false Angular will not automatically trim the input.+ *+ * @example+ <doc:example>+ <doc:source>+ <script>+ function Ctrl($scope) {+ $scope.text = 'guest';+ $scope.word = /^\s*\w*\s*$/;+ }+ </script>+ <form name="myForm" ng-controller="Ctrl">+ Single word: <input type="text" name="input" ng-model="text"+ ng-pattern="word" required ng-trim="false">+ <span class="error" ng-show="myForm.input.$error.required">+ Required!</span>+ <span class="error" ng-show="myForm.input.$error.pattern">+ Single word only!</span>++ <tt>text = {{text}}</tt><br/>+ <tt>myForm.input.$valid = {{myForm.input.$valid}}</tt><br/>+ <tt>myForm.input.$error = {{myForm.input.$error}}</tt><br/>+ <tt>myForm.$valid = {{myForm.$valid}}</tt><br/>+ <tt>myForm.$error.required = {{!!myForm.$error.required}}</tt><br/>+ </form>+ </doc:source>+ <doc:scenario>+ it('should initialize to model', function() {+ expect(binding('text')).toEqual('guest');+ expect(binding('myForm.input.$valid')).toEqual('true');+ });++ it('should be invalid if empty', function() {+ input('text').enter('');+ expect(binding('text')).toEqual('');+ expect(binding('myForm.input.$valid')).toEqual('false');+ });++ it('should be invalid if multi word', function() {+ input('text').enter('hello world');+ expect(binding('myForm.input.$valid')).toEqual('false');+ });++ it('should not be trimmed', function() {+ input('text').enter('untrimmed ');+ expect(binding('text')).toEqual('untrimmed ');+ expect(binding('myForm.input.$valid')).toEqual('true');+ });+ </doc:scenario>+ </doc:example>+ */+ 'text': textInputType,+++ /**+ * @ngdoc inputType+ * @name ng.directive:input.number+ *+ * @description+ * Text input with number validation and transformation. Sets the `number` validation+ * error if not a valid number.+ *+ * @param {string} ngModel Assignable angular expression to data-bind to.+ * @param {string=} name Property name of the form under which the control is published.+ * @param {string=} min Sets the `min` validation error key if the value entered is less than `min`.+ * @param {string=} max Sets the `max` validation error key if the value entered is greater than `max`.+ * @param {string=} required Sets `required` validation error key if the value is not entered.+ * @param {string=} ngRequired Adds `required` attribute and `required` validation constraint to+ * the element when the ngRequired expression evaluates to true. Use `ngRequired` instead of+ * `required` when you want to data-bind to the `required` attribute.+ * @param {number=} ngMinlength Sets `minlength` validation error key if the value is shorter than+ * minlength.+ * @param {number=} ngMaxlength Sets `maxlength` validation error key if the value is longer than+ * maxlength.+ * @param {string=} ngPattern Sets `pattern` validation error key if the value does not match the+ * RegExp pattern expression. Expected value is `/regexp/` for inline patterns or `regexp` for+ * patterns defined as scope expressions.+ * @param {string=} ngChange Angular expression to be executed when input changes due to user+ * interaction with the input element.+ *+ * @example+ <doc:example>+ <doc:source>+ <script>+ function Ctrl($scope) {+ $scope.value = 12;+ }+ </script>+ <form name="myForm" ng-controller="Ctrl">+ Number: <input type="number" name="input" ng-model="value"+ min="0" max="99" required>+ <span class="error" ng-show="myForm.input.$error.required">+ Required!</span>+ <span class="error" ng-show="myForm.input.$error.number">+ Not valid number!</span>+ <tt>value = {{value}}</tt><br/>+ <tt>myForm.input.$valid = {{myForm.input.$valid}}</tt><br/>+ <tt>myForm.input.$error = {{myForm.input.$error}}</tt><br/>+ <tt>myForm.$valid = {{myForm.$valid}}</tt><br/>+ <tt>myForm.$error.required = {{!!myForm.$error.required}}</tt><br/>+ </form>+ </doc:source>+ <doc:scenario>+ it('should initialize to model', function() {+ expect(binding('value')).toEqual('12');+ expect(binding('myForm.input.$valid')).toEqual('true');+ });++ it('should be invalid if empty', function() {+ input('value').enter('');+ expect(binding('value')).toEqual('');+ expect(binding('myForm.input.$valid')).toEqual('false');+ });++ it('should be invalid if over max', function() {+ input('value').enter('123');+ expect(binding('value')).toEqual('');+ expect(binding('myForm.input.$valid')).toEqual('false');+ });+ </doc:scenario>+ </doc:example>+ */+ 'number': numberInputType,+++ /**+ * @ngdoc inputType+ * @name ng.directive:input.url+ *+ * @description+ * Text input with URL validation. Sets the `url` validation error key if the content is not a+ * valid URL.+ *+ * @param {string} ngModel Assignable angular expression to data-bind to.+ * @param {string=} name Property name of the form under which the control is published.+ * @param {string=} required Sets `required` validation error key if the value is not entered.+ * @param {string=} ngRequired Adds `required` attribute and `required` validation constraint to+ * the element when the ngRequired expression evaluates to true. Use `ngRequired` instead of+ * `required` when you want to data-bind to the `required` attribute.+ * @param {number=} ngMinlength Sets `minlength` validation error key if the value is shorter than+ * minlength.+ * @param {number=} ngMaxlength Sets `maxlength` validation error key if the value is longer than+ * maxlength.+ * @param {string=} ngPattern Sets `pattern` validation error key if the value does not match the+ * RegExp pattern expression. Expected value is `/regexp/` for inline patterns or `regexp` for+ * patterns defined as scope expressions.+ * @param {string=} ngChange Angular expression to be executed when input changes due to user+ * interaction with the input element.+ *+ * @example+ <doc:example>+ <doc:source>+ <script>+ function Ctrl($scope) {+ $scope.text = 'http://google.com';+ }+ </script>+ <form name="myForm" ng-controller="Ctrl">+ URL: <input type="url" name="input" ng-model="text" required>+ <span class="error" ng-show="myForm.input.$error.required">+ Required!</span>+ <span class="error" ng-show="myForm.input.$error.url">+ Not valid url!</span>+ <tt>text = {{text}}</tt><br/>+ <tt>myForm.input.$valid = {{myForm.input.$valid}}</tt><br/>+ <tt>myForm.input.$error = {{myForm.input.$error}}</tt><br/>+ <tt>myForm.$valid = {{myForm.$valid}}</tt><br/>+ <tt>myForm.$error.required = {{!!myForm.$error.required}}</tt><br/>+ <tt>myForm.$error.url = {{!!myForm.$error.url}}</tt><br/>+ </form>+ </doc:source>+ <doc:scenario>+ it('should initialize to model', function() {+ expect(binding('text')).toEqual('http://google.com');+ expect(binding('myForm.input.$valid')).toEqual('true');+ });++ it('should be invalid if empty', function() {+ input('text').enter('');+ expect(binding('text')).toEqual('');+ expect(binding('myForm.input.$valid')).toEqual('false');+ });++ it('should be invalid if not url', function() {+ input('text').enter('xxx');+ expect(binding('myForm.input.$valid')).toEqual('false');+ });+ </doc:scenario>+ </doc:example>+ */+ 'url': urlInputType,+++ /**+ * @ngdoc inputType+ * @name ng.directive:input.email+ *+ * @description+ * Text input with email validation. Sets the `email` validation error key if not a valid email+ * address.+ *+ * @param {string} ngModel Assignable angular expression to data-bind to.+ * @param {string=} name Property name of the form under which the control is published.+ * @param {string=} required Sets `required` validation error key if the value is not entered.+ * @param {string=} ngRequired Adds `required` attribute and `required` validation constraint to+ * the element when the ngRequired expression evaluates to true. Use `ngRequired` instead of+ * `required` when you want to data-bind to the `required` attribute.+ * @param {number=} ngMinlength Sets `minlength` validation error key if the value is shorter than+ * minlength.+ * @param {number=} ngMaxlength Sets `maxlength` validation error key if the value is longer than+ * maxlength.+ * @param {string=} ngPattern Sets `pattern` validation error key if the value does not match the+ * RegExp pattern expression. Expected value is `/regexp/` for inline patterns or `regexp` for+ * patterns defined as scope expressions.+ * @param {string=} ngChange Angular expression to be executed when input changes due to user+ * interaction with the input element.+ *+ * @example+ <doc:example>+ <doc:source>+ <script>+ function Ctrl($scope) {+ $scope.text = 'me@example.com';+ }+ </script>+ <form name="myForm" ng-controller="Ctrl">+ Email: <input type="email" name="input" ng-model="text" required>+ <span class="error" ng-show="myForm.input.$error.required">+ Required!</span>+ <span class="error" ng-show="myForm.input.$error.email">+ Not valid email!</span>+ <tt>text = {{text}}</tt><br/>+ <tt>myForm.input.$valid = {{myForm.input.$valid}}</tt><br/>+ <tt>myForm.input.$error = {{myForm.input.$error}}</tt><br/>+ <tt>myForm.$valid = {{myForm.$valid}}</tt><br/>+ <tt>myForm.$error.required = {{!!myForm.$error.required}}</tt><br/>+ <tt>myForm.$error.email = {{!!myForm.$error.email}}</tt><br/>+ </form>+ </doc:source>+ <doc:scenario>+ it('should initialize to model', function() {+ expect(binding('text')).toEqual('me@example.com');+ expect(binding('myForm.input.$valid')).toEqual('true');+ });++ it('should be invalid if empty', function() {+ input('text').enter('');+ expect(binding('text')).toEqual('');+ expect(binding('myForm.input.$valid')).toEqual('false');+ });++ it('should be invalid if not email', function() {+ input('text').enter('xxx');+ expect(binding('myForm.input.$valid')).toEqual('false');+ });+ </doc:scenario>+ </doc:example>+ */+ 'email': emailInputType,+++ /**+ * @ngdoc inputType+ * @name ng.directive:input.radio+ *+ * @description+ * HTML radio button.+ *+ * @param {string} ngModel Assignable angular expression to data-bind to.+ * @param {string} value The value to which the expression should be set when selected.+ * @param {string=} name Property name of the form under which the control is published.+ * @param {string=} ngChange Angular expression to be executed when input changes due to user+ * interaction with the input element.+ *+ * @example+ <doc:example>+ <doc:source>+ <script>+ function Ctrl($scope) {+ $scope.color = 'blue';+ }+ </script>+ <form name="myForm" ng-controller="Ctrl">+ <input type="radio" ng-model="color" value="red"> Red <br/>+ <input type="radio" ng-model="color" value="green"> Green <br/>+ <input type="radio" ng-model="color" value="blue"> Blue <br/>+ <tt>color = {{color}}</tt><br/>+ </form>+ </doc:source>+ <doc:scenario>+ it('should change state', function() {+ expect(binding('color')).toEqual('blue');++ input('color').select('red');+ expect(binding('color')).toEqual('red');+ });+ </doc:scenario>+ </doc:example>+ */+ 'radio': radioInputType,+++ /**+ * @ngdoc inputType+ * @name ng.directive:input.checkbox+ *+ * @description+ * HTML checkbox.+ *+ * @param {string} ngModel Assignable angular expression to data-bind to.+ * @param {string=} name Property name of the form under which the control is published.+ * @param {string=} ngTrueValue The value to which the expression should be set when selected.+ * @param {string=} ngFalseValue The value to which the expression should be set when not selected.+ * @param {string=} ngChange Angular expression to be executed when input changes due to user+ * interaction with the input element.+ *+ * @example+ <doc:example>+ <doc:source>+ <script>+ function Ctrl($scope) {+ $scope.value1 = true;+ $scope.value2 = 'YES'+ }+ </script>+ <form name="myForm" ng-controller="Ctrl">+ Value1: <input type="checkbox" ng-model="value1"> <br/>+ Value2: <input type="checkbox" ng-model="value2"+ ng-true-value="YES" ng-false-value="NO"> <br/>+ <tt>value1 = {{value1}}</tt><br/>+ <tt>value2 = {{value2}}</tt><br/>+ </form>+ </doc:source>+ <doc:scenario>+ it('should change state', function() {+ expect(binding('value1')).toEqual('true');+ expect(binding('value2')).toEqual('YES');++ input('value1').check();+ input('value2').check();+ expect(binding('value1')).toEqual('false');+ expect(binding('value2')).toEqual('NO');+ });+ </doc:scenario>+ </doc:example>+ */+ 'checkbox': checkboxInputType,++ 'hidden': noop,+ 'button': noop,+ 'submit': noop,+ 'reset': noop+};+++function textInputType(scope, element, attr, ctrl, $sniffer, $browser) {+ // In composition mode, users are still inputing intermediate text buffer,+ // hold the listener until composition is done.+ // More about composition events: https://developer.mozilla.org/en-US/docs/Web/API/CompositionEvent+ var composing = false;++ element.on('compositionstart', function() {+ composing = true;+ });++ element.on('compositionend', function() {+ composing = false;+ });++ var listener = function() {+ if (composing) return;+ var value = element.val();++ // By default we will trim the value+ // If the attribute ng-trim exists we will avoid trimming+ // e.g. <input ng-model="foo" ng-trim="false">+ if (toBoolean(attr.ngTrim || 'T')) {+ value = trim(value);+ }++ if (ctrl.$viewValue !== value) {+ scope.$apply(function() {+ ctrl.$setViewValue(value);+ });+ }+ };++ // if the browser does support "input" event, we are fine - except on IE9 which doesn't fire the+ // input event on backspace, delete or cut+ if ($sniffer.hasEvent('input')) {+ element.on('input', listener);+ } else {+ var timeout;++ var deferListener = function() {+ if (!timeout) {+ timeout = $browser.defer(function() {+ listener();+ timeout = null;+ });+ }+ };++ element.on('keydown', function(event) {+ var key = event.keyCode;++ // ignore+ // command modifiers arrows+ if (key === 91 || (15 < key && key < 19) || (37 <= key && key <= 40)) return;++ deferListener();+ });++ // if user modifies input value using context menu in IE, we need "paste" and "cut" events to catch it+ if ($sniffer.hasEvent('paste')) {+ element.on('paste cut', deferListener);+ }+ }++ // if user paste into input using mouse on older browser+ // or form autocomplete on newer browser, we need "change" event to catch it+ element.on('change', listener);++ ctrl.$render = function() {+ element.val(ctrl.$isEmpty(ctrl.$viewValue) ? '' : ctrl.$viewValue);+ };++ // pattern validator+ var pattern = attr.ngPattern,+ patternValidator,+ match;++ var validate = function(regexp, value) {+ if (ctrl.$isEmpty(value) || regexp.test(value)) {+ ctrl.$setValidity('pattern', true);+ return value;+ } else {+ ctrl.$setValidity('pattern', false);+ return undefined;+ }+ };++ if (pattern) {+ match = pattern.match(/^\/(.*)\/([gim]*)$/);+ if (match) {+ pattern = new RegExp(match[1], match[2]);+ patternValidator = function(value) {+ return validate(pattern, value);+ };+ } else {+ patternValidator = function(value) {+ var patternObj = scope.$eval(pattern);++ if (!patternObj || !patternObj.test) {+ throw minErr('ngPattern')('noregexp',+ 'Expected {0} to be a RegExp but was {1}. Element: {2}', pattern,+ patternObj, startingTag(element));+ }+ return validate(patternObj, value);+ };+ }++ ctrl.$formatters.push(patternValidator);+ ctrl.$parsers.push(patternValidator);+ }++ // min length validator+ if (attr.ngMinlength) {+ var minlength = int(attr.ngMinlength);+ var minLengthValidator = function(value) {+ if (!ctrl.$isEmpty(value) && value.length < minlength) {+ ctrl.$setValidity('minlength', false);+ return undefined;+ } else {+ ctrl.$setValidity('minlength', true);+ return value;+ }+ };++ ctrl.$parsers.push(minLengthValidator);+ ctrl.$formatters.push(minLengthValidator);+ }++ // max length validator+ if (attr.ngMaxlength) {+ var maxlength = int(attr.ngMaxlength);+ var maxLengthValidator = function(value) {+ if (!ctrl.$isEmpty(value) && value.length > maxlength) {+ ctrl.$setValidity('maxlength', false);+ return undefined;+ } else {+ ctrl.$setValidity('maxlength', true);+ return value;+ }+ };++ ctrl.$parsers.push(maxLengthValidator);+ ctrl.$formatters.push(maxLengthValidator);+ }+}++function numberInputType(scope, element, attr, ctrl, $sniffer, $browser) {+ textInputType(scope, element, attr, ctrl, $sniffer, $browser);++ ctrl.$parsers.push(function(value) {+ var empty = ctrl.$isEmpty(value);+ if (empty || NUMBER_REGEXP.test(value)) {+ ctrl.$setValidity('number', true);+ return value === '' ? null : (empty ? value : parseFloat(value));+ } else {+ ctrl.$setValidity('number', false);+ return undefined;+ }+ });++ ctrl.$formatters.push(function(value) {+ return ctrl.$isEmpty(value) ? '' : '' + value;+ });++ if (attr.min) {+ var minValidator = function(value) {+ var min = parseFloat(attr.min);+ if (!ctrl.$isEmpty(value) && value < min) {+ ctrl.$setValidity('min', false);+ return undefined;+ } else {+ ctrl.$setValidity('min', true);+ return value;+ }+ };++ ctrl.$parsers.push(minValidator);+ ctrl.$formatters.push(minValidator);+ }++ if (attr.max) {+ var maxValidator = function(value) {+ var max = parseFloat(attr.max);+ if (!ctrl.$isEmpty(value) && value > max) {+ ctrl.$setValidity('max', false);+ return undefined;+ } else {+ ctrl.$setValidity('max', true);+ return value;+ }+ };++ ctrl.$parsers.push(maxValidator);+ ctrl.$formatters.push(maxValidator);+ }++ ctrl.$formatters.push(function(value) {++ if (ctrl.$isEmpty(value) || isNumber(value)) {+ ctrl.$setValidity('number', true);+ return value;+ } else {+ ctrl.$setValidity('number', false);+ return undefined;+ }+ });+}++function urlInputType(scope, element, attr, ctrl, $sniffer, $browser) {+ textInputType(scope, element, attr, ctrl, $sniffer, $browser);++ var urlValidator = function(value) {+ if (ctrl.$isEmpty(value) || URL_REGEXP.test(value)) {+ ctrl.$setValidity('url', true);+ return value;+ } else {+ ctrl.$setValidity('url', false);+ return undefined;+ }+ };++ ctrl.$formatters.push(urlValidator);+ ctrl.$parsers.push(urlValidator);+}++function emailInputType(scope, element, attr, ctrl, $sniffer, $browser) {+ textInputType(scope, element, attr, ctrl, $sniffer, $browser);++ var emailValidator = function(value) {+ if (ctrl.$isEmpty(value) || EMAIL_REGEXP.test(value)) {+ ctrl.$setValidity('email', true);+ return value;+ } else {+ ctrl.$setValidity('email', false);+ return undefined;+ }+ };++ ctrl.$formatters.push(emailValidator);+ ctrl.$parsers.push(emailValidator);+}++function radioInputType(scope, element, attr, ctrl) {+ // make the name unique, if not defined+ if (isUndefined(attr.name)) {+ element.attr('name', nextUid());+ }++ element.on('click', function() {+ if (element[0].checked) {+ scope.$apply(function() {+ ctrl.$setViewValue(attr.value);+ });+ }+ });++ ctrl.$render = function() {+ var value = attr.value;+ element[0].checked = (value == ctrl.$viewValue);+ };++ attr.$observe('value', ctrl.$render);+}++function checkboxInputType(scope, element, attr, ctrl) {+ var trueValue = attr.ngTrueValue,+ falseValue = attr.ngFalseValue;++ if (!isString(trueValue)) trueValue = true;+ if (!isString(falseValue)) falseValue = false;++ element.on('click', function() {+ scope.$apply(function() {+ ctrl.$setViewValue(element[0].checked);+ });+ });++ ctrl.$render = function() {+ element[0].checked = ctrl.$viewValue;+ };++ // Override the standard `$isEmpty` because a value of `false` means empty in a checkbox.+ ctrl.$isEmpty = function(value) {+ return value !== trueValue;+ };++ ctrl.$formatters.push(function(value) {+ return value === trueValue;+ });++ ctrl.$parsers.push(function(value) {+ return value ? trueValue : falseValue;+ });+}+++/**+ * @ngdoc directive+ * @name ng.directive:textarea+ * @restrict E+ *+ * @description+ * HTML textarea element control with angular data-binding. The data-binding and validation+ * properties of this element are exactly the same as those of the+ * {@link ng.directive:input input element}.+ *+ * @param {string} ngModel Assignable angular expression to data-bind to.+ * @param {string=} name Property name of the form under which the control is published.+ * @param {string=} required Sets `required` validation error key if the value is not entered.+ * @param {string=} ngRequired Adds `required` attribute and `required` validation constraint to+ * the element when the ngRequired expression evaluates to true. Use `ngRequired` instead of+ * `required` when you want to data-bind to the `required` attribute.+ * @param {number=} ngMinlength Sets `minlength` validation error key if the value is shorter than+ * minlength.+ * @param {number=} ngMaxlength Sets `maxlength` validation error key if the value is longer than+ * maxlength.+ * @param {string=} ngPattern Sets `pattern` validation error key if the value does not match the+ * RegExp pattern expression. Expected value is `/regexp/` for inline patterns or `regexp` for+ * patterns defined as scope expressions.+ * @param {string=} ngChange Angular expression to be executed when input changes due to user+ * interaction with the input element.+ */+++/**+ * @ngdoc directive+ * @name ng.directive:input+ * @restrict E+ *+ * @description+ * HTML input element control with angular data-binding. Input control follows HTML5 input types+ * and polyfills the HTML5 validation behavior for older browsers.+ *+ * @param {string} ngModel Assignable angular expression to data-bind to.+ * @param {string=} name Property name of the form under which the control is published.+ * @param {string=} required Sets `required` validation error key if the value is not entered.+ * @param {boolean=} ngRequired Sets `required` attribute if set to true+ * @param {number=} ngMinlength Sets `minlength` validation error key if the value is shorter than+ * minlength.+ * @param {number=} ngMaxlength Sets `maxlength` validation error key if the value is longer than+ * maxlength.+ * @param {string=} ngPattern Sets `pattern` validation error key if the value does not match the+ * RegExp pattern expression. Expected value is `/regexp/` for inline patterns or `regexp` for+ * patterns defined as scope expressions.+ * @param {string=} ngChange Angular expression to be executed when input changes due to user+ * interaction with the input element.+ *+ * @example+ <doc:example>+ <doc:source>+ <script>+ function Ctrl($scope) {+ $scope.user = {name: 'guest', last: 'visitor'};+ }+ </script>+ <div ng-controller="Ctrl">+ <form name="myForm">+ User name: <input type="text" name="userName" ng-model="user.name" required>+ <span class="error" ng-show="myForm.userName.$error.required">+ Required!</span><br>+ Last name: <input type="text" name="lastName" ng-model="user.last"+ ng-minlength="3" ng-maxlength="10">+ <span class="error" ng-show="myForm.lastName.$error.minlength">+ Too short!</span>+ <span class="error" ng-show="myForm.lastName.$error.maxlength">+ Too long!</span><br>+ </form>+ <hr>+ <tt>user = {{user}}</tt><br/>+ <tt>myForm.userName.$valid = {{myForm.userName.$valid}}</tt><br>+ <tt>myForm.userName.$error = {{myForm.userName.$error}}</tt><br>+ <tt>myForm.lastName.$valid = {{myForm.lastName.$valid}}</tt><br>+ <tt>myForm.lastName.$error = {{myForm.lastName.$error}}</tt><br>+ <tt>myForm.$valid = {{myForm.$valid}}</tt><br>+ <tt>myForm.$error.required = {{!!myForm.$error.required}}</tt><br>+ <tt>myForm.$error.minlength = {{!!myForm.$error.minlength}}</tt><br>+ <tt>myForm.$error.maxlength = {{!!myForm.$error.maxlength}}</tt><br>+ </div>+ </doc:source>+ <doc:scenario>+ it('should initialize to model', function() {+ expect(binding('user')).toEqual('{"name":"guest","last":"visitor"}');+ expect(binding('myForm.userName.$valid')).toEqual('true');+ expect(binding('myForm.$valid')).toEqual('true');+ });++ it('should be invalid if empty when required', function() {+ input('user.name').enter('');+ expect(binding('user')).toEqual('{"last":"visitor"}');+ expect(binding('myForm.userName.$valid')).toEqual('false');+ expect(binding('myForm.$valid')).toEqual('false');+ });++ it('should be valid if empty when min length is set', function() {+ input('user.last').enter('');+ expect(binding('user')).toEqual('{"name":"guest","last":""}');+ expect(binding('myForm.lastName.$valid')).toEqual('true');+ expect(binding('myForm.$valid')).toEqual('true');+ });++ it('should be invalid if less than required min length', function() {+ input('user.last').enter('xx');+ expect(binding('user')).toEqual('{"name":"guest"}');+ expect(binding('myForm.lastName.$valid')).toEqual('false');+ expect(binding('myForm.lastName.$error')).toMatch(/minlength/);+ expect(binding('myForm.$valid')).toEqual('false');+ });++ it('should be invalid if longer than max length', function() {+ input('user.last').enter('some ridiculously long name');+ expect(binding('user'))+ .toEqual('{"name":"guest"}');+ expect(binding('myForm.lastName.$valid')).toEqual('false');+ expect(binding('myForm.lastName.$error')).toMatch(/maxlength/);+ expect(binding('myForm.$valid')).toEqual('false');+ });+ </doc:scenario>+ </doc:example>+ */+var inputDirective = ['$browser', '$sniffer', function($browser, $sniffer) {+ return {+ restrict: 'E',+ require: '?ngModel',+ link: function(scope, element, attr, ctrl) {+ if (ctrl) {+ (inputType[lowercase(attr.type)] || inputType.text)(scope, element, attr, ctrl, $sniffer,+ $browser);+ }+ }+ };+}];++var VALID_CLASS = 'ng-valid',+ INVALID_CLASS = 'ng-invalid',+ PRISTINE_CLASS = 'ng-pristine',+ DIRTY_CLASS = 'ng-dirty';++/**+ * @ngdoc object+ * @name ng.directive:ngModel.NgModelController+ *+ * @property {string} $viewValue Actual string value in the view.+ * @property {*} $modelValue The value in the model, that the control is bound to.+ * @property {Array.<Function>} $parsers Array of functions to execute, as a pipeline, whenever+ the control reads value from the DOM. Each function is called, in turn, passing the value+ through to the next. Used to sanitize / convert the value as well as validation.+ For validation, the parsers should update the validity state using+ {@link ng.directive:ngModel.NgModelController#methods_$setValidity $setValidity()},+ and return `undefined` for invalid values.++ *+ * @property {Array.<Function>} $formatters Array of functions to execute, as a pipeline, whenever+ the model value changes. Each function is called, in turn, passing the value through to the+ next. Used to format / convert values for display in the control and validation.+ * <pre>+ * function formatter(value) {+ * if (value) {+ * return value.toUpperCase();+ * }+ * }+ * ngModel.$formatters.push(formatter);+ * </pre>+ *+ * @property {Array.<Function>} $viewChangeListeners Array of functions to execute whenever the+ * view value has changed. It is called with no arguments, and its return value is ignored.+ * This can be used in place of additional $watches against the model value.+ *+ * @property {Object} $error An object hash with all errors as keys.+ *+ * @property {boolean} $pristine True if user has not interacted with the control yet.+ * @property {boolean} $dirty True if user has already interacted with the control.+ * @property {boolean} $valid True if there is no error.+ * @property {boolean} $invalid True if at least one error on the control.+ *+ * @description+ *+ * `NgModelController` provides API for the `ng-model` directive. The controller contains+ * services for data-binding, validation, CSS updates, and value formatting and parsing. It+ * purposefully does not contain any logic which deals with DOM rendering or listening to+ * DOM events. Such DOM related logic should be provided by other directives which make use of+ * `NgModelController` for data-binding.+ *+ * ## Custom Control Example+ * This example shows how to use `NgModelController` with a custom control to achieve+ * data-binding. Notice how different directives (`contenteditable`, `ng-model`, and `required`)+ * collaborate together to achieve the desired result.+ *+ * Note that `contenteditable` is an HTML5 attribute, which tells the browser to let the element+ * contents be edited in place by the user. This will not work on older browsers.+ *+ * <example module="customControl">+ <file name="style.css">+ [contenteditable] {+ border: 1px solid black;+ background-color: white;+ min-height: 20px;+ }++ .ng-invalid {+ border: 1px solid red;+ }++ </file>+ <file name="script.js">+ angular.module('customControl', []).+ directive('contenteditable', function() {+ return {+ restrict: 'A', // only activate on element attribute+ require: '?ngModel', // get a hold of NgModelController+ link: function(scope, element, attrs, ngModel) {+ if(!ngModel) return; // do nothing if no ng-model++ // Specify how UI should be updated+ ngModel.$render = function() {+ element.html(ngModel.$viewValue || '');+ };++ // Listen for change events to enable binding+ element.on('blur keyup change', function() {+ scope.$apply(read);+ });+ read(); // initialize++ // Write data to the model+ function read() {+ var html = element.html();+ // When we clear the content editable the browser leaves a <br> behind+ // If strip-br attribute is provided then we strip this out+ if( attrs.stripBr && html == '<br>' ) {+ html = '';+ }+ ngModel.$setViewValue(html);+ }+ }+ };+ });+ </file>+ <file name="index.html">+ <form name="myForm">+ <div contenteditable+ name="myWidget" ng-model="userContent"+ strip-br="true"+ required>Change me!</div>+ <span ng-show="myForm.myWidget.$error.required">Required!</span>+ <hr>+ <textarea ng-model="userContent"></textarea>+ </form>+ </file>+ <file name="scenario.js">+ it('should data-bind and become invalid', function() {+ var contentEditable = element('[contenteditable]');++ expect(contentEditable.text()).toEqual('Change me!');+ input('userContent').enter('');+ expect(contentEditable.text()).toEqual('');+ expect(contentEditable.prop('className')).toMatch(/ng-invalid-required/);+ });+ </file>+ * </example>+ *+ *+ */+var NgModelController = ['$scope', '$exceptionHandler', '$attrs', '$element', '$parse',+ function($scope, $exceptionHandler, $attr, $element, $parse) {+ this.$viewValue = Number.NaN;+ this.$modelValue = Number.NaN;+ this.$parsers = [];+ this.$formatters = [];+ this.$viewChangeListeners = [];+ this.$pristine = true;+ this.$dirty = false;+ this.$valid = true;+ this.$invalid = false;+ this.$name = $attr.name;++ var ngModelGet = $parse($attr.ngModel),+ ngModelSet = ngModelGet.assign;++ if (!ngModelSet) {+ throw minErr('ngModel')('nonassign', "Expression '{0}' is non-assignable. Element: {1}",+ $attr.ngModel, startingTag($element));+ }++ /**+ * @ngdoc function+ * @name ng.directive:ngModel.NgModelController#$render+ * @methodOf ng.directive:ngModel.NgModelController+ *+ * @description+ * Called when the view needs to be updated. It is expected that the user of the ng-model+ * directive will implement this method.+ */+ this.$render = noop;++ /**+ * @ngdoc function+ * @name { ng.directive:ngModel.NgModelController#$isEmpty+ * @methodOf ng.directive:ngModel.NgModelController+ *+ * @description+ * This is called when we need to determine if the value of the input is empty.+ *+ * For instance, the required directive does this to work out if the input has data or not.+ * The default `$isEmpty` function checks whether the value is `undefined`, `''`, `null` or `NaN`.+ *+ * You can override this for input directives whose concept of being empty is different to the+ * default. The `checkboxInputType` directive does this because in its case a value of `false`+ * implies empty.+ */+ this.$isEmpty = function(value) {+ return isUndefined(value) || value === '' || value === null || value !== value;+ };++ var parentForm = $element.inheritedData('$formController') || nullFormCtrl,+ invalidCount = 0, // used to easily determine if we are valid+ $error = this.$error = {}; // keep invalid keys here+++ // Setup initial state of the control+ $element.addClass(PRISTINE_CLASS);+ toggleValidCss(true);++ // convenience method for easy toggling of classes+ function toggleValidCss(isValid, validationErrorKey) {+ validationErrorKey = validationErrorKey ? '-' + snake_case(validationErrorKey, '-') : '';+ $element.+ removeClass((isValid ? INVALID_CLASS : VALID_CLASS) + validationErrorKey).+ addClass((isValid ? VALID_CLASS : INVALID_CLASS) + validationErrorKey);+ }++ /**+ * @ngdoc function+ * @name ng.directive:ngModel.NgModelController#$setValidity+ * @methodOf ng.directive:ngModel.NgModelController+ *+ * @description+ * Change the validity state, and notifies the form when the control changes validity. (i.e. it+ * does not notify form if given validator is already marked as invalid).+ *+ * This method should be called by validators - i.e. the parser or formatter functions.+ *+ * @param {string} validationErrorKey Name of the validator. the `validationErrorKey` will assign+ * to `$error[validationErrorKey]=isValid` so that it is available for data-binding.+ * The `validationErrorKey` should be in camelCase and will get converted into dash-case+ * for class name. Example: `myError` will result in `ng-valid-my-error` and `ng-invalid-my-error`+ * class and can be bound to as `{{someForm.someControl.$error.myError}}` .+ * @param {boolean} isValid Whether the current state is valid (true) or invalid (false).+ */+ this.$setValidity = function(validationErrorKey, isValid) {+ // Purposeful use of ! here to cast isValid to boolean in case it is undefined+ // jshint -W018+ if ($error[validationErrorKey] === !isValid) return;+ // jshint +W018++ if (isValid) {+ if ($error[validationErrorKey]) invalidCount--;+ if (!invalidCount) {+ toggleValidCss(true);+ this.$valid = true;+ this.$invalid = false;+ }+ } else {+ toggleValidCss(false);+ this.$invalid = true;+ this.$valid = false;+ invalidCount++;+ }++ $error[validationErrorKey] = !isValid;+ toggleValidCss(isValid, validationErrorKey);++ parentForm.$setValidity(validationErrorKey, isValid, this);+ };++ /**+ * @ngdoc function+ * @name ng.directive:ngModel.NgModelController#$setPristine+ * @methodOf ng.directive:ngModel.NgModelController+ *+ * @description+ * Sets the control to its pristine state.+ *+ * This method can be called to remove the 'ng-dirty' class and set the control to its pristine+ * state (ng-pristine class).+ */+ this.$setPristine = function () {+ this.$dirty = false;+ this.$pristine = true;+ $element.removeClass(DIRTY_CLASS).addClass(PRISTINE_CLASS);+ };++ /**+ * @ngdoc function+ * @name ng.directive:ngModel.NgModelController#$setViewValue+ * @methodOf ng.directive:ngModel.NgModelController+ *+ * @description+ * Update the view value.+ *+ * This method should be called when the view value changes, typically from within a DOM event handler.+ * For example {@link ng.directive:input input} and+ * {@link ng.directive:select select} directives call it.+ *+ * It will update the $viewValue, then pass this value through each of the functions in `$parsers`,+ * which includes any validators. The value that comes out of this `$parsers` pipeline, be applied to+ * `$modelValue` and the **expression** specified in the `ng-model` attribute.+ *+ * Lastly, all the registered change listeners, in the `$viewChangeListeners` list, are called.+ *+ * Note that calling this function does not trigger a `$digest`.+ *+ * @param {string} value Value from the view.+ */+ this.$setViewValue = function(value) {+ this.$viewValue = value;++ // change to dirty+ if (this.$pristine) {+ this.$dirty = true;+ this.$pristine = false;+ $element.removeClass(PRISTINE_CLASS).addClass(DIRTY_CLASS);+ parentForm.$setDirty();+ }++ forEach(this.$parsers, function(fn) {+ value = fn(value);+ });++ if (this.$modelValue !== value) {+ this.$modelValue = value;+ ngModelSet($scope, value);+ forEach(this.$viewChangeListeners, function(listener) {+ try {+ listener();+ } catch(e) {+ $exceptionHandler(e);+ }+ });+ }+ };++ // model -> value+ var ctrl = this;++ $scope.$watch(function ngModelWatch() {+ var value = ngModelGet($scope);++ // if scope model value and ngModel value are out of sync+ if (ctrl.$modelValue !== value) {++ var formatters = ctrl.$formatters,+ idx = formatters.length;++ ctrl.$modelValue = value;+ while(idx--) {+ value = formatters[idx](value);+ }++ if (ctrl.$viewValue !== value) {+ ctrl.$viewValue = value;+ ctrl.$render();+ }+ }++ return value;+ });+}];+++/**+ * @ngdoc directive+ * @name ng.directive:ngModel+ *+ * @element input+ *+ * @description+ * The `ngModel` directive binds an `input`,`select`, `textarea` (or custom form control) to a+ * property on the scope using {@link ng.directive:ngModel.NgModelController NgModelController},+ * which is created and exposed by this directive.+ *+ * `ngModel` is responsible for:+ *+ * - Binding the view into the model, which other directives such as `input`, `textarea` or `select`+ * require.+ * - Providing validation behavior (i.e. required, number, email, url).+ * - Keeping the state of the control (valid/invalid, dirty/pristine, validation errors).+ * - Setting related css classes on the element (`ng-valid`, `ng-invalid`, `ng-dirty`, `ng-pristine`).+ * - Registering the control with its parent {@link ng.directive:form form}.+ *+ * Note: `ngModel` will try to bind to the property given by evaluating the expression on the+ * current scope. If the property doesn't already exist on this scope, it will be created+ * implicitly and added to the scope.+ *+ * For best practices on using `ngModel`, see:+ *+ * - {@link https://github.com/angular/angular.js/wiki/Understanding-Scopes}+ *+ * For basic examples, how to use `ngModel`, see:+ *+ * - {@link ng.directive:input input}+ * - {@link ng.directive:input.text text}+ * - {@link ng.directive:input.checkbox checkbox}+ * - {@link ng.directive:input.radio radio}+ * - {@link ng.directive:input.number number}+ * - {@link ng.directive:input.email email}+ * - {@link ng.directive:input.url url}+ * - {@link ng.directive:select select}+ * - {@link ng.directive:textarea textarea}+ *+ */+var ngModelDirective = function() {+ return {+ require: ['ngModel', '^?form'],+ controller: NgModelController,+ link: function(scope, element, attr, ctrls) {+ // notify others, especially parent forms++ var modelCtrl = ctrls[0],+ formCtrl = ctrls[1] || nullFormCtrl;++ formCtrl.$addControl(modelCtrl);++ scope.$on('$destroy', function() {+ formCtrl.$removeControl(modelCtrl);+ });+ }+ };+};+++/**+ * @ngdoc directive+ * @name ng.directive:ngChange+ *+ * @description+ * Evaluate given expression when user changes the input.+ * The expression is not evaluated when the value change is coming from the model.+ *+ * Note, this directive requires `ngModel` to be present.+ *+ * @element input+ * @param {expression} ngChange {@link guide/expression Expression} to evaluate upon change+ * in input value.+ *+ * @example+ * <doc:example>+ * <doc:source>+ * <script>+ * function Controller($scope) {+ * $scope.counter = 0;+ * $scope.change = function() {+ * $scope.counter++;+ * };+ * }+ * </script>+ * <div ng-controller="Controller">+ * <input type="checkbox" ng-model="confirmed" ng-change="change()" id="ng-change-example1" />+ * <input type="checkbox" ng-model="confirmed" id="ng-change-example2" />+ * <label for="ng-change-example2">Confirmed</label><br />+ * debug = {{confirmed}}<br />+ * counter = {{counter}}+ * </div>+ * </doc:source>+ * <doc:scenario>+ * it('should evaluate the expression if changing from view', function() {+ * expect(binding('counter')).toEqual('0');+ * element('#ng-change-example1').click();+ * expect(binding('counter')).toEqual('1');+ * expect(binding('confirmed')).toEqual('true');+ * });+ *+ * it('should not evaluate the expression if changing from model', function() {+ * element('#ng-change-example2').click();+ * expect(binding('counter')).toEqual('0');+ * expect(binding('confirmed')).toEqual('true');+ * });+ * </doc:scenario>+ * </doc:example>+ */+var ngChangeDirective = valueFn({+ require: 'ngModel',+ link: function(scope, element, attr, ctrl) {+ ctrl.$viewChangeListeners.push(function() {+ scope.$eval(attr.ngChange);+ });+ }+});+++var requiredDirective = function() {+ return {+ require: '?ngModel',+ link: function(scope, elm, attr, ctrl) {+ if (!ctrl) return;+ attr.required = true; // force truthy in case we are on non input element++ var validator = function(value) {+ if (attr.required && ctrl.$isEmpty(value)) {+ ctrl.$setValidity('required', false);+ return;+ } else {+ ctrl.$setValidity('required', true);+ return value;+ }+ };++ ctrl.$formatters.push(validator);+ ctrl.$parsers.unshift(validator);++ attr.$observe('required', function() {+ validator(ctrl.$viewValue);+ });+ }+ };+};+++/**+ * @ngdoc directive+ * @name ng.directive:ngList+ *+ * @description+ * Text input that converts between a delimited string and an array of strings. The delimiter+ * can be a fixed string (by default a comma) or a regular expression.+ *+ * @element input+ * @param {string=} ngList optional delimiter that should be used to split the value. If+ * specified in form `/something/` then the value will be converted into a regular expression.+ *+ * @example+ <doc:example>+ <doc:source>+ <script>+ function Ctrl($scope) {+ $scope.names = ['igor', 'misko', 'vojta'];+ }+ </script>+ <form name="myForm" ng-controller="Ctrl">+ List: <input name="namesInput" ng-model="names" ng-list required>+ <span class="error" ng-show="myForm.namesInput.$error.required">+ Required!</span>+ <br>+ <tt>names = {{names}}</tt><br/>+ <tt>myForm.namesInput.$valid = {{myForm.namesInput.$valid}}</tt><br/>+ <tt>myForm.namesInput.$error = {{myForm.namesInput.$error}}</tt><br/>+ <tt>myForm.$valid = {{myForm.$valid}}</tt><br/>+ <tt>myForm.$error.required = {{!!myForm.$error.required}}</tt><br/>+ </form>+ </doc:source>+ <doc:scenario>+ it('should initialize to model', function() {+ expect(binding('names')).toEqual('["igor","misko","vojta"]');+ expect(binding('myForm.namesInput.$valid')).toEqual('true');+ expect(element('span.error').css('display')).toBe('none');+ });++ it('should be invalid if empty', function() {+ input('names').enter('');+ expect(binding('names')).toEqual('');+ expect(binding('myForm.namesInput.$valid')).toEqual('false');+ expect(element('span.error').css('display')).not().toBe('none');+ });+ </doc:scenario>+ </doc:example>+ */+var ngListDirective = function() {+ return {+ require: 'ngModel',+ link: function(scope, element, attr, ctrl) {+ var match = /\/(.*)\//.exec(attr.ngList),+ separator = match && new RegExp(match[1]) || attr.ngList || ',';++ var parse = function(viewValue) {+ // If the viewValue is invalid (say required but empty) it will be `undefined`+ if (isUndefined(viewValue)) return;++ var list = [];++ if (viewValue) {+ forEach(viewValue.split(separator), function(value) {+ if (value) list.push(trim(value));+ });+ }++ return list;+ };++ ctrl.$parsers.push(parse);+ ctrl.$formatters.push(function(value) {+ if (isArray(value)) {+ return value.join(', ');+ }++ return undefined;+ });++ // Override the standard $isEmpty because an empty array means the input is empty.+ ctrl.$isEmpty = function(value) {+ return !value || !value.length;+ };+ }+ };+};+++var CONSTANT_VALUE_REGEXP = /^(true|false|\d+)$/;+/**+ * @ngdoc directive+ * @name ng.directive:ngValue+ *+ * @description+ * Binds the given expression to the value of `input[select]` or `input[radio]`, so+ * that when the element is selected, the `ngModel` of that element is set to the+ * bound value.+ *+ * `ngValue` is useful when dynamically generating lists of radio buttons using `ng-repeat`, as+ * shown below.+ *+ * @element input+ * @param {string=} ngValue angular expression, whose value will be bound to the `value` attribute+ * of the `input` element+ *+ * @example+ <doc:example>+ <doc:source>+ <script>+ function Ctrl($scope) {+ $scope.names = ['pizza', 'unicorns', 'robots'];+ $scope.my = { favorite: 'unicorns' };+ }+ </script>+ <form ng-controller="Ctrl">+ <h2>Which is your favorite?</h2>+ <label ng-repeat="name in names" for="{{name}}">+ {{name}}+ <input type="radio"+ ng-model="my.favorite"+ ng-value="name"+ id="{{name}}"+ name="favorite">+ </label>+ </span>+ <div>You chose {{my.favorite}}</div>+ </form>+ </doc:source>+ <doc:scenario>+ it('should initialize to model', function() {+ expect(binding('my.favorite')).toEqual('unicorns');+ });+ it('should bind the values to the inputs', function() {+ input('my.favorite').select('pizza');+ expect(binding('my.favorite')).toEqual('pizza');+ });+ </doc:scenario>+ </doc:example>+ */+var ngValueDirective = function() {+ return {+ priority: 100,+ compile: function(tpl, tplAttr) {+ if (CONSTANT_VALUE_REGEXP.test(tplAttr.ngValue)) {+ return function ngValueConstantLink(scope, elm, attr) {+ attr.$set('value', scope.$eval(attr.ngValue));+ };+ } else {+ return function ngValueLink(scope, elm, attr) {+ scope.$watch(attr.ngValue, function valueWatchAction(value) {+ attr.$set('value', value);+ });+ };+ }+ }+ };+};++/**+ * @ngdoc directive+ * @name ng.directive:ngBind+ * @restrict AC+ *+ * @description+ * The `ngBind` attribute tells Angular to replace the text content of the specified HTML element+ * with the value of a given expression, and to update the text content when the value of that+ * expression changes.+ *+ * Typically, you don't use `ngBind` directly, but instead you use the double curly markup like+ * `{{ expression }}` which is similar but less verbose.+ *+ * It is preferrable to use `ngBind` instead of `{{ expression }}` when a template is momentarily+ * displayed by the browser in its raw state before Angular compiles it. Since `ngBind` is an+ * element attribute, it makes the bindings invisible to the user while the page is loading.+ *+ * An alternative solution to this problem would be using the+ * {@link ng.directive:ngCloak ngCloak} directive.+ *+ *+ * @element ANY+ * @param {expression} ngBind {@link guide/expression Expression} to evaluate.+ *+ * @example+ * Enter a name in the Live Preview text box; the greeting below the text box changes instantly.+ <doc:example>+ <doc:source>+ <script>+ function Ctrl($scope) {+ $scope.name = 'Whirled';+ }+ </script>+ <div ng-controller="Ctrl">+ Enter name: <input type="text" ng-model="name"><br>+ Hello <span ng-bind="name"></span>!+ </div>+ </doc:source>+ <doc:scenario>+ it('should check ng-bind', function() {+ expect(using('.doc-example-live').binding('name')).toBe('Whirled');+ using('.doc-example-live').input('name').enter('world');+ expect(using('.doc-example-live').binding('name')).toBe('world');+ });+ </doc:scenario>+ </doc:example>+ */+var ngBindDirective = ngDirective(function(scope, element, attr) {+ element.addClass('ng-binding').data('$binding', attr.ngBind);+ scope.$watch(attr.ngBind, function ngBindWatchAction(value) {+ // We are purposefully using == here rather than === because we want to+ // catch when value is "null or undefined"+ // jshint -W041+ element.text(value == undefined ? '' : value);+ });+});+++/**+ * @ngdoc directive+ * @name ng.directive:ngBindTemplate+ *+ * @description+ * The `ngBindTemplate` directive specifies that the element+ * text content should be replaced with the interpolation of the template+ * in the `ngBindTemplate` attribute.+ * Unlike `ngBind`, the `ngBindTemplate` can contain multiple `{{` `}}`+ * expressions. This directive is needed since some HTML elements+ * (such as TITLE and OPTION) cannot contain SPAN elements.+ *+ * @element ANY+ * @param {string} ngBindTemplate template of form+ * <tt>{{</tt> <tt>expression</tt> <tt>}}</tt> to eval.+ *+ * @example+ * Try it here: enter text in text box and watch the greeting change.+ <doc:example>+ <doc:source>+ <script>+ function Ctrl($scope) {+ $scope.salutation = 'Hello';+ $scope.name = 'World';+ }+ </script>+ <div ng-controller="Ctrl">+ Salutation: <input type="text" ng-model="salutation"><br>+ Name: <input type="text" ng-model="name"><br>+ <pre ng-bind-template="{{salutation}} {{name}}!"></pre>+ </div>+ </doc:source>+ <doc:scenario>+ it('should check ng-bind', function() {+ expect(using('.doc-example-live').binding('salutation')).+ toBe('Hello');+ expect(using('.doc-example-live').binding('name')).+ toBe('World');+ using('.doc-example-live').input('salutation').enter('Greetings');+ using('.doc-example-live').input('name').enter('user');+ expect(using('.doc-example-live').binding('salutation')).+ toBe('Greetings');+ expect(using('.doc-example-live').binding('name')).+ toBe('user');+ });+ </doc:scenario>+ </doc:example>+ */+var ngBindTemplateDirective = ['$interpolate', function($interpolate) {+ return function(scope, element, attr) {+ // TODO: move this to scenario runner+ var interpolateFn = $interpolate(element.attr(attr.$attr.ngBindTemplate));+ element.addClass('ng-binding').data('$binding', interpolateFn);+ attr.$observe('ngBindTemplate', function(value) {+ element.text(value);+ });+ };+}];+++/**+ * @ngdoc directive+ * @name ng.directive:ngBindHtml+ *+ * @description+ * Creates a binding that will innerHTML the result of evaluating the `expression` into the current+ * element in a secure way. By default, the innerHTML-ed content will be sanitized using the {@link+ * ngSanitize.$sanitize $sanitize} service. To utilize this functionality, ensure that `$sanitize`+ * is available, for example, by including {@link ngSanitize} in your module's dependencies (not in+ * core Angular.) You may also bypass sanitization for values you know are safe. To do so, bind to+ * an explicitly trusted value via {@link ng.$sce#methods_trustAsHtml $sce.trustAsHtml}. See the example+ * under {@link ng.$sce#Example Strict Contextual Escaping (SCE)}.+ *+ * Note: If a `$sanitize` service is unavailable and the bound value isn't explicitly trusted, you+ * will have an exception (instead of an exploit.)+ *+ * @element ANY+ * @param {expression} ngBindHtml {@link guide/expression Expression} to evaluate.+ *+ * @example+ Try it here: enter text in text box and watch the greeting change.+ + <example module="ngBindHtmlExample" deps="angular-sanitize.js">+ <file name="index.html">+ <div ng-controller="ngBindHtmlCtrl">+ <p ng-bind-html="myHTML"></p>+ </div>+ </file>+ + <file name="script.js">+ angular.module('ngBindHtmlExample', ['ngSanitize'])++ .controller('ngBindHtmlCtrl', ['$scope', function ngBindHtmlCtrl($scope) {+ $scope.myHTML =+ 'I am an <code>HTML</code>string with <a href="#">links!</a> and other <em>stuff</em>';+ }]);+ </file>++ <file name="scenario.js">+ it('should check ng-bind-html', function() {+ expect(using('.doc-example-live').binding('myHTML')).+ toBe(+ 'I am an <code>HTML</code>string with <a href="#">links!</a> and other <em>stuff</em>'+ );+ });+ </file>+ </example>+ */+var ngBindHtmlDirective = ['$sce', '$parse', function($sce, $parse) {+ return function(scope, element, attr) {+ element.addClass('ng-binding').data('$binding', attr.ngBindHtml);++ var parsed = $parse(attr.ngBindHtml);+ function getStringValue() { return (parsed(scope) || '').toString(); }++ scope.$watch(getStringValue, function ngBindHtmlWatchAction(value) {+ element.html($sce.getTrustedHtml(parsed(scope)) || '');+ });+ };+}];++function classDirective(name, selector) {+ name = 'ngClass' + name;+ return function() {+ return {+ restrict: 'AC',+ link: function(scope, element, attr) {+ var oldVal;++ scope.$watch(attr[name], ngClassWatchAction, true);++ attr.$observe('class', function(value) {+ ngClassWatchAction(scope.$eval(attr[name]));+ });+++ if (name !== 'ngClass') {+ scope.$watch('$index', function($index, old$index) {+ // jshint bitwise: false+ var mod = $index & 1;+ if (mod !== old$index & 1) {+ var classes = flattenClasses(scope.$eval(attr[name]));+ mod === selector ?+ attr.$addClass(classes) :+ attr.$removeClass(classes);+ }+ });+ }+++ function ngClassWatchAction(newVal) {+ if (selector === true || scope.$index % 2 === selector) {+ var newClasses = flattenClasses(newVal || '');+ if(!oldVal) {+ attr.$addClass(newClasses);+ } else if(!equals(newVal,oldVal)) {+ attr.$updateClass(newClasses, flattenClasses(oldVal));+ }+ }+ oldVal = copy(newVal);+ }+++ function flattenClasses(classVal) {+ if(isArray(classVal)) {+ return classVal.join(' ');+ } else if (isObject(classVal)) {+ var classes = [], i = 0;+ forEach(classVal, function(v, k) {+ if (v) {+ classes.push(k);+ }+ });+ return classes.join(' ');+ }++ return classVal;+ }+ }+ };+ };+}++/**+ * @ngdoc directive+ * @name ng.directive:ngClass+ * @restrict AC+ *+ * @description+ * The `ngClass` directive allows you to dynamically set CSS classes on an HTML element by databinding+ * an expression that represents all classes to be added.+ *+ * The directive won't add duplicate classes if a particular class was already set.+ *+ * When the expression changes, the previously added classes are removed and only then the+ * new classes are added.+ *+ * @animations+ * add - happens just before the class is applied to the element+ * remove - happens just before the class is removed from the element+ *+ * @element ANY+ * @param {expression} ngClass {@link guide/expression Expression} to eval. The result+ * of the evaluation can be a string representing space delimited class+ * names, an array, or a map of class names to boolean values. In the case of a map, the+ * names of the properties whose values are truthy will be added as css classes to the+ * element.+ *+ * @example Example that demonstrates basic bindings via ngClass directive.+ <example>+ <file name="index.html">+ <p ng-class="{strike: deleted, bold: important, red: error}">Map Syntax Example</p>+ <input type="checkbox" ng-model="deleted"> deleted (apply "strike" class)<br>+ <input type="checkbox" ng-model="important"> important (apply "bold" class)<br>+ <input type="checkbox" ng-model="error"> error (apply "red" class)+ <hr>+ <p ng-class="style">Using String Syntax</p>+ <input type="text" ng-model="style" placeholder="Type: bold strike red">+ <hr>+ <p ng-class="[style1, style2, style3]">Using Array Syntax</p>+ <input ng-model="style1" placeholder="Type: bold, strike or red"><br>+ <input ng-model="style2" placeholder="Type: bold, strike or red"><br>+ <input ng-model="style3" placeholder="Type: bold, strike or red"><br>+ </file>+ <file name="style.css">+ .strike {+ text-decoration: line-through;+ }+ .bold {+ font-weight: bold;+ }+ .red {+ color: red;+ }+ </file>+ <file name="scenario.js">+ it('should let you toggle the class', function() {++ expect(element('.doc-example-live p:first').prop('className')).not().toMatch(/bold/);+ expect(element('.doc-example-live p:first').prop('className')).not().toMatch(/red/);++ input('important').check();+ expect(element('.doc-example-live p:first').prop('className')).toMatch(/bold/);++ input('error').check();+ expect(element('.doc-example-live p:first').prop('className')).toMatch(/red/);+ });++ it('should let you toggle string example', function() {+ expect(element('.doc-example-live p:nth-of-type(2)').prop('className')).toBe('');+ input('style').enter('red');+ expect(element('.doc-example-live p:nth-of-type(2)').prop('className')).toBe('red');+ });++ it('array example should have 3 classes', function() {+ expect(element('.doc-example-live p:last').prop('className')).toBe('');+ input('style1').enter('bold');+ input('style2').enter('strike');+ input('style3').enter('red');+ expect(element('.doc-example-live p:last').prop('className')).toBe('bold strike red');+ });+ </file>+ </example>++ ## Animations++ The example below demonstrates how to perform animations using ngClass.++ <example animations="true">+ <file name="index.html">+ <input type="button" value="set" ng-click="myVar='my-class'">+ <input type="button" value="clear" ng-click="myVar=''">+ <br>+ <span class="base-class" ng-class="myVar">Sample Text</span>+ </file>+ <file name="style.css">+ .base-class {+ -webkit-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;+ transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;+ }++ .base-class.my-class {+ color: red;+ font-size:3em;+ }+ </file>+ <file name="scenario.js">+ it('should check ng-class', function() {+ expect(element('.doc-example-live span').prop('className')).not().+ toMatch(/my-class/);++ using('.doc-example-live').element(':button:first').click();++ expect(element('.doc-example-live span').prop('className')).+ toMatch(/my-class/);++ using('.doc-example-live').element(':button:last').click();++ expect(element('.doc-example-live span').prop('className')).not().+ toMatch(/my-class/);+ });+ </file>+ </example>+++ ## ngClass and pre-existing CSS3 Transitions/Animations+ The ngClass directive still supports CSS3 Transitions/Animations even if they do not follow the ngAnimate CSS naming structure.+ Upon animation ngAnimate will apply supplementary CSS classes to track the start and end of an animation, but this will not hinder+ any pre-existing CSS transitions already on the element. To get an idea of what happens during a class-based animation, be sure+ to view the step by step details of {@link ngAnimate.$animate#methods_addclass $animate.addClass} and+ {@link ngAnimate.$animate#methods_removeclass $animate.removeClass}.+ */+var ngClassDirective = classDirective('', true);++/**+ * @ngdoc directive+ * @name ng.directive:ngClassOdd+ * @restrict AC+ *+ * @description+ * The `ngClassOdd` and `ngClassEven` directives work exactly as+ * {@link ng.directive:ngClass ngClass}, except they work in+ * conjunction with `ngRepeat` and take effect only on odd (even) rows.+ *+ * This directive can be applied only within the scope of an+ * {@link ng.directive:ngRepeat ngRepeat}.+ *+ * @element ANY+ * @param {expression} ngClassOdd {@link guide/expression Expression} to eval. The result+ * of the evaluation can be a string representing space delimited class names or an array.+ *+ * @example+ <example>+ <file name="index.html">+ <ol ng-init="names=['John', 'Mary', 'Cate', 'Suz']">+ <li ng-repeat="name in names">+ <span ng-class-odd="'odd'" ng-class-even="'even'">+ {{name}}+ </span>+ </li>+ </ol>+ </file>+ <file name="style.css">+ .odd {+ color: red;+ }+ .even {+ color: blue;+ }+ </file>+ <file name="scenario.js">+ it('should check ng-class-odd and ng-class-even', function() {+ expect(element('.doc-example-live li:first span').prop('className')).+ toMatch(/odd/);+ expect(element('.doc-example-live li:last span').prop('className')).+ toMatch(/even/);+ });+ </file>+ </example>+ */+var ngClassOddDirective = classDirective('Odd', 0);++/**+ * @ngdoc directive+ * @name ng.directive:ngClassEven+ * @restrict AC+ *+ * @description+ * The `ngClassOdd` and `ngClassEven` directives work exactly as+ * {@link ng.directive:ngClass ngClass}, except they work in+ * conjunction with `ngRepeat` and take effect only on odd (even) rows.+ *+ * This directive can be applied only within the scope of an+ * {@link ng.directive:ngRepeat ngRepeat}.+ *+ * @element ANY+ * @param {expression} ngClassEven {@link guide/expression Expression} to eval. The+ * result of the evaluation can be a string representing space delimited class names or an array.+ *+ * @example+ <example>+ <file name="index.html">+ <ol ng-init="names=['John', 'Mary', 'Cate', 'Suz']">+ <li ng-repeat="name in names">+ <span ng-class-odd="'odd'" ng-class-even="'even'">+ {{name}} + </span>+ </li>+ </ol>+ </file>+ <file name="style.css">+ .odd {+ color: red;+ }+ .even {+ color: blue;+ }+ </file>+ <file name="scenario.js">+ it('should check ng-class-odd and ng-class-even', function() {+ expect(element('.doc-example-live li:first span').prop('className')).+ toMatch(/odd/);+ expect(element('.doc-example-live li:last span').prop('className')).+ toMatch(/even/);+ });+ </file>+ </example>+ */+var ngClassEvenDirective = classDirective('Even', 1);++/**+ * @ngdoc directive+ * @name ng.directive:ngCloak+ * @restrict AC+ *+ * @description+ * The `ngCloak` directive is used to prevent the Angular html template from being briefly+ * displayed by the browser in its raw (uncompiled) form while your application is loading. Use this+ * directive to avoid the undesirable flicker effect caused by the html template display.+ *+ * The directive can be applied to the `<body>` element, but the preferred usage is to apply+ * multiple `ngCloak` directives to small portions of the page to permit progressive rendering+ * of the browser view.+ *+ * `ngCloak` works in cooperation with the following css rule embedded within `angular.js` and+ * `angular.min.js`.+ * For CSP mode please add `angular-csp.css` to your html file (see {@link ng.directive:ngCsp ngCsp}).+ *+ * <pre>+ * [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {+ * display: none !important;+ * }+ * </pre>+ *+ * When this css rule is loaded by the browser, all html elements (including their children) that+ * are tagged with the `ngCloak` directive are hidden. When Angular encounters this directive+ * during the compilation of the template it deletes the `ngCloak` element attribute, making+ * the compiled element visible.+ *+ * For the best result, the `angular.js` script must be loaded in the head section of the html+ * document; alternatively, the css rule above must be included in the external stylesheet of the+ * application.+ *+ * Legacy browsers, like IE7, do not provide attribute selector support (added in CSS 2.1) so they+ * cannot match the `[ng\:cloak]` selector. To work around this limitation, you must add the css+ * class `ngCloak` in addition to the `ngCloak` directive as shown in the example below.+ *+ * @element ANY+ *+ * @example+ <doc:example>+ <doc:source>+ <div id="template1" ng-cloak>{{ 'hello' }}</div>+ <div id="template2" ng-cloak class="ng-cloak">{{ 'hello IE7' }}</div>+ </doc:source>+ <doc:scenario>+ it('should remove the template directive and css class', function() {+ expect(element('.doc-example-live #template1').attr('ng-cloak')).+ not().toBeDefined();+ expect(element('.doc-example-live #template2').attr('ng-cloak')).+ not().toBeDefined();+ });+ </doc:scenario>+ </doc:example>+ *+ */+var ngCloakDirective = ngDirective({+ compile: function(element, attr) {+ attr.$set('ngCloak', undefined);+ element.removeClass('ng-cloak');+ }+});++/**+ * @ngdoc directive+ * @name ng.directive:ngController+ *+ * @description+ * The `ngController` directive attaches a controller class to the view. This is a key aspect of how angular+ * supports the principles behind the Model-View-Controller design pattern.+ *+ * MVC components in angular:+ *+ * * Model — The Model is scope properties; scopes are attached to the DOM where scope properties+ * are accessed through bindings.+ * * View — The template (HTML with data bindings) that is rendered into the View.+ * * Controller — The `ngController` directive specifies a Controller class; the class contains business+ * logic behind the application to decorate the scope with functions and values+ *+ * Note that you can also attach controllers to the DOM by declaring it in a route definition+ * via the {@link ngRoute.$route $route} service. A common mistake is to declare the controller+ * again using `ng-controller` in the template itself. This will cause the controller to be attached+ * and executed twice.+ *+ * @element ANY+ * @scope+ * @param {expression} ngController Name of a globally accessible constructor function or an+ * {@link guide/expression expression} that on the current scope evaluates to a+ * constructor function. The controller instance can be published into a scope property+ * by specifying `as propertyName`.+ *+ * @example+ * Here is a simple form for editing user contact information. Adding, removing, clearing, and+ * greeting are methods declared on the controller (see source tab). These methods can+ * easily be called from the angular markup. Notice that the scope becomes the `this` for the+ * controller's instance. This allows for easy access to the view data from the controller. Also+ * notice that any changes to the data are automatically reflected in the View without the need+ * for a manual update. The example is shown in two different declaration styles you may use+ * according to preference.+ <doc:example>+ <doc:source>+ <script>+ function SettingsController1() {+ this.name = "John Smith";+ this.contacts = [+ {type: 'phone', value: '408 555 1212'},+ {type: 'email', value: 'john.smith@example.org'} ];+ };++ SettingsController1.prototype.greet = function() {+ alert(this.name);+ };++ SettingsController1.prototype.addContact = function() {+ this.contacts.push({type: 'email', value: 'yourname@example.org'});+ };++ SettingsController1.prototype.removeContact = function(contactToRemove) {+ var index = this.contacts.indexOf(contactToRemove);+ this.contacts.splice(index, 1);+ };++ SettingsController1.prototype.clearContact = function(contact) {+ contact.type = 'phone';+ contact.value = '';+ };+ </script>+ <div id="ctrl-as-exmpl" ng-controller="SettingsController1 as settings">+ Name: <input type="text" ng-model="settings.name"/>+ [ <a href="" ng-click="settings.greet()">greet</a> ]<br/>+ Contact:+ <ul>+ <li ng-repeat="contact in settings.contacts">+ <select ng-model="contact.type">+ <option>phone</option>+ <option>email</option>+ </select>+ <input type="text" ng-model="contact.value"/>+ [ <a href="" ng-click="settings.clearContact(contact)">clear</a>+ | <a href="" ng-click="settings.removeContact(contact)">X</a> ]+ </li>+ <li>[ <a href="" ng-click="settings.addContact()">add</a> ]</li>+ </ul>+ </div>+ </doc:source>+ <doc:scenario>+ it('should check controller as', function() {+ expect(element('#ctrl-as-exmpl>:input').val()).toBe('John Smith');+ expect(element('#ctrl-as-exmpl li:nth-child(1) input').val())+ .toBe('408 555 1212');+ expect(element('#ctrl-as-exmpl li:nth-child(2) input').val())+ .toBe('john.smith@example.org');++ element('#ctrl-as-exmpl li:first a:contains("clear")').click();+ expect(element('#ctrl-as-exmpl li:first input').val()).toBe('');++ element('#ctrl-as-exmpl li:last a:contains("add")').click();+ expect(element('#ctrl-as-exmpl li:nth-child(3) input').val())+ .toBe('yourname@example.org');+ });+ </doc:scenario>+ </doc:example>+ <doc:example>+ <doc:source>+ <script>+ function SettingsController2($scope) {+ $scope.name = "John Smith";+ $scope.contacts = [+ {type:'phone', value:'408 555 1212'},+ {type:'email', value:'john.smith@example.org'} ];++ $scope.greet = function() {+ alert(this.name);+ };++ $scope.addContact = function() {+ this.contacts.push({type:'email', value:'yourname@example.org'});+ };++ $scope.removeContact = function(contactToRemove) {+ var index = this.contacts.indexOf(contactToRemove);+ this.contacts.splice(index, 1);+ };++ $scope.clearContact = function(contact) {+ contact.type = 'phone';+ contact.value = '';+ };+ }+ </script>+ <div id="ctrl-exmpl" ng-controller="SettingsController2">+ Name: <input type="text" ng-model="name"/>+ [ <a href="" ng-click="greet()">greet</a> ]<br/>+ Contact:+ <ul>+ <li ng-repeat="contact in contacts">+ <select ng-model="contact.type">+ <option>phone</option>+ <option>email</option>+ </select>+ <input type="text" ng-model="contact.value"/>+ [ <a href="" ng-click="clearContact(contact)">clear</a>+ | <a href="" ng-click="removeContact(contact)">X</a> ]+ </li>+ <li>[ <a href="" ng-click="addContact()">add</a> ]</li>+ </ul>+ </div>+ </doc:source>+ <doc:scenario>+ it('should check controller', function() {+ expect(element('#ctrl-exmpl>:input').val()).toBe('John Smith');+ expect(element('#ctrl-exmpl li:nth-child(1) input').val())+ .toBe('408 555 1212');+ expect(element('#ctrl-exmpl li:nth-child(2) input').val())+ .toBe('john.smith@example.org');++ element('#ctrl-exmpl li:first a:contains("clear")').click();+ expect(element('#ctrl-exmpl li:first input').val()).toBe('');++ element('#ctrl-exmpl li:last a:contains("add")').click();+ expect(element('#ctrl-exmpl li:nth-child(3) input').val())+ .toBe('yourname@example.org');+ });+ </doc:scenario>+ </doc:example>++ */+var ngControllerDirective = [function() {+ return {+ scope: true,+ controller: '@',+ priority: 500+ };+}];++/**+ * @ngdoc directive+ * @name ng.directive:ngCsp+ *+ * @element html+ * @description+ * Enables [CSP (Content Security Policy)](https://developer.mozilla.org/en/Security/CSP) support.+ *+ * This is necessary when developing things like Google Chrome Extensions.+ *+ * CSP forbids apps to use `eval` or `Function(string)` generated functions (among other things).+ * For us to be compatible, we just need to implement the "getterFn" in $parse without violating+ * any of these restrictions.+ *+ * AngularJS uses `Function(string)` generated functions as a speed optimization. Applying the `ngCsp`+ * directive will cause Angular to use CSP compatibility mode. When this mode is on AngularJS will+ * evaluate all expressions up to 30% slower than in non-CSP mode, but no security violations will+ * be raised.+ *+ * CSP forbids JavaScript to inline stylesheet rules. In non CSP mode Angular automatically+ * includes some CSS rules (e.g. {@link ng.directive:ngCloak ngCloak}).+ * To make those directives work in CSP mode, include the `angular-csp.css` manually.+ *+ * In order to use this feature put the `ngCsp` directive on the root element of the application.+ *+ * *Note: This directive is only available in the `ng-csp` and `data-ng-csp` attribute form.*+ *+ * @example+ * This example shows how to apply the `ngCsp` directive to the `html` tag.+ <pre>+ <!doctype html>+ <html ng-app ng-csp>+ ...+ ...+ </html>+ </pre>+ */++// ngCsp is not implemented as a proper directive any more, because we need it be processed while we bootstrap+// the system (before $parse is instantiated), for this reason we just have a csp() fn that looks for ng-csp attribute+// anywhere in the current doc++/**+ * @ngdoc directive+ * @name ng.directive:ngClick+ *+ * @description+ * The ngClick directive allows you to specify custom behavior when+ * an element is clicked.+ *+ * @element ANY+ * @param {expression} ngClick {@link guide/expression Expression} to evaluate upon+ * click. (Event object is available as `$event`)+ *+ * @example+ <doc:example>+ <doc:source>+ <button ng-click="count = count + 1" ng-init="count=0">+ Increment+ </button>+ count: {{count}}+ </doc:source>+ <doc:scenario>+ it('should check ng-click', function() {+ expect(binding('count')).toBe('0');+ element('.doc-example-live :button').click();+ expect(binding('count')).toBe('1');+ });+ </doc:scenario>+ </doc:example>+ */+/*+ * A directive that allows creation of custom onclick handlers that are defined as angular+ * expressions and are compiled and executed within the current scope.+ *+ * Events that are handled via these handler are always configured not to propagate further.+ */+var ngEventDirectives = {};+forEach(+ 'click dblclick mousedown mouseup mouseover mouseout mousemove mouseenter mouseleave keydown keyup keypress submit focus blur copy cut paste'.split(' '),+ function(name) {+ var directiveName = directiveNormalize('ng-' + name);+ ngEventDirectives[directiveName] = ['$parse', function($parse) {+ return {+ compile: function($element, attr) {+ var fn = $parse(attr[directiveName]);+ return function(scope, element, attr) {+ element.on(lowercase(name), function(event) {+ scope.$apply(function() {+ fn(scope, {$event:event});+ });+ });+ };+ }+ };+ }];+ }+);++/**+ * @ngdoc directive+ * @name ng.directive:ngDblclick+ *+ * @description+ * The `ngDblclick` directive allows you to specify custom behavior on a dblclick event.+ *+ * @element ANY+ * @param {expression} ngDblclick {@link guide/expression Expression} to evaluate upon+ * a dblclick. (The Event object is available as `$event`)+ *+ * @example+ * See {@link ng.directive:ngClick ngClick}+ */+++/**+ * @ngdoc directive+ * @name ng.directive:ngMousedown+ *+ * @description+ * The ngMousedown directive allows you to specify custom behavior on mousedown event.+ *+ * @element ANY+ * @param {expression} ngMousedown {@link guide/expression Expression} to evaluate upon+ * mousedown. (Event object is available as `$event`)+ *+ * @example+ * See {@link ng.directive:ngClick ngClick}+ */+++/**+ * @ngdoc directive+ * @name ng.directive:ngMouseup+ *+ * @description+ * Specify custom behavior on mouseup event.+ *+ * @element ANY+ * @param {expression} ngMouseup {@link guide/expression Expression} to evaluate upon+ * mouseup. (Event object is available as `$event`)+ *+ * @example+ * See {@link ng.directive:ngClick ngClick}+ */++/**+ * @ngdoc directive+ * @name ng.directive:ngMouseover+ *+ * @description+ * Specify custom behavior on mouseover event.+ *+ * @element ANY+ * @param {expression} ngMouseover {@link guide/expression Expression} to evaluate upon+ * mouseover. (Event object is available as `$event`)+ *+ * @example+ * See {@link ng.directive:ngClick ngClick}+ */+++/**+ * @ngdoc directive+ * @name ng.directive:ngMouseenter+ *+ * @description+ * Specify custom behavior on mouseenter event.+ *+ * @element ANY+ * @param {expression} ngMouseenter {@link guide/expression Expression} to evaluate upon+ * mouseenter. (Event object is available as `$event`)+ *+ * @example+ * See {@link ng.directive:ngClick ngClick}+ */+++/**+ * @ngdoc directive+ * @name ng.directive:ngMouseleave+ *+ * @description+ * Specify custom behavior on mouseleave event.+ *+ * @element ANY+ * @param {expression} ngMouseleave {@link guide/expression Expression} to evaluate upon+ * mouseleave. (Event object is available as `$event`)+ *+ * @example+ * See {@link ng.directive:ngClick ngClick}+ */+++/**+ * @ngdoc directive+ * @name ng.directive:ngMousemove+ *+ * @description+ * Specify custom behavior on mousemove event.+ *+ * @element ANY+ * @param {expression} ngMousemove {@link guide/expression Expression} to evaluate upon+ * mousemove. (Event object is available as `$event`)+ *+ * @example+ * See {@link ng.directive:ngClick ngClick}+ */+++/**+ * @ngdoc directive+ * @name ng.directive:ngKeydown+ *+ * @description+ * Specify custom behavior on keydown event.+ *+ * @element ANY+ * @param {expression} ngKeydown {@link guide/expression Expression} to evaluate upon+ * keydown. (Event object is available as `$event` and can be interrogated for keyCode, altKey, etc.)+ *+ * @example+ * See {@link ng.directive:ngClick ngClick}+ */+++/**+ * @ngdoc directive+ * @name ng.directive:ngKeyup+ *+ * @description+ * Specify custom behavior on keyup event.+ *+ * @element ANY+ * @param {expression} ngKeyup {@link guide/expression Expression} to evaluate upon+ * keyup. (Event object is available as `$event` and can be interrogated for keyCode, altKey, etc.)+ *+ * @example+ * See {@link ng.directive:ngClick ngClick}+ */+++/**+ * @ngdoc directive+ * @name ng.directive:ngKeypress+ *+ * @description+ * Specify custom behavior on keypress event.+ *+ * @element ANY+ * @param {expression} ngKeypress {@link guide/expression Expression} to evaluate upon+ * keypress. (Event object is available as `$event` and can be interrogated for keyCode, altKey, etc.)+ *+ * @example+ * See {@link ng.directive:ngClick ngClick}+ */+++/**+ * @ngdoc directive+ * @name ng.directive:ngSubmit+ *+ * @description+ * Enables binding angular expressions to onsubmit events.+ *+ * Additionally it prevents the default action (which for form means sending the request to the+ * server and reloading the current page) **but only if the form does not contain an `action`+ * attribute**.+ *+ * @element form+ * @param {expression} ngSubmit {@link guide/expression Expression} to eval. (Event object is available as `$event`)+ *+ * @example+ <doc:example>+ <doc:source>+ <script>+ function Ctrl($scope) {+ $scope.list = [];+ $scope.text = 'hello';+ $scope.submit = function() {+ if (this.text) {+ this.list.push(this.text);+ this.text = '';+ }+ };+ }+ </script>+ <form ng-submit="submit()" ng-controller="Ctrl">+ Enter text and hit enter:+ <input type="text" ng-model="text" name="text" />+ <input type="submit" id="submit" value="Submit" />+ <pre>list={{list}}</pre>+ </form>+ </doc:source>+ <doc:scenario>+ it('should check ng-submit', function() {+ expect(binding('list')).toBe('[]');+ element('.doc-example-live #submit').click();+ expect(binding('list')).toBe('["hello"]');+ expect(input('text').val()).toBe('');+ });+ it('should ignore empty strings', function() {+ expect(binding('list')).toBe('[]');+ element('.doc-example-live #submit').click();+ element('.doc-example-live #submit').click();+ expect(binding('list')).toBe('["hello"]');+ });+ </doc:scenario>+ </doc:example>+ */++/**+ * @ngdoc directive+ * @name ng.directive:ngFocus+ *+ * @description+ * Specify custom behavior on focus event.+ *+ * @element window, input, select, textarea, a+ * @param {expression} ngFocus {@link guide/expression Expression} to evaluate upon+ * focus. (Event object is available as `$event`)+ *+ * @example+ * See {@link ng.directive:ngClick ngClick}+ */++/**+ * @ngdoc directive+ * @name ng.directive:ngBlur+ *+ * @description+ * Specify custom behavior on blur event.+ *+ * @element window, input, select, textarea, a+ * @param {expression} ngBlur {@link guide/expression Expression} to evaluate upon+ * blur. (Event object is available as `$event`)+ *+ * @example+ * See {@link ng.directive:ngClick ngClick}+ */++/**+ * @ngdoc directive+ * @name ng.directive:ngCopy+ *+ * @description+ * Specify custom behavior on copy event.+ *+ * @element window, input, select, textarea, a+ * @param {expression} ngCopy {@link guide/expression Expression} to evaluate upon+ * copy. (Event object is available as `$event`)+ *+ * @example+ * See {@link ng.directive:ngClick ngClick}+ */++/**+ * @ngdoc directive+ * @name ng.directive:ngCut+ *+ * @description+ * Specify custom behavior on cut event.+ *+ * @element window, input, select, textarea, a+ * @param {expression} ngCut {@link guide/expression Expression} to evaluate upon+ * cut. (Event object is available as `$event`)+ *+ * @example+ * See {@link ng.directive:ngClick ngClick}+ */++/**+ * @ngdoc directive+ * @name ng.directive:ngPaste+ *+ * @description+ * Specify custom behavior on paste event.+ *+ * @element window, input, select, textarea, a+ * @param {expression} ngPaste {@link guide/expression Expression} to evaluate upon+ * paste. (Event object is available as `$event`)+ *+ * @example+ * See {@link ng.directive:ngClick ngClick}+ */++/**+ * @ngdoc directive+ * @name ng.directive:ngIf+ * @restrict A+ *+ * @description+ * The `ngIf` directive removes or recreates a portion of the DOM tree based on an+ * {expression}. If the expression assigned to `ngIf` evaluates to a false+ * value then the element is removed from the DOM, otherwise a clone of the+ * element is reinserted into the DOM.+ *+ * `ngIf` differs from `ngShow` and `ngHide` in that `ngIf` completely removes and recreates the+ * element in the DOM rather than changing its visibility via the `display` css property. A common+ * case when this difference is significant is when using css selectors that rely on an element's+ * position within the DOM, such as the `:first-child` or `:last-child` pseudo-classes.+ *+ * Note that when an element is removed using `ngIf` its scope is destroyed and a new scope+ * is created when the element is restored. The scope created within `ngIf` inherits from+ * its parent scope using+ * {@link https://github.com/angular/angular.js/wiki/The-Nuances-of-Scope-Prototypal-Inheritance prototypal inheritance}.+ * An important implication of this is if `ngModel` is used within `ngIf` to bind to+ * a javascript primitive defined in the parent scope. In this case any modifications made to the+ * variable within the child scope will override (hide) the value in the parent scope.+ *+ * Also, `ngIf` recreates elements using their compiled state. An example of this behavior+ * is if an element's class attribute is directly modified after it's compiled, using something like+ * jQuery's `.addClass()` method, and the element is later removed. When `ngIf` recreates the element+ * the added class will be lost because the original compiled state is used to regenerate the element.+ *+ * Additionally, you can provide animations via the `ngAnimate` module to animate the `enter`+ * and `leave` effects.+ *+ * @animations+ * enter - happens just after the ngIf contents change and a new DOM element is created and injected into the ngIf container+ * leave - happens just before the ngIf contents are removed from the DOM+ *+ * @element ANY+ * @scope+ * @priority 600+ * @param {expression} ngIf If the {@link guide/expression expression} is falsy then+ * the element is removed from the DOM tree. If it is truthy a copy of the compiled+ * element is added to the DOM tree.+ *+ * @example+ <example animations="true">+ <file name="index.html">+ Click me: <input type="checkbox" ng-model="checked" ng-init="checked=true" /><br/>+ Show when checked:+ <span ng-if="checked" class="animate-if">+ I'm removed when the checkbox is unchecked.+ </span>+ </file>+ <file name="animations.css">+ .animate-if {+ background:white;+ border:1px solid black;+ padding:10px;+ }++ /*+ The transition styles can also be placed on the CSS base class above+ */+ .animate-if.ng-enter, .animate-if.ng-leave {+ -webkit-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;+ transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;+ }++ .animate-if.ng-enter,+ .animate-if.ng-leave.ng-leave-active {+ opacity:0;+ }++ .animate-if.ng-leave,+ .animate-if.ng-enter.ng-enter-active {+ opacity:1;+ }+ </file>+ </example>+ */+var ngIfDirective = ['$animate', function($animate) {+ return {+ transclude: 'element',+ priority: 600,+ terminal: true,+ restrict: 'A',+ $$tlb: true,+ link: function ($scope, $element, $attr, ctrl, $transclude) {+ var block, childScope;+ $scope.$watch($attr.ngIf, function ngIfWatchAction(value) {++ if (toBoolean(value)) {+ if (!childScope) {+ childScope = $scope.$new();+ $transclude(childScope, function (clone) {+ clone[clone.length++] = document.createComment(' end ngIf: ' + $attr.ngIf + ' ');+ // Note: We only need the first/last node of the cloned nodes.+ // However, we need to keep the reference to the jqlite wrapper as it might be changed later+ // by a directive with templateUrl when it's template arrives.+ block = {+ clone: clone+ };+ $animate.enter(clone, $element.parent(), $element);+ });+ }+ } else {++ if (childScope) {+ childScope.$destroy();+ childScope = null;+ }++ if (block) {+ $animate.leave(getBlockElements(block.clone));+ block = null;+ }+ }+ });+ }+ };+}];++/**+ * @ngdoc directive+ * @name ng.directive:ngInclude+ * @restrict ECA+ *+ * @description+ * Fetches, compiles and includes an external HTML fragment.+ *+ * By default, the template URL is restricted to the same domain and protocol as the+ * application document. This is done by calling {@link ng.$sce#methods_getTrustedResourceUrl+ * $sce.getTrustedResourceUrl} on it. To load templates from other domains or protocols+ * you may either {@link ng.$sceDelegateProvider#methods_resourceUrlWhitelist whitelist them} or+ * {@link ng.$sce#methods_trustAsResourceUrl wrap them} as trusted values. Refer to Angular's {@link+ * ng.$sce Strict Contextual Escaping}.+ *+ * In addition, the browser's+ * {@link https://code.google.com/p/browsersec/wiki/Part2#Same-origin_policy_for_XMLHttpRequest+ * Same Origin Policy} and {@link http://www.w3.org/TR/cors/ Cross-Origin Resource Sharing+ * (CORS)} policy may further restrict whether the template is successfully loaded.+ * For example, `ngInclude` won't work for cross-domain requests on all browsers and for `file://`+ * access on some browsers.+ *+ * @animations+ * enter - animation is used to bring new content into the browser.+ * leave - animation is used to animate existing content away.+ *+ * The enter and leave animation occur concurrently.+ *+ * @scope+ * @priority 400+ *+ * @param {string} ngInclude|src angular expression evaluating to URL. If the source is a string constant,+ * make sure you wrap it in quotes, e.g. `src="'myPartialTemplate.html'"`.+ * @param {string=} onload Expression to evaluate when a new partial is loaded.+ *+ * @param {string=} autoscroll Whether `ngInclude` should call {@link ng.$anchorScroll+ * $anchorScroll} to scroll the viewport after the content is loaded.+ *+ * - If the attribute is not set, disable scrolling.+ * - If the attribute is set without value, enable scrolling.+ * - Otherwise enable scrolling only if the expression evaluates to truthy value.+ *+ * @example+ <example animations="true">+ <file name="index.html">+ <div ng-controller="Ctrl">+ <select ng-model="template" ng-options="t.name for t in templates">+ <option value="">(blank)</option>+ </select>+ url of the template: <tt>{{template.url}}</tt>+ <hr/>+ <div class="slide-animate-container">+ <div class="slide-animate" ng-include="template.url"></div>+ </div>+ </div>+ </file>+ <file name="script.js">+ function Ctrl($scope) {+ $scope.templates =+ [ { name: 'template1.html', url: 'template1.html'}+ , { name: 'template2.html', url: 'template2.html'} ];+ $scope.template = $scope.templates[0];+ }+ </file>+ <file name="template1.html">+ Content of template1.html+ </file>+ <file name="template2.html">+ Content of template2.html+ </file>+ <file name="animations.css">+ .slide-animate-container {+ position:relative;+ background:white;+ border:1px solid black;+ height:40px;+ overflow:hidden;+ }++ .slide-animate {+ padding:10px;+ }++ .slide-animate.ng-enter, .slide-animate.ng-leave {+ -webkit-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;+ transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;++ position:absolute;+ top:0;+ left:0;+ right:0;+ bottom:0;+ display:block;+ padding:10px;+ }++ .slide-animate.ng-enter {+ top:-50px;+ }+ .slide-animate.ng-enter.ng-enter-active {+ top:0;+ }++ .slide-animate.ng-leave {+ top:0;+ }+ .slide-animate.ng-leave.ng-leave-active {+ top:50px;+ }+ </file>+ <file name="scenario.js">+ it('should load template1.html', function() {+ expect(element('.doc-example-live [ng-include]').text()).+ toMatch(/Content of template1.html/);+ });+ it('should load template2.html', function() {+ select('template').option('1');+ expect(element('.doc-example-live [ng-include]').text()).+ toMatch(/Content of template2.html/);+ });+ it('should change to blank', function() {+ select('template').option('');+ expect(element('.doc-example-live [ng-include]')).toBe(undefined);+ });+ </file>+ </example>+ */+++/**+ * @ngdoc event+ * @name ng.directive:ngInclude#$includeContentRequested+ * @eventOf ng.directive:ngInclude+ * @eventType emit on the scope ngInclude was declared in+ * @description+ * Emitted every time the ngInclude content is requested.+ */+++/**+ * @ngdoc event+ * @name ng.directive:ngInclude#$includeContentLoaded+ * @eventOf ng.directive:ngInclude+ * @eventType emit on the current ngInclude scope+ * @description+ * Emitted every time the ngInclude content is reloaded.+ */+var ngIncludeDirective = ['$http', '$templateCache', '$anchorScroll', '$compile', '$animate', '$sce',+ function($http, $templateCache, $anchorScroll, $compile, $animate, $sce) {+ return {+ restrict: 'ECA',+ priority: 400,+ terminal: true,+ transclude: 'element',+ compile: function(element, attr) {+ var srcExp = attr.ngInclude || attr.src,+ onloadExp = attr.onload || '',+ autoScrollExp = attr.autoscroll;++ return function(scope, $element, $attr, ctrl, $transclude) {+ var changeCounter = 0,+ currentScope,+ currentElement;++ var cleanupLastIncludeContent = function() {+ if (currentScope) {+ currentScope.$destroy();+ currentScope = null;+ }+ if(currentElement) {+ $animate.leave(currentElement);+ currentElement = null;+ }+ };++ scope.$watch($sce.parseAsResourceUrl(srcExp), function ngIncludeWatchAction(src) {+ var afterAnimation = function() {+ if (isDefined(autoScrollExp) && (!autoScrollExp || scope.$eval(autoScrollExp))) {+ $anchorScroll();+ }+ };+ var thisChangeId = ++changeCounter;++ if (src) {+ $http.get(src, {cache: $templateCache}).success(function(response) {+ if (thisChangeId !== changeCounter) return;+ var newScope = scope.$new();++ // Note: This will also link all children of ng-include that were contained in the original+ // html. If that content contains controllers, ... they could pollute/change the scope.+ // However, using ng-include on an element with additional content does not make sense...+ // Note: We can't remove them in the cloneAttchFn of $transclude as that+ // function is called before linking the content, which would apply child+ // directives to non existing elements.+ var clone = $transclude(newScope, noop);+ cleanupLastIncludeContent();++ currentScope = newScope;+ currentElement = clone;++ currentElement.html(response);+ $animate.enter(currentElement, null, $element, afterAnimation);+ $compile(currentElement.contents())(currentScope);+ currentScope.$emit('$includeContentLoaded');+ scope.$eval(onloadExp);+ }).error(function() {+ if (thisChangeId === changeCounter) cleanupLastIncludeContent();+ });+ scope.$emit('$includeContentRequested');+ } else {+ cleanupLastIncludeContent();+ }+ });+ };+ }+ };+}];++/**+ * @ngdoc directive+ * @name ng.directive:ngInit+ * @restrict AC+ *+ * @description+ * The `ngInit` directive allows you to evaluate an expression in the+ * current scope.+ *+ * <div class="alert alert-error">+ * The only appropriate use of `ngInit` for aliasing special properties of+ * {@link api/ng.directive:ngRepeat `ngRepeat`}, as seen in the demo below. Besides this case, you+ * should use {@link guide/controller controllers} rather than `ngInit`+ * to initialize values on a scope.+ * </div>+ *+ * @priority 450+ *+ * @element ANY+ * @param {expression} ngInit {@link guide/expression Expression} to eval.+ *+ * @example+ <doc:example>+ <doc:source>+ <script>+ function Ctrl($scope) {+ $scope.list = [['a', 'b'], ['c', 'd']];+ }+ </script>+ <div ng-controller="Ctrl">+ <div ng-repeat="innerList in list" ng-init="outerIndex = $index">+ <div ng-repeat="value in innerList" ng-init="innerIndex = $index">+ <span class="example-init">list[ {{outerIndex}} ][ {{innerIndex}} ] = {{value}};</span>+ </div>+ </div>+ </div>+ </doc:source>+ <doc:scenario>+ it('should alias index positions', function() {+ expect(element('.example-init').text())+ .toBe('list[ 0 ][ 0 ] = a;' ++ 'list[ 0 ][ 1 ] = b;' ++ 'list[ 1 ][ 0 ] = c;' ++ 'list[ 1 ][ 1 ] = d;');+ });+ </doc:scenario>+ </doc:example>+ */+var ngInitDirective = ngDirective({+ priority: 450,+ compile: function() {+ return {+ pre: function(scope, element, attrs) {+ scope.$eval(attrs.ngInit);+ }+ };+ }+});++/**+ * @ngdoc directive+ * @name ng.directive:ngNonBindable+ * @restrict AC+ * @priority 1000+ *+ * @description+ * The `ngNonBindable` directive tells Angular not to compile or bind the contents of the current+ * DOM element. This is useful if the element contains what appears to be Angular directives and+ * bindings but which should be ignored by Angular. This could be the case if you have a site that+ * displays snippets of code, for instance.+ *+ * @element ANY+ *+ * @example+ * In this example there are two locations where a simple interpolation binding (`{{}}`) is present,+ * but the one wrapped in `ngNonBindable` is left alone.+ *+ * @example+ <doc:example>+ <doc:source>+ <div>Normal: {{1 + 2}}</div>+ <div ng-non-bindable>Ignored: {{1 + 2}}</div>+ </doc:source>+ <doc:scenario>+ it('should check ng-non-bindable', function() {+ expect(using('.doc-example-live').binding('1 + 2')).toBe('3');+ expect(using('.doc-example-live').element('div:last').text()).+ toMatch(/1 \+ 2/);+ });+ </doc:scenario>+ </doc:example>+ */+var ngNonBindableDirective = ngDirective({ terminal: true, priority: 1000 });++/**+ * @ngdoc directive+ * @name ng.directive:ngPluralize+ * @restrict EA+ *+ * @description+ * # Overview+ * `ngPluralize` is a directive that displays messages according to en-US localization rules.+ * These rules are bundled with angular.js, but can be overridden+ * (see {@link guide/i18n Angular i18n} dev guide). You configure ngPluralize directive+ * by specifying the mappings between+ * {@link http://unicode.org/repos/cldr-tmp/trunk/diff/supplemental/language_plural_rules.html+ * plural categories} and the strings to be displayed.+ *+ * # Plural categories and explicit number rules+ * There are two+ * {@link http://unicode.org/repos/cldr-tmp/trunk/diff/supplemental/language_plural_rules.html+ * plural categories} in Angular's default en-US locale: "one" and "other".+ *+ * While a plural category may match many numbers (for example, in en-US locale, "other" can match+ * any number that is not 1), an explicit number rule can only match one number. For example, the+ * explicit number rule for "3" matches the number 3. There are examples of plural categories+ * and explicit number rules throughout the rest of this documentation.+ *+ * # Configuring ngPluralize+ * You configure ngPluralize by providing 2 attributes: `count` and `when`.+ * You can also provide an optional attribute, `offset`.+ *+ * The value of the `count` attribute can be either a string or an {@link guide/expression+ * Angular expression}; these are evaluated on the current scope for its bound value.+ *+ * The `when` attribute specifies the mappings between plural categories and the actual+ * string to be displayed. The value of the attribute should be a JSON object.+ *+ * The following example shows how to configure ngPluralize:+ *+ * <pre>+ * <ng-pluralize count="personCount"+ when="{'0': 'Nobody is viewing.',+ * 'one': '1 person is viewing.',+ * 'other': '{} people are viewing.'}">+ * </ng-pluralize>+ *</pre>+ *+ * In the example, `"0: Nobody is viewing."` is an explicit number rule. If you did not+ * specify this rule, 0 would be matched to the "other" category and "0 people are viewing"+ * would be shown instead of "Nobody is viewing". You can specify an explicit number rule for+ * other numbers, for example 12, so that instead of showing "12 people are viewing", you can+ * show "a dozen people are viewing".+ *+ * You can use a set of closed braces (`{}`) as a placeholder for the number that you want substituted+ * into pluralized strings. In the previous example, Angular will replace `{}` with+ * <span ng-non-bindable>`{{personCount}}`</span>. The closed braces `{}` is a placeholder+ * for <span ng-non-bindable>{{numberExpression}}</span>.+ *+ * # Configuring ngPluralize with offset+ * The `offset` attribute allows further customization of pluralized text, which can result in+ * a better user experience. For example, instead of the message "4 people are viewing this document",+ * you might display "John, Kate and 2 others are viewing this document".+ * The offset attribute allows you to offset a number by any desired value.+ * Let's take a look at an example:+ *+ * <pre>+ * <ng-pluralize count="personCount" offset=2+ * when="{'0': 'Nobody is viewing.',+ * '1': '{{person1}} is viewing.',+ * '2': '{{person1}} and {{person2}} are viewing.',+ * 'one': '{{person1}}, {{person2}} and one other person are viewing.',+ * 'other': '{{person1}}, {{person2}} and {} other people are viewing.'}">+ * </ng-pluralize>+ * </pre>+ *+ * Notice that we are still using two plural categories(one, other), but we added+ * three explicit number rules 0, 1 and 2.+ * When one person, perhaps John, views the document, "John is viewing" will be shown.+ * When three people view the document, no explicit number rule is found, so+ * an offset of 2 is taken off 3, and Angular uses 1 to decide the plural category.+ * In this case, plural category 'one' is matched and "John, Marry and one other person are viewing"+ * is shown.+ *+ * Note that when you specify offsets, you must provide explicit number rules for+ * numbers from 0 up to and including the offset. If you use an offset of 3, for example,+ * you must provide explicit number rules for 0, 1, 2 and 3. You must also provide plural strings for+ * plural categories "one" and "other".+ *+ * @param {string|expression} count The variable to be bounded to.+ * @param {string} when The mapping between plural category to its corresponding strings.+ * @param {number=} offset Offset to deduct from the total number.+ *+ * @example+ <doc:example>+ <doc:source>+ <script>+ function Ctrl($scope) {+ $scope.person1 = 'Igor';+ $scope.person2 = 'Misko';+ $scope.personCount = 1;+ }+ </script>+ <div ng-controller="Ctrl">+ Person 1:<input type="text" ng-model="person1" value="Igor" /><br/>+ Person 2:<input type="text" ng-model="person2" value="Misko" /><br/>+ Number of People:<input type="text" ng-model="personCount" value="1" /><br/>++ <!--- Example with simple pluralization rules for en locale --->+ Without Offset:+ <ng-pluralize count="personCount"+ when="{'0': 'Nobody is viewing.',+ 'one': '1 person is viewing.',+ 'other': '{} people are viewing.'}">+ </ng-pluralize><br>++ <!--- Example with offset --->+ With Offset(2):+ <ng-pluralize count="personCount" offset=2+ when="{'0': 'Nobody is viewing.',+ '1': '{{person1}} is viewing.',+ '2': '{{person1}} and {{person2}} are viewing.',+ 'one': '{{person1}}, {{person2}} and one other person are viewing.',+ 'other': '{{person1}}, {{person2}} and {} other people are viewing.'}">+ </ng-pluralize>+ </div>+ </doc:source>+ <doc:scenario>+ it('should show correct pluralized string', function() {+ expect(element('.doc-example-live ng-pluralize:first').text()).+ toBe('1 person is viewing.');+ expect(element('.doc-example-live ng-pluralize:last').text()).+ toBe('Igor is viewing.');++ using('.doc-example-live').input('personCount').enter('0');+ expect(element('.doc-example-live ng-pluralize:first').text()).+ toBe('Nobody is viewing.');+ expect(element('.doc-example-live ng-pluralize:last').text()).+ toBe('Nobody is viewing.');++ using('.doc-example-live').input('personCount').enter('2');+ expect(element('.doc-example-live ng-pluralize:first').text()).+ toBe('2 people are viewing.');+ expect(element('.doc-example-live ng-pluralize:last').text()).+ toBe('Igor and Misko are viewing.');++ using('.doc-example-live').input('personCount').enter('3');+ expect(element('.doc-example-live ng-pluralize:first').text()).+ toBe('3 people are viewing.');+ expect(element('.doc-example-live ng-pluralize:last').text()).+ toBe('Igor, Misko and one other person are viewing.');++ using('.doc-example-live').input('personCount').enter('4');+ expect(element('.doc-example-live ng-pluralize:first').text()).+ toBe('4 people are viewing.');+ expect(element('.doc-example-live ng-pluralize:last').text()).+ toBe('Igor, Misko and 2 other people are viewing.');+ });++ it('should show data-binded names', function() {+ using('.doc-example-live').input('personCount').enter('4');+ expect(element('.doc-example-live ng-pluralize:last').text()).+ toBe('Igor, Misko and 2 other people are viewing.');++ using('.doc-example-live').input('person1').enter('Di');+ using('.doc-example-live').input('person2').enter('Vojta');+ expect(element('.doc-example-live ng-pluralize:last').text()).+ toBe('Di, Vojta and 2 other people are viewing.');+ });+ </doc:scenario>+ </doc:example>+ */+var ngPluralizeDirective = ['$locale', '$interpolate', function($locale, $interpolate) {+ var BRACE = /{}/g;+ return {+ restrict: 'EA',+ link: function(scope, element, attr) {+ var numberExp = attr.count,+ whenExp = attr.$attr.when && element.attr(attr.$attr.when), // we have {{}} in attrs+ offset = attr.offset || 0,+ whens = scope.$eval(whenExp) || {},+ whensExpFns = {},+ startSymbol = $interpolate.startSymbol(),+ endSymbol = $interpolate.endSymbol(),+ isWhen = /^when(Minus)?(.+)$/;++ forEach(attr, function(expression, attributeName) {+ if (isWhen.test(attributeName)) {+ whens[lowercase(attributeName.replace('when', '').replace('Minus', '-'))] =+ element.attr(attr.$attr[attributeName]);+ }+ });+ forEach(whens, function(expression, key) {+ whensExpFns[key] =+ $interpolate(expression.replace(BRACE, startSymbol + numberExp + '-' ++ offset + endSymbol));+ });++ scope.$watch(function ngPluralizeWatch() {+ var value = parseFloat(scope.$eval(numberExp));++ if (!isNaN(value)) {+ //if explicit number rule such as 1, 2, 3... is defined, just use it. Otherwise,+ //check it against pluralization rules in $locale service+ if (!(value in whens)) value = $locale.pluralCat(value - offset);+ return whensExpFns[value](scope, element, true);+ } else {+ return '';+ }+ }, function ngPluralizeWatchAction(newVal) {+ element.text(newVal);+ });+ }+ };+}];++/**+ * @ngdoc directive+ * @name ng.directive:ngRepeat+ *+ * @description+ * The `ngRepeat` directive instantiates a template once per item from a collection. Each template+ * instance gets its own scope, where the given loop variable is set to the current collection item,+ * and `$index` is set to the item index or key.+ *+ * Special properties are exposed on the local scope of each template instance, including:+ *+ * | Variable | Type | Details |+ * |-----------|-----------------|-----------------------------------------------------------------------------|+ * | `$index` | {@type number} | iterator offset of the repeated element (0..length-1) |+ * | `$first` | {@type boolean} | true if the repeated element is first in the iterator. |+ * | `$middle` | {@type boolean} | true if the repeated element is between the first and last in the iterator. |+ * | `$last` | {@type boolean} | true if the repeated element is last in the iterator. |+ * | `$even` | {@type boolean} | true if the iterator position `$index` is even (otherwise false). |+ * | `$odd` | {@type boolean} | true if the iterator position `$index` is odd (otherwise false). |+ *+ *+ * # Special repeat start and end points+ * To repeat a series of elements instead of just one parent element, ngRepeat (as well as other ng directives) supports extending+ * the range of the repeater by defining explicit start and end points by using **ng-repeat-start** and **ng-repeat-end** respectively.+ * The **ng-repeat-start** directive works the same as **ng-repeat**, but will repeat all the HTML code (including the tag it's defined on)+ * up to and including the ending HTML tag where **ng-repeat-end** is placed.+ *+ * The example below makes use of this feature:+ * <pre>+ * <header ng-repeat-start="item in items">+ * Header {{ item }}+ * </header>+ * <div class="body">+ * Body {{ item }}+ * </div>+ * <footer ng-repeat-end>+ * Footer {{ item }}+ * </footer>+ * </pre>+ *+ * And with an input of {@type ['A','B']} for the items variable in the example above, the output will evaluate to:+ * <pre>+ * <header>+ * Header A+ * </header>+ * <div class="body">+ * Body A+ * </div>+ * <footer>+ * Footer A+ * </footer>+ * <header>+ * Header B+ * </header>+ * <div class="body">+ * Body B+ * </div>+ * <footer>+ * Footer B+ * </footer>+ * </pre>+ *+ * The custom start and end points for ngRepeat also support all other HTML directive syntax flavors provided in AngularJS (such+ * as **data-ng-repeat-start**, **x-ng-repeat-start** and **ng:repeat-start**).+ *+ * @animations+ * enter - when a new item is added to the list or when an item is revealed after a filter+ * leave - when an item is removed from the list or when an item is filtered out+ * move - when an adjacent item is filtered out causing a reorder or when the item contents are reordered+ *+ * @element ANY+ * @scope+ * @priority 1000+ * @param {repeat_expression} ngRepeat The expression indicating how to enumerate a collection. These+ * formats are currently supported:+ *+ * * `variable in expression` – where variable is the user defined loop variable and `expression`+ * is a scope expression giving the collection to enumerate.+ *+ * For example: `album in artist.albums`.+ *+ * * `(key, value) in expression` – where `key` and `value` can be any user defined identifiers,+ * and `expression` is the scope expression giving the collection to enumerate.+ *+ * For example: `(name, age) in {'adam':10, 'amalie':12}`.+ *+ * * `variable in expression track by tracking_expression` – You can also provide an optional tracking function+ * which can be used to associate the objects in the collection with the DOM elements. If no tracking function+ * is specified the ng-repeat associates elements by identity in the collection. It is an error to have+ * more than one tracking function to resolve to the same key. (This would mean that two distinct objects are+ * mapped to the same DOM element, which is not possible.) Filters should be applied to the expression,+ * before specifying a tracking expression.+ *+ * For example: `item in items` is equivalent to `item in items track by $id(item)'. This implies that the DOM elements+ * will be associated by item identity in the array.+ *+ * For example: `item in items track by $id(item)`. A built in `$id()` function can be used to assign a unique+ * `$$hashKey` property to each item in the array. This property is then used as a key to associated DOM elements+ * with the corresponding item in the array by identity. Moving the same object in array would move the DOM+ * element in the same way in the DOM.+ *+ * For example: `item in items track by item.id` is a typical pattern when the items come from the database. In this+ * case the object identity does not matter. Two objects are considered equivalent as long as their `id`+ * property is same.+ *+ * For example: `item in items | filter:searchText track by item.id` is a pattern that might be used to apply a filter+ * to items in conjunction with a tracking expression.+ *+ * @example+ * This example initializes the scope to a list of names and+ * then uses `ngRepeat` to display every person:+ <example animations="true">+ <file name="index.html">+ <div ng-init="friends = [+ {name:'John', age:25, gender:'boy'},+ {name:'Jessie', age:30, gender:'girl'},+ {name:'Johanna', age:28, gender:'girl'},+ {name:'Joy', age:15, gender:'girl'},+ {name:'Mary', age:28, gender:'girl'},+ {name:'Peter', age:95, gender:'boy'},+ {name:'Sebastian', age:50, gender:'boy'},+ {name:'Erika', age:27, gender:'girl'},+ {name:'Patrick', age:40, gender:'boy'},+ {name:'Samantha', age:60, gender:'girl'}+ ]">+ I have {{friends.length}} friends. They are:+ <input type="search" ng-model="q" placeholder="filter friends..." />+ <ul class="example-animate-container">+ <li class="animate-repeat" ng-repeat="friend in friends | filter:q">+ [{{$index + 1}}] {{friend.name}} who is {{friend.age}} years old.+ </li>+ </ul>+ </div>+ </file>+ <file name="animations.css">+ .example-animate-container {+ background:white;+ border:1px solid black;+ list-style:none;+ margin:0;+ padding:0 10px;+ }++ .animate-repeat {+ line-height:40px;+ list-style:none;+ box-sizing:border-box;+ }++ .animate-repeat.ng-move,+ .animate-repeat.ng-enter,+ .animate-repeat.ng-leave {+ -webkit-transition:all linear 0.5s;+ transition:all linear 0.5s;+ }++ .animate-repeat.ng-leave.ng-leave-active,+ .animate-repeat.ng-move,+ .animate-repeat.ng-enter {+ opacity:0;+ max-height:0;+ }++ .animate-repeat.ng-leave,+ .animate-repeat.ng-move.ng-move-active,+ .animate-repeat.ng-enter.ng-enter-active {+ opacity:1;+ max-height:40px;+ }+ </file>+ <file name="scenario.js">+ it('should render initial data set', function() {+ var r = using('.doc-example-live').repeater('ul li');+ expect(r.count()).toBe(10);+ expect(r.row(0)).toEqual(["1","John","25"]);+ expect(r.row(1)).toEqual(["2","Jessie","30"]);+ expect(r.row(9)).toEqual(["10","Samantha","60"]);+ expect(binding('friends.length')).toBe("10");+ });++ it('should update repeater when filter predicate changes', function() {+ var r = using('.doc-example-live').repeater('ul li');+ expect(r.count()).toBe(10);++ input('q').enter('ma');++ expect(r.count()).toBe(2);+ expect(r.row(0)).toEqual(["1","Mary","28"]);+ expect(r.row(1)).toEqual(["2","Samantha","60"]);+ });+ </file>+ </example>+ */+var ngRepeatDirective = ['$parse', '$animate', function($parse, $animate) {+ var NG_REMOVED = '$$NG_REMOVED';+ var ngRepeatMinErr = minErr('ngRepeat');+ return {+ transclude: 'element',+ priority: 1000,+ terminal: true,+ $$tlb: true,+ link: function($scope, $element, $attr, ctrl, $transclude){+ var expression = $attr.ngRepeat;+ var match = expression.match(/^\s*(.+)\s+in\s+(.*?)\s*(\s+track\s+by\s+(.+)\s*)?$/),+ trackByExp, trackByExpGetter, trackByIdExpFn, trackByIdArrayFn, trackByIdObjFn,+ lhs, rhs, valueIdentifier, keyIdentifier,+ hashFnLocals = {$id: hashKey};++ if (!match) {+ throw ngRepeatMinErr('iexp', "Expected expression in form of '_item_ in _collection_[ track by _id_]' but got '{0}'.",+ expression);+ }++ lhs = match[1];+ rhs = match[2];+ trackByExp = match[4];++ if (trackByExp) {+ trackByExpGetter = $parse(trackByExp);+ trackByIdExpFn = function(key, value, index) {+ // assign key, value, and $index to the locals so that they can be used in hash functions+ if (keyIdentifier) hashFnLocals[keyIdentifier] = key;+ hashFnLocals[valueIdentifier] = value;+ hashFnLocals.$index = index;+ return trackByExpGetter($scope, hashFnLocals);+ };+ } else {+ trackByIdArrayFn = function(key, value) {+ return hashKey(value);+ };+ trackByIdObjFn = function(key) {+ return key;+ };+ }++ match = lhs.match(/^(?:([\$\w]+)|\(([\$\w]+)\s*,\s*([\$\w]+)\))$/);+ if (!match) {+ throw ngRepeatMinErr('iidexp', "'_item_' in '_item_ in _collection_' should be an identifier or '(_key_, _value_)' expression, but got '{0}'.",+ lhs);+ }+ valueIdentifier = match[3] || match[1];+ keyIdentifier = match[2];++ // Store a list of elements from previous run. This is a hash where key is the item from the+ // iterator, and the value is objects with following properties.+ // - scope: bound scope+ // - element: previous element.+ // - index: position+ var lastBlockMap = {};++ //watch props+ $scope.$watchCollection(rhs, function ngRepeatAction(collection){+ var index, length,+ previousNode = $element[0], // current position of the node+ nextNode,+ // Same as lastBlockMap but it has the current state. It will become the+ // lastBlockMap on the next iteration.+ nextBlockMap = {},+ arrayLength,+ childScope,+ key, value, // key/value of iteration+ trackById,+ trackByIdFn,+ collectionKeys,+ block, // last object information {scope, element, id}+ nextBlockOrder = [],+ elementsToRemove;+++ if (isArrayLike(collection)) {+ collectionKeys = collection;+ trackByIdFn = trackByIdExpFn || trackByIdArrayFn;+ } else {+ trackByIdFn = trackByIdExpFn || trackByIdObjFn;+ // if object, extract keys, sort them and use to determine order of iteration over obj props+ collectionKeys = [];+ for (key in collection) {+ if (collection.hasOwnProperty(key) && key.charAt(0) != '$') {+ collectionKeys.push(key);+ }+ }+ collectionKeys.sort();+ }++ arrayLength = collectionKeys.length;++ // locate existing items+ length = nextBlockOrder.length = collectionKeys.length;+ for(index = 0; index < length; index++) {+ key = (collection === collectionKeys) ? index : collectionKeys[index];+ value = collection[key];+ trackById = trackByIdFn(key, value, index);+ assertNotHasOwnProperty(trackById, '`track by` id');+ if(lastBlockMap.hasOwnProperty(trackById)) {+ block = lastBlockMap[trackById];+ delete lastBlockMap[trackById];+ nextBlockMap[trackById] = block;+ nextBlockOrder[index] = block;+ } else if (nextBlockMap.hasOwnProperty(trackById)) {+ // restore lastBlockMap+ forEach(nextBlockOrder, function(block) {+ if (block && block.scope) lastBlockMap[block.id] = block;+ });+ // This is a duplicate and we need to throw an error+ throw ngRepeatMinErr('dupes', "Duplicates in a repeater are not allowed. Use 'track by' expression to specify unique keys. Repeater: {0}, Duplicate key: {1}",+ expression, trackById);+ } else {+ // new never before seen block+ nextBlockOrder[index] = { id: trackById };+ nextBlockMap[trackById] = false;+ }+ }++ // remove existing items+ for (key in lastBlockMap) {+ // lastBlockMap is our own object so we don't need to use special hasOwnPropertyFn+ if (lastBlockMap.hasOwnProperty(key)) {+ block = lastBlockMap[key];+ elementsToRemove = getBlockElements(block.clone);+ $animate.leave(elementsToRemove);+ forEach(elementsToRemove, function(element) { element[NG_REMOVED] = true; });+ block.scope.$destroy();+ }+ }++ // we are not using forEach for perf reasons (trying to avoid #call)+ for (index = 0, length = collectionKeys.length; index < length; index++) {+ key = (collection === collectionKeys) ? index : collectionKeys[index];+ value = collection[key];+ block = nextBlockOrder[index];+ if (nextBlockOrder[index - 1]) previousNode = getBlockEnd(nextBlockOrder[index - 1]);++ if (block.scope) {+ // if we have already seen this object, then we need to reuse the+ // associated scope/element+ childScope = block.scope;++ nextNode = previousNode;+ do {+ nextNode = nextNode.nextSibling;+ } while(nextNode && nextNode[NG_REMOVED]);++ if (getBlockStart(block) != nextNode) {+ // existing item which got moved+ $animate.move(getBlockElements(block.clone), null, jqLite(previousNode));+ }+ previousNode = getBlockEnd(block);+ } else {+ // new item which we don't know about+ childScope = $scope.$new();+ }++ childScope[valueIdentifier] = value;+ if (keyIdentifier) childScope[keyIdentifier] = key;+ childScope.$index = index;+ childScope.$first = (index === 0);+ childScope.$last = (index === (arrayLength - 1));+ childScope.$middle = !(childScope.$first || childScope.$last);+ // jshint bitwise: false+ childScope.$odd = !(childScope.$even = (index&1) === 0);+ // jshint bitwise: true++ if (!block.scope) {+ $transclude(childScope, function(clone) {+ clone[clone.length++] = document.createComment(' end ngRepeat: ' + expression + ' ');+ $animate.enter(clone, null, jqLite(previousNode));+ previousNode = clone;+ block.scope = childScope;+ // Note: We only need the first/last node of the cloned nodes.+ // However, we need to keep the reference to the jqlite wrapper as it might be changed later+ // by a directive with templateUrl when it's template arrives.+ block.clone = clone;+ nextBlockMap[block.id] = block;+ });+ }+ }+ lastBlockMap = nextBlockMap;+ });+ }+ };++ function getBlockStart(block) {+ return block.clone[0];+ }++ function getBlockEnd(block) {+ return block.clone[block.clone.length - 1];+ }+}];++/**+ * @ngdoc directive+ * @name ng.directive:ngShow+ *+ * @description+ * The `ngShow` directive shows or hides the given HTML element based on the expression+ * provided to the ngShow attribute. The element is shown or hidden by removing or adding+ * the `ng-hide` CSS class onto the element. The `.ng-hide` CSS class is predefined+ * in AngularJS and sets the display style to none (using an !important flag).+ * For CSP mode please add `angular-csp.css` to your html file (see {@link ng.directive:ngCsp ngCsp}).+ *+ * <pre>+ * <!-- when $scope.myValue is truthy (element is visible) -->+ * <div ng-show="myValue"></div>+ *+ * <!-- when $scope.myValue is falsy (element is hidden) -->+ * <div ng-show="myValue" class="ng-hide"></div>+ * </pre>+ *+ * When the ngShow expression evaluates to false then the ng-hide CSS class is added to the class attribute+ * on the element causing it to become hidden. When true, the ng-hide CSS class is removed+ * from the element causing the element not to appear hidden.+ *+ * ## Why is !important used?+ *+ * You may be wondering why !important is used for the .ng-hide CSS class. This is because the `.ng-hide` selector+ * can be easily overridden by heavier selectors. For example, something as simple+ * as changing the display style on a HTML list item would make hidden elements appear visible.+ * This also becomes a bigger issue when dealing with CSS frameworks.+ *+ * By using !important, the show and hide behavior will work as expected despite any clash between CSS selector+ * specificity (when !important isn't used with any conflicting styles). If a developer chooses to override the+ * styling to change how to hide an element then it is just a matter of using !important in their own CSS code.+ *+ * ### Overriding .ng-hide+ *+ * If you wish to change the hide behavior with ngShow/ngHide then this can be achieved by+ * restating the styles for the .ng-hide class in CSS:+ * <pre>+ * .ng-hide {+ * //!annotate CSS Specificity|Not to worry, this will override the AngularJS default...+ * display:block!important;+ *+ * //this is just another form of hiding an element+ * position:absolute;+ * top:-9999px;+ * left:-9999px;+ * }+ * </pre>+ *+ * Just remember to include the important flag so the CSS override will function.+ *+ * ## A note about animations with ngShow+ *+ * Animations in ngShow/ngHide work with the show and hide events that are triggered when the directive expression+ * is true and false. This system works like the animation system present with ngClass except that+ * you must also include the !important flag to override the display property+ * so that you can perform an animation when the element is hidden during the time of the animation.+ *+ * <pre>+ * //+ * //a working example can be found at the bottom of this page+ * //+ * .my-element.ng-hide-add, .my-element.ng-hide-remove {+ * transition:0.5s linear all;+ * display:block!important;+ * }+ *+ * .my-element.ng-hide-add { ... }+ * .my-element.ng-hide-add.ng-hide-add-active { ... }+ * .my-element.ng-hide-remove { ... }+ * .my-element.ng-hide-remove.ng-hide-remove-active { ... }+ * </pre>+ *+ * @animations+ * addClass: .ng-hide - happens after the ngShow expression evaluates to a truthy value and the just before contents are set to visible+ * removeClass: .ng-hide - happens after the ngShow expression evaluates to a non truthy value and just before the contents are set to hidden+ *+ * @element ANY+ * @param {expression} ngShow If the {@link guide/expression expression} is truthy+ * then the element is shown or hidden respectively.+ *+ * @example+ <example animations="true">+ <file name="index.html">+ Click me: <input type="checkbox" ng-model="checked"><br/>+ <div>+ Show:+ <div class="check-element animate-show" ng-show="checked">+ <span class="icon-thumbs-up"></span> I show up when your checkbox is checked.+ </div>+ </div>+ <div>+ Hide:+ <div class="check-element animate-show" ng-hide="checked">+ <span class="icon-thumbs-down"></span> I hide when your checkbox is checked.+ </div>+ </div>+ </file>+ <file name="animations.css">+ .animate-show {+ -webkit-transition:all linear 0.5s;+ transition:all linear 0.5s;+ line-height:20px;+ opacity:1;+ padding:10px;+ border:1px solid black;+ background:white;+ }++ .animate-show.ng-hide-add,+ .animate-show.ng-hide-remove {+ display:block!important;+ }++ .animate-show.ng-hide {+ line-height:0;+ opacity:0;+ padding:0 10px;+ }++ .check-element {+ padding:10px;+ border:1px solid black;+ background:white;+ }+ </file>+ <file name="scenario.js">+ it('should check ng-show / ng-hide', function() {+ expect(element('.doc-example-live span:first:hidden').count()).toEqual(1);+ expect(element('.doc-example-live span:last:visible').count()).toEqual(1);++ input('checked').check();++ expect(element('.doc-example-live span:first:visible').count()).toEqual(1);+ expect(element('.doc-example-live span:last:hidden').count()).toEqual(1);+ });+ </file>+ </example>+ */+var ngShowDirective = ['$animate', function($animate) {+ return function(scope, element, attr) {+ scope.$watch(attr.ngShow, function ngShowWatchAction(value){+ $animate[toBoolean(value) ? 'removeClass' : 'addClass'](element, 'ng-hide');+ });+ };+}];+++/**+ * @ngdoc directive+ * @name ng.directive:ngHide+ *+ * @description+ * The `ngHide` directive shows or hides the given HTML element based on the expression+ * provided to the ngHide attribute. The element is shown or hidden by removing or adding+ * the `ng-hide` CSS class onto the element. The `.ng-hide` CSS class is predefined+ * in AngularJS and sets the display style to none (using an !important flag).+ * For CSP mode please add `angular-csp.css` to your html file (see {@link ng.directive:ngCsp ngCsp}).+ *+ * <pre>+ * <!-- when $scope.myValue is truthy (element is hidden) -->+ * <div ng-hide="myValue"></div>+ *+ * <!-- when $scope.myValue is falsy (element is visible) -->+ * <div ng-hide="myValue" class="ng-hide"></div>+ * </pre>+ *+ * When the ngHide expression evaluates to true then the .ng-hide CSS class is added to the class attribute+ * on the element causing it to become hidden. When false, the ng-hide CSS class is removed+ * from the element causing the element not to appear hidden.+ *+ * ## Why is !important used?+ *+ * You may be wondering why !important is used for the .ng-hide CSS class. This is because the `.ng-hide` selector+ * can be easily overridden by heavier selectors. For example, something as simple+ * as changing the display style on a HTML list item would make hidden elements appear visible.+ * This also becomes a bigger issue when dealing with CSS frameworks.+ *+ * By using !important, the show and hide behavior will work as expected despite any clash between CSS selector+ * specificity (when !important isn't used with any conflicting styles). If a developer chooses to override the+ * styling to change how to hide an element then it is just a matter of using !important in their own CSS code.+ *+ * ### Overriding .ng-hide+ *+ * If you wish to change the hide behavior with ngShow/ngHide then this can be achieved by+ * restating the styles for the .ng-hide class in CSS:+ * <pre>+ * .ng-hide {+ * //!annotate CSS Specificity|Not to worry, this will override the AngularJS default...+ * display:block!important;+ *+ * //this is just another form of hiding an element+ * position:absolute;+ * top:-9999px;+ * left:-9999px;+ * }+ * </pre>+ *+ * Just remember to include the important flag so the CSS override will function.+ *+ * ## A note about animations with ngHide+ *+ * Animations in ngShow/ngHide work with the show and hide events that are triggered when the directive expression+ * is true and false. This system works like the animation system present with ngClass, except that+ * you must also include the !important flag to override the display property so+ * that you can perform an animation when the element is hidden during the time of the animation.+ *+ * <pre>+ * //+ * //a working example can be found at the bottom of this page+ * //+ * .my-element.ng-hide-add, .my-element.ng-hide-remove {+ * transition:0.5s linear all;+ * display:block!important;+ * }+ *+ * .my-element.ng-hide-add { ... }+ * .my-element.ng-hide-add.ng-hide-add-active { ... }+ * .my-element.ng-hide-remove { ... }+ * .my-element.ng-hide-remove.ng-hide-remove-active { ... }+ * </pre>+ *+ * @animations+ * removeClass: .ng-hide - happens after the ngHide expression evaluates to a truthy value and just before the contents are set to hidden+ * addClass: .ng-hide - happens after the ngHide expression evaluates to a non truthy value and just before the contents are set to visible+ *+ * @element ANY+ * @param {expression} ngHide If the {@link guide/expression expression} is truthy then+ * the element is shown or hidden respectively.+ *+ * @example+ <example animations="true">+ <file name="index.html">+ Click me: <input type="checkbox" ng-model="checked"><br/>+ <div>+ Show:+ <div class="check-element animate-hide" ng-show="checked">+ <span class="icon-thumbs-up"></span> I show up when your checkbox is checked.+ </div>+ </div>+ <div>+ Hide:+ <div class="check-element animate-hide" ng-hide="checked">+ <span class="icon-thumbs-down"></span> I hide when your checkbox is checked.+ </div>+ </div>+ </file>+ <file name="animations.css">+ .animate-hide {+ -webkit-transition:all linear 0.5s;+ transition:all linear 0.5s;+ line-height:20px;+ opacity:1;+ padding:10px;+ border:1px solid black;+ background:white;+ }++ .animate-hide.ng-hide-add,+ .animate-hide.ng-hide-remove {+ display:block!important;+ }++ .animate-hide.ng-hide {+ line-height:0;+ opacity:0;+ padding:0 10px;+ }++ .check-element {+ padding:10px;+ border:1px solid black;+ background:white;+ }+ </file>+ <file name="scenario.js">+ it('should check ng-show / ng-hide', function() {+ expect(element('.doc-example-live .check-element:first:hidden').count()).toEqual(1);+ expect(element('.doc-example-live .check-element:last:visible').count()).toEqual(1);++ input('checked').check();++ expect(element('.doc-example-live .check-element:first:visible').count()).toEqual(1);+ expect(element('.doc-example-live .check-element:last:hidden').count()).toEqual(1);+ });+ </file>+ </example>+ */+var ngHideDirective = ['$animate', function($animate) {+ return function(scope, element, attr) {+ scope.$watch(attr.ngHide, function ngHideWatchAction(value){+ $animate[toBoolean(value) ? 'addClass' : 'removeClass'](element, 'ng-hide');+ });+ };+}];++/**+ * @ngdoc directive+ * @name ng.directive:ngStyle+ * @restrict AC+ *+ * @description+ * The `ngStyle` directive allows you to set CSS style on an HTML element conditionally.+ *+ * @element ANY+ * @param {expression} ngStyle {@link guide/expression Expression} which evals to an+ * object whose keys are CSS style names and values are corresponding values for those CSS+ * keys.+ *+ * @example+ <example>+ <file name="index.html">+ <input type="button" value="set" ng-click="myStyle={color:'red'}">+ <input type="button" value="clear" ng-click="myStyle={}">+ <br/>+ <span ng-style="myStyle">Sample Text</span>+ <pre>myStyle={{myStyle}}</pre>+ </file>+ <file name="style.css">+ span {+ color: black;+ }+ </file>+ <file name="scenario.js">+ it('should check ng-style', function() {+ expect(element('.doc-example-live span').css('color')).toBe('rgb(0, 0, 0)');+ element('.doc-example-live :button[value=set]').click();+ expect(element('.doc-example-live span').css('color')).toBe('rgb(255, 0, 0)');+ element('.doc-example-live :button[value=clear]').click();+ expect(element('.doc-example-live span').css('color')).toBe('rgb(0, 0, 0)');+ });+ </file>+ </example>+ */+var ngStyleDirective = ngDirective(function(scope, element, attr) {+ scope.$watch(attr.ngStyle, function ngStyleWatchAction(newStyles, oldStyles) {+ if (oldStyles && (newStyles !== oldStyles)) {+ forEach(oldStyles, function(val, style) { element.css(style, '');});+ }+ if (newStyles) element.css(newStyles);+ }, true);+});++/**+ * @ngdoc directive+ * @name ng.directive:ngSwitch+ * @restrict EA+ *+ * @description+ * The ngSwitch directive is used to conditionally swap DOM structure on your template based on a scope expression.+ * Elements within ngSwitch but without ngSwitchWhen or ngSwitchDefault directives will be preserved at the location+ * as specified in the template.+ *+ * The directive itself works similar to ngInclude, however, instead of downloading template code (or loading it+ * from the template cache), ngSwitch simply choses one of the nested elements and makes it visible based on which element+ * matches the value obtained from the evaluated expression. In other words, you define a container element+ * (where you place the directive), place an expression on the **on="..." attribute**+ * (or the **ng-switch="..." attribute**), define any inner elements inside of the directive and place+ * a when attribute per element. The when attribute is used to inform ngSwitch which element to display when the on+ * expression is evaluated. If a matching expression is not found via a when attribute then an element with the default+ * attribute is displayed.+ *+ * @animations+ * enter - happens after the ngSwitch contents change and the matched child element is placed inside the container+ * leave - happens just after the ngSwitch contents change and just before the former contents are removed from the DOM+ *+ * @usage+ * <ANY ng-switch="expression">+ * <ANY ng-switch-when="matchValue1">...</ANY>+ * <ANY ng-switch-when="matchValue2">...</ANY>+ * <ANY ng-switch-default>...</ANY>+ * </ANY>+ *+ * @scope+ * @priority 800+ * @param {*} ngSwitch|on expression to match against <tt>ng-switch-when</tt>.+ * @paramDescription+ * On child elements add:+ *+ * * `ngSwitchWhen`: the case statement to match against. If match then this+ * case will be displayed. If the same match appears multiple times, all the+ * elements will be displayed.+ * * `ngSwitchDefault`: the default case when no other case match. If there+ * are multiple default cases, all of them will be displayed when no other+ * case match.+ *+ *+ * @example+ <example animations="true">+ <file name="index.html">+ <div ng-controller="Ctrl">+ <select ng-model="selection" ng-options="item for item in items">+ </select>+ <tt>selection={{selection}}</tt>+ <hr/>+ <div class="animate-switch-container"+ ng-switch on="selection">+ <div class="animate-switch" ng-switch-when="settings">Settings Div</div>+ <div class="animate-switch" ng-switch-when="home">Home Span</div>+ <div class="animate-switch" ng-switch-default>default</div>+ </div>+ </div>+ </file>+ <file name="script.js">+ function Ctrl($scope) {+ $scope.items = ['settings', 'home', 'other'];+ $scope.selection = $scope.items[0];+ }+ </file>+ <file name="animations.css">+ .animate-switch-container {+ position:relative;+ background:white;+ border:1px solid black;+ height:40px;+ overflow:hidden;+ }++ .animate-switch {+ padding:10px;+ }++ .animate-switch.ng-animate {+ -webkit-transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;+ transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;++ position:absolute;+ top:0;+ left:0;+ right:0;+ bottom:0;+ }++ .animate-switch.ng-leave.ng-leave-active,+ .animate-switch.ng-enter {+ top:-50px;+ }+ .animate-switch.ng-leave,+ .animate-switch.ng-enter.ng-enter-active {+ top:0;+ }+ </file>+ <file name="scenario.js">+ it('should start in settings', function() {+ expect(element('.doc-example-live [ng-switch]').text()).toMatch(/Settings Div/);+ });+ it('should change to home', function() {+ select('selection').option('home');+ expect(element('.doc-example-live [ng-switch]').text()).toMatch(/Home Span/);+ });+ it('should select default', function() {+ select('selection').option('other');+ expect(element('.doc-example-live [ng-switch]').text()).toMatch(/default/);+ });+ </file>+ </example>+ */+var ngSwitchDirective = ['$animate', function($animate) {+ return {+ restrict: 'EA',+ require: 'ngSwitch',++ // asks for $scope to fool the BC controller module+ controller: ['$scope', function ngSwitchController() {+ this.cases = {};+ }],+ link: function(scope, element, attr, ngSwitchController) {+ var watchExpr = attr.ngSwitch || attr.on,+ selectedTranscludes,+ selectedElements,+ selectedScopes = [];++ scope.$watch(watchExpr, function ngSwitchWatchAction(value) {+ for (var i= 0, ii=selectedScopes.length; i<ii; i++) {+ selectedScopes[i].$destroy();+ $animate.leave(selectedElements[i]);+ }++ selectedElements = [];+ selectedScopes = [];++ if ((selectedTranscludes = ngSwitchController.cases['!' + value] || ngSwitchController.cases['?'])) {+ scope.$eval(attr.change);+ forEach(selectedTranscludes, function(selectedTransclude) {+ var selectedScope = scope.$new();+ selectedScopes.push(selectedScope);+ selectedTransclude.transclude(selectedScope, function(caseElement) {+ var anchor = selectedTransclude.element;++ selectedElements.push(caseElement);+ $animate.enter(caseElement, anchor.parent(), anchor);+ });+ });+ }+ });+ }+ };+}];++var ngSwitchWhenDirective = ngDirective({+ transclude: 'element',+ priority: 800,+ require: '^ngSwitch',+ compile: function(element, attrs) {+ return function(scope, element, attr, ctrl, $transclude) {+ ctrl.cases['!' + attrs.ngSwitchWhen] = (ctrl.cases['!' + attrs.ngSwitchWhen] || []);+ ctrl.cases['!' + attrs.ngSwitchWhen].push({ transclude: $transclude, element: element });+ };+ }+});++var ngSwitchDefaultDirective = ngDirective({+ transclude: 'element',+ priority: 800,+ require: '^ngSwitch',+ link: function(scope, element, attr, ctrl, $transclude) {+ ctrl.cases['?'] = (ctrl.cases['?'] || []);+ ctrl.cases['?'].push({ transclude: $transclude, element: element });+ }+});++/**+ * @ngdoc directive+ * @name ng.directive:ngTransclude+ * @restrict AC+ *+ * @description+ * Directive that marks the insertion point for the transcluded DOM of the nearest parent directive that uses transclusion.+ *+ * Any existing content of the element that this directive is placed on will be removed before the transcluded content is inserted.+ *+ * @element ANY+ *+ * @example+ <doc:example module="transclude">+ <doc:source>+ <script>+ function Ctrl($scope) {+ $scope.title = 'Lorem Ipsum';+ $scope.text = 'Neque porro quisquam est qui dolorem ipsum quia dolor...';+ }++ angular.module('transclude', [])+ .directive('pane', function(){+ return {+ restrict: 'E',+ transclude: true,+ scope: { title:'@' },+ template: '<div style="border: 1px solid black;">' ++ '<div style="background-color: gray">{{title}}</div>' ++ '<div ng-transclude></div>' ++ '</div>'+ };+ });+ </script>+ <div ng-controller="Ctrl">+ <input ng-model="title"><br>+ <textarea ng-model="text"></textarea> <br/>+ <pane title="{{title}}">{{text}}</pane>+ </div>+ </doc:source>+ <doc:scenario>+ it('should have transcluded', function() {+ input('title').enter('TITLE');+ input('text').enter('TEXT');+ expect(binding('title')).toEqual('TITLE');+ expect(binding('text')).toEqual('TEXT');+ });+ </doc:scenario>+ </doc:example>+ *+ */+var ngTranscludeDirective = ngDirective({+ controller: ['$element', '$transclude', function($element, $transclude) {+ if (!$transclude) {+ throw minErr('ngTransclude')('orphan',+ 'Illegal use of ngTransclude directive in the template! ' ++ 'No parent directive that requires a transclusion found. ' ++ 'Element: {0}',+ startingTag($element));+ }++ // remember the transclusion fn but call it during linking so that we don't process transclusion before directives on+ // the parent element even when the transclusion replaces the current element. (we can't use priority here because+ // that applies only to compile fns and not controllers+ this.$transclude = $transclude;+ }],++ link: function($scope, $element, $attrs, controller) {+ controller.$transclude(function(clone) {+ $element.html('');+ $element.append(clone);+ });+ }+});++/**+ * @ngdoc directive+ * @name ng.directive:script+ * @restrict E+ *+ * @description+ * Load content of a script tag, with type `text/ng-template`, into `$templateCache`, so that the+ * template can be used by `ngInclude`, `ngView` or directive templates.+ *+ * @param {'text/ng-template'} type must be set to `'text/ng-template'`+ *+ * @example+ <doc:example>+ <doc:source>+ <script type="text/ng-template" id="/tpl.html">+ Content of the template.+ </script>++ <a ng-click="currentTpl='/tpl.html'" id="tpl-link">Load inlined template</a>+ <div id="tpl-content" ng-include src="currentTpl"></div>+ </doc:source>+ <doc:scenario>+ it('should load template defined inside script tag', function() {+ element('#tpl-link').click();+ expect(element('#tpl-content').text()).toMatch(/Content of the template/);+ });+ </doc:scenario>+ </doc:example>+ */+var scriptDirective = ['$templateCache', function($templateCache) {+ return {+ restrict: 'E',+ terminal: true,+ compile: function(element, attr) {+ if (attr.type == 'text/ng-template') {+ var templateUrl = attr.id,+ // IE is not consistent, in scripts we have to read .text but in other nodes we have to read .textContent+ text = element[0].text;++ $templateCache.put(templateUrl, text);+ }+ }+ };+}];++var ngOptionsMinErr = minErr('ngOptions');+/**+ * @ngdoc directive+ * @name ng.directive:select+ * @restrict E+ *+ * @description+ * HTML `SELECT` element with angular data-binding.+ *+ * # `ngOptions`+ *+ * The `ngOptions` attribute can be used to dynamically generate a list of `<option>`+ * elements for the `<select>` element using the array or object obtained by evaluating the+ * `ngOptions` comprehension_expression.+ *+ * When an item in the `<select>` menu is selected, the array element or object property+ * represented by the selected option will be bound to the model identified by the `ngModel`+ * directive.+ *+ * Optionally, a single hard-coded `<option>` element, with the value set to an empty string, can+ * be nested into the `<select>` element. This element will then represent the `null` or "not selected"+ * option. See example below for demonstration.+ *+ * Note: `ngOptions` provides iterator facility for `<option>` element which should be used instead+ * of {@link ng.directive:ngRepeat ngRepeat} when you want the+ * `select` model to be bound to a non-string value. This is because an option element can only+ * be bound to string values at present.+ *+ * @param {string} ngModel Assignable angular expression to data-bind to.+ * @param {string=} name Property name of the form under which the control is published.+ * @param {string=} required The control is considered valid only if value is entered.+ * @param {string=} ngRequired Adds `required` attribute and `required` validation constraint to+ * the element when the ngRequired expression evaluates to true. Use `ngRequired` instead of+ * `required` when you want to data-bind to the `required` attribute.+ * @param {comprehension_expression=} ngOptions in one of the following forms:+ *+ * * for array data sources:+ * * `label` **`for`** `value` **`in`** `array`+ * * `select` **`as`** `label` **`for`** `value` **`in`** `array`+ * * `label` **`group by`** `group` **`for`** `value` **`in`** `array`+ * * `select` **`as`** `label` **`group by`** `group` **`for`** `value` **`in`** `array` **`track by`** `trackexpr`+ * * for object data sources:+ * * `label` **`for (`**`key` **`,`** `value`**`) in`** `object`+ * * `select` **`as`** `label` **`for (`**`key` **`,`** `value`**`) in`** `object`+ * * `label` **`group by`** `group` **`for (`**`key`**`,`** `value`**`) in`** `object`+ * * `select` **`as`** `label` **`group by`** `group`+ * **`for` `(`**`key`**`,`** `value`**`) in`** `object`+ *+ * Where:+ *+ * * `array` / `object`: an expression which evaluates to an array / object to iterate over.+ * * `value`: local variable which will refer to each item in the `array` or each property value+ * of `object` during iteration.+ * * `key`: local variable which will refer to a property name in `object` during iteration.+ * * `label`: The result of this expression will be the label for `<option>` element. The+ * `expression` will most likely refer to the `value` variable (e.g. `value.propertyName`).+ * * `select`: The result of this expression will be bound to the model of the parent `<select>`+ * element. If not specified, `select` expression will default to `value`.+ * * `group`: The result of this expression will be used to group options using the `<optgroup>`+ * DOM element.+ * * `trackexpr`: Used when working with an array of objects. The result of this expression will be+ * used to identify the objects in the array. The `trackexpr` will most likely refer to the+ * `value` variable (e.g. `value.propertyName`).+ *+ * @example+ <doc:example>+ <doc:source>+ <script>+ function MyCntrl($scope) {+ $scope.colors = [+ {name:'black', shade:'dark'},+ {name:'white', shade:'light'},+ {name:'red', shade:'dark'},+ {name:'blue', shade:'dark'},+ {name:'yellow', shade:'light'}+ ];+ $scope.color = $scope.colors[2]; // red+ }+ </script>+ <div ng-controller="MyCntrl">+ <ul>+ <li ng-repeat="color in colors">+ Name: <input ng-model="color.name">+ [<a href ng-click="colors.splice($index, 1)">X</a>]+ </li>+ <li>+ [<a href ng-click="colors.push({})">add</a>]+ </li>+ </ul>+ <hr/>+ Color (null not allowed):+ <select ng-model="color" ng-options="c.name for c in colors"></select><br>++ Color (null allowed):+ <span class="nullable">+ <select ng-model="color" ng-options="c.name for c in colors">+ <option value="">-- choose color --</option>+ </select>+ </span><br/>++ Color grouped by shade:+ <select ng-model="color" ng-options="c.name group by c.shade for c in colors">+ </select><br/>+++ Select <a href ng-click="color={name:'not in list'}">bogus</a>.<br>+ <hr/>+ Currently selected: {{ {selected_color:color} }}+ <div style="border:solid 1px black; height:20px"+ ng-style="{'background-color':color.name}">+ </div>+ </div>+ </doc:source>+ <doc:scenario>+ it('should check ng-options', function() {+ expect(binding('{selected_color:color}')).toMatch('red');+ select('color').option('0');+ expect(binding('{selected_color:color}')).toMatch('black');+ using('.nullable').select('color').option('');+ expect(binding('{selected_color:color}')).toMatch('null');+ });+ </doc:scenario>+ </doc:example>+ */++var ngOptionsDirective = valueFn({ terminal: true });+// jshint maxlen: false+var selectDirective = ['$compile', '$parse', function($compile, $parse) {+ //0000111110000000000022220000000000000000000000333300000000000000444444444444444000000000555555555555555000000066666666666666600000000000000007777000000000000000000088888+ var NG_OPTIONS_REGEXP = /^\s*(.*?)(?:\s+as\s+(.*?))?(?:\s+group\s+by\s+(.*))?\s+for\s+(?:([\$\w][\$\w]*)|(?:\(\s*([\$\w][\$\w]*)\s*,\s*([\$\w][\$\w]*)\s*\)))\s+in\s+(.*?)(?:\s+track\s+by\s+(.*?))?$/,+ nullModelCtrl = {$setViewValue: noop};+// jshint maxlen: 100++ return {+ restrict: 'E',+ require: ['select', '?ngModel'],+ controller: ['$element', '$scope', '$attrs', function($element, $scope, $attrs) {+ var self = this,+ optionsMap = {},+ ngModelCtrl = nullModelCtrl,+ nullOption,+ unknownOption;+++ self.databound = $attrs.ngModel;+++ self.init = function(ngModelCtrl_, nullOption_, unknownOption_) {+ ngModelCtrl = ngModelCtrl_;+ nullOption = nullOption_;+ unknownOption = unknownOption_;+ };+++ self.addOption = function(value) {+ assertNotHasOwnProperty(value, '"option value"');+ optionsMap[value] = true;++ if (ngModelCtrl.$viewValue == value) {+ $element.val(value);+ if (unknownOption.parent()) unknownOption.remove();+ }+ };+++ self.removeOption = function(value) {+ if (this.hasOption(value)) {+ delete optionsMap[value];+ if (ngModelCtrl.$viewValue == value) {+ this.renderUnknownOption(value);+ }+ }+ };+++ self.renderUnknownOption = function(val) {+ var unknownVal = '? ' + hashKey(val) + ' ?';+ unknownOption.val(unknownVal);+ $element.prepend(unknownOption);+ $element.val(unknownVal);+ unknownOption.prop('selected', true); // needed for IE+ };+++ self.hasOption = function(value) {+ return optionsMap.hasOwnProperty(value);+ };++ $scope.$on('$destroy', function() {+ // disable unknown option so that we don't do work when the whole select is being destroyed+ self.renderUnknownOption = noop;+ });+ }],++ link: function(scope, element, attr, ctrls) {+ // if ngModel is not defined, we don't need to do anything+ if (!ctrls[1]) return;++ var selectCtrl = ctrls[0],+ ngModelCtrl = ctrls[1],+ multiple = attr.multiple,+ optionsExp = attr.ngOptions,+ nullOption = false, // if false, user will not be able to select it (used by ngOptions)+ emptyOption,+ // we can't just jqLite('<option>') since jqLite is not smart enough+ // to create it in <select> and IE barfs otherwise.+ optionTemplate = jqLite(document.createElement('option')),+ optGroupTemplate =jqLite(document.createElement('optgroup')),+ unknownOption = optionTemplate.clone();++ // find "null" option+ for(var i = 0, children = element.children(), ii = children.length; i < ii; i++) {+ if (children[i].value === '') {+ emptyOption = nullOption = children.eq(i);+ break;+ }+ }++ selectCtrl.init(ngModelCtrl, nullOption, unknownOption);++ // required validator+ if (multiple && (attr.required || attr.ngRequired)) {+ var requiredValidator = function(value) {+ ngModelCtrl.$setValidity('required', !attr.required || (value && value.length));+ return value;+ };++ ngModelCtrl.$parsers.push(requiredValidator);+ ngModelCtrl.$formatters.unshift(requiredValidator);++ attr.$observe('required', function() {+ requiredValidator(ngModelCtrl.$viewValue);+ });+ }++ if (optionsExp) setupAsOptions(scope, element, ngModelCtrl);+ else if (multiple) setupAsMultiple(scope, element, ngModelCtrl);+ else setupAsSingle(scope, element, ngModelCtrl, selectCtrl);+++ ////////////////////////////++++ function setupAsSingle(scope, selectElement, ngModelCtrl, selectCtrl) {+ ngModelCtrl.$render = function() {+ var viewValue = ngModelCtrl.$viewValue;++ if (selectCtrl.hasOption(viewValue)) {+ if (unknownOption.parent()) unknownOption.remove();+ selectElement.val(viewValue);+ if (viewValue === '') emptyOption.prop('selected', true); // to make IE9 happy+ } else {+ if (isUndefined(viewValue) && emptyOption) {+ selectElement.val('');+ } else {+ selectCtrl.renderUnknownOption(viewValue);+ }+ }+ };++ selectElement.on('change', function() {+ scope.$apply(function() {+ if (unknownOption.parent()) unknownOption.remove();+ ngModelCtrl.$setViewValue(selectElement.val());+ });+ });+ }++ function setupAsMultiple(scope, selectElement, ctrl) {+ var lastView;+ ctrl.$render = function() {+ var items = new HashMap(ctrl.$viewValue);+ forEach(selectElement.find('option'), function(option) {+ option.selected = isDefined(items.get(option.value));+ });+ };++ // we have to do it on each watch since ngModel watches reference, but+ // we need to work of an array, so we need to see if anything was inserted/removed+ scope.$watch(function selectMultipleWatch() {+ if (!equals(lastView, ctrl.$viewValue)) {+ lastView = copy(ctrl.$viewValue);+ ctrl.$render();+ }+ });++ selectElement.on('change', function() {+ scope.$apply(function() {+ var array = [];+ forEach(selectElement.find('option'), function(option) {+ if (option.selected) {+ array.push(option.value);+ }+ });+ ctrl.$setViewValue(array);+ });+ });+ }++ function setupAsOptions(scope, selectElement, ctrl) {+ var match;++ if (! (match = optionsExp.match(NG_OPTIONS_REGEXP))) {+ throw ngOptionsMinErr('iexp',+ "Expected expression in form of " ++ "'_select_ (as _label_)? for (_key_,)?_value_ in _collection_'" ++ " but got '{0}'. Element: {1}",+ optionsExp, startingTag(selectElement));+ }++ var displayFn = $parse(match[2] || match[1]),+ valueName = match[4] || match[6],+ keyName = match[5],+ groupByFn = $parse(match[3] || ''),+ valueFn = $parse(match[2] ? match[1] : valueName),+ valuesFn = $parse(match[7]),+ track = match[8],+ trackFn = track ? $parse(match[8]) : null,+ // This is an array of array of existing option groups in DOM.+ // We try to reuse these if possible+ // - optionGroupsCache[0] is the options with no option group+ // - optionGroupsCache[?][0] is the parent: either the SELECT or OPTGROUP element+ optionGroupsCache = [[{element: selectElement, label:''}]];++ if (nullOption) {+ // compile the element since there might be bindings in it+ $compile(nullOption)(scope);++ // remove the class, which is added automatically because we recompile the element and it+ // becomes the compilation root+ nullOption.removeClass('ng-scope');++ // we need to remove it before calling selectElement.html('') because otherwise IE will+ // remove the label from the element. wtf?+ nullOption.remove();+ }++ // clear contents, we'll add what's needed based on the model+ selectElement.html('');++ selectElement.on('change', function() {+ scope.$apply(function() {+ var optionGroup,+ collection = valuesFn(scope) || [],+ locals = {},+ key, value, optionElement, index, groupIndex, length, groupLength, trackIndex;++ if (multiple) {+ value = [];+ for (groupIndex = 0, groupLength = optionGroupsCache.length;+ groupIndex < groupLength;+ groupIndex++) {+ // list of options for that group. (first item has the parent)+ optionGroup = optionGroupsCache[groupIndex];++ for(index = 1, length = optionGroup.length; index < length; index++) {+ if ((optionElement = optionGroup[index].element)[0].selected) {+ key = optionElement.val();+ if (keyName) locals[keyName] = key;+ if (trackFn) {+ for (trackIndex = 0; trackIndex < collection.length; trackIndex++) {+ locals[valueName] = collection[trackIndex];+ if (trackFn(scope, locals) == key) break;+ }+ } else {+ locals[valueName] = collection[key];+ }+ value.push(valueFn(scope, locals));+ }+ }+ }+ } else {+ key = selectElement.val();+ if (key == '?') {+ value = undefined;+ } else if (key === ''){+ value = null;+ } else {+ if (trackFn) {+ for (trackIndex = 0; trackIndex < collection.length; trackIndex++) {+ locals[valueName] = collection[trackIndex];+ if (trackFn(scope, locals) == key) {+ value = valueFn(scope, locals);+ break;+ }+ }+ } else {+ locals[valueName] = collection[key];+ if (keyName) locals[keyName] = key;+ value = valueFn(scope, locals);+ }+ }+ }+ ctrl.$setViewValue(value);+ });+ });++ ctrl.$render = render;++ // TODO(vojta): can't we optimize this ?+ scope.$watch(render);++ function render() {+ // Temporary location for the option groups before we render them+ var optionGroups = {'':[]},+ optionGroupNames = [''],+ optionGroupName,+ optionGroup,+ option,+ existingParent, existingOptions, existingOption,+ modelValue = ctrl.$modelValue,+ values = valuesFn(scope) || [],+ keys = keyName ? sortedKeys(values) : values,+ key,+ groupLength, length,+ groupIndex, index,+ locals = {},+ selected,+ selectedSet = false, // nothing is selected yet+ lastElement,+ element,+ label;++ if (multiple) {+ if (trackFn && isArray(modelValue)) {+ selectedSet = new HashMap([]);+ for (var trackIndex = 0; trackIndex < modelValue.length; trackIndex++) {+ locals[valueName] = modelValue[trackIndex];+ selectedSet.put(trackFn(scope, locals), modelValue[trackIndex]);+ }+ } else {+ selectedSet = new HashMap(modelValue);+ }+ }++ // We now build up the list of options we need (we merge later)+ for (index = 0; length = keys.length, index < length; index++) {+ + key = index;+ if (keyName) {+ key = keys[index];+ if ( key.charAt(0) === '$' ) continue;+ locals[keyName] = key;+ }++ locals[valueName] = values[key];++ optionGroupName = groupByFn(scope, locals) || '';+ if (!(optionGroup = optionGroups[optionGroupName])) {+ optionGroup = optionGroups[optionGroupName] = [];+ optionGroupNames.push(optionGroupName);+ }+ if (multiple) {+ selected = isDefined(+ selectedSet.remove(trackFn ? trackFn(scope, locals) : valueFn(scope, locals))+ );+ } else {+ if (trackFn) {+ var modelCast = {};+ modelCast[valueName] = modelValue;+ selected = trackFn(scope, modelCast) === trackFn(scope, locals);+ } else {+ selected = modelValue === valueFn(scope, locals);+ }+ selectedSet = selectedSet || selected; // see if at least one item is selected+ }+ label = displayFn(scope, locals); // what will be seen by the user++ // doing displayFn(scope, locals) || '' overwrites zero values+ label = isDefined(label) ? label : '';+ optionGroup.push({+ // either the index into array or key from object+ id: trackFn ? trackFn(scope, locals) : (keyName ? keys[index] : index),+ label: label,+ selected: selected // determine if we should be selected+ });+ }+ if (!multiple) {+ if (nullOption || modelValue === null) {+ // insert null option if we have a placeholder, or the model is null+ optionGroups[''].unshift({id:'', label:'', selected:!selectedSet});+ } else if (!selectedSet) {+ // option could not be found, we have to insert the undefined item+ optionGroups[''].unshift({id:'?', label:'', selected:true});+ }+ }++ // Now we need to update the list of DOM nodes to match the optionGroups we computed above+ for (groupIndex = 0, groupLength = optionGroupNames.length;+ groupIndex < groupLength;+ groupIndex++) {+ // current option group name or '' if no group+ optionGroupName = optionGroupNames[groupIndex];++ // list of options for that group. (first item has the parent)+ optionGroup = optionGroups[optionGroupName];++ if (optionGroupsCache.length <= groupIndex) {+ // we need to grow the optionGroups+ existingParent = {+ element: optGroupTemplate.clone().attr('label', optionGroupName),+ label: optionGroup.label+ };+ existingOptions = [existingParent];+ optionGroupsCache.push(existingOptions);+ selectElement.append(existingParent.element);+ } else {+ existingOptions = optionGroupsCache[groupIndex];+ existingParent = existingOptions[0]; // either SELECT (no group) or OPTGROUP element++ // update the OPTGROUP label if not the same.+ if (existingParent.label != optionGroupName) {+ existingParent.element.attr('label', existingParent.label = optionGroupName);+ }+ }++ lastElement = null; // start at the beginning+ for(index = 0, length = optionGroup.length; index < length; index++) {+ option = optionGroup[index];+ if ((existingOption = existingOptions[index+1])) {+ // reuse elements+ lastElement = existingOption.element;+ if (existingOption.label !== option.label) {+ lastElement.text(existingOption.label = option.label);+ }+ if (existingOption.id !== option.id) {+ lastElement.val(existingOption.id = option.id);+ }+ // lastElement.prop('selected') provided by jQuery has side-effects+ if (lastElement[0].selected !== option.selected) {+ lastElement.prop('selected', (existingOption.selected = option.selected));+ }+ } else {+ // grow elements++ // if it's a null option+ if (option.id === '' && nullOption) {+ // put back the pre-compiled element+ element = nullOption;+ } else {+ // jQuery(v1.4.2) Bug: We should be able to chain the method calls, but+ // in this version of jQuery on some browser the .text() returns a string+ // rather then the element.+ (element = optionTemplate.clone())+ .val(option.id)+ .attr('selected', option.selected)+ .text(option.label);+ }++ existingOptions.push(existingOption = {+ element: element,+ label: option.label,+ id: option.id,+ selected: option.selected+ });+ if (lastElement) {+ lastElement.after(element);+ } else {+ existingParent.element.append(element);+ }+ lastElement = element;+ }+ }+ // remove any excessive OPTIONs in a group+ index++; // increment since the existingOptions[0] is parent element not OPTION+ while(existingOptions.length > index) {+ existingOptions.pop().element.remove();+ }+ }+ // remove any excessive OPTGROUPs from select+ while(optionGroupsCache.length > groupIndex) {+ optionGroupsCache.pop()[0].element.remove();+ }+ }+ }+ }+ };+}];++var optionDirective = ['$interpolate', function($interpolate) {+ var nullSelectCtrl = {+ addOption: noop,+ removeOption: noop+ };++ return {+ restrict: 'E',+ priority: 100,+ compile: function(element, attr) {+ if (isUndefined(attr.value)) {+ var interpolateFn = $interpolate(element.text(), true);+ if (!interpolateFn) {+ attr.$set('value', element.text());+ }+ }++ return function (scope, element, attr) {+ var selectCtrlName = '$selectController',+ parent = element.parent(),+ selectCtrl = parent.data(selectCtrlName) ||+ parent.parent().data(selectCtrlName); // in case we are in optgroup++ if (selectCtrl && selectCtrl.databound) {+ // For some reason Opera defaults to true and if not overridden this messes up the repeater.+ // We don't want the view to drive the initialization of the model anyway.+ element.prop('selected', false);+ } else {+ selectCtrl = nullSelectCtrl;+ }++ if (interpolateFn) {+ scope.$watch(interpolateFn, function interpolateWatchAction(newVal, oldVal) {+ attr.$set('value', newVal);+ if (newVal !== oldVal) selectCtrl.removeOption(oldVal);+ selectCtrl.addOption(newVal);+ });+ } else {+ selectCtrl.addOption(attr.value);+ }++ element.on('$destroy', function() {+ selectCtrl.removeOption(attr.value);+ });+ };+ }+ };+}];++var styleDirective = valueFn({+ restrict: 'E',+ terminal: true+});++ //try to bind to jquery now so that one can write angular.element().read()+ //but we will rebind on bootstrap again.+ bindJQuery();++ publishExternalAPI(angular);++ jqLite(document).ready(function() {+ angularInit(document, bootstrap);+ });++})(window, document);++!angular.$$csp() && angular.element(document).find('head').prepend('<style type="text/css">@charset "UTF-8";[ng\\:cloak],[ng-cloak],[data-ng-cloak],[x-ng-cloak],.ng-cloak,.x-ng-cloak,.ng-hide{display:none !important;}ng\\:form{display:block;}.ng-animate-start{border-spacing:1px 1px;-ms-zoom:1.0001;}.ng-animate-active{border-spacing:0px 0px;-ms-zoom:1;}</style>');
+ example/static/bootstrap.min.css view
@@ -0,0 +1,9 @@+/*!+ * Bootstrap v3.0.2 by @fat and @mdo+ * Copyright 2013 Twitter, Inc.+ * Licensed under http://www.apache.org/licenses/LICENSE-2.0+ *+ * Designed and built with all the love in the world by @mdo and @fat.+ */++/*! normalize.css v2.1.3 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}a{background:transparent}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{margin:.67em 0;font-size:2em}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{height:0;-moz-box-sizing:content-box;box-sizing:content-box}mark{color:#000;background:#ff0}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid #c0c0c0}legend{padding:0;border:0}button,input,select,textarea{margin:0;font-family:inherit;font-size:100%}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{padding:0;box-sizing:border-box}input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}@media print{*{color:#000!important;text-shadow:none!important;background:transparent!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}@page{margin:2cm .5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}select{background:#fff!important}.navbar{display:none}.table td,.table th{background-color:#fff!important}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table-bordered th,.table-bordered td{border:1px solid #ddd!important}}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.428571429;color:#333;background-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#428bca;text-decoration:none}a:hover,a:focus{color:#2a6496;text-decoration:underline}a:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}img{vertical-align:middle}.img-responsive{display:block;height:auto;max-width:100%}.img-rounded{border-radius:6px}.img-thumbnail{display:inline-block;height:auto;max-width:100%;padding:4px;line-height:1.428571429;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16px;font-weight:200;line-height:1.4}@media(min-width:768px){.lead{font-size:21px}}small,.small{font-size:85%}cite{font-style:normal}.text-muted{color:#999}.text-primary{color:#428bca}.text-primary:hover{color:#3071a9}.text-warning{color:#c09853}.text-warning:hover{color:#a47e3c}.text-danger{color:#b94a48}.text-danger:hover{color:#953b39}.text-success{color:#468847}.text-success:hover{color:#356635}.text-info{color:#3a87ad}.text-info:hover{color:#2d6987}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:500;line-height:1.1;color:inherit}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small{font-weight:normal;line-height:1;color:#999}h1,h2,h3{margin-top:20px;margin-bottom:10px}h1 small,h2 small,h3 small,h1 .small,h2 .small,h3 .small{font-size:65%}h4,h5,h6{margin-top:10px;margin-bottom:10px}h4 small,h5 small,h6 small,h4 .small,h5 .small,h6 .small{font-size:75%}h1,.h1{font-size:36px}h2,.h2{font-size:30px}h3,.h3{font-size:24px}h4,.h4{font-size:18px}h5,.h5{font-size:14px}h6,.h6{font-size:12px}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ul,ol{margin-top:0;margin-bottom:10px}ul ul,ol ul,ul ol,ol ol{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}.list-inline>li:first-child{padding-left:0}dl{margin-bottom:20px}dt,dd{line-height:1.428571429}dt{font-weight:bold}dd{margin-left:0}@media(min-width:768px){.dl-horizontal dt{float:left;width:160px;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}.dl-horizontal dd:before,.dl-horizontal dd:after{display:table;content:" "}.dl-horizontal dd:after{clear:both}.dl-horizontal dd:before,.dl-horizontal dd:after{display:table;content:" "}.dl-horizontal dd:after{clear:both}}abbr[title],abbr[data-original-title]{cursor:help;border-bottom:1px dotted #999}abbr.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;border-left:5px solid #eee}blockquote p{font-size:17.5px;font-weight:300;line-height:1.25}blockquote p:last-child{margin-bottom:0}blockquote small{display:block;line-height:1.428571429;color:#999}blockquote small:before{content:'\2014 \00A0'}blockquote.pull-right{padding-right:15px;padding-left:0;border-right:5px solid #eee;border-left:0}blockquote.pull-right p,blockquote.pull-right small,blockquote.pull-right .small{text-align:right}blockquote.pull-right small:before,blockquote.pull-right .small:before{content:''}blockquote.pull-right small:after,blockquote.pull-right .small:after{content:'\00A0 \2014'}blockquote:before,blockquote:after{content:""}address{margin-bottom:20px;font-style:normal;line-height:1.428571429}code,kbd,pre,samp{font-family:Monaco,Menlo,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;white-space:nowrap;background-color:#f9f2f4;border-radius:4px}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.428571429;color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.container:before,.container:after{display:table;content:" "}.container:after{clear:both}.container:before,.container:after{display:table;content:" "}.container:after{clear:both}.row{margin-right:-15px;margin-left:-15px}.row:before,.row:after{display:table;content:" "}.row:after{clear:both}.row:before,.row:after{display:table;content:" "}.row:after{clear:both}.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666666666666%}.col-xs-10{width:83.33333333333334%}.col-xs-9{width:75%}.col-xs-8{width:66.66666666666666%}.col-xs-7{width:58.333333333333336%}.col-xs-6{width:50%}.col-xs-5{width:41.66666666666667%}.col-xs-4{width:33.33333333333333%}.col-xs-3{width:25%}.col-xs-2{width:16.666666666666664%}.col-xs-1{width:8.333333333333332%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666666666666%}.col-xs-pull-10{right:83.33333333333334%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666666666666%}.col-xs-pull-7{right:58.333333333333336%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666666666667%}.col-xs-pull-4{right:33.33333333333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.666666666666664%}.col-xs-pull-1{right:8.333333333333332%}.col-xs-pull-0{right:0}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666666666666%}.col-xs-push-10{left:83.33333333333334%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666666666666%}.col-xs-push-7{left:58.333333333333336%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666666666667%}.col-xs-push-4{left:33.33333333333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.666666666666664%}.col-xs-push-1{left:8.333333333333332%}.col-xs-push-0{left:0}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666666666666%}.col-xs-offset-10{margin-left:83.33333333333334%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666666666666%}.col-xs-offset-7{margin-left:58.333333333333336%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666666666667%}.col-xs-offset-4{margin-left:33.33333333333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.666666666666664%}.col-xs-offset-1{margin-left:8.333333333333332%}.col-xs-offset-0{margin-left:0}@media(min-width:768px){.container{width:750px}.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666666666666%}.col-sm-10{width:83.33333333333334%}.col-sm-9{width:75%}.col-sm-8{width:66.66666666666666%}.col-sm-7{width:58.333333333333336%}.col-sm-6{width:50%}.col-sm-5{width:41.66666666666667%}.col-sm-4{width:33.33333333333333%}.col-sm-3{width:25%}.col-sm-2{width:16.666666666666664%}.col-sm-1{width:8.333333333333332%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666666666666%}.col-sm-pull-10{right:83.33333333333334%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666666666666%}.col-sm-pull-7{right:58.333333333333336%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666666666667%}.col-sm-pull-4{right:33.33333333333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.666666666666664%}.col-sm-pull-1{right:8.333333333333332%}.col-sm-pull-0{right:0}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666666666666%}.col-sm-push-10{left:83.33333333333334%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666666666666%}.col-sm-push-7{left:58.333333333333336%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666666666667%}.col-sm-push-4{left:33.33333333333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.666666666666664%}.col-sm-push-1{left:8.333333333333332%}.col-sm-push-0{left:0}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666666666666%}.col-sm-offset-10{margin-left:83.33333333333334%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666666666666%}.col-sm-offset-7{margin-left:58.333333333333336%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666666666667%}.col-sm-offset-4{margin-left:33.33333333333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.666666666666664%}.col-sm-offset-1{margin-left:8.333333333333332%}.col-sm-offset-0{margin-left:0}}@media(min-width:992px){.container{width:970px}.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666666666666%}.col-md-10{width:83.33333333333334%}.col-md-9{width:75%}.col-md-8{width:66.66666666666666%}.col-md-7{width:58.333333333333336%}.col-md-6{width:50%}.col-md-5{width:41.66666666666667%}.col-md-4{width:33.33333333333333%}.col-md-3{width:25%}.col-md-2{width:16.666666666666664%}.col-md-1{width:8.333333333333332%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666666666666%}.col-md-pull-10{right:83.33333333333334%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666666666666%}.col-md-pull-7{right:58.333333333333336%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666666666667%}.col-md-pull-4{right:33.33333333333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.666666666666664%}.col-md-pull-1{right:8.333333333333332%}.col-md-pull-0{right:0}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666666666666%}.col-md-push-10{left:83.33333333333334%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666666666666%}.col-md-push-7{left:58.333333333333336%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666666666667%}.col-md-push-4{left:33.33333333333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.666666666666664%}.col-md-push-1{left:8.333333333333332%}.col-md-push-0{left:0}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666666666666%}.col-md-offset-10{margin-left:83.33333333333334%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666666666666%}.col-md-offset-7{margin-left:58.333333333333336%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666666666667%}.col-md-offset-4{margin-left:33.33333333333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.666666666666664%}.col-md-offset-1{margin-left:8.333333333333332%}.col-md-offset-0{margin-left:0}}@media(min-width:1200px){.container{width:1170px}.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666666666666%}.col-lg-10{width:83.33333333333334%}.col-lg-9{width:75%}.col-lg-8{width:66.66666666666666%}.col-lg-7{width:58.333333333333336%}.col-lg-6{width:50%}.col-lg-5{width:41.66666666666667%}.col-lg-4{width:33.33333333333333%}.col-lg-3{width:25%}.col-lg-2{width:16.666666666666664%}.col-lg-1{width:8.333333333333332%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666666666666%}.col-lg-pull-10{right:83.33333333333334%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666666666666%}.col-lg-pull-7{right:58.333333333333336%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666666666667%}.col-lg-pull-4{right:33.33333333333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.666666666666664%}.col-lg-pull-1{right:8.333333333333332%}.col-lg-pull-0{right:0}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666666666666%}.col-lg-push-10{left:83.33333333333334%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666666666666%}.col-lg-push-7{left:58.333333333333336%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666666666667%}.col-lg-push-4{left:33.33333333333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.666666666666664%}.col-lg-push-1{left:8.333333333333332%}.col-lg-push-0{left:0}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666666666666%}.col-lg-offset-10{margin-left:83.33333333333334%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666666666666%}.col-lg-offset-7{margin-left:58.333333333333336%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666666666667%}.col-lg-offset-4{margin-left:33.33333333333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.666666666666664%}.col-lg-offset-1{margin-left:8.333333333333332%}.col-lg-offset-0{margin-left:0}}table{max-width:100%;background-color:transparent}th{text-align:left}.table{width:100%;margin-bottom:20px}.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{padding:8px;line-height:1.428571429;vertical-align:top;border-top:1px solid #ddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>th,.table>caption+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>td,.table>thead:first-child>tr:first-child>td{border-top:0}.table>tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed>thead>tr>th,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>tbody>tr>td,.table-condensed>tfoot>tr>td{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>thead>tr>td{border-bottom-width:2px}.table-striped>tbody>tr:nth-child(odd)>td,.table-striped>tbody>tr:nth-child(odd)>th{background-color:#f9f9f9}.table-hover>tbody>tr:hover>td,.table-hover>tbody>tr:hover>th{background-color:#f5f5f5}table col[class*="col-"]{display:table-column;float:none}table td[class*="col-"],table th[class*="col-"]{display:table-cell;float:none}.table>thead>tr>td.active,.table>tbody>tr>td.active,.table>tfoot>tr>td.active,.table>thead>tr>th.active,.table>tbody>tr>th.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>tbody>tr.active>td,.table>tfoot>tr.active>td,.table>thead>tr.active>th,.table>tbody>tr.active>th,.table>tfoot>tr.active>th{background-color:#f5f5f5}.table>thead>tr>td.success,.table>tbody>tr>td.success,.table>tfoot>tr>td.success,.table>thead>tr>th.success,.table>tbody>tr>th.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>tbody>tr.success>td,.table>tfoot>tr.success>td,.table>thead>tr.success>th,.table>tbody>tr.success>th,.table>tfoot>tr.success>th{background-color:#dff0d8}.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover,.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th{background-color:#d0e9c6}.table>thead>tr>td.danger,.table>tbody>tr>td.danger,.table>tfoot>tr>td.danger,.table>thead>tr>th.danger,.table>tbody>tr>th.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>tbody>tr.danger>td,.table>tfoot>tr.danger>td,.table>thead>tr.danger>th,.table>tbody>tr.danger>th,.table>tfoot>tr.danger>th{background-color:#f2dede}.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover,.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th{background-color:#ebcccc}.table>thead>tr>td.warning,.table>tbody>tr>td.warning,.table>tfoot>tr>td.warning,.table>thead>tr>th.warning,.table>tbody>tr>th.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>tbody>tr.warning>td,.table>tfoot>tr.warning>td,.table>thead>tr.warning>th,.table>tbody>tr.warning>th,.table>tfoot>tr.warning>th{background-color:#fcf8e3}.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover,.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th{background-color:#faf2cc}@media(max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-x:scroll;overflow-y:hidden;border:1px solid #ddd;-ms-overflow-style:-ms-autohiding-scrollbar;-webkit-overflow-scrolling:touch}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>thead>tr>th,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tfoot>tr>td{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>thead>tr>th:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.table-responsive>.table-bordered>thead>tr>th:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>th,.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>td{border-bottom:0}}fieldset{padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;margin-bottom:5px;font-weight:bold}input[type="search"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type="radio"],input[type="checkbox"]{margin:4px 0 0;margin-top:1px \9;line-height:normal}input[type="file"]{display:block}select[multiple],select[size]{height:auto}select optgroup{font-family:inherit;font-size:inherit;font-style:inherit}input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button{height:auto}output{display:block;padding-top:7px;font-size:14px;line-height:1.428571429;color:#555;vertical-align:middle}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.428571429;color:#555;vertical-align:middle;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6)}.form-control:-moz-placeholder{color:#999}.form-control::-moz-placeholder{color:#999}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{cursor:not-allowed;background-color:#eee}textarea.form-control{height:auto}.form-group{margin-bottom:15px}.radio,.checkbox{display:block;min-height:20px;padding-left:20px;margin-top:10px;margin-bottom:10px;vertical-align:middle}.radio label,.checkbox label{display:inline;margin-bottom:0;font-weight:normal;cursor:pointer}.radio input[type="radio"],.radio-inline input[type="radio"],.checkbox input[type="checkbox"],.checkbox-inline input[type="checkbox"]{float:left;margin-left:-20px}.radio+.radio,.checkbox+.checkbox{margin-top:-5px}.radio-inline,.checkbox-inline{display:inline-block;padding-left:20px;margin-bottom:0;font-weight:normal;vertical-align:middle;cursor:pointer}.radio-inline+.radio-inline,.checkbox-inline+.checkbox-inline{margin-top:0;margin-left:10px}input[type="radio"][disabled],input[type="checkbox"][disabled],.radio[disabled],.radio-inline[disabled],.checkbox[disabled],.checkbox-inline[disabled],fieldset[disabled] input[type="radio"],fieldset[disabled] input[type="checkbox"],fieldset[disabled] .radio,fieldset[disabled] .radio-inline,fieldset[disabled] .checkbox,fieldset[disabled] .checkbox-inline{cursor:not-allowed}.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}textarea.input-sm{height:auto}.input-lg{height:45px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}select.input-lg{height:45px;line-height:45px}textarea.input-lg{height:auto}.has-warning .help-block,.has-warning .control-label,.has-warning .radio,.has-warning .checkbox,.has-warning .radio-inline,.has-warning .checkbox-inline{color:#c09853}.has-warning .form-control{border-color:#c09853;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-warning .form-control:focus{border-color:#a47e3c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #dbc59e;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #dbc59e}.has-warning .input-group-addon{color:#c09853;background-color:#fcf8e3;border-color:#c09853}.has-error .help-block,.has-error .control-label,.has-error .radio,.has-error .checkbox,.has-error .radio-inline,.has-error .checkbox-inline{color:#b94a48}.has-error .form-control{border-color:#b94a48;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-error .form-control:focus{border-color:#953b39;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #d59392;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #d59392}.has-error .input-group-addon{color:#b94a48;background-color:#f2dede;border-color:#b94a48}.has-success .help-block,.has-success .control-label,.has-success .radio,.has-success .checkbox,.has-success .radio-inline,.has-success .checkbox-inline{color:#468847}.has-success .form-control{border-color:#468847;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-success .form-control:focus{border-color:#356635;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7aba7b;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7aba7b}.has-success .input-group-addon{color:#468847;background-color:#dff0d8;border-color:#468847}.form-control-static{margin-bottom:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media(min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block}.form-inline .radio,.form-inline .checkbox{display:inline-block;padding-left:0;margin-top:0;margin-bottom:0}.form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"]{float:none;margin-left:0}}.form-horizontal .control-label,.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline{padding-top:7px;margin-top:0;margin-bottom:0}.form-horizontal .form-group{margin-right:-15px;margin-left:-15px}.form-horizontal .form-group:before,.form-horizontal .form-group:after{display:table;content:" "}.form-horizontal .form-group:after{clear:both}.form-horizontal .form-group:before,.form-horizontal .form-group:after{display:table;content:" "}.form-horizontal .form-group:after{clear:both}.form-horizontal .form-control-static{padding-top:7px}@media(min-width:768px){.form-horizontal .control-label{text-align:right}}.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:normal;line-height:1.428571429;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;background-image:none;border:1px solid transparent;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.btn:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn:hover,.btn:focus{color:#333;text-decoration:none}.btn:active,.btn.active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{pointer-events:none;cursor:not-allowed;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default{color:#333;background-color:#ebebeb;border-color:#adadad}.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default{background-image:none}.btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled:active,.btn-default[disabled]:active,fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active{background-color:#fff;border-color:#ccc}.btn-primary{color:#fff;background-color:#428bca;border-color:#357ebd}.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{color:#fff;background-color:#3276b1;border-color:#285e8e}.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary.active{background-color:#428bca;border-color:#357ebd}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.open .dropdown-toggle.btn-warning{color:#fff;background-color:#ed9c28;border-color:#d58512}.btn-warning:active,.btn-warning.active,.open .dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled,.btn-warning[disabled],fieldset[disabled] .btn-warning,.btn-warning.disabled:hover,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning:hover,.btn-warning.disabled:focus,.btn-warning[disabled]:focus,fieldset[disabled] .btn-warning:focus,.btn-warning.disabled:active,.btn-warning[disabled]:active,fieldset[disabled] .btn-warning:active,.btn-warning.disabled.active,.btn-warning[disabled].active,fieldset[disabled] .btn-warning.active{background-color:#f0ad4e;border-color:#eea236}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.open .dropdown-toggle.btn-danger{color:#fff;background-color:#d2322d;border-color:#ac2925}.btn-danger:active,.btn-danger.active,.open .dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled,.btn-danger[disabled],fieldset[disabled] .btn-danger,.btn-danger.disabled:hover,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger:hover,.btn-danger.disabled:focus,.btn-danger[disabled]:focus,fieldset[disabled] .btn-danger:focus,.btn-danger.disabled:active,.btn-danger[disabled]:active,fieldset[disabled] .btn-danger:active,.btn-danger.disabled.active,.btn-danger[disabled].active,fieldset[disabled] .btn-danger.active{background-color:#d9534f;border-color:#d43f3a}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.open .dropdown-toggle.btn-success{color:#fff;background-color:#47a447;border-color:#398439}.btn-success:active,.btn-success.active,.open .dropdown-toggle.btn-success{background-image:none}.btn-success.disabled,.btn-success[disabled],fieldset[disabled] .btn-success,.btn-success.disabled:hover,.btn-success[disabled]:hover,fieldset[disabled] .btn-success:hover,.btn-success.disabled:focus,.btn-success[disabled]:focus,fieldset[disabled] .btn-success:focus,.btn-success.disabled:active,.btn-success[disabled]:active,fieldset[disabled] .btn-success:active,.btn-success.disabled.active,.btn-success[disabled].active,fieldset[disabled] .btn-success.active{background-color:#5cb85c;border-color:#4cae4c}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.open .dropdown-toggle.btn-info{color:#fff;background-color:#39b3d7;border-color:#269abc}.btn-info:active,.btn-info.active,.open .dropdown-toggle.btn-info{background-image:none}.btn-info.disabled,.btn-info[disabled],fieldset[disabled] .btn-info,.btn-info.disabled:hover,.btn-info[disabled]:hover,fieldset[disabled] .btn-info:hover,.btn-info.disabled:focus,.btn-info[disabled]:focus,fieldset[disabled] .btn-info:focus,.btn-info.disabled:active,.btn-info[disabled]:active,fieldset[disabled] .btn-info:active,.btn-info.disabled.active,.btn-info[disabled].active,fieldset[disabled] .btn-info.active{background-color:#5bc0de;border-color:#46b8da}.btn-link{font-weight:normal;color:#428bca;cursor:pointer;border-radius:0}.btn-link,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active{border-color:transparent}.btn-link:hover,.btn-link:focus{color:#2a6496;text-decoration:underline;background-color:transparent}.btn-link[disabled]:hover,fieldset[disabled] .btn-link:hover,.btn-link[disabled]:focus,fieldset[disabled] .btn-link:focus{color:#999;text-decoration:none}.btn-lg{padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}.btn-sm,.btn-xs{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-xs{padding:1px 5px}.btn-block{display:block;width:100%;padding-right:0;padding-left:0}.btn-block+.btn-block{margin-top:5px}input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition:height .35s ease;transition:height .35s ease}@font-face{font-family:'Glyphicons Halflings';src:url('../fonts/glyphicons-halflings-regular.eot');src:url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),url('../fonts/glyphicons-halflings-regular.woff') format('woff'),url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'),url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg')}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';-webkit-font-smoothing:antialiased;font-style:normal;font-weight:normal;line-height:1;-moz-osx-font-smoothing:grayscale}.glyphicon:empty{width:1em}.glyphicon-asterisk:before{content:"\2a"}.glyphicon-plus:before{content:"\2b"}.glyphicon-euro:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-lock:before{content:"\e033"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-bookmark:before{content:"\e044"}.glyphicon-print:before{content:"\e045"}.glyphicon-camera:before{content:"\e046"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-fire:before{content:"\e104"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-calendar:before{content:"\e109"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-bell:before{content:"\e123"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-wrench:before{content:"\e136"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-briefcase:before{content:"\e139"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-paperclip:before{content:"\e142"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-pushpin:before{content:"\e146"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px solid #000;border-right:4px solid transparent;border-bottom:0 dotted;border-left:4px solid transparent}.dropdown{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;list-style:none;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,0.175);box-shadow:0 6px 12px rgba(0,0,0,0.175);background-clip:padding-box}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:normal;line-height:1.428571429;color:#333;white-space:nowrap}.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{color:#262626;text-decoration:none;background-color:#f5f5f5}.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{color:#fff;text-decoration:none;background-color:#428bca;outline:0}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{color:#999}.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.428571429;color:#999}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{border-top:0 dotted;border-bottom:4px solid #000;content:""}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:1px}@media(min-width:768px){.navbar-right .dropdown-menu{right:0;left:auto}}.btn-default .caret{border-top-color:#333}.btn-primary .caret,.btn-success .caret,.btn-warning .caret,.btn-danger .caret,.btn-info .caret{border-top-color:#fff}.dropup .btn-default .caret{border-bottom-color:#333}.dropup .btn-primary .caret,.dropup .btn-success .caret,.dropup .btn-warning .caret,.dropup .btn-danger .caret,.dropup .btn-info .caret{border-bottom-color:#fff}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group>.btn,.btn-group-vertical>.btn{position:relative;float:left}.btn-group>.btn:hover,.btn-group-vertical>.btn:hover,.btn-group>.btn:focus,.btn-group-vertical>.btn:focus,.btn-group>.btn:active,.btn-group-vertical>.btn:active,.btn-group>.btn.active,.btn-group-vertical>.btn.active{z-index:2}.btn-group>.btn:focus,.btn-group-vertical>.btn:focus{outline:0}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar:before,.btn-toolbar:after{display:table;content:" "}.btn-toolbar:after{clear:both}.btn-toolbar:before,.btn-toolbar:after{display:table;content:" "}.btn-toolbar:after{clear:both}.btn-toolbar .btn-group{float:left}.btn-toolbar>.btn+.btn,.btn-toolbar>.btn-group+.btn,.btn-toolbar>.btn+.btn-group,.btn-toolbar>.btn-group+.btn-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child>.btn:last-child,.btn-group>.btn-group:first-child>.dropdown-toggle{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:last-child>.btn:first-child{border-bottom-left-radius:0;border-top-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group-xs>.btn{padding:5px 10px;padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-sm>.btn{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-lg>.btn{padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}.btn-group>.btn+.dropdown-toggle{padding-right:8px;padding-left:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-right:12px;padding-left:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.btn-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after{display:table;content:" "}.btn-group-vertical>.btn-group:after{clear:both}.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after{display:table;content:" "}.btn-group-vertical>.btn-group:after{clear:both}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-top-right-radius:0;border-bottom-left-radius:4px;border-top-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child>.btn:last-child,.btn-group-vertical>.btn-group:first-child>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child>.btn:first-child{border-top-right-radius:0;border-top-left-radius:0}.btn-group-justified{display:table;width:100%;border-collapse:separate;table-layout:fixed}.btn-group-justified .btn{display:table-cell;float:none;width:1%}[data-toggle="buttons"]>.btn>input[type="radio"],[data-toggle="buttons"]>.btn>input[type="checkbox"]{display:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group.col{float:none;padding-right:0;padding-left:0}.input-group .form-control{width:100%;margin-bottom:0}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:45px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:45px;line-height:45px}textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{height:auto}.input-group-addon,.input-group-btn,.input-group .form-control{display:table-cell}.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child),.input-group .form-control:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:normal;line-height:1;color:#555;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type="radio"],.input-group-addon input[type="checkbox"]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:last-child>.btn,.input-group-btn:last-child>.dropdown-toggle,.input-group-btn:first-child>.btn:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;white-space:nowrap}.input-group-btn:first-child>.btn{margin-right:-1px}.input-group-btn:last-child>.btn{margin-left:-1px}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-4px}.input-group-btn>.btn:hover,.input-group-btn>.btn:active{z-index:2}.nav{padding-left:0;margin-bottom:0;list-style:none}.nav:before,.nav:after{display:table;content:" "}.nav:after{clear:both}.nav:before,.nav:after{display:table;content:" "}.nav:after{clear:both}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:hover,.nav>li>a:focus{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#999}.nav>li.disabled>a:hover,.nav>li.disabled>a:focus{color:#999;text-decoration:none;cursor:not-allowed;background-color:transparent}.nav .open>a,.nav .open>a:hover,.nav .open>a:focus{background-color:#eee;border-color:#428bca}.nav .open>a .caret,.nav .open>a:hover .caret,.nav .open>a:focus .caret{border-top-color:#2a6496;border-bottom-color:#2a6496}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.428571429;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media(min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{border:1px solid #ddd}@media(min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{border-bottom-color:#fff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:4px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus{color:#fff;background-color:#428bca}.nav-pills>li.active>a .caret,.nav-pills>li.active>a:hover .caret,.nav-pills>li.active>a:focus .caret{border-top-color:#fff;border-bottom-color:#fff}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{margin-bottom:5px;text-align:center}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media(min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:4px}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus{border:1px solid #ddd}@media(min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus{border-bottom-color:#fff}}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav .caret{border-top-color:#428bca;border-bottom-color:#428bca}.nav a:hover .caret{border-top-color:#2a6496;border-bottom-color:#2a6496}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-right-radius:0;border-top-left-radius:0}.navbar{position:relative;min-height:50px;margin-bottom:20px;border:1px solid transparent}.navbar:before,.navbar:after{display:table;content:" "}.navbar:after{clear:both}.navbar:before,.navbar:after{display:table;content:" "}.navbar:after{clear:both}@media(min-width:768px){.navbar{border-radius:4px}}.navbar-header:before,.navbar-header:after{display:table;content:" "}.navbar-header:after{clear:both}.navbar-header:before,.navbar-header:after{display:table;content:" "}.navbar-header:after{clear:both}@media(min-width:768px){.navbar-header{float:left}}.navbar-collapse{max-height:340px;padding-right:15px;padding-left:15px;overflow-x:visible;border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);-webkit-overflow-scrolling:touch}.navbar-collapse:before,.navbar-collapse:after{display:table;content:" "}.navbar-collapse:after{clear:both}.navbar-collapse:before,.navbar-collapse:after{display:table;content:" "}.navbar-collapse:after{clear:both}.navbar-collapse.in{overflow-y:auto}@media(min-width:768px){.navbar-collapse{width:auto;border-top:0;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-collapse.in{overflow-y:auto}.navbar-collapse .navbar-nav.navbar-left:first-child{margin-left:-15px}.navbar-collapse .navbar-nav.navbar-right:last-child{margin-right:-15px}.navbar-collapse .navbar-text:last-child{margin-right:0}}.container>.navbar-header,.container>.navbar-collapse{margin-right:-15px;margin-left:-15px}@media(min-width:768px){.container>.navbar-header,.container>.navbar-collapse{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;border-width:0 0 1px}@media(min-width:768px){.navbar-static-top{border-radius:0}}.navbar-fixed-top,.navbar-fixed-bottom{position:fixed;right:0;left:0;z-index:1030}@media(min-width:768px){.navbar-fixed-top,.navbar-fixed-bottom{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.navbar-brand{float:left;padding:15px 15px;font-size:18px;line-height:20px}.navbar-brand:hover,.navbar-brand:focus{text-decoration:none}@media(min-width:768px){.navbar>.container .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-top:8px;margin-right:15px;margin-bottom:8px;background-color:transparent;border:1px solid transparent;border-radius:4px}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media(min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media(max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;box-shadow:none}.navbar-nav .open .dropdown-menu>li>a,.navbar-nav .open .dropdown-menu .dropdown-header{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:hover,.navbar-nav .open .dropdown-menu>li>a:focus{background-image:none}}@media(min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}@media(min-width:768px){.navbar-left{float:left!important}.navbar-right{float:right!important}}.navbar-form{padding:10px 15px;margin-top:8px;margin-right:-15px;margin-bottom:8px;margin-left:-15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1)}@media(min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block}.navbar-form .radio,.navbar-form .checkbox{display:inline-block;padding-left:0;margin-top:0;margin-bottom:0}.navbar-form .radio input[type="radio"],.navbar-form .checkbox input[type="checkbox"]{float:none;margin-left:0}}@media(max-width:767px){.navbar-form .form-group{margin-bottom:5px}}@media(min-width:768px){.navbar-form{width:auto;padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;border:0;-webkit-box-shadow:none;box-shadow:none}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-right-radius:0;border-top-left-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-nav.pull-right>li>.dropdown-menu,.navbar-nav>li>.dropdown-menu.pull-right{right:0;left:auto}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-text{float:left;margin-top:15px;margin-bottom:15px}@media(min-width:768px){.navbar-text{margin-right:15px;margin-left:15px}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:hover,.navbar-default .navbar-nav>.disabled>a:focus{color:#ccc;background-color:transparent}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#ccc}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e7e7e7}.navbar-default .navbar-nav>.dropdown>a:hover .caret,.navbar-default .navbar-nav>.dropdown>a:focus .caret{border-top-color:#333;border-bottom-color:#333}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.open>a .caret,.navbar-default .navbar-nav>.open>a:hover .caret,.navbar-default .navbar-nav>.open>a:focus .caret{border-top-color:#555;border-bottom-color:#555}.navbar-default .navbar-nav>.dropdown>a .caret{border-top-color:#777;border-bottom-color:#777}@media(max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#ccc;background-color:transparent}}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#999}.navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-brand:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#999}.navbar-inverse .navbar-nav>li>a{color:#999}.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:hover,.navbar-inverse .navbar-nav>.disabled>a:focus{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.dropdown>a:hover .caret{border-top-color:#fff;border-bottom-color:#fff}.navbar-inverse .navbar-nav>.dropdown>a .caret{border-top-color:#999;border-bottom-color:#999}.navbar-inverse .navbar-nav>.open>a .caret,.navbar-inverse .navbar-nav>.open>a:hover .caret,.navbar-inverse .navbar-nav>.open>a:focus .caret{border-top-color:#fff;border-bottom-color:#fff}@media(max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#999}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#444;background-color:transparent}}.navbar-inverse .navbar-link{color:#999}.navbar-inverse .navbar-link:hover{color:#fff}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\00a0"}.breadcrumb>.active{color:#999}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.428571429;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{background-color:#eee}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:2;color:#fff;cursor:default;background-color:#428bca;border-color:#428bca}.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#999;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-bottom-left-radius:6px;border-top-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-bottom-left-radius:3px;border-top-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}.pager:before,.pager:after{display:table;content:" "}.pager:after{clear:both}.pager:before,.pager:after{display:table;content:" "}.pager:after{clear:both}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:hover,.pager li>a:focus{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>a:focus,.pager .disabled>span{color:#999;cursor:not-allowed;background-color:#fff}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:bold;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}.label[href]:hover,.label[href]:focus{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.label-default{background-color:#999}.label-default[href]:hover,.label-default[href]:focus{background-color:#808080}.label-primary{background-color:#428bca}.label-primary[href]:hover,.label-primary[href]:focus{background-color:#3071a9}.label-success{background-color:#5cb85c}.label-success[href]:hover,.label-success[href]:focus{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:hover,.label-info[href]:focus{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:hover,.label-warning[href]:focus{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:hover,.label-danger[href]:focus{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:bold;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;background-color:#999;border-radius:10px}.badge:empty{display:none}a.badge:hover,a.badge:focus{color:#fff;text-decoration:none;cursor:pointer}.btn .badge{position:relative;top:-1px}a.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#428bca;background-color:#fff}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding:30px;margin-bottom:30px;font-size:21px;font-weight:200;line-height:2.1428571435;color:inherit;background-color:#eee}.jumbotron h1{line-height:1;color:inherit}.jumbotron p{line-height:1.4}.container .jumbotron{border-radius:6px}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron{padding-right:60px;padding-left:60px}.jumbotron h1{font-size:63px}}.thumbnail{display:inline-block;display:block;height:auto;max-width:100%;padding:4px;margin-bottom:20px;line-height:1.428571429;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.thumbnail>img{display:block;height:auto;max-width:100%;margin-right:auto;margin-left:auto}a.thumbnail:hover,a.thumbnail:focus,a.thumbnail.active{border-color:#428bca}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:bold}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable{padding-right:35px}.alert-dismissable .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{color:#468847;background-color:#dff0d8;border-color:#d6e9c6}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#356635}.alert-info{color:#3a87ad;background-color:#d9edf7;border-color:#bce8f1}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#2d6987}.alert-warning{color:#c09853;background-color:#fcf8e3;border-color:#faebcc}.alert-warning hr{border-top-color:#f7e1b5}.alert-warning .alert-link{color:#a47e3c}.alert-danger{color:#b94a48;background-color:#f2dede;border-color:#ebccd1}.alert-danger hr{border-top-color:#e4b9c0}.alert-danger .alert-link{color:#953b39}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-moz-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:0 0}to{background-position:40px 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1)}.progress-bar{float:left;width:0;height:100%;font-size:12px;line-height:20px;color:#fff;text-align:center;background-color:#428bca;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-transition:width .6s ease;transition:width .6s ease}.progress-striped .progress-bar{background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-size:40px 40px}.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.media,.media-body{overflow:hidden;zoom:1}.media,.media .media{margin-top:15px}.media:first-child{margin-top:0}.media-object{display:block}.media-heading{margin:0 0 5px}.media>.pull-left{margin-right:10px}.media>.pull-right{margin-left:10px}.media-list{padding-left:0;list-style:none}.list-group{padding-left:0;margin-bottom:20px}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}a.list-group-item{color:#555}a.list-group-item .list-group-item-heading{color:#333}a.list-group-item:hover,a.list-group-item:focus{text-decoration:none;background-color:#f5f5f5}a.list-group-item.active,a.list-group-item.active:hover,a.list-group-item.active:focus{z-index:2;color:#fff;background-color:#428bca;border-color:#428bca}a.list-group-item.active .list-group-item-heading,a.list-group-item.active:hover .list-group-item-heading,a.list-group-item.active:focus .list-group-item-heading{color:inherit}a.list-group-item.active .list-group-item-text,a.list-group-item.active:hover .list-group-item-text,a.list-group-item.active:focus .list-group-item-text{color:#e1edf7}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.05);box-shadow:0 1px 1px rgba(0,0,0,0.05)}.panel-body{padding:15px}.panel-body:before,.panel-body:after{display:table;content:" "}.panel-body:after{clear:both}.panel-body:before,.panel-body:after{display:table;content:" "}.panel-body:after{clear:both}.panel>.list-group{margin-bottom:0}.panel>.list-group .list-group-item{border-width:1px 0}.panel>.list-group .list-group-item:first-child{border-top-right-radius:0;border-top-left-radius:0}.panel>.list-group .list-group-item:last-child{border-bottom:0}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.panel>.table,.panel>.table-responsive{margin-bottom:0}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive{border-top:1px solid #ddd}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.panel>.table-bordered>thead>tr:last-child>th,.panel>.table-responsive>.table-bordered>thead>tr:last-child>th,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th,.panel>.table-bordered>thead>tr:last-child>td,.panel>.table-responsive>.table-bordered>thead>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td{border-bottom:0}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-right-radius:3px;border-top-left-radius:3px}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:16px}.panel-title>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel-group .panel{margin-bottom:0;overflow:hidden;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse .panel-body{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse .panel-body{border-top-color:#ddd}.panel-default>.panel-heading>.dropdown .caret{border-color:#333 transparent}.panel-default>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#428bca}.panel-primary>.panel-heading{color:#fff;background-color:#428bca;border-color:#428bca}.panel-primary>.panel-heading+.panel-collapse .panel-body{border-top-color:#428bca}.panel-primary>.panel-heading>.dropdown .caret{border-color:#fff transparent}.panel-primary>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#428bca}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#468847;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse .panel-body{border-top-color:#d6e9c6}.panel-success>.panel-heading>.dropdown .caret{border-color:#468847 transparent}.panel-success>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#d6e9c6}.panel-warning{border-color:#faebcc}.panel-warning>.panel-heading{color:#c09853;background-color:#fcf8e3;border-color:#faebcc}.panel-warning>.panel-heading+.panel-collapse .panel-body{border-top-color:#faebcc}.panel-warning>.panel-heading>.dropdown .caret{border-color:#c09853 transparent}.panel-warning>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#faebcc}.panel-danger{border-color:#ebccd1}.panel-danger>.panel-heading{color:#b94a48;background-color:#f2dede;border-color:#ebccd1}.panel-danger>.panel-heading+.panel-collapse .panel-body{border-top-color:#ebccd1}.panel-danger>.panel-heading>.dropdown .caret{border-color:#b94a48 transparent}.panel-danger>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#ebccd1}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#3a87ad;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse .panel-body{border-top-color:#bce8f1}.panel-info>.panel-heading>.dropdown .caret{border-color:#3a87ad transparent}.panel-info>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#bce8f1}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);box-shadow:inset 0 1px 1px rgba(0,0,0,0.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,0.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;font-weight:bold;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.5;filter:alpha(opacity=50)}button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;display:none;overflow:auto;overflow-y:scroll}.modal.fade .modal-dialog{-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);transform:translate(0,-25%);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}.modal-dialog{position:relative;z-index:1050;width:auto;padding:10px;margin-right:auto;margin-left:auto}.modal-content{position:relative;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,0.2);border-radius:6px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,0.5);box-shadow:0 3px 9px rgba(0,0,0,0.5);background-clip:padding-box}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1030;background-color:#000}.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)}.modal-backdrop.in{opacity:.5;filter:alpha(opacity=50)}.modal-header{min-height:16.428571429px;padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.428571429}.modal-body{position:relative;padding:20px}.modal-footer{padding:19px 20px 20px;margin-top:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer:before,.modal-footer:after{display:table;content:" "}.modal-footer:after{clear:both}.modal-footer:before,.modal-footer:after{display:table;content:" "}.modal-footer:after{clear:both}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}@media screen and (min-width:768px){.modal-dialog{width:600px;padding-top:30px;padding-bottom:30px}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.5);box-shadow:0 5px 15px rgba(0,0,0,0.5)}}.tooltip{position:absolute;z-index:1030;display:block;font-size:12px;line-height:1.4;opacity:0;filter:alpha(opacity=0);visibility:visible}.tooltip.in{opacity:.9;filter:alpha(opacity=90)}.tooltip.top{padding:5px 0;margin-top:-3px}.tooltip.right{padding:0 5px;margin-left:3px}.tooltip.bottom{padding:5px 0;margin-top:3px}.tooltip.left{padding:0 5px;margin-left:-3px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;text-decoration:none;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-top-color:#000;border-width:5px 5px 0}.tooltip.top-left .tooltip-arrow{bottom:0;left:5px;border-top-color:#000;border-width:5px 5px 0}.tooltip.top-right .tooltip-arrow{right:5px;bottom:0;border-top-color:#000;border-width:5px 5px 0}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-right-color:#000;border-width:5px 5px 5px 0}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-left-color:#000;border-width:5px 0 5px 5px}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-bottom-color:#000;border-width:0 5px 5px}.tooltip.bottom-left .tooltip-arrow{top:0;left:5px;border-bottom-color:#000;border-width:0 5px 5px}.tooltip.bottom-right .tooltip-arrow{top:0;right:5px;border-bottom-color:#000;border-width:0 5px 5px}.popover{position:absolute;top:0;left:0;z-index:1010;display:none;max-width:276px;padding:1px;text-align:left;white-space:normal;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);box-shadow:0 5px 10px rgba(0,0,0,0.2);background-clip:padding-box}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{padding:8px 14px;margin:0;font-size:14px;font-weight:normal;line-height:18px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover .arrow,.popover .arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover .arrow{border-width:11px}.popover .arrow:after{border-width:10px;content:""}.popover.top .arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,0.25);border-bottom-width:0}.popover.top .arrow:after{bottom:1px;margin-left:-10px;border-top-color:#fff;border-bottom-width:0;content:" "}.popover.right .arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(0,0,0,0.25);border-left-width:0}.popover.right .arrow:after{bottom:-10px;left:1px;border-right-color:#fff;border-left-width:0;content:" "}.popover.bottom .arrow{top:-11px;left:50%;margin-left:-11px;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,0.25);border-top-width:0}.popover.bottom .arrow:after{top:1px;margin-left:-10px;border-bottom-color:#fff;border-top-width:0;content:" "}.popover.left .arrow{top:50%;right:-11px;margin-top:-11px;border-left-color:#999;border-left-color:rgba(0,0,0,0.25);border-right-width:0}.popover.left .arrow:after{right:1px;bottom:-10px;border-left-color:#fff;border-right-width:0;content:" "}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>img,.carousel-inner>.item>a>img{display:block;height:auto;max-width:100%;line-height:1}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.6);opacity:.5;filter:alpha(opacity=50)}.carousel-control.left{background-image:-webkit-gradient(linear,0 top,100% top,from(rgba(0,0,0,0.5)),to(rgba(0,0,0,0.0001)));background-image:-webkit-linear-gradient(left,color-stop(rgba(0,0,0,0.5) 0),color-stop(rgba(0,0,0,0.0001) 100%));background-image:-moz-linear-gradient(left,rgba(0,0,0,0.5) 0,rgba(0,0,0,0.0001) 100%);background-image:linear-gradient(to right,rgba(0,0,0,0.5) 0,rgba(0,0,0,0.0001) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000',endColorstr='#00000000',GradientType=1)}.carousel-control.right{right:0;left:auto;background-image:-webkit-gradient(linear,0 top,100% top,from(rgba(0,0,0,0.0001)),to(rgba(0,0,0,0.5)));background-image:-webkit-linear-gradient(left,color-stop(rgba(0,0,0,0.0001) 0),color-stop(rgba(0,0,0,0.5) 100%));background-image:-moz-linear-gradient(left,rgba(0,0,0,0.0001) 0,rgba(0,0,0,0.5) 100%);background-image:linear-gradient(to right,rgba(0,0,0,0.0001) 0,rgba(0,0,0,0.5) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#80000000',GradientType=1)}.carousel-control:hover,.carousel-control:focus{color:#fff;text-decoration:none;opacity:.9;filter:alpha(opacity=90)}.carousel-control .icon-prev,.carousel-control .icon-next,.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right{position:absolute;top:50%;z-index:5;display:inline-block}.carousel-control .icon-prev,.carousel-control .glyphicon-chevron-left{left:50%}.carousel-control .icon-next,.carousel-control .glyphicon-chevron-right{right:50%}.carousel-control .icon-prev,.carousel-control .icon-next{width:20px;height:20px;margin-top:-10px;margin-left:-10px;font-family:serif}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#000 \9;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:10px}.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicons-chevron-left,.carousel-control .glyphicons-chevron-right,.carousel-control .icon-prev,.carousel-control .icon-next{width:30px;height:30px;margin-top:-15px;margin-left:-15px;font-size:30px}.carousel-caption{right:20%;left:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.clearfix:before,.clearfix:after{display:table;content:" "}.clearfix:after{clear:both}.center-block{display:block;margin-right:auto;margin-left:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important;visibility:hidden!important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-xs,tr.visible-xs,th.visible-xs,td.visible-xs{display:none!important}@media(max-width:767px){.visible-xs{display:block!important}tr.visible-xs{display:table-row!important}th.visible-xs,td.visible-xs{display:table-cell!important}}@media(min-width:768px) and (max-width:991px){.visible-xs.visible-sm{display:block!important}tr.visible-xs.visible-sm{display:table-row!important}th.visible-xs.visible-sm,td.visible-xs.visible-sm{display:table-cell!important}}@media(min-width:992px) and (max-width:1199px){.visible-xs.visible-md{display:block!important}tr.visible-xs.visible-md{display:table-row!important}th.visible-xs.visible-md,td.visible-xs.visible-md{display:table-cell!important}}@media(min-width:1200px){.visible-xs.visible-lg{display:block!important}tr.visible-xs.visible-lg{display:table-row!important}th.visible-xs.visible-lg,td.visible-xs.visible-lg{display:table-cell!important}}.visible-sm,tr.visible-sm,th.visible-sm,td.visible-sm{display:none!important}@media(max-width:767px){.visible-sm.visible-xs{display:block!important}tr.visible-sm.visible-xs{display:table-row!important}th.visible-sm.visible-xs,td.visible-sm.visible-xs{display:table-cell!important}}@media(min-width:768px) and (max-width:991px){.visible-sm{display:block!important}tr.visible-sm{display:table-row!important}th.visible-sm,td.visible-sm{display:table-cell!important}}@media(min-width:992px) and (max-width:1199px){.visible-sm.visible-md{display:block!important}tr.visible-sm.visible-md{display:table-row!important}th.visible-sm.visible-md,td.visible-sm.visible-md{display:table-cell!important}}@media(min-width:1200px){.visible-sm.visible-lg{display:block!important}tr.visible-sm.visible-lg{display:table-row!important}th.visible-sm.visible-lg,td.visible-sm.visible-lg{display:table-cell!important}}.visible-md,tr.visible-md,th.visible-md,td.visible-md{display:none!important}@media(max-width:767px){.visible-md.visible-xs{display:block!important}tr.visible-md.visible-xs{display:table-row!important}th.visible-md.visible-xs,td.visible-md.visible-xs{display:table-cell!important}}@media(min-width:768px) and (max-width:991px){.visible-md.visible-sm{display:block!important}tr.visible-md.visible-sm{display:table-row!important}th.visible-md.visible-sm,td.visible-md.visible-sm{display:table-cell!important}}@media(min-width:992px) and (max-width:1199px){.visible-md{display:block!important}tr.visible-md{display:table-row!important}th.visible-md,td.visible-md{display:table-cell!important}}@media(min-width:1200px){.visible-md.visible-lg{display:block!important}tr.visible-md.visible-lg{display:table-row!important}th.visible-md.visible-lg,td.visible-md.visible-lg{display:table-cell!important}}.visible-lg,tr.visible-lg,th.visible-lg,td.visible-lg{display:none!important}@media(max-width:767px){.visible-lg.visible-xs{display:block!important}tr.visible-lg.visible-xs{display:table-row!important}th.visible-lg.visible-xs,td.visible-lg.visible-xs{display:table-cell!important}}@media(min-width:768px) and (max-width:991px){.visible-lg.visible-sm{display:block!important}tr.visible-lg.visible-sm{display:table-row!important}th.visible-lg.visible-sm,td.visible-lg.visible-sm{display:table-cell!important}}@media(min-width:992px) and (max-width:1199px){.visible-lg.visible-md{display:block!important}tr.visible-lg.visible-md{display:table-row!important}th.visible-lg.visible-md,td.visible-lg.visible-md{display:table-cell!important}}@media(min-width:1200px){.visible-lg{display:block!important}tr.visible-lg{display:table-row!important}th.visible-lg,td.visible-lg{display:table-cell!important}}.hidden-xs{display:block!important}tr.hidden-xs{display:table-row!important}th.hidden-xs,td.hidden-xs{display:table-cell!important}@media(max-width:767px){.hidden-xs,tr.hidden-xs,th.hidden-xs,td.hidden-xs{display:none!important}}@media(min-width:768px) and (max-width:991px){.hidden-xs.hidden-sm,tr.hidden-xs.hidden-sm,th.hidden-xs.hidden-sm,td.hidden-xs.hidden-sm{display:none!important}}@media(min-width:992px) and (max-width:1199px){.hidden-xs.hidden-md,tr.hidden-xs.hidden-md,th.hidden-xs.hidden-md,td.hidden-xs.hidden-md{display:none!important}}@media(min-width:1200px){.hidden-xs.hidden-lg,tr.hidden-xs.hidden-lg,th.hidden-xs.hidden-lg,td.hidden-xs.hidden-lg{display:none!important}}.hidden-sm{display:block!important}tr.hidden-sm{display:table-row!important}th.hidden-sm,td.hidden-sm{display:table-cell!important}@media(max-width:767px){.hidden-sm.hidden-xs,tr.hidden-sm.hidden-xs,th.hidden-sm.hidden-xs,td.hidden-sm.hidden-xs{display:none!important}}@media(min-width:768px) and (max-width:991px){.hidden-sm,tr.hidden-sm,th.hidden-sm,td.hidden-sm{display:none!important}}@media(min-width:992px) and (max-width:1199px){.hidden-sm.hidden-md,tr.hidden-sm.hidden-md,th.hidden-sm.hidden-md,td.hidden-sm.hidden-md{display:none!important}}@media(min-width:1200px){.hidden-sm.hidden-lg,tr.hidden-sm.hidden-lg,th.hidden-sm.hidden-lg,td.hidden-sm.hidden-lg{display:none!important}}.hidden-md{display:block!important}tr.hidden-md{display:table-row!important}th.hidden-md,td.hidden-md{display:table-cell!important}@media(max-width:767px){.hidden-md.hidden-xs,tr.hidden-md.hidden-xs,th.hidden-md.hidden-xs,td.hidden-md.hidden-xs{display:none!important}}@media(min-width:768px) and (max-width:991px){.hidden-md.hidden-sm,tr.hidden-md.hidden-sm,th.hidden-md.hidden-sm,td.hidden-md.hidden-sm{display:none!important}}@media(min-width:992px) and (max-width:1199px){.hidden-md,tr.hidden-md,th.hidden-md,td.hidden-md{display:none!important}}@media(min-width:1200px){.hidden-md.hidden-lg,tr.hidden-md.hidden-lg,th.hidden-md.hidden-lg,td.hidden-md.hidden-lg{display:none!important}}.hidden-lg{display:block!important}tr.hidden-lg{display:table-row!important}th.hidden-lg,td.hidden-lg{display:table-cell!important}@media(max-width:767px){.hidden-lg.hidden-xs,tr.hidden-lg.hidden-xs,th.hidden-lg.hidden-xs,td.hidden-lg.hidden-xs{display:none!important}}@media(min-width:768px) and (max-width:991px){.hidden-lg.hidden-sm,tr.hidden-lg.hidden-sm,th.hidden-lg.hidden-sm,td.hidden-lg.hidden-sm{display:none!important}}@media(min-width:992px) and (max-width:1199px){.hidden-lg.hidden-md,tr.hidden-lg.hidden-md,th.hidden-lg.hidden-md,td.hidden-lg.hidden-md{display:none!important}}@media(min-width:1200px){.hidden-lg,tr.hidden-lg,th.hidden-lg,td.hidden-lg{display:none!important}}.visible-print,tr.visible-print,th.visible-print,td.visible-print{display:none!important}@media print{.visible-print{display:block!important}tr.visible-print{display:table-row!important}th.visible-print,td.visible-print{display:table-cell!important}.hidden-print,tr.hidden-print,th.hidden-print,td.hidden-print{display:none!important}}
+ example/templates/tab-example.hamlet view
@@ -0,0 +1,9 @@+<p>This example is taken from the <a href="http://docs.angularjs.org/guide/directive">AngularJS guide</a>.+<div>+ <my-tabs>+ <my-pane title="Hello">+ <p>Lorem ipsum+ <my-pane title="World">+ <p>+ Click me:+ <a href ng-click="i = i + 1">counter: {{i || 0}}
+ example/templates/todo.cassius view
@@ -0,0 +1,3 @@+.done-true+ text-decoration: line-through+ color: grey
+ example/templates/todo.hamlet view
@@ -0,0 +1,11 @@+<div ng-controller="TodoCtrl"> <!-- The controller name matches what is in angular-app/todo-ctrl.js -->+ <span>{{remaining()}} of {{todos.length}} remaining [+ <a href="" ng-click="archive()">archive+ ]+ <ul .unstyled>+ <li ng-repeat="todo in todos">+ <input type=checkbox ng-model="todo.done">+ <span class="done-{{todo.done}}">{{todo.text}}+ <form ng-submit="addTodo()">+ <input type="text" ng-model="todoText" size=30 placeholder="add new todo here">+ <input .btn-primary type="submit" value="add">
+ example/tests/end2end/todo.hs view
@@ -0,0 +1,51 @@+{-# LANGUAGE OverloadedStrings #-}++-- Requires hspec-webdriver 0.2.* and webdriver-angular 0.1.*+import Test.Hspec.WebDriver+import Test.WebDriver.Commands.Angular++main :: IO ()+main = hspec $ do+ session "Todo list" $ using Firefox $ do+ it "opens the page" $ runWD $ do+ openPage "http://localhost:3000"++ -- This will wait until angular has finished rendering the page.+ -- The CSS selector references the element which contains ng-app, in this+ -- example the div directly below body.+ waitForAngular "body > div" `shouldReturn` True++ it "should find the initial todo" $ runWD $ do+ -- Check the initial text+ binding <- findNg $ ByBinding "{{todos.length}}"+ binding `shouldHaveText` "1 of 2 remaining ["++ it "should add a todo" $ runWD $ do+ -- Add a new todo+ txt <- findNg $ ByModel "todoText"+ sendKeys "My todo" txt+ btn <- findElem $ ByCSS "input.btn-primary"+ click btn++ -- Check it updated things properly+ binding <- findNg $ ByBinding "{{todos.length}}"+ binding `shouldHaveText` "2 of 3 remaining ["++ it "should find the new todo by repeaters" $ runWD $ do+ new <- findRepeater $ ByRow "todo in todos" 2+ new `shouldBeTag` "li"+ new `shouldHaveText` "My todo"++ [r1, r2, r3] <- findRepeaters $ ByRows "todo in todos"+ r1 `shouldBeTag` "li"+ r2 `shouldBeTag` "li"+ r3 `shouldBeTag` "li"+ r1 `shouldHaveText` "learn angular"+ r2 `shouldHaveText` "integrate angular with your yesod app"+ r3 `shouldHaveText` "My todo"++ -- Note that if you try out the ByColumn repeaters it won't work because of+ -- https://github.com/angular/angular.js/issues/4383 (see also+ -- https://github.com/angular/protractor/issues/158) because the todo list uses+ -- bindings in the class element. If you remove the class binding from the span,+ -- the ByColumn repeaters do start working.
+ example/tests/karma.conf.js view
@@ -0,0 +1,102 @@+// Karma configuration+module.exports = function(config) {+ config.set({++ // base path, that will be used to resolve files and exclude+ basePath: '..',++ // frameworks to use+ frameworks: ['jasmine'],++ // list of files / patterns to load in the browser+ files: [+ "static/angular.js",+ "static/angular-mocks.js",++ //define-yesod-example.js sets up window.module so that the .js files in angular-app will work+ "tests/unit-js/define-yesod-example.js",+ "angular-app/*.js",+ "angular-app/*.hamlet",++ //If you had more than one module, you would include here another define-<modname>.js file+ //and then the includes for the module itself as follows:+ /*"tests/unit-js/define-anothermodule.js",+ "anothermodule/*.js",+ "anothermodule/*.hamlet",*/+++ // Now all the tests. We take advantage of the fact that karma will only+ // load a file once as if it matched the first pattern, so + // define-yesod-example.js will not be included here a second time.+ "tests/unit-js/*.js",+ ],++ // Load all the karma plugins plus our custom plugin for hamlet.+ // This includes all the builtin karma plugins plus the karma-ng-hamlet2js-preprocessor+ // which converts hamlet files to javascript.+ plugins: [+ "karma-*",+ ],++ // Set up hamlet to use the karma-ng-hamlet2js-preprocessor plugin+ preprocessors: {+ "**/*.hamlet" : ["ng-hamlet2js"],+ },++ //Custom options for the hamlet preprocessor. The preprocessor will use runghc to call+ //hamletTestTemplate from the Yesod.EmbeddedStatic.AngularJavascript module. Since the + //tests here might run before this module has been installed, we pass an extra argument+ //to runghc to tell runghc where to find the Yesod.EmbeddedStatic.AngularJavascript. In+ //your own tests you won't need this.+ ngHamlet2JsPreprocessor: {+ extraGhcArgs: ["-i../../.."],+ },++ // list of files to exclude+ exclude: [+ "**/*.swp"+ ],+++ // test results reporter to use+ // possible values: 'dots', 'progress', 'junit', 'growl', 'coverage'+ reporters: ['progress'],+++ // web server port+ port: 9876,+++ // enable / disable colors in the output (reporters and logs)+ colors: true,+++ // level of logging+ // possible values: config.LOG_DISABLE || config.LOG_ERROR || config.LOG_WARN || config.LOG_INFO || config.LOG_DEBUG+ logLevel: config.LOG_INFO,+++ // enable / disable watching file and executing tests whenever any file changes+ autoWatch: true,+++ // Start these browsers, currently available:+ // - Chrome+ // - ChromeCanary+ // - Firefox+ // - Opera (has to be installed with `npm install karma-opera-launcher`)+ // - Safari (only Mac; has to be installed with `npm install karma-safari-launcher`)+ // - PhantomJS+ // - IE (only Windows; has to be installed with `npm install karma-ie-launcher`)+ browsers: ['Firefox', 'PhantomJS'],+++ // If browser does not capture in given timeout [ms], kill it+ captureTimeout: 60000,+++ // Continuous Integration mode+ // if true, it capture browsers, run tests and exit+ singleRun: false+ });+};
+ example/tests/unit-js/define-yesod-example.js view
@@ -0,0 +1,3 @@+/* Define window.module to be an angular module, so that the javascript within angular-app works+ * in the test environment. */+window.module = angular.module("yesod-example", []);
+ example/tests/unit-js/tabs.js view
@@ -0,0 +1,94 @@+/* I took this test code from https://github.com/vojtajina/ng-directive-testing+ * but made a few changes:+ *+ * - Changed window.module to use angular.mock.module+ * - Update the module name+ * - Update the HTML to match the directives (my-tabs and my-pane)+ * - Add a query function. The test from github assumed jquery was available so the+ * find function could query by class. With only jqLite the find function can only+ * query by tag name. So I added a query class which just uses querySelectorAll.+ * - copied some code from helpers.js into this module.+ */++describe('tabs', function() {+ var elm, scope;++ // load the tabs code+ beforeEach(angular.mock.module('yesod-example'));++ beforeEach(angular.mock.inject(function($rootScope, $compile) {+ // we might move this tpl into an html file as well...+ elm = angular.element(+ '<div>' ++ '<my-tabs>' ++ '<my-pane title="First Tab">' ++ 'first content is {{first}}' ++ '</my-pane>' ++ '<my-pane title="Second Tab">' ++ 'second content is {{second}}' ++ '</my-pane>' ++ '</my-tabs>' ++ '</div>');++ scope = $rootScope;+ $compile(elm)(scope);+ scope.$digest();+ }));++ //Copied from https://github.com/vojtajina/ng-directive-testing/blob/master/test/helpers.js+ beforeEach(function() {+ this.addMatchers({+ toHaveClass: function(cls) {+ this.message = function() {+ return "Expected '" + angular.mock.dump(this.actual) + "' to have class '" + cls + "'.";+ };+ return this.actual.hasClass(cls);+ }+ });+ });++ var query = function(elm, q) {+ return angular.element(elm[0].querySelectorAll(q));+ };++ it('should create clickable titles', inject(function($compile, $rootScope) {+ var titles = query(elm, "ul.nav li a");++ expect(titles.length).toBe(2);+ expect(titles.eq(0).text()).toBe('First Tab');+ expect(titles.eq(1).text()).toBe('Second Tab');+ }));++ it('should bind the content', function() {+ var contents = query(elm, 'div.tab-content div.tab-pane');++ expect(contents.length).toBe(2);+ expect(contents.eq(0).text()).toBe('first content is ');+ expect(contents.eq(1).text()).toBe('second content is ');++ scope.$apply(function() {+ scope.first = 123;+ scope.second = 456;+ });++ expect(contents.eq(0).text()).toBe('first content is 123');+ expect(contents.eq(1).text()).toBe('second content is 456');+ });+++ it('should set active class on title', function() {+ var titles = query(elm, 'ul.nav-tabs li');++ expect(titles.eq(0)).toHaveClass('active');+ expect(titles.eq(1)).not.toHaveClass('active');+ });+++ it('should set active class on content', function() {+ var contents = query(elm, 'div.tab-content div.tab-pane');++ expect(contents.eq(0)).not.toHaveClass('active');+ expect(contents.eq(1)).not.toHaveClass('active');+ });++});
+ example/tests/unit-js/todo.js view
@@ -0,0 +1,39 @@+describe("TodoCtrl", function() {+ var scope;++ /* This is typical jasmine+angular mock setup for the module */+ beforeEach(angular.mock.module("yesod-example"));+ beforeEach(angular.mock.inject(function($rootScope, $controller) {+ scope = $rootScope.$new();+ $controller("TodoCtrl", {$scope: scope});+ }));++ /* The tests */++ it("should have two todos", function() {+ expect(scope.todos.length).toBe(2);+ expect(scope.todos[0].text).toBe("learn angular");+ expect(scope.todos[0].done).toBe(true);+ expect(scope.todos[1].text).toBe("integrate angular with your yesod app");+ expect(scope.todos[1].done).toBe(false);+ expect(scope.remaining()).toBe(1);+ });++ it("should add a todo", function() {+ scope.todoText = "New Todo";+ scope.addTodo();+ expect(scope.todos.length).toBe(3);+ expect(scope.todos[2].text).toBe("New Todo");+ expect(scope.todos[2].done).toBe(false);+ expect(scope.remaining()).toBe(2);+ });++ it("should archive", function() {+ scope.archive();+ expect(scope.todos.length).toBe(1);+ expect(scope.todos[0].text).toBe("integrate angular with your yesod app");+ expect(scope.todos[0].done).toBe(false);+ expect(scope.remaining()).toBe(1);+ });++});
+ test/AngularSpec.hs view
@@ -0,0 +1,157 @@+{-# LANGUAGE TemplateHaskell, QuasiQuotes, OverloadedStrings, TypeFamilies #-}+module AngularSpec (spec) where++import Data.Monoid+import RunGenerator+import Test.HUnit+import Test.Hspec+import Text.Hamlet (xhtmlHamletSettings)+import Yesod.Core+import Yesod.EmbeddedStatic.AngularJavascript+import Yesod.Test hiding (assertEqual)++import qualified Data.ByteString.Lazy as BL++ang1 :: GeneratorTestResult+ang1 = head $(testGen (embedNgModuleWithoutTemplates "mod1" "a/b/c/def.js" "test/angular/mod1" + (\x -> return $ x <> "\nAdded by mini")+ )+ [("a/b/c/def.js", "application/javascript", "test/angular/mod1.js.expected")])++ang2s :: [GeneratorTestResult]+ang2s = $(testGen (embedNgModulesWithoutTemplates "angmod" "test/angular"+ (\x -> return $ x <> "\nAdded by mini")+ )+ [("angmod/mod1.js", "application/javascript", "test/angular/mod1.js.expected")+ ,("angmod/mod2.js", "application/javascript", "test/angular/mod2.js.expected")+ ])++ang3 :: GeneratorTestResult+ang3 = head $(testGen (embedNgModule "mod1" "module1.js" "test/angular/mod1"+ (\x -> return $ x <> "\nAdded by mini")+ )+ [("module1.js", "application/javascript", "test/angular/mod1-and-templ.js.expected")])++ang4s :: [GeneratorTestResult]+ang4s = $(testGen (embedNgModules "xxx" "test/angular"+ (\x -> return $ x <> "\nAdded by mini")+ )+ [("xxx/mod1.js", "application/javascript", "test/angular/mod1-and-templ.js.expected")+ ,("xxx/mod2.js", "application/javascript", "test/angular/mod2.js.expected")+ ])++data MyApp = MyApp+mkYesod "MyApp" [parseRoutes|+/single SingleWidgetR GET+/files DirectiveFilesR GET+/filesxhtml DirFilesXHTML GET+|]+instance Yesod MyApp++getSingleWidgetR :: Handler Html+getSingleWidgetR = defaultLayout $ do+ let direct = directiveWidget "mydirect" $(whamletFile "test/angular/mod1/my-tabs.hamlet")+ [whamlet|+<div ng-app>+ ^{direct}+ <div>+ <input type="text" ng-model="yourName">+ <h1>Hello {{yourName}}+|]++getDirectiveFilesR :: Handler Html+getDirectiveFilesR = defaultLayout $ do+ -- The hamlet files have <br> in them which should not be closed.+ let w = $(directiveTemplates "test/angular/mod1")+ [whamlet|+<div ng-app>+ ^{w}+ <h1>Hello+|]++getDirFilesXHTML :: Handler Html+getDirFilesXHTML = defaultLayout $ do+ -- The hamlet files have <br> in them which should be turned into <br/> because of the xhtmlSettings+ let w = $(directiveTemplatesWithSettings xhtmlHamletSettings "test/angular/mod1")+ [whamlet|+<div ng-app>+ ^{w}+ <h1>Hello+|]+++spec :: Spec+spec = do+ describe "Angular" $ do+ it "embeds a single module without templates" $ do+ maybe (return ()) assertFailure $ gtError ang1+ assertDev ang1 "test/angular/mod1-dev.js.expected"+ assertDevExtra ang1 ["a","b","c","def.js","a.js"] "application/javascript" "test/angular/mod1/a-dev.js.expected"++ it "embeds multiple modules without templates" $ do+ case ang2s of+ [mod1, mod2] -> do+ maybe (return ()) assertFailure $ gtError mod1+ maybe (return ()) assertFailure $ gtError mod2+ assertDev mod1 "test/angular/mod1-dev.js.expected"+ assertDev mod2 "test/angular/mod2-dev.js.expected"+ assertDevExtra mod1 ["angmod","mod1.js","a.js"] "application/javascript" "test/angular/mod1/a-dev.js.expected"+ assertDevExtra mod2 ["angmod","mod2.js","ctrl.js"] "application/javascript" "test/angular/mod2/ctrl-dev.js.expected"++ _ -> assertFailure "did not create two modules"++ it "embeds a module together with templates" $ do+ maybe (return ()) assertFailure $ gtError ang3+ assertDev ang3 "test/angular/mod1-and-templ-dev.js.expected"+ assertDevExtra ang3 ["module1.js", "my-tabs.hamlet"] "application/javascript" "test/angular/mod1/my-tabs-dev.js.expected"++ it "embeds multiple modules together with templates" $ do+ case ang4s of+ [mod1, mod2] -> do+ maybe (return ()) assertFailure $ gtError mod1+ maybe (return ()) assertFailure $ gtError mod2+ assertDev mod1 "test/angular/mod1-and-templ-dev.js.expected"+ assertDev mod2 "test/angular/mod2-dev.js.expected"+ assertDevExtra mod1 ["xxx","mod1.js","my-tabs.hamlet"] "application/javascript" "test/angular/mod1/my-tabs-dev.js.expected"+ assertDevExtra mod2 ["xxx","mod2.js","ctrl.js"] "application/javascript" "test/angular/mod2/ctrl-dev.js.expected"++ _ -> assertFailure "did not create two modules"++ it "generates the test template" $ do+ let testJs = $(hamletTestTemplate "test/angular/mod1/my-tabs.hamlet")+ testJs' <- BL.readFile "test/angular/mod1/my-tabs-testing.js.expected"+ assertEqual "my-tabs" testJs testJs'++ yesodSpec MyApp $ do+ yit "loads directive widget" $ do+ get SingleWidgetR+ statusIs 200+ htmlCount "div[ng-app] > script[type=text/ng-template][id=mydirect]" 1+ htmlAllContain "div[ng-app] > script[type=text/ng-template][id=mydirect]"+ "<li ng-repeat=\"pane in panes\" ng-class=\"{active:pane.selected}\">"++ yit "loads directive files" $ do+ get DirectiveFilesR+ statusIs 200++ -- This should use default settings so <br> should not be closed+ htmlAllContain "div[ng-app] > script[type=text/ng-template][id=tabstemplateurl]"+ "<br>\n<li ng-repeat=\"pane in panes\" ng-class=\"{active:pane.selected}\">"++ -- Also br not closed here+ htmlAllContain "div[ng-app] > script[type=text/ng-template][id=paneid]"+ "<div class=\"tab-pane\" ng-show=\"selected\" ng-transclude></div>\n<br>"++ yit "loads directive files with settings" $ do+ get DirFilesXHTML+ statusIs 200++ -- This should be identical to the previous test except the <br> is closed now+ -- since we used XHTML settings+ htmlAllContain "div[ng-app] > script[type=text/ng-template][id=tabstemplateurl]"+ "<br/>\n<li ng-repeat=\"pane in panes\" ng-class=\"{active:pane.selected}\">"++ -- Also br closed here+ htmlAllContain "div[ng-app] > script[type=text/ng-template][id=paneid]"+ "<div class=\"tab-pane\" ng-show=\"selected\" ng-transclude></div>\n<br/>"+
+ test/RunGenerator.hs view
@@ -0,0 +1,95 @@+{-# LANGUAGE OverloadedStrings, QuasiQuotes, TemplateHaskell #-}+module RunGenerator where++import Control.Monad (forM_)+import Data.List (sortBy)+import Data.Ord (comparing)+import Language.Haskell.TH+import Test.HUnit+import Yesod.EmbeddedStatic+import Yesod.EmbeddedStatic.Types++import qualified Data.ByteString as B+import qualified Data.ByteString.Lazy as BL+import qualified Data.Text as T+import qualified Data.Text.Lazy as TL+import qualified Data.Text.Lazy.Encoding as TL++data GeneratorTestResult = GeneratorTestResult {+ gtError :: Maybe String+ , gtDevelReload :: IO BL.ByteString+ , gtDevelExtraFiles :: Maybe ([T.Text] -> IO (Maybe (B.ByteString, BL.ByteString)))+ }++devExtra :: GeneratorTestResult -> [T.Text] -> IO (B.ByteString, BL.ByteString)+devExtra gtr p = case gtDevelExtraFiles gtr of+ Nothing -> error $ "Devel extra files is nothing for " ++ show p+ Just d -> d p >>= maybe (error $ "Devel returned nothing for" ++ show p) return++dumpExpected :: Generator -> String -> Q [Dec]+dumpExpected g extra = do+ entries <- g+ runIO $ forM_ entries $ \e -> do+ ct <- ebProductionContent e+ BL.writeFile (ebLocation e ++ extra) ct+ return []++testEntry :: Entry -> (Location, B.ByteString, FilePath) -> ExpQ+testEntry e (loc, mime, f) = do+ eCt <- runIO $ BL.readFile f+ gCt <- runIO $ ebProductionContent e+ case (loc == ebLocation e, mime == ebMimeType e, eCt == gCt, ebDevelExtraFiles e) of+ (False,_,_,_) -> [| GeneratorTestResult (Just $ "Locations don't match for " ++ $(litE $ stringL loc))+ undefined undefined |]+ (_,False,_,_) -> [| GeneratorTestResult (Just $ "Mime type does not match for " ++ $(litE $ stringL loc))+ undefined undefined |]+ (_,_,False,_) -> [| GeneratorTestResult (Just $ "File content does not match for " ++ $(litE $ stringL loc) ++ "\n"+ ++ $(litE $ stringL $ TL.unpack $ TL.decodeUtf8 gCt))+ undefined undefined |]+ (_,_,_,Nothing) -> [| GeneratorTestResult Nothing $(ebDevelReload e) Nothing |]+ (_,_,_,Just r) -> [| GeneratorTestResult Nothing $(ebDevelReload e) (Just $r) |]++testGen :: Generator -> [(Location, B.ByteString, FilePath)] -> ExpQ+testGen g expected = do+ entries <- g+ if length expected /= length entries+ then [| [GeneratorTestResult (Just "Not same length") undefined undefined] |]+ else do+ let entries' = sortBy (comparing ebLocation) entries+ fst3 (x,_,_) = x+ expected' = sortBy (comparing fst3) expected+ listE $ zipWith testEntry entries' expected'++dumpDev :: GeneratorTestResult -> FilePath -> IO ()+dumpDev g f = do+ gCt <- gtDevelReload g+ BL.writeFile f gCt++assertDev :: GeneratorTestResult -> FilePath -> Assertion+assertDev g f = do+ fCt <- BL.readFile f+ gCt <- gtDevelReload g+ assertEqual ("Content for " ++ f) fCt gCt++dumpDevExtra :: GeneratorTestResult -> [T.Text] -> FilePath -> IO ()+dumpDevExtra g url file =+ case gtDevelExtraFiles g of+ Nothing -> error $ "Dev extra not found: " ++ show url+ Just f -> do+ mres <- f url+ case mres of+ Nothing -> error $ "No response for " ++ show url+ Just (_, ct) -> BL.writeFile file ct++assertDevExtra :: GeneratorTestResult -> [T.Text] -> B.ByteString -> FilePath -> Assertion+assertDevExtra g url mime file = do+ fCt <- BL.readFile file+ case gtDevelExtraFiles g of+ Nothing -> assertFailure $ "No dev extra for " ++ show url+ Just f -> do+ mres <- f url+ case mres of+ Nothing -> assertFailure $ "No response for " ++ show url+ Just (mime', ct') -> do+ assertEqual ("Mime for " ++ show url) mime mime'+ assertEqual ("Content for " ++ show url) fCt ct'
+ test/Spec.hs view
@@ -0,0 +1,1 @@+{-# OPTIONS_GHC -F -pgmF hspec-discover #-}
+ test/angular/mod1-and-templ-dev.js.expected view
@@ -0,0 +1,38 @@++(function() {+ /* We want to defer bootstrap until all scripts are loaded */+ if (!/^NG_DEFER_BOOTSTRAP!/.test(window.name)) {+ window.name = "NG_DEFER_BOOTSTRAP!" + window.name;+ window.yesod_devel_scripts = {};+ window.yesod_devel_check_loaded = function() {+ for (var key in window.yesod_devel_scripts) {+ if (!window.yesod_devel_scripts[key]) {+ /* Not loaded yet */+ return;+ }+ }+ /* Everything has loaded, bootstrap can continue */+ angular.resumeBootstrap();+ };+ }++ /* Create the module */+ angular.module("mod1", []);++ /* Figure out the full path of the current script */+ var scripts = document.getElementsByTagName("script"),+ path = scripts[scripts.length - 1].src;++ /* Add a script tag for each file in the module */+ var files = ["a.js","b.js","c.js","my-pane.js","my-tabs.js","my-pane.hamlet","my-tabs.hamlet"];+ for (var i = 0; i < files.length; i++) {+ /* Add the script to the list of scripts to wait for */+ window.yesod_devel_scripts["mod1" + "/" + files[i]] = false;++ var s = document.createElement("script");+ s.type = "application/javascript";+ s.src = path + "/" + files[i];+ document.body.appendChild(s);+ }+})();+
+ test/angular/mod1-and-templ.js.expected view
@@ -0,0 +1,57 @@+(function(module) {module.controller("myctrl",["$scope", function($scope) {+ console.log("A");+ $scope.A = "A";+}]);+module.factory("thefactory",["$http","xyz", function($http, xyz) {+ console.log("B");+}]);+module.directive("my-directive", function() {+ return { template: "<h1>Hello World</h1>" };+});+module.directive("myPane", function() {+ return {+ require: '^myTabs',+ restrict: 'E',+ transclude: true,"controller":["$scope","ttt",+ function($scope, ttt) {+ console.log("hah");+ }],+ scope: {+ title: '@'+ },+ link: function(scope, element, attrs, tabsCtrl) {+ tabsCtrl.addPane(scope);+ },+ templateUrl: 'paneid',+ };+});module.directive("myTabs", function() {+ return {+ restrict: "E",+ transclude: true,+ scope: {},"controller":["$scope",+ function($scope) {+ var panes = $scope.panes = [];++ $scope.select = function(pane) {+ angular.forEach(panes, function(pane) {+ pane.selected = false;+ });+ pane.selected = true;+ };++ this.addPane = function(pane) {+ if (panes.length == 0) {+ $scope.select(pane);+ }+ panes.push(pane);+ };+ }],+ "templateUrl": 'tabstemplateurl',+ };+});+module.run(['$templateCache', function($templateCache) {+$templateCache.put("paneid","\u003cdiv class=\"tab-pane\" ng-show=\"selected\" ng-transclude\u003e\u003c/div\u003e\n\u003cbr\u003e\n");+$templateCache.put("tabstemplateurl","\u003cdiv class=\"tabbable\"\u003e\u003cul class=\"nav nav-tabs\"\u003e\u003cbr\u003e\n\u003cli ng-repeat=\"pane in panes\" ng-class=\"{active:pane.selected}\"\u003e\u003ca href=\"\" ng-click=\"select(pane)\"\u003e{{pane.title}}\u003c/a\u003e\n\u003c/li\u003e\n\u003c/ul\u003e\n\u003cdiv class=\"tab-content\" ng-transclude\u003e\u003c/div\u003e\n\u003c/div\u003e\n");+}]);+})(angular.module("mod1",[]));+Added by mini
+ test/angular/mod1-dev.js.expected view
@@ -0,0 +1,38 @@++(function() {+ /* We want to defer bootstrap until all scripts are loaded */+ if (!/^NG_DEFER_BOOTSTRAP!/.test(window.name)) {+ window.name = "NG_DEFER_BOOTSTRAP!" + window.name;+ window.yesod_devel_scripts = {};+ window.yesod_devel_check_loaded = function() {+ for (var key in window.yesod_devel_scripts) {+ if (!window.yesod_devel_scripts[key]) {+ /* Not loaded yet */+ return;+ }+ }+ /* Everything has loaded, bootstrap can continue */+ angular.resumeBootstrap();+ };+ }++ /* Create the module */+ angular.module("mod1", []);++ /* Figure out the full path of the current script */+ var scripts = document.getElementsByTagName("script"),+ path = scripts[scripts.length - 1].src;++ /* Add a script tag for each file in the module */+ var files = ["a.js","b.js","c.js","my-pane.js","my-tabs.js"];+ for (var i = 0; i < files.length; i++) {+ /* Add the script to the list of scripts to wait for */+ window.yesod_devel_scripts["mod1" + "/" + files[i]] = false;++ var s = document.createElement("script");+ s.type = "application/javascript";+ s.src = path + "/" + files[i];+ document.body.appendChild(s);+ }+})();+
+ test/angular/mod1.js.expected view
@@ -0,0 +1,53 @@+(function(module) {module.controller("myctrl",["$scope", function($scope) {+ console.log("A");+ $scope.A = "A";+}]);+module.factory("thefactory",["$http","xyz", function($http, xyz) {+ console.log("B");+}]);+module.directive("my-directive", function() {+ return { template: "<h1>Hello World</h1>" };+});+module.directive("myPane", function() {+ return {+ require: '^myTabs',+ restrict: 'E',+ transclude: true,"controller":["$scope","ttt",+ function($scope, ttt) {+ console.log("hah");+ }],+ scope: {+ title: '@'+ },+ link: function(scope, element, attrs, tabsCtrl) {+ tabsCtrl.addPane(scope);+ },+ templateUrl: 'paneid',+ };+});module.directive("myTabs", function() {+ return {+ restrict: "E",+ transclude: true,+ scope: {},"controller":["$scope",+ function($scope) {+ var panes = $scope.panes = [];++ $scope.select = function(pane) {+ angular.forEach(panes, function(pane) {+ pane.selected = false;+ });+ pane.selected = true;+ };++ this.addPane = function(pane) {+ if (panes.length == 0) {+ $scope.select(pane);+ }+ panes.push(pane);+ };+ }],+ "templateUrl": 'tabstemplateurl',+ };+});+})(angular.module("mod1",[]));+Added by mini
+ test/angular/mod1/a-dev.js.expected view
@@ -0,0 +1,8 @@+(function(module) { module.controller("myctrl", function($scope) {+ console.log("A");+ $scope.A = "A";+});++window.yesod_devel_scripts["mod1/a.js"] = true;+window.yesod_devel_check_loaded();+})(angular.module("mod1"));
+ test/angular/mod1/a.js view
@@ -0,0 +1,4 @@+module.controller("myctrl", function($scope) {+ console.log("A");+ $scope.A = "A";+});
+ test/angular/mod1/b.js view
@@ -0,0 +1,3 @@+module.factory("thefactory", function($http, xyz) {+ console.log("B");+});
+ test/angular/mod1/c.js view
@@ -0,0 +1,3 @@+module.directive("my-directive", function() {+ return { template: "<h1>Hello World</h1>" };+});
+ test/angular/mod1/my-pane.hamlet view
@@ -0,0 +1,2 @@+<div .tab-pane ng-show=selected ng-transclude>+<br>
+ test/angular/mod1/my-pane.js view
@@ -0,0 +1,17 @@+module.directive("myPane", function() {+ return {+ require: '^myTabs',+ restrict: 'E',+ transclude: true,+ controller: function($scope, ttt) {+ console.log("hah");+ },+ scope: {+ title: '@'+ },+ link: function(scope, element, attrs, tabsCtrl) {+ tabsCtrl.addPane(scope);+ },+ templateUrl: 'paneid',+ };+});
+ test/angular/mod1/my-tabs-dev.js.expected view
@@ -0,0 +1,7 @@+(function(module) { module.run(['$templateCache', function($templateCache) {+$templateCache.put("tabstemplateurl","\u003cdiv class=\"tabbable\"\u003e\u003cul class=\"nav nav-tabs\"\u003e\u003cbr\u003e\n\u003cli ng-repeat=\"pane in panes\" ng-class=\"{active:pane.selected}\"\u003e\u003ca href=\"\" ng-click=\"select(pane)\"\u003e{{pane.title}}\u003c/a\u003e\n\u003c/li\u003e\n\u003c/ul\u003e\n\u003cdiv class=\"tab-content\" ng-transclude\u003e\u003c/div\u003e\n\u003c/div\u003e\n");+}]);++window.yesod_devel_scripts["mod1/my-tabs.hamlet"] = true;+window.yesod_devel_check_loaded();+})(angular.module("mod1"));
+ test/angular/mod1/my-tabs-testing.js.expected view
@@ -0,0 +1,4 @@+module.run(function($templateCache) {+ $templateCache.put("tabstemplateurl",+"\u003cdiv class=\"tabbable\"\u003e\u003cul class=\"nav nav-tabs\"\u003e\u003cbr\u003e\n\u003cli ng-repeat=\"pane in panes\" ng-class=\"{active:pane.selected}\"\u003e\u003ca href=\"\" ng-click=\"select(pane)\"\u003e{{pane.title}}\u003c/a\u003e\n\u003c/li\u003e\n\u003c/ul\u003e\n\u003cdiv class=\"tab-content\" ng-transclude\u003e\u003c/div\u003e\n\u003c/div\u003e\n"+);});
+ test/angular/mod1/my-tabs.hamlet view
@@ -0,0 +1,6 @@+<div .tabbable>+ <ul .nav .nav-tabs>+ <br>+ <li ng-repeat="pane in panes" ng-class="{active:pane.selected}">+ <a href="" ng-click="select(pane)">{{pane.title}}+ <div .tab-content ng-transclude>
+ test/angular/mod1/my-tabs.js view
@@ -0,0 +1,25 @@+module.directive("myTabs", function() {+ return {+ restrict: "E",+ transclude: true,+ scope: {},+ "controller": function($scope) {+ var panes = $scope.panes = [];++ $scope.select = function(pane) {+ angular.forEach(panes, function(pane) {+ pane.selected = false;+ });+ pane.selected = true;+ };++ this.addPane = function(pane) {+ if (panes.length == 0) {+ $scope.select(pane);+ }+ panes.push(pane);+ };+ },+ "templateUrl": 'tabstemplateurl',+ };+});
+ test/angular/mod2-dev.js.expected view
@@ -0,0 +1,38 @@++(function() {+ /* We want to defer bootstrap until all scripts are loaded */+ if (!/^NG_DEFER_BOOTSTRAP!/.test(window.name)) {+ window.name = "NG_DEFER_BOOTSTRAP!" + window.name;+ window.yesod_devel_scripts = {};+ window.yesod_devel_check_loaded = function() {+ for (var key in window.yesod_devel_scripts) {+ if (!window.yesod_devel_scripts[key]) {+ /* Not loaded yet */+ return;+ }+ }+ /* Everything has loaded, bootstrap can continue */+ angular.resumeBootstrap();+ };+ }++ /* Create the module */+ angular.module("mod2", ["mod1"]);++ /* Figure out the full path of the current script */+ var scripts = document.getElementsByTagName("script"),+ path = scripts[scripts.length - 1].src;++ /* Add a script tag for each file in the module */+ var files = ["ctrl.js","factory.js"];+ for (var i = 0; i < files.length; i++) {+ /* Add the script to the list of scripts to wait for */+ window.yesod_devel_scripts["mod2" + "/" + files[i]] = false;++ var s = document.createElement("script");+ s.type = "application/javascript";+ s.src = path + "/" + files[i];+ document.body.appendChild(s);+ }+})();+
+ test/angular/mod2.js.expected view
@@ -0,0 +1,9 @@+(function(module) {module.controller("thectrl", function() {+ console.log("ABC");+});+module.factory("a factory", function() {+ console.log("Factory!");+ return {};+});+})(angular.module("mod2",["mod1"]));+Added by mini
+ test/angular/mod2/ctrl-dev.js.expected view
@@ -0,0 +1,7 @@+(function(module) { module.controller("thectrl", function() {+ console.log("ABC");+});++window.yesod_devel_scripts["mod2/ctrl.js"] = true;+window.yesod_devel_check_loaded();+})(angular.module("mod2"));
+ test/angular/mod2/ctrl.js view
@@ -0,0 +1,3 @@+module.controller("thectrl", function() {+ console.log("ABC");+});
+ test/angular/mod2/factory.js view
@@ -0,0 +1,4 @@+module.factory("a factory", function() {+ console.log("Factory!");+ return {};+});
+ test/angular/mod2/module-deps.json view
@@ -0,0 +1,1 @@+["mod1"]
+ yesod-static-angular.cabal view
@@ -0,0 +1,125 @@+name: yesod-static-angular+version: 0.1.0+cabal-version: >= 1.8+build-type: Simple+synopsis: Yesod generators for embedding AngularJs code into yesod-static at compile time+category: Web+author: John Lenz <lenz@math.uic.edu>+maintainer: John Lenz <lenz@math.uic.edu>+license: MIT+license-file: LICENSE+homepage: https://bitbucket.org/wuzzeb/yesod-static-generators+stability: Experimental+description: yesod-static supports generators which run at compile time which create static+ resources to embed directly into the executable. This package leverages this to+ provide automatic management of <http://angularjs.org/ AngularJS> code. During+ development individual files served and reloaded on every request. When compiling+ for production, the files are minimized, compressed, and then embedded into the+ executable.++-- Temp workaround for http://hackage.haskell.org/trac/hackage/ticket/792+extra-source-files: README.md+ , test/*.hs+ , test/angular/*.js.expected+ , test/angular/mod1/*.js+ , test/angular/mod1/*.js.expected+ , test/angular/mod1/*.hamlet+ , test/angular/mod2/*.js+ , test/angular/mod2/*.js.expected+ , test/angular/mod2/*.json+++ , example/README.md+ , example/*.hs+ , example/angular-app/*.js+ , example/angular-app/README.md+ , example/angular-app/*.hamlet+ , example/static/*.js+ , example/static/*.min.css+ , example/templates/*.hamlet+ , example/templates/*.cassius+ , example/tests/*.conf.js+ , example/tests/unit-js/*.js+ , example/tests/end2end/*.hs++source-repository head+ type: mercurial+ location: https://bitbucket.org/wuzzeb/yesod-static-generators++flag example+ Description: Build the example program+ Default: False++library+ hs-source-dirs: .++ exposed-modules: Yesod.EmbeddedStatic.AngularJavascript++ other-modules: Yesod.EmbeddedStatic.AngularJsMangle++ ghc-options: -Wall -O2++ build-depends: base >= 4 && < 5++ , aeson >= 0.6+ , blaze-builder >= 0.3+ , blaze-markup >= 0.5+ , bytestring >= 0.10+ , data-default >= 0.5+ , directory >= 1.2+ , filepath >= 1.3+ , hamlet >= 1.1+ , language-javascript >= 0.5+ , mime-types >= 0.1+ , shakespeare-js >= 1.2+ , template-haskell+ , text >= 0.11+ , yesod-core >= 1.2 && < 1.3+ , yesod-static >= 1.2.1 && < 1.3++test-suite test+ type: exitcode-stdio-1.0+ main-is: Spec.hs+ hs-source-dirs: test+ ghc-options: -Wall++ build-depends: base+ , bytestring+ , hamlet+ , hspec >= 1.7+ , HUnit >= 1.2+ , text+ , template-haskell+ , yesod-core+ , yesod-test >= 1.2 && < 1.3+ , yesod-static+ , yesod-static-angular++executable example-production+ if !flag(example)+ Buildable: False++ main-is: main.hs+ hs-source-dirs: example++ build-depends: base+ , data-default+ , shakespeare-css+ , yesod >= 1.2 && < 1.3+ , yesod-static+ , yesod-static-angular++executable example-dev+ if !flag(example)+ Buildable: False++ main-is: main.hs+ cpp-options: -DDEV+ hs-source-dirs: example++ build-depends: base+ , data-default+ , shakespeare-css+ , yesod >= 1.2 && < 1.3+ , yesod-static+ , yesod-static-angular