source: trip-planner-front/node_modules/@angular/material/fesm2015/card.js@ 6a3a178

Last change on this file since 6a3a178 was 6a3a178, checked in by Ema <ema_spirova@…>, 3 years ago

initial commit

  • Property mode set to 100644
File size: 11.6 KB
Line 
1import { Directive, Input, Component, ViewEncapsulation, ChangeDetectionStrategy, Optional, Inject, NgModule } from '@angular/core';
2import { ANIMATION_MODULE_TYPE } from '@angular/platform-browser/animations';
3import { MatCommonModule } from '@angular/material/core';
4
5/**
6 * @license
7 * Copyright Google LLC All Rights Reserved.
8 *
9 * Use of this source code is governed by an MIT-style license that can be
10 * found in the LICENSE file at https://angular.io/license
11 */
12/**
13 * Content of a card, needed as it's used as a selector in the API.
14 * @docs-private
15 */
16class MatCardContent {
17}
18MatCardContent.decorators = [
19 { type: Directive, args: [{
20 selector: 'mat-card-content, [mat-card-content], [matCardContent]',
21 host: { 'class': 'mat-card-content' }
22 },] }
23];
24/**
25 * Title of a card, needed as it's used as a selector in the API.
26 * @docs-private
27 */
28class MatCardTitle {
29}
30MatCardTitle.decorators = [
31 { type: Directive, args: [{
32 selector: `mat-card-title, [mat-card-title], [matCardTitle]`,
33 host: {
34 'class': 'mat-card-title'
35 }
36 },] }
37];
38/**
39 * Sub-title of a card, needed as it's used as a selector in the API.
40 * @docs-private
41 */
42class MatCardSubtitle {
43}
44MatCardSubtitle.decorators = [
45 { type: Directive, args: [{
46 selector: `mat-card-subtitle, [mat-card-subtitle], [matCardSubtitle]`,
47 host: {
48 'class': 'mat-card-subtitle'
49 }
50 },] }
51];
52/**
53 * Action section of a card, needed as it's used as a selector in the API.
54 * @docs-private
55 */
56class MatCardActions {
57 constructor() {
58 /** Position of the actions inside the card. */
59 this.align = 'start';
60 }
61}
62MatCardActions.decorators = [
63 { type: Directive, args: [{
64 selector: 'mat-card-actions',
65 exportAs: 'matCardActions',
66 host: {
67 'class': 'mat-card-actions',
68 '[class.mat-card-actions-align-end]': 'align === "end"',
69 }
70 },] }
71];
72MatCardActions.propDecorators = {
73 align: [{ type: Input }]
74};
75/**
76 * Footer of a card, needed as it's used as a selector in the API.
77 * @docs-private
78 */
79class MatCardFooter {
80}
81MatCardFooter.decorators = [
82 { type: Directive, args: [{
83 selector: 'mat-card-footer',
84 host: { 'class': 'mat-card-footer' }
85 },] }
86];
87/**
88 * Image used in a card, needed to add the mat- CSS styling.
89 * @docs-private
90 */
91class MatCardImage {
92}
93MatCardImage.decorators = [
94 { type: Directive, args: [{
95 selector: '[mat-card-image], [matCardImage]',
96 host: { 'class': 'mat-card-image' }
97 },] }
98];
99/**
100 * Image used in a card, needed to add the mat- CSS styling.
101 * @docs-private
102 */
103class MatCardSmImage {
104}
105MatCardSmImage.decorators = [
106 { type: Directive, args: [{
107 selector: '[mat-card-sm-image], [matCardImageSmall]',
108 host: { 'class': 'mat-card-sm-image' }
109 },] }
110];
111/**
112 * Image used in a card, needed to add the mat- CSS styling.
113 * @docs-private
114 */
115class MatCardMdImage {
116}
117MatCardMdImage.decorators = [
118 { type: Directive, args: [{
119 selector: '[mat-card-md-image], [matCardImageMedium]',
120 host: { 'class': 'mat-card-md-image' }
121 },] }
122];
123/**
124 * Image used in a card, needed to add the mat- CSS styling.
125 * @docs-private
126 */
127class MatCardLgImage {
128}
129MatCardLgImage.decorators = [
130 { type: Directive, args: [{
131 selector: '[mat-card-lg-image], [matCardImageLarge]',
132 host: { 'class': 'mat-card-lg-image' }
133 },] }
134];
135/**
136 * Large image used in a card, needed to add the mat- CSS styling.
137 * @docs-private
138 */
139class MatCardXlImage {
140}
141MatCardXlImage.decorators = [
142 { type: Directive, args: [{
143 selector: '[mat-card-xl-image], [matCardImageXLarge]',
144 host: { 'class': 'mat-card-xl-image' }
145 },] }
146];
147/**
148 * Avatar image used in a card, needed to add the mat- CSS styling.
149 * @docs-private
150 */
151class MatCardAvatar {
152}
153MatCardAvatar.decorators = [
154 { type: Directive, args: [{
155 selector: '[mat-card-avatar], [matCardAvatar]',
156 host: { 'class': 'mat-card-avatar' }
157 },] }
158];
159/**
160 * A basic content container component that adds the styles of a Material design card.
161 *
162 * While this component can be used alone, it also provides a number
163 * of preset styles for common card sections, including:
164 * - mat-card-title
165 * - mat-card-subtitle
166 * - mat-card-content
167 * - mat-card-actions
168 * - mat-card-footer
169 */
170class MatCard {
171 // @breaking-change 9.0.0 `_animationMode` parameter to be made required.
172 constructor(_animationMode) {
173 this._animationMode = _animationMode;
174 }
175}
176MatCard.decorators = [
177 { type: Component, args: [{
178 selector: 'mat-card',
179 exportAs: 'matCard',
180 template: "<ng-content></ng-content>\n<ng-content select=\"mat-card-footer\"></ng-content>\n",
181 encapsulation: ViewEncapsulation.None,
182 changeDetection: ChangeDetectionStrategy.OnPush,
183 host: {
184 'class': 'mat-card mat-focus-indicator',
185 '[class._mat-animation-noopable]': '_animationMode === "NoopAnimations"',
186 },
187 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-animation-noopable.mat-card{transition:none;animation:none}.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}.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}\n"]
188 },] }
189];
190MatCard.ctorParameters = () => [
191 { type: String, decorators: [{ type: Optional }, { type: Inject, args: [ANIMATION_MODULE_TYPE,] }] }
192];
193/**
194 * Component intended to be used within the `<mat-card>` component. It adds styles for a
195 * preset header section (i.e. a title, subtitle, and avatar layout).
196 * @docs-private
197 */
198class MatCardHeader {
199}
200MatCardHeader.decorators = [
201 { type: Component, args: [{
202 selector: 'mat-card-header',
203 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",
204 encapsulation: ViewEncapsulation.None,
205 changeDetection: ChangeDetectionStrategy.OnPush,
206 host: { 'class': 'mat-card-header' }
207 },] }
208];
209/**
210 * Component intended to be used within the `<mat-card>` component. It adds styles for a preset
211 * layout that groups an image with a title section.
212 * @docs-private
213 */
214class MatCardTitleGroup {
215}
216MatCardTitleGroup.decorators = [
217 { type: Component, args: [{
218 selector: 'mat-card-title-group',
219 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",
220 encapsulation: ViewEncapsulation.None,
221 changeDetection: ChangeDetectionStrategy.OnPush,
222 host: { 'class': 'mat-card-title-group' }
223 },] }
224];
225
226/**
227 * @license
228 * Copyright Google LLC All Rights Reserved.
229 *
230 * Use of this source code is governed by an MIT-style license that can be
231 * found in the LICENSE file at https://angular.io/license
232 */
233class MatCardModule {
234}
235MatCardModule.decorators = [
236 { type: NgModule, args: [{
237 imports: [MatCommonModule],
238 exports: [
239 MatCard,
240 MatCardHeader,
241 MatCardTitleGroup,
242 MatCardContent,
243 MatCardTitle,
244 MatCardSubtitle,
245 MatCardActions,
246 MatCardFooter,
247 MatCardSmImage,
248 MatCardMdImage,
249 MatCardLgImage,
250 MatCardImage,
251 MatCardXlImage,
252 MatCardAvatar,
253 MatCommonModule,
254 ],
255 declarations: [
256 MatCard, MatCardHeader, MatCardTitleGroup, MatCardContent, MatCardTitle, MatCardSubtitle,
257 MatCardActions, MatCardFooter, MatCardSmImage, MatCardMdImage, MatCardLgImage, MatCardImage,
258 MatCardXlImage, MatCardAvatar,
259 ],
260 },] }
261];
262
263/**
264 * @license
265 * Copyright Google LLC All Rights Reserved.
266 *
267 * Use of this source code is governed by an MIT-style license that can be
268 * found in the LICENSE file at https://angular.io/license
269 */
270
271/**
272 * Generated bundle index. Do not edit.
273 */
274
275export { MatCard, MatCardActions, MatCardAvatar, MatCardContent, MatCardFooter, MatCardHeader, MatCardImage, MatCardLgImage, MatCardMdImage, MatCardModule, MatCardSmImage, MatCardSubtitle, MatCardTitle, MatCardTitleGroup, MatCardXlImage };
276//# sourceMappingURL=card.js.map
Note: See TracBrowser for help on using the repository browser.