legacy-card.mjs 28 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353
  1. import * as i0 from '@angular/core';
  2. import { Directive, Input, Component, ViewEncapsulation, ChangeDetectionStrategy, Optional, Inject, NgModule } from '@angular/core';
  3. import { ANIMATION_MODULE_TYPE } from '@angular/platform-browser/animations';
  4. import { MatCommonModule } from '@angular/material/core';
  5. /**
  6. * Content of a card, needed as it's used as a selector in the API.
  7. * @docs-private
  8. * @deprecated Use `MatCardContent` from `@angular/material/card` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
  9. * @breaking-change 17.0.0
  10. */
  11. class MatLegacyCardContent {
  12. static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: MatLegacyCardContent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
  13. static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: MatLegacyCardContent, selector: "mat-card-content, [mat-card-content], [matCardContent]", host: { classAttribute: "mat-card-content" }, ngImport: i0 }); }
  14. }
  15. i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: MatLegacyCardContent, decorators: [{
  16. type: Directive,
  17. args: [{
  18. selector: 'mat-card-content, [mat-card-content], [matCardContent]',
  19. host: { 'class': 'mat-card-content' },
  20. }]
  21. }] });
  22. /**
  23. * Title of a card, needed as it's used as a selector in the API.
  24. * @docs-private
  25. * @deprecated Use `MatCardTitle` from `@angular/material/card` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
  26. * @breaking-change 17.0.0
  27. */
  28. class MatLegacyCardTitle {
  29. static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: MatLegacyCardTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
  30. static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: MatLegacyCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]", host: { classAttribute: "mat-card-title" }, ngImport: i0 }); }
  31. }
  32. i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: MatLegacyCardTitle, decorators: [{
  33. type: Directive,
  34. args: [{
  35. selector: `mat-card-title, [mat-card-title], [matCardTitle]`,
  36. host: {
  37. 'class': 'mat-card-title',
  38. },
  39. }]
  40. }] });
  41. /**
  42. * Sub-title of a card, needed as it's used as a selector in the API.
  43. * @docs-private
  44. * @deprecated Use `MatCardSubtitle` from `@angular/material/card` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
  45. * @breaking-change 17.0.0
  46. */
  47. class MatLegacyCardSubtitle {
  48. static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: MatLegacyCardSubtitle, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
  49. static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: MatLegacyCardSubtitle, selector: "mat-card-subtitle, [mat-card-subtitle], [matCardSubtitle]", host: { classAttribute: "mat-card-subtitle" }, ngImport: i0 }); }
  50. }
  51. i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: MatLegacyCardSubtitle, decorators: [{
  52. type: Directive,
  53. args: [{
  54. selector: `mat-card-subtitle, [mat-card-subtitle], [matCardSubtitle]`,
  55. host: {
  56. 'class': 'mat-card-subtitle',
  57. },
  58. }]
  59. }] });
  60. /**
  61. * Action section of a card, needed as it's used as a selector in the API.
  62. * @docs-private
  63. * @deprecated Use `MatCardActions` from `@angular/material/card` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
  64. * @breaking-change 17.0.0
  65. */
  66. class MatLegacyCardActions {
  67. constructor() {
  68. /** Position of the actions inside the card. */
  69. this.align = 'start';
  70. }
  71. static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: MatLegacyCardActions, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
  72. static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: MatLegacyCardActions, selector: "mat-card-actions", inputs: { align: "align" }, host: { properties: { "class.mat-card-actions-align-end": "align === \"end\"" }, classAttribute: "mat-card-actions" }, exportAs: ["matCardActions"], ngImport: i0 }); }
  73. }
  74. i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: MatLegacyCardActions, decorators: [{
  75. type: Directive,
  76. args: [{
  77. selector: 'mat-card-actions',
  78. exportAs: 'matCardActions',
  79. host: {
  80. 'class': 'mat-card-actions',
  81. '[class.mat-card-actions-align-end]': 'align === "end"',
  82. },
  83. }]
  84. }], propDecorators: { align: [{
  85. type: Input
  86. }] } });
  87. /**
  88. * Footer of a card, needed as it's used as a selector in the API.
  89. * @docs-private
  90. * @deprecated Use `MatCardFooter` from `@angular/material/card` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
  91. * @breaking-change 17.0.0
  92. */
  93. class MatLegacyCardFooter {
  94. static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: MatLegacyCardFooter, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
  95. static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: MatLegacyCardFooter, selector: "mat-card-footer", host: { classAttribute: "mat-card-footer" }, ngImport: i0 }); }
  96. }
  97. i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: MatLegacyCardFooter, decorators: [{
  98. type: Directive,
  99. args: [{
  100. selector: 'mat-card-footer',
  101. host: { 'class': 'mat-card-footer' },
  102. }]
  103. }] });
  104. /**
  105. * Image used in a card, needed to add the mat- CSS styling.
  106. * @docs-private
  107. * @deprecated Use `MatCardImage` from `@angular/material/card` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
  108. * @breaking-change 17.0.0
  109. */
  110. class MatLegacyCardImage {
  111. static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: MatLegacyCardImage, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
  112. static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: MatLegacyCardImage, selector: "[mat-card-image], [matCardImage]", host: { classAttribute: "mat-card-image" }, ngImport: i0 }); }
  113. }
  114. i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: MatLegacyCardImage, decorators: [{
  115. type: Directive,
  116. args: [{
  117. selector: '[mat-card-image], [matCardImage]',
  118. host: { 'class': 'mat-card-image' },
  119. }]
  120. }] });
  121. /**
  122. * Image used in a card, needed to add the mat- CSS styling.
  123. * @docs-private
  124. * @deprecated Use `MatCardSmImage` from `@angular/material/card` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
  125. * @breaking-change 17.0.0
  126. */
  127. class MatLegacyCardSmImage {
  128. static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: MatLegacyCardSmImage, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
  129. static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: MatLegacyCardSmImage, selector: "[mat-card-sm-image], [matCardImageSmall]", host: { classAttribute: "mat-card-sm-image" }, ngImport: i0 }); }
  130. }
  131. i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: MatLegacyCardSmImage, decorators: [{
  132. type: Directive,
  133. args: [{
  134. selector: '[mat-card-sm-image], [matCardImageSmall]',
  135. host: { 'class': 'mat-card-sm-image' },
  136. }]
  137. }] });
  138. /**
  139. * Image used in a card, needed to add the mat- CSS styling.
  140. * @docs-private
  141. * @deprecated Use `MatCardMdImage` from `@angular/material/card` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
  142. * @breaking-change 17.0.0
  143. */
  144. class MatLegacyCardMdImage {
  145. static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: MatLegacyCardMdImage, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
  146. static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: MatLegacyCardMdImage, selector: "[mat-card-md-image], [matCardImageMedium]", host: { classAttribute: "mat-card-md-image" }, ngImport: i0 }); }
  147. }
  148. i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: MatLegacyCardMdImage, decorators: [{
  149. type: Directive,
  150. args: [{
  151. selector: '[mat-card-md-image], [matCardImageMedium]',
  152. host: { 'class': 'mat-card-md-image' },
  153. }]
  154. }] });
  155. /**
  156. * Image used in a card, needed to add the mat- CSS styling.
  157. * @docs-private
  158. * @deprecated Use `MatCardLgImage` from `@angular/material/card` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
  159. * @breaking-change 17.0.0
  160. */
  161. class MatLegacyCardLgImage {
  162. static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: MatLegacyCardLgImage, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
  163. static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: MatLegacyCardLgImage, selector: "[mat-card-lg-image], [matCardImageLarge]", host: { classAttribute: "mat-card-lg-image" }, ngImport: i0 }); }
  164. }
  165. i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: MatLegacyCardLgImage, decorators: [{
  166. type: Directive,
  167. args: [{
  168. selector: '[mat-card-lg-image], [matCardImageLarge]',
  169. host: { 'class': 'mat-card-lg-image' },
  170. }]
  171. }] });
  172. /**
  173. * Large image used in a card, needed to add the mat- CSS styling.
  174. * @docs-private
  175. * @deprecated Use `MatCardXlImage` from `@angular/material/card` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
  176. * @breaking-change 17.0.0
  177. */
  178. class MatLegacyCardXlImage {
  179. static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: MatLegacyCardXlImage, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
  180. static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: MatLegacyCardXlImage, selector: "[mat-card-xl-image], [matCardImageXLarge]", host: { classAttribute: "mat-card-xl-image" }, ngImport: i0 }); }
  181. }
  182. i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: MatLegacyCardXlImage, decorators: [{
  183. type: Directive,
  184. args: [{
  185. selector: '[mat-card-xl-image], [matCardImageXLarge]',
  186. host: { 'class': 'mat-card-xl-image' },
  187. }]
  188. }] });
  189. /**
  190. * Avatar image used in a card, needed to add the mat- CSS styling.
  191. * @docs-private
  192. * @deprecated Use `MatCardAvatar` from `@angular/material/card` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
  193. * @breaking-change 17.0.0
  194. */
  195. class MatLegacyCardAvatar {
  196. static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: MatLegacyCardAvatar, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
  197. static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.0.0", type: MatLegacyCardAvatar, selector: "[mat-card-avatar], [matCardAvatar]", host: { classAttribute: "mat-card-avatar" }, ngImport: i0 }); }
  198. }
  199. i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: MatLegacyCardAvatar, decorators: [{
  200. type: Directive,
  201. args: [{
  202. selector: '[mat-card-avatar], [matCardAvatar]',
  203. host: { 'class': 'mat-card-avatar' },
  204. }]
  205. }] });
  206. /**
  207. * A basic content container component that adds the styles of a Material design card.
  208. *
  209. * While this component can be used alone, it also provides a number
  210. * of preset styles for common card sections, including:
  211. * - mat-card-title
  212. * - mat-card-subtitle
  213. * - mat-card-content
  214. * - mat-card-actions
  215. * - mat-card-footer
  216. *
  217. * @deprecated Use `MatCard` from `@angular/material/card` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
  218. * @breaking-change 17.0.0
  219. */
  220. class MatLegacyCard {
  221. // @breaking-change 9.0.0 `_animationMode` parameter to be made required.
  222. constructor(_animationMode) {
  223. this._animationMode = _animationMode;
  224. }
  225. static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: MatLegacyCard, deps: [{ token: ANIMATION_MODULE_TYPE, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
  226. static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: MatLegacyCard, selector: "mat-card", host: { properties: { "class._mat-animation-noopable": "_animationMode === \"NoopAnimations\"" }, classAttribute: "mat-card mat-focus-indicator" }, exportAs: ["matCard"], ngImport: i0, template: "<ng-content></ng-content>\n<ng-content select=\"mat-card-footer\"></ng-content>\n", styles: [".mat-card{transition:box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);display:block;position:relative;padding:16px;border-radius:4px}.mat-card._mat-animation-noopable{transition:none !important;animation:none !important}.mat-card>.mat-divider-horizontal{position:absolute;left:0;width:100%}[dir=rtl] .mat-card>.mat-divider-horizontal{left:auto;right:0}.mat-card>.mat-divider-horizontal.mat-divider-inset{position:static;margin:0}[dir=rtl] .mat-card>.mat-divider-horizontal.mat-divider-inset{margin-right:0}.cdk-high-contrast-active .mat-card{outline:solid 1px}.mat-card-actions,.mat-card-subtitle,.mat-card-content{display:block;margin-bottom:16px}.mat-card-title{display:block;margin-bottom:8px}.mat-card-actions{margin-left:-8px;margin-right:-8px;padding:8px 0}.mat-card-actions-align-end{display:flex;justify-content:flex-end}.mat-card-image{width:calc(100% + 32px);margin:0 -16px 16px -16px;display:block;overflow:hidden}.mat-card-image img{width:100%}.mat-card-footer{display:block;margin:0 -16px -16px -16px}.mat-card-actions .mat-button,.mat-card-actions .mat-raised-button,.mat-card-actions .mat-stroked-button{margin:0 8px}.mat-card-header{display:flex;flex-direction:row}.mat-card-header .mat-card-title{margin-bottom:12px}.mat-card-header-text{margin:0 16px}.mat-card-avatar{height:40px;width:40px;border-radius:50%;flex-shrink:0;object-fit:cover}.mat-card-title-group{display:flex;justify-content:space-between}.mat-card-sm-image{width:80px;height:80px}.mat-card-md-image{width:112px;height:112px}.mat-card-lg-image{width:152px;height:152px}.mat-card-xl-image{width:240px;height:240px;margin:-8px}.mat-card-title-group>.mat-card-xl-image{margin:-8px 0 8px}@media(max-width: 599px){.mat-card-title-group{margin:0}.mat-card-xl-image{margin-left:0;margin-right:0}}.mat-card>:first-child,.mat-card-content>:first-child{margin-top:0}.mat-card>:last-child:not(.mat-card-footer),.mat-card-content>:last-child:not(.mat-card-footer){margin-bottom:0}.mat-card-image:first-child{margin-top:-16px;border-top-left-radius:inherit;border-top-right-radius:inherit}.mat-card>.mat-card-actions:last-child{margin-bottom:-8px;padding-bottom:0}.mat-card-actions:not(.mat-card-actions-align-end) .mat-button:first-child,.mat-card-actions:not(.mat-card-actions-align-end) .mat-raised-button:first-child,.mat-card-actions:not(.mat-card-actions-align-end) .mat-stroked-button:first-child{margin-left:0;margin-right:0}.mat-card-actions-align-end .mat-button:last-child,.mat-card-actions-align-end .mat-raised-button:last-child,.mat-card-actions-align-end .mat-stroked-button:last-child{margin-left:0;margin-right:0}.mat-card-title:not(:first-child),.mat-card-subtitle:not(:first-child){margin-top:-4px}.mat-card-header .mat-card-subtitle:not(:first-child){margin-top:-8px}.mat-card>.mat-card-xl-image:first-child{margin-top:-8px}.mat-card>.mat-card-xl-image:last-child{margin-bottom:-8px}"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
  227. }
  228. i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: MatLegacyCard, decorators: [{
  229. type: Component,
  230. args: [{ selector: 'mat-card', exportAs: 'matCard', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
  231. 'class': 'mat-card mat-focus-indicator',
  232. '[class._mat-animation-noopable]': '_animationMode === "NoopAnimations"',
  233. }, template: "<ng-content></ng-content>\n<ng-content select=\"mat-card-footer\"></ng-content>\n", styles: [".mat-card{transition:box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);display:block;position:relative;padding:16px;border-radius:4px}.mat-card._mat-animation-noopable{transition:none !important;animation:none !important}.mat-card>.mat-divider-horizontal{position:absolute;left:0;width:100%}[dir=rtl] .mat-card>.mat-divider-horizontal{left:auto;right:0}.mat-card>.mat-divider-horizontal.mat-divider-inset{position:static;margin:0}[dir=rtl] .mat-card>.mat-divider-horizontal.mat-divider-inset{margin-right:0}.cdk-high-contrast-active .mat-card{outline:solid 1px}.mat-card-actions,.mat-card-subtitle,.mat-card-content{display:block;margin-bottom:16px}.mat-card-title{display:block;margin-bottom:8px}.mat-card-actions{margin-left:-8px;margin-right:-8px;padding:8px 0}.mat-card-actions-align-end{display:flex;justify-content:flex-end}.mat-card-image{width:calc(100% + 32px);margin:0 -16px 16px -16px;display:block;overflow:hidden}.mat-card-image img{width:100%}.mat-card-footer{display:block;margin:0 -16px -16px -16px}.mat-card-actions .mat-button,.mat-card-actions .mat-raised-button,.mat-card-actions .mat-stroked-button{margin:0 8px}.mat-card-header{display:flex;flex-direction:row}.mat-card-header .mat-card-title{margin-bottom:12px}.mat-card-header-text{margin:0 16px}.mat-card-avatar{height:40px;width:40px;border-radius:50%;flex-shrink:0;object-fit:cover}.mat-card-title-group{display:flex;justify-content:space-between}.mat-card-sm-image{width:80px;height:80px}.mat-card-md-image{width:112px;height:112px}.mat-card-lg-image{width:152px;height:152px}.mat-card-xl-image{width:240px;height:240px;margin:-8px}.mat-card-title-group>.mat-card-xl-image{margin:-8px 0 8px}@media(max-width: 599px){.mat-card-title-group{margin:0}.mat-card-xl-image{margin-left:0;margin-right:0}}.mat-card>:first-child,.mat-card-content>:first-child{margin-top:0}.mat-card>:last-child:not(.mat-card-footer),.mat-card-content>:last-child:not(.mat-card-footer){margin-bottom:0}.mat-card-image:first-child{margin-top:-16px;border-top-left-radius:inherit;border-top-right-radius:inherit}.mat-card>.mat-card-actions:last-child{margin-bottom:-8px;padding-bottom:0}.mat-card-actions:not(.mat-card-actions-align-end) .mat-button:first-child,.mat-card-actions:not(.mat-card-actions-align-end) .mat-raised-button:first-child,.mat-card-actions:not(.mat-card-actions-align-end) .mat-stroked-button:first-child{margin-left:0;margin-right:0}.mat-card-actions-align-end .mat-button:last-child,.mat-card-actions-align-end .mat-raised-button:last-child,.mat-card-actions-align-end .mat-stroked-button:last-child{margin-left:0;margin-right:0}.mat-card-title:not(:first-child),.mat-card-subtitle:not(:first-child){margin-top:-4px}.mat-card-header .mat-card-subtitle:not(:first-child){margin-top:-8px}.mat-card>.mat-card-xl-image:first-child{margin-top:-8px}.mat-card>.mat-card-xl-image:last-child{margin-bottom:-8px}"] }]
  234. }], ctorParameters: function () { return [{ type: undefined, decorators: [{
  235. type: Optional
  236. }, {
  237. type: Inject,
  238. args: [ANIMATION_MODULE_TYPE]
  239. }] }]; } });
  240. /**
  241. * Component intended to be used within the `<mat-card>` component. It adds styles for a
  242. * preset header section (i.e. a title, subtitle, and avatar layout).
  243. * @docs-private
  244. * @deprecated Use `MatCardHeader` from `@angular/material/card` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
  245. * @breaking-change 17.0.0
  246. */
  247. class MatLegacyCardHeader {
  248. static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: MatLegacyCardHeader, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
  249. static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: MatLegacyCardHeader, selector: "mat-card-header", host: { classAttribute: "mat-card-header" }, ngImport: i0, template: "<ng-content select=\"[mat-card-avatar], [matCardAvatar]\"></ng-content>\n<div class=\"mat-card-header-text\">\n <ng-content\n select=\"mat-card-title, mat-card-subtitle,\n [mat-card-title], [mat-card-subtitle],\n [matCardTitle], [matCardSubtitle]\"></ng-content>\n</div>\n<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
  250. }
  251. i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: MatLegacyCardHeader, decorators: [{
  252. type: Component,
  253. args: [{ selector: 'mat-card-header', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { 'class': 'mat-card-header' }, template: "<ng-content select=\"[mat-card-avatar], [matCardAvatar]\"></ng-content>\n<div class=\"mat-card-header-text\">\n <ng-content\n select=\"mat-card-title, mat-card-subtitle,\n [mat-card-title], [mat-card-subtitle],\n [matCardTitle], [matCardSubtitle]\"></ng-content>\n</div>\n<ng-content></ng-content>\n" }]
  254. }] });
  255. /**
  256. * Component intended to be used within the `<mat-card>` component. It adds styles for a preset
  257. * layout that groups an image with a title section.
  258. * @docs-private
  259. * @deprecated Use `MatCardTitleGroup` from `@angular/material/card` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
  260. * @breaking-change 17.0.0
  261. */
  262. class MatLegacyCardTitleGroup {
  263. static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: MatLegacyCardTitleGroup, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
  264. static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.0", type: MatLegacyCardTitleGroup, selector: "mat-card-title-group", host: { classAttribute: "mat-card-title-group" }, ngImport: i0, template: "<div>\n <ng-content\n select=\"mat-card-title, mat-card-subtitle,\n [mat-card-title], [mat-card-subtitle],\n [matCardTitle], [matCardSubtitle]\"></ng-content>\n</div>\n<ng-content select=\"img\"></ng-content>\n<ng-content></ng-content>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
  265. }
  266. i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: MatLegacyCardTitleGroup, decorators: [{
  267. type: Component,
  268. args: [{ selector: 'mat-card-title-group', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: { 'class': 'mat-card-title-group' }, template: "<div>\n <ng-content\n select=\"mat-card-title, mat-card-subtitle,\n [mat-card-title], [mat-card-subtitle],\n [matCardTitle], [matCardSubtitle]\"></ng-content>\n</div>\n<ng-content select=\"img\"></ng-content>\n<ng-content></ng-content>\n" }]
  269. }] });
  270. /**
  271. * @deprecated Use `MatCardModule` from `@angular/material/card` instead. See https://material.angular.io/guide/mdc-migration for information about migrating.
  272. * @breaking-change 17.0.0
  273. */
  274. class MatLegacyCardModule {
  275. static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: MatLegacyCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
  276. static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.0", ngImport: i0, type: MatLegacyCardModule, declarations: [MatLegacyCard,
  277. MatLegacyCardHeader,
  278. MatLegacyCardTitleGroup,
  279. MatLegacyCardContent,
  280. MatLegacyCardTitle,
  281. MatLegacyCardSubtitle,
  282. MatLegacyCardActions,
  283. MatLegacyCardFooter,
  284. MatLegacyCardSmImage,
  285. MatLegacyCardMdImage,
  286. MatLegacyCardLgImage,
  287. MatLegacyCardImage,
  288. MatLegacyCardXlImage,
  289. MatLegacyCardAvatar], imports: [MatCommonModule], exports: [MatLegacyCard,
  290. MatLegacyCardHeader,
  291. MatLegacyCardTitleGroup,
  292. MatLegacyCardContent,
  293. MatLegacyCardTitle,
  294. MatLegacyCardSubtitle,
  295. MatLegacyCardActions,
  296. MatLegacyCardFooter,
  297. MatLegacyCardSmImage,
  298. MatLegacyCardMdImage,
  299. MatLegacyCardLgImage,
  300. MatLegacyCardImage,
  301. MatLegacyCardXlImage,
  302. MatLegacyCardAvatar,
  303. MatCommonModule] }); }
  304. static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: MatLegacyCardModule, imports: [MatCommonModule, MatCommonModule] }); }
  305. }
  306. i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.0", ngImport: i0, type: MatLegacyCardModule, decorators: [{
  307. type: NgModule,
  308. args: [{
  309. imports: [MatCommonModule],
  310. exports: [
  311. MatLegacyCard,
  312. MatLegacyCardHeader,
  313. MatLegacyCardTitleGroup,
  314. MatLegacyCardContent,
  315. MatLegacyCardTitle,
  316. MatLegacyCardSubtitle,
  317. MatLegacyCardActions,
  318. MatLegacyCardFooter,
  319. MatLegacyCardSmImage,
  320. MatLegacyCardMdImage,
  321. MatLegacyCardLgImage,
  322. MatLegacyCardImage,
  323. MatLegacyCardXlImage,
  324. MatLegacyCardAvatar,
  325. MatCommonModule,
  326. ],
  327. declarations: [
  328. MatLegacyCard,
  329. MatLegacyCardHeader,
  330. MatLegacyCardTitleGroup,
  331. MatLegacyCardContent,
  332. MatLegacyCardTitle,
  333. MatLegacyCardSubtitle,
  334. MatLegacyCardActions,
  335. MatLegacyCardFooter,
  336. MatLegacyCardSmImage,
  337. MatLegacyCardMdImage,
  338. MatLegacyCardLgImage,
  339. MatLegacyCardImage,
  340. MatLegacyCardXlImage,
  341. MatLegacyCardAvatar,
  342. ],
  343. }]
  344. }] });
  345. /**
  346. * Generated bundle index. Do not edit.
  347. */
  348. export { MatLegacyCard, MatLegacyCardActions, MatLegacyCardAvatar, MatLegacyCardContent, MatLegacyCardFooter, MatLegacyCardHeader, MatLegacyCardImage, MatLegacyCardLgImage, MatLegacyCardMdImage, MatLegacyCardModule, MatLegacyCardSmImage, MatLegacyCardSubtitle, MatLegacyCardTitle, MatLegacyCardTitleGroup, MatLegacyCardXlImage };
  349. //# sourceMappingURL=legacy-card.mjs.map