toolbar-footer.js 1.1KB

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. import { Directive, ElementRef, Optional, Renderer } from '@angular/core';
  2. import { Config } from '../../config/config';
  3. import { Ion } from '../ion';
  4. import { ViewController } from '../../navigation/view-controller';
  5. /**
  6. * @name Footer
  7. * @description
  8. * Footer is a root component of a page that sits at the bottom of the page.
  9. * Footer can be a wrapper for `ion-toolbar` to make sure the content area is sized correctly.
  10. *
  11. * @usage
  12. *
  13. * ```html
  14. * <ion-content></ion-content>
  15. *
  16. * <ion-footer>
  17. * <ion-toolbar>
  18. * <ion-title>Footer</ion-title>
  19. * </ion-toolbar>
  20. * </ion-footer>
  21. * ```
  22. *
  23. */
  24. export class Footer extends Ion {
  25. constructor(config, elementRef, renderer, viewCtrl) {
  26. super(config, elementRef, renderer, 'footer');
  27. viewCtrl && viewCtrl._setFooter(this);
  28. }
  29. }
  30. Footer.decorators = [
  31. { type: Directive, args: [{
  32. selector: 'ion-footer'
  33. },] },
  34. ];
  35. /** @nocollapse */
  36. Footer.ctorParameters = () => [
  37. { type: Config, },
  38. { type: ElementRef, },
  39. { type: Renderer, },
  40. { type: ViewController, decorators: [{ type: Optional },] },
  41. ];
  42. //# sourceMappingURL=toolbar-footer.js.map