ion-card-content.js 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. /*!
  2. * (C) Ionic http://ionicframework.com - MIT License
  3. */
  4. import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
  5. import { b as getIonMode } from './ionic-global.js';
  6. const cardContentIosCss = "ion-card-content{display:block;position:relative}.card-content-ios{-webkit-padding-start:20px;padding-inline-start:20px;-webkit-padding-end:20px;padding-inline-end:20px;padding-top:20px;padding-bottom:20px;font-size:1rem;line-height:1.4}.card-content-ios h1{margin-left:0;margin-right:0;margin-top:0;margin-bottom:2px;font-size:1.5rem;font-weight:normal}.card-content-ios h2{margin-left:0;margin-right:0;margin-top:2px;margin-bottom:2px;font-size:1rem;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:0.875rem;font-weight:normal}.card-content-ios p{margin-left:0;margin-right:0;margin-top:0;margin-bottom:2px;font-size:0.875rem}ion-card-header+.card-content-ios{padding-top:0}";
  7. const IonCardContentIosStyle0 = cardContentIosCss;
  8. const cardContentMdCss = "ion-card-content{display:block;position:relative}.card-content-md{-webkit-padding-start:16px;padding-inline-start:16px;-webkit-padding-end:16px;padding-inline-end:16px;padding-top:13px;padding-bottom:13px;font-size:0.875rem;line-height:1.5}.card-content-md h1{margin-left:0;margin-right:0;margin-top:0;margin-bottom:2px;font-size:1.5rem;font-weight:normal}.card-content-md h2{margin-left:0;margin-right:0;margin-top:2px;margin-bottom:2px;font-size:1rem;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:0.875rem;font-weight:normal}.card-content-md p{margin-left:0;margin-right:0;margin-top:0;margin-bottom:2px;font-size:0.875rem;font-weight:normal;line-height:1.5}ion-card-header+.card-content-md{padding-top:0}";
  9. const IonCardContentMdStyle0 = cardContentMdCss;
  10. const CardContent = /*@__PURE__*/ proxyCustomElement(class CardContent extends HTMLElement {
  11. constructor() {
  12. super();
  13. this.__registerHost();
  14. }
  15. render() {
  16. const mode = getIonMode(this);
  17. return (h(Host, { key: 'd98e4d1fc6ad3237549f9bc17e4c67ec5059b1b3', class: {
  18. [mode]: true,
  19. // Used internally for styling
  20. [`card-content-${mode}`]: true,
  21. } }));
  22. }
  23. static get style() { return {
  24. ios: IonCardContentIosStyle0,
  25. md: IonCardContentMdStyle0
  26. }; }
  27. }, [32, "ion-card-content"]);
  28. function defineCustomElement$1() {
  29. if (typeof customElements === "undefined") {
  30. return;
  31. }
  32. const components = ["ion-card-content"];
  33. components.forEach(tagName => { switch (tagName) {
  34. case "ion-card-content":
  35. if (!customElements.get(tagName)) {
  36. customElements.define(tagName, CardContent);
  37. }
  38. break;
  39. } });
  40. }
  41. const IonCardContent = CardContent;
  42. const defineCustomElement = defineCustomElement$1;
  43. export { IonCardContent, defineCustomElement };