angular2/src/core/compiler/query_list.map

Angular 2 - a web framework for modern web apps

{"version":3,"sources":["query_list.js"],"names":[],"mappings":"AAAA;AAAA,KAAK,iBAAiB,AAAC,CAAC,MAAK,QAAQ;WAArC,EAAC,GAAE,YAAqB;AAAE,sBAAwB;IAAE,AAA9B,CAAC;AAAvB,WAAS,CAAT,EAAC,KAAI,CAAO,KAAG,AAAS,CAAC;CAAgC,CAAC;;EAAlD,cAAY,EAApB,EAAC,4BAAoB,CAAA,OAAM,AAAC,qBAAkB,CACtC,CAAA,6BAAqB,sCAA2B,CAAA,6BAAqB,GAAK,EAAC,OAAM,4BAAmB,CAAC,AAD/D,CACgE;AAD9G,AAAI,EAAA,YAoEG,SAAM,UAAQ;AApErB,gBAAc,iBAAiB,AAAC,YACL,MAAM,AAAC,CAAC,IAAG,CAAG,UAAQ,CAAC,CAAA;;AAiFlD,AAlFwC,CAAA;AAAxC,AAAI,EAAA,uBAAoC,CAAA;AAAxC,AAAC,eAAc,YAAY,CAAC,AAAC;AAwE3B,SAAO,CAAP,UAAS,QAAO,CAAG;AACjB,SAzEJ,CAAA,eAAc,SAAS,AAAC,wCAAwD,KAA3D,MAyEK,SAAO,CAzEO,CAyEL;EACjC;AAIA,eAAa,CAAb,UAAe,QAAO,CAAG;AACvB,SA/EJ,CAAA,eAAc,SAAS,AAAC,8CAAwD,KAA3D,MA+EW,SAAO,CA/EC,CA+EC;EACvC;AAAA,KAZ6B,cAAY,CAnEa;AAkFxD","file":"angular2/src/core/compiler/query_list.js","sourcesContent":["import {BaseQueryList} from './base_query_list';\n\n/**\n * An iterable live list of components in the Light DOM.\n *\n * Injectable Objects that contains a live list of child directives in the light DOM of a directive.\n * The directives are kept in depth-first pre-order traversal of the DOM.\n *\n * The `QueryList` is iterable, therefore it can be used in both javascript code with `for..of` loop as well as in\n * template with `*for=\"of\"` viewport.\n *\n * NOTE: In the future this class will implement an `Observable` interface. For now it uses a plain list of observable\n * callbacks.\n *\n * # Example:\n *\n * Assume that `<tabs>` component would like to get a list its children which are `<pane>` components as shown in this\n * example:\n *\n * ```html\n * <tabs>\n *   <pane title=\"Overview\">...</pane>\n *   <pane *for=\"o in objects\" [title]=\"o.title\">{{o.text}}</pane>\n * </tabs>\n * ```\n *\n * In the above example the list of `<tabs>` elements needs to get a list of `<pane>` elements so that it could render\n * tabs with the correct titles and in the correct order.\n *\n * A possible solution would be for a `<pane>` to inject `<tabs>` component and then register itself with `<tabs>`\n * component's on `hydrate` and deregister on `dehydrate` event. While a reasonable approach, this would only work\n * partialy since `*for` could rearange the list of `<pane>` components which would not be reported to `<tabs>`\n * component and thus the list of `<pane>` componets would be out of sync with respect to the list of `<pane>` elements.\n *\n * A prefferd solution is to inject a `QueryList` which is a live list of directives in the component`s light DOM.\n *\n * ```javascript\n * @Component({\n *   selector: 'tabs'\n * })\n * @View({\n *  template: `\n *    <ul>\n *      <li *for=\"pane of panes\">{{pane.title}}</li>\n *    </ul>\n *    <content></content>\n *  `\n * })\n * class Tabs {\n *   panes: QueryList<Pane>\n *\n *   constructor(@Query(Pane) panes:QueryList<Pane>) {\n *     this.panes = panes;\n *   }\n * }\n *\n * @Component({\n *   selector: 'pane',\n *   properties: ['title']\n * })\n * @View(...)\n * class Pane {\n *   title:string;\n * }\n * ```\n *\n * @exportedAs angular2/view\n */\nexport class QueryList extends BaseQueryList {\n\n  /**\n   */\n  onChange(callback) {\n    return super.onChange(callback);\n  }\n\n  /**\n   */\n  removeCallback(callback) {\n    return super.removeCallback(callback);\n  }\n\n}\n"]}