123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. (function (factory) {
  2. if (typeof module === "object" && typeof module.exports === "object") {
  3. var v = factory(require, exports);
  4. if (v !== undefined) module.exports = v;
  5. }
  6. else if (typeof define === "function" && define.amd) {
  7. define(["require", "exports", "@angular/core"], factory);
  8. }
  9. })(function (require, exports) {
  10. "use strict";
  11. Object.defineProperty(exports, "__esModule", { value: true });
  12. var core_1 = require("@angular/core");
  13. /**
  14. * @name Row
  15. * @module ionic
  16. * @description
  17. *
  18. * Rows are horizontal components of the [grid](../Grid) system and contain varying numbers of
  19. * [columns](../Col). They ensure the columns are positioned properly.
  20. *
  21. * ## Row attributes
  22. *
  23. * By default, columns will stretch to fill the entire height of the row and wrap when necessary.
  24. * There are several attributes that can be added to a row to customize this behavior.
  25. *
  26. * | Property | Description |
  27. * |-----------------------------|--------------------------------------------------------------------------------------------------------------------------------------------------|
  28. * | nowrap | Adds `flex-wrap: nowrap`. Forces the columns to a single row. |
  29. * | wrap-reverse | Adds `flex-wrap: wrap-reverse`. The columns will wrap in reverse. |
  30. * | align-items-start | Adds `align-items: flex-start`. All columns will be vertically aligned at the top, unless they specify their own alignment. |
  31. * | align-items-center | Adds `align-items: center`. All columns will be vertically aligned in the center, unless they specify their own alignment. |
  32. * | align-items-end | Adds `align-items: flex-end`. All columns will be vertically aligned at the bottom, unless they specify their own alignment. |
  33. * | align-items-stretch | Adds `align-items: stretch`. All columns will be stretched to take up the entire height of the row, unless they specify their own alignment. |
  34. * | align-items-baseline | Adds `align-items: baseline`. All columns will be vertically aligned at their baselines, unless they specify their own alignment. |
  35. * | justify-content-start | Adds `justify-content: start`. All columns will be horizontally aligned at the start. |
  36. * | justify-content-center | Adds `justify-content: center`. All columns will be horizontally aligned at the center. |
  37. * | justify-content-end | Adds `justify-content: end`. All columns will be horizontally aligned at the end. |
  38. * | justify-content-around | Adds `justify-content: space-around`. All columns will be horizontally aligned with equal space around them. |
  39. * | justify-content-between | Adds `justify-content: space-between`. All columns will be horizontally aligned with a half-size space on either end. |
  40. *
  41. *
  42. */
  43. var Row = (function () {
  44. function Row() {
  45. }
  46. Row.decorators = [
  47. { type: core_1.Directive, args: [{
  48. selector: 'ion-row, [ion-row]',
  49. host: {
  50. 'class': 'row'
  51. }
  52. },] },
  53. ];
  54. /** @nocollapse */
  55. Row.ctorParameters = function () { return []; };
  56. return Row;
  57. }());
  58. exports.Row = Row;
  59. });
  60. //# sourceMappingURL=row.js.map