toolbar-header.js 1.9KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. var __extends = (this && this.__extends) || (function () {
  2. var extendStatics = Object.setPrototypeOf ||
  3. ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
  4. function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
  5. return function (d, b) {
  6. extendStatics(d, b);
  7. function __() { this.constructor = d; }
  8. d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
  9. };
  10. })();
  11. import { Directive, ElementRef, Optional, Renderer } from '@angular/core';
  12. import { Config } from '../../config/config';
  13. import { Ion } from '../ion';
  14. import { ViewController } from '../../navigation/view-controller';
  15. /**
  16. * @name Header
  17. * @description
  18. * Header is a parent component that holds the navbar and toolbar component.
  19. * It's important to note that `ion-header` needs to be one of the three root elements of a page
  20. *
  21. * @usage
  22. *
  23. * ```html
  24. * <ion-header>
  25. * <ion-navbar>
  26. * <ion-title>Page1</ion-title>
  27. * </ion-navbar>
  28. *
  29. * <ion-toolbar>
  30. * <ion-title>Subheader</ion-title>
  31. * </ion-toolbar>
  32. * </ion-header>
  33. *
  34. * <ion-content></ion-content>
  35. * ```
  36. *
  37. */
  38. var Header = (function (_super) {
  39. __extends(Header, _super);
  40. function Header(config, elementRef, renderer, viewCtrl) {
  41. var _this = _super.call(this, config, elementRef, renderer, 'header') || this;
  42. viewCtrl && viewCtrl._setHeader(_this);
  43. return _this;
  44. }
  45. Header.decorators = [
  46. { type: Directive, args: [{
  47. selector: 'ion-header'
  48. },] },
  49. ];
  50. /** @nocollapse */
  51. Header.ctorParameters = function () { return [
  52. { type: Config, },
  53. { type: ElementRef, },
  54. { type: Renderer, },
  55. { type: ViewController, decorators: [{ type: Optional },] },
  56. ]; };
  57. return Header;
  58. }(Ion));
  59. export { Header };
  60. //# sourceMappingURL=toolbar-header.js.map