| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364 |
- 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`
- :host {
- background: var(
- --ha-card-background,
- var(--card-background-color, white)
- );
- box-shadow: var(--ha-card-box-shadow, none);
- box-sizing: border-box;
- border-radius: var(--ha-card-border-radius, 16px);
- border-width: var(--ha-card-border-width, 1px);
- border-style: solid;
- border-color: var(
- --ha-card-border-color,
- var(--divider-color, #e0e0e0)
- );
- color: var(--primary-text-color);
- display: block;
- transition: all 0.3s ease-out;
- position: relative;
- }
- :host([raised]) {
- border: none;
- box-shadow: var(
- --ha-card-box-shadow,
- 0px 2px 1px -1px rgba(0, 0, 0, 0.2),
- 0px 1px 1px 0px rgba(0, 0, 0, 0.14),
- 0px 1px 3px 0px rgba(0, 0, 0, 0.12)
- );
- }
- .card-header,
- :host ::slotted(.card-header) {
- color: var(--ha-card-header-color, --primary-text-color);
- font-family: var(--ha-card-header-font-family, inherit);
- font-size: var(--ha-card-header-font-size, 24px);
- letter-spacing: -0.012em;
- line-height: 48px;
- padding: 12px 16px 16px;
- display: block;
- margin-block-start: 0px;
- margin-block-end: 0px;
- font-weight: normal;
- }
- :host ::slotted(.card-content:not(:first-child)),
- slot:not(:first-child)::slotted(.card-content) {
- padding-top: 0px;
- margin-top: -8px;
- }
- :host ::slotted(.card-content) {
- padding: 16px;
- }
- :host ::slotted(.card-actions) {
- border-top: 1px solid var(--divider-color, #e8e8e8);
- padding: 5px 16px;
- }
- `}},{kind:"method",key:"render",value:function(){return d`
- ${this.header?d`<h1 class="card-header">${this.header}</h1>`:d``}
- <slot></slot>
- `}}]}}),a);
|