c.23dcece3.js 2.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364
  1. import{_ as r,j as a,e as o,d as e,y as d,n as t}from"./main-ec7846c8.js";r([t("ha-card")],(function(r,a){return{F:class extends a{constructor(...a){super(...a),r(this)}},d:[{kind:"field",decorators:[o()],key:"header",value:void 0},{kind:"field",decorators:[o({type:Boolean,reflect:!0})],key:"raised",value:()=>!1},{kind:"get",static:!0,key:"styles",value:function(){return e`
  2. :host {
  3. background: var(
  4. --ha-card-background,
  5. var(--card-background-color, white)
  6. );
  7. box-shadow: var(--ha-card-box-shadow, none);
  8. box-sizing: border-box;
  9. border-radius: var(--ha-card-border-radius, 16px);
  10. border-width: var(--ha-card-border-width, 1px);
  11. border-style: solid;
  12. border-color: var(
  13. --ha-card-border-color,
  14. var(--divider-color, #e0e0e0)
  15. );
  16. color: var(--primary-text-color);
  17. display: block;
  18. transition: all 0.3s ease-out;
  19. position: relative;
  20. }
  21. :host([raised]) {
  22. border: none;
  23. box-shadow: var(
  24. --ha-card-box-shadow,
  25. 0px 2px 1px -1px rgba(0, 0, 0, 0.2),
  26. 0px 1px 1px 0px rgba(0, 0, 0, 0.14),
  27. 0px 1px 3px 0px rgba(0, 0, 0, 0.12)
  28. );
  29. }
  30. .card-header,
  31. :host ::slotted(.card-header) {
  32. color: var(--ha-card-header-color, --primary-text-color);
  33. font-family: var(--ha-card-header-font-family, inherit);
  34. font-size: var(--ha-card-header-font-size, 24px);
  35. letter-spacing: -0.012em;
  36. line-height: 48px;
  37. padding: 12px 16px 16px;
  38. display: block;
  39. margin-block-start: 0px;
  40. margin-block-end: 0px;
  41. font-weight: normal;
  42. }
  43. :host ::slotted(.card-content:not(:first-child)),
  44. slot:not(:first-child)::slotted(.card-content) {
  45. padding-top: 0px;
  46. margin-top: -8px;
  47. }
  48. :host ::slotted(.card-content) {
  49. padding: 16px;
  50. }
  51. :host ::slotted(.card-actions) {
  52. border-top: 1px solid var(--divider-color, #e8e8e8);
  53. padding: 5px 16px;
  54. }
  55. `}},{kind:"method",key:"render",value:function(){return d`
  56. ${this.header?d`<h1 class="card-header">${this.header}</h1>`:d``}
  57. <slot></slot>
  58. `}}]}}),a);