| 1 | import { h, Host, proxyCustomElement } from '@stencil/core/internal/client';
|
| 2 | import { b as getIonMode } from './ionic-global.js';
|
| 3 |
|
| 4 | const cardContentIosCss = "ion-card-content{display:block;position:relative}.card-content-ios{padding-left:20px;padding-right:20px;padding-top:20px;padding-bottom:20px;font-size:16px;line-height:1.4}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.card-content-ios{padding-left:unset;padding-right:unset;-webkit-padding-start:20px;padding-inline-start:20px;-webkit-padding-end:20px;padding-inline-end:20px}}.card-content-ios h1{margin-left:0;margin-right:0;margin-top:0;margin-bottom:2px;font-size:24px;font-weight:normal}.card-content-ios h2{margin-left:0;margin-right:0;margin-top:2px;margin-bottom:2px;font-size:16px;font-weight:normal}.card-content-ios h3,.card-content-ios h4,.card-content-ios h5,.card-content-ios h6{margin-left:0;margin-right:0;margin-top:2px;margin-bottom:2px;font-size:14px;font-weight:normal}.card-content-ios p{margin-left:0;margin-right:0;margin-top:0;margin-bottom:2px;font-size:14px}ion-card-header+.card-content-ios{padding-top:0}";
|
| 5 |
|
| 6 | const cardContentMdCss = "ion-card-content{display:block;position:relative}.card-content-md{padding-left:16px;padding-right:16px;padding-top:13px;padding-bottom:13px;font-size:14px;line-height:1.5}@supports ((-webkit-margin-start: 0) or (margin-inline-start: 0)) or (-webkit-margin-start: 0){.card-content-md{padding-left:unset;padding-right:unset;-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px}}.card-content-md h1{margin-left:0;margin-right:0;margin-top:0;margin-bottom:2px;font-size:24px;font-weight:normal}.card-content-md h2{margin-left:0;margin-right:0;margin-top:2px;margin-bottom:2px;font-size:16px;font-weight:normal}.card-content-md h3,.card-content-md h4,.card-content-md h5,.card-content-md h6{margin-left:0;margin-right:0;margin-top:2px;margin-bottom:2px;font-size:14px;font-weight:normal}.card-content-md p{margin-left:0;margin-right:0;margin-top:0;margin-bottom:2px;font-size:14px;font-weight:normal;line-height:1.5}ion-card-header+.card-content-md{padding-top:0}";
|
| 7 |
|
| 8 | const CardContent = class extends HTMLElement {
|
| 9 | constructor() {
|
| 10 | super();
|
| 11 | this.__registerHost();
|
| 12 | }
|
| 13 | render() {
|
| 14 | const mode = getIonMode(this);
|
| 15 | return (h(Host, { class: {
|
| 16 | [mode]: true,
|
| 17 |
|
| 18 | [`card-content-${mode}`]: true
|
| 19 | } }));
|
| 20 | }
|
| 21 | static get style() { return {
|
| 22 | ios: cardContentIosCss,
|
| 23 | md: cardContentMdCss
|
| 24 | }; }
|
| 25 | };
|
| 26 |
|
| 27 | const IonCardContent = proxyCustomElement(CardContent, [32,"ion-card-content"]);
|
| 28 |
|
| 29 | export { IonCardContent };
|