95 lines
2.8 KiB
JavaScript
95 lines
2.8 KiB
JavaScript
import{a6 as e,a7 as t,a as o,h as i,e as n,$ as a,r,n as l}from"./main-ad130be7.js";e({_template:t`
|
|
<style>
|
|
:host {
|
|
overflow: hidden; /* needed for text-overflow: ellipsis to work on ff */
|
|
@apply --layout-vertical;
|
|
@apply --layout-center-justified;
|
|
@apply --layout-flex;
|
|
}
|
|
|
|
:host([two-line]) {
|
|
min-height: var(--paper-item-body-two-line-min-height, 72px);
|
|
}
|
|
|
|
:host([three-line]) {
|
|
min-height: var(--paper-item-body-three-line-min-height, 88px);
|
|
}
|
|
|
|
:host > ::slotted(*) {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
:host > ::slotted([secondary]) {
|
|
@apply --paper-font-body1;
|
|
|
|
color: var(--paper-item-body-secondary-color, var(--secondary-text-color));
|
|
|
|
@apply --paper-item-body-secondary;
|
|
}
|
|
</style>
|
|
|
|
<slot></slot>
|
|
`,is:"paper-item-body"}),o([l("ha-settings-row")],(function(e,t){return{F:class extends t{constructor(...t){super(...t),e(this)}},d:[{kind:"field",decorators:[n({type:Boolean,reflect:!0})],key:"narrow",value:void 0},{kind:"field",decorators:[n({type:Boolean,attribute:"three-line"})],key:"threeLine",value:()=>!1},{kind:"method",key:"render",value:function(){return a`
|
|
<div class="prefix-wrap">
|
|
<slot name="prefix"></slot>
|
|
<paper-item-body
|
|
?two-line=${!this.threeLine}
|
|
?three-line=${this.threeLine}
|
|
>
|
|
<slot name="heading"></slot>
|
|
<div secondary><slot name="description"></slot></div>
|
|
</paper-item-body>
|
|
</div>
|
|
<div class="content"><slot></slot></div>
|
|
`}},{kind:"get",static:!0,key:"styles",value:function(){return r`
|
|
:host {
|
|
display: flex;
|
|
padding: 0 16px;
|
|
align-content: normal;
|
|
align-self: auto;
|
|
align-items: center;
|
|
}
|
|
paper-item-body {
|
|
padding: 8px 16px 8px 0;
|
|
}
|
|
paper-item-body[two-line] {
|
|
min-height: calc(
|
|
var(--paper-item-body-two-line-min-height, 72px) - 16px
|
|
);
|
|
flex: 1;
|
|
}
|
|
.content {
|
|
display: contents;
|
|
}
|
|
:host(:not([narrow])) .content {
|
|
display: var(--settings-row-content-display, flex);
|
|
justify-content: flex-end;
|
|
flex: 1;
|
|
padding: 16px 0;
|
|
}
|
|
.content ::slotted(*) {
|
|
width: var(--settings-row-content-width);
|
|
}
|
|
:host([narrow]) {
|
|
align-items: normal;
|
|
flex-direction: column;
|
|
border-top: 1px solid var(--divider-color);
|
|
padding-bottom: 8px;
|
|
}
|
|
::slotted(ha-switch) {
|
|
padding: 16px 0;
|
|
}
|
|
div[secondary] {
|
|
white-space: normal;
|
|
}
|
|
.prefix-wrap {
|
|
display: var(--settings-row-prefix-display);
|
|
}
|
|
:host([narrow]) .prefix-wrap {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
`}}]}}),i);
|