c.2d5ed670.js 2.1 KB

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