iobroker.lovelace
Version:
With this adapter you can build visualization for ioBroker with Home Assistant Lovelace UI
5 lines • 20.6 kB
JavaScript
"use strict";(self.webpackChunkhome_assistant_frontend=self.webpackChunkhome_assistant_frontend||[]).push([["59866"],{95262:function(t,e,i){function a(t){return null==t||Array.isArray(t)?t:[t]}i.d(e,{r:()=>a})},91610:function(t,e,i){i.d(e,{jn:()=>o});i(9359),i(52924);var a=i(95262),n=i(72344);const o=(t,e)=>(l(e)||s(t,e))&&!c(t,e)&&r(t,e),s=(t,e)=>!e.component||(0,a.r)(e.component).some((e=>(0,n.p)(t,e))),r=(t,e)=>!e.not_component||!(0,a.r)(e.not_component).some((e=>(0,n.p)(t,e))),l=t=>t.core,c=(t,e)=>(t=>t.advancedOnly)(e)&&!(t=>{var e;return null===(e=t.userData)||void 0===e?void 0:e.showAdvanced})(t)},60370:function(t,e,i){var a=i(61701),n=i(72621),o=(i(71695),i(19423),i(47021),i(10445)),s=i(57243),r=i(50778);let l,c,d,h,p=t=>t;(0,a.Z)([(0,r.Mo)("ha-assist-chip")],(function(t,e){class i extends e{constructor(...e){super(...e),t(this)}}return{F:i,d:[{kind:"field",decorators:[(0,r.Cb)({type:Boolean,reflect:!0})],key:"filled",value(){return!1}},{kind:"field",decorators:[(0,r.Cb)({type:Boolean})],key:"active",value(){return!1}},{kind:"field",static:!0,key:"styles",value(){return[...(0,n.Z)(i,"styles",this),(0,s.iv)(l||(l=p`:host{--md-sys-color-primary:var(--primary-text-color);--md-sys-color-on-surface:var(--primary-text-color);--md-assist-chip-container-shape:var(
--ha-assist-chip-container-shape,
16px
);--md-assist-chip-outline-color:var(--outline-color);--md-assist-chip-label-text-weight:400}.filled{display:flex;pointer-events:none;border-radius:inherit;inset:0;position:absolute;background-color:var(--ha-assist-chip-filled-container-color)}::slotted([slot=icon]),::slotted([slot=trailing-icon]){display:flex;--mdc-icon-size:var(--md-input-chip-icon-size, 18px);font-size:var(--_label-text-size)!important}.trailing.icon ::slotted(*),.trailing.icon svg{margin-inline-end:unset;margin-inline-start:var(--_icon-label-space)}::before{background:var(--ha-assist-chip-container-color,transparent);opacity:var(--ha-assist-chip-container-opacity, 1)}:where(.active)::before{background:var(--ha-assist-chip-active-container-color);opacity:var(--ha-assist-chip-active-container-opacity)}.label{font-family:Roboto,sans-serif}`))]}},{kind:"method",key:"renderOutline",value:function(){return this.filled?(0,s.dy)(c||(c=p`<span class="filled"></span>`)):(0,n.Z)(i,"renderOutline",this,3)([])}},{kind:"method",key:"getContainerClasses",value:function(){return Object.assign(Object.assign({},(0,n.Z)(i,"getContainerClasses",this,3)([])),{},{active:this.active})}},{kind:"method",key:"renderPrimaryContent",value:function(){return(0,s.dy)(d||(d=p` <span class="leading icon" aria-hidden="true"> ${0} </span> <span class="label">${0}</span> <span class="touch"></span> <span class="trailing leading icon" aria-hidden="true"> ${0} </span> `),this.renderLeadingIcon(),this.label,this.renderTrailingIcon())}},{kind:"method",key:"renderTrailingIcon",value:function(){return(0,s.dy)(h||(h=p`<slot name="trailing-icon"></slot>`))}}]}}),o.X)},9734:function(t,e,i){var a=i(61701),n=(i(63721),i(71695),i(9359),i(70104),i(97499),i(47021),i(2060),i(57243)),o=i(50778),s=i(20552),r=i(83523);i(13928),i(7285),i(37583);let l,c,d,h,p,u=t=>t;(0,a.Z)([(0,o.Mo)("ha-navigation-list")],(function(t,e){return{F:class extends e{constructor(...e){super(...e),t(this)}},d:[{kind:"field",decorators:[(0,o.Cb)({attribute:!1})],key:"hass",value:void 0},{kind:"field",decorators:[(0,o.Cb)({type:Boolean})],key:"narrow",value(){return!1}},{kind:"field",decorators:[(0,o.Cb)({attribute:!1})],key:"pages",value:void 0},{kind:"field",decorators:[(0,o.Cb)({attribute:"has-secondary",type:Boolean})],key:"hasSecondary",value(){return!1}},{kind:"field",decorators:[(0,o.Cb)()],key:"label",value:void 0},{kind:"method",key:"render",value:function(){return(0,n.dy)(l||(l=u` <mwc-list innerRole="menu" itemRoles="menuitem" innerAriaLabel="${0}" ="${0}"> ${0} </mwc-list> `),(0,s.o)(this.label),this._handleListAction,this.pages.map((t=>(0,n.dy)(c||(c=u` <ha-list-item graphic="avatar" .twoline="${0}" .hasMeta="${0}"> <div slot="graphic" class="${0}" .style="background-color: ${0}"> <ha-svg-icon .path="${0}"></ha-svg-icon> </div> <span>${0}</span> ${0} ${0} </ha-list-item> `),this.hasSecondary,!this.narrow,t.iconColor?"icon-background":"",t.iconColor||"undefined",t.iconPath,t.name,this.hasSecondary?(0,n.dy)(d||(d=u`<span slot="secondary">${0}</span>`),t.description):"",this.narrow?"":(0,n.dy)(h||(h=u`<ha-icon-next slot="meta"></ha-icon-next>`))))))}},{kind:"method",key:"_handleListAction",value:function(t){const e=this.pages[t.detail.index].path;e.endsWith("#external-app-configuration")?this.hass.auth.external.fireMessage({type:"config_screen/show"}):(0,r.c)(e)}},{kind:"field",static:!0,key:"styles",value(){return(0,n.iv)(p||(p=u`:host{--mdc-list-vertical-padding:0}ha-icon-next,ha-svg-icon{color:var(--secondary-text-color);height:24px;width:24px;display:block}ha-svg-icon{padding:8px}.icon-background{border-radius:50%}.icon-background ha-svg-icon{color:#fff}ha-list-item{cursor:pointer;font-size:var(--navigation-list-item-title-font-size)}`))}}]}}),n.oi)},95076:function(t,e,i){var a=i(61701),n=(i(71695),i(47021),i(57243)),o=i(50778);i(37583);let s,r,l=t=>t;(0,a.Z)([(0,o.Mo)("ha-tip")],(function(t,e){return{F:class extends e{constructor(...e){super(...e),t(this)}},d:[{kind:"field",decorators:[(0,o.Cb)({attribute:!1})],key:"hass",value:void 0},{kind:"method",key:"render",value:function(){return this.hass?(0,n.dy)(s||(s=l` <ha-svg-icon .path="${0}"></ha-svg-icon> <span class="prefix">${0}</span> <span class="text"><slot></slot></span> `),"M12,2A7,7 0 0,1 19,9C19,11.38 17.81,13.47 16,14.74V17A1,1 0 0,1 15,18H9A1,1 0 0,1 8,17V14.74C6.19,13.47 5,11.38 5,9A7,7 0 0,1 12,2M9,21V20H15V21A1,1 0 0,1 14,22H10A1,1 0 0,1 9,21M12,4A5,5 0 0,0 7,9C7,11.05 8.23,12.81 10,13.58V16H14V13.58C15.77,12.81 17,11.05 17,9A5,5 0 0,0 12,4Z",this.hass.localize("ui.panel.config.tips.tip")):n.Ld}},{kind:"field",static:!0,key:"styles",value(){return(0,n.iv)(r||(r=l`:host{display:block;text-align:center}.text{direction:var(--direction);margin-left:2px;margin-inline-start:2px;margin-inline-end:initial;color:var(--secondary-text-color)}.prefix{font-weight:500}`))}}]}}),n.oi)},85366:function(t,e,i){var a=i(61701),n=(i(71695),i(47021),i(82238)),o=i(66575),s=i(57243),r=i(50778);let l,c=t=>t;(0,a.Z)([(0,r.Mo)("ha-top-app-bar-fixed")],(function(t,e){return{F:class extends e{constructor(...e){super(...e),t(this)}},d:[{kind:"field",static:!0,key:"styles",value(){return[o.W,(0,s.iv)(l||(l=c`.mdc-top-app-bar__row{height:var(--header-height);border-bottom:var(--app-header-border-bottom)}.mdc-top-app-bar--fixed-adjust{padding-top:var(--header-height)}.mdc-top-app-bar{--mdc-typography-headline6-font-weight:400;color:var(--app-header-text-color,var(--mdc-theme-on-primary,#fff));background-color:var(--app-header-background-color,var(--mdc-theme-primary))}.mdc-top-app-bar__title{font-size:20px;padding-inline-start:24px;padding-inline-end:initial}`))]}}]}}),n.s)},12170:function(t,e,i){i.d(e,{s:()=>o});i(71695),i(40251),i(47021);var a=i(36522);const n=()=>Promise.all([i.e("42950"),i.e("65505"),i.e("5080"),i.e("7442"),i.e("24904"),i.e("46790")]).then(i.bind(i,47364)),o=t=>{(0,a.B)(t,"show-dialog",{dialogTag:"dialog-restart",dialogImport:n,dialogParams:{}})}},55955:function(t,e,i){i.a(t,(async function(t,a){try{i.r(e);var n=i(61701),o=i(72621),s=(i(71695),i(92745),i(61893),i(9359),i(56475),i(31526),i(40251),i(92519),i(42179),i(89256),i(24931),i(88463),i(57449),i(19814),i(47021),i(57243)),r=i(50778),l=i(27486),c=i(72344),d=(i(60370),i(34273),i(54977),i(23334),i(13928),i(7285),i(43344),i(37583),i(95076),i(85366),i(25482)),h=i(69919),p=i(85026),u=i(12170),f=i(6736),g=i(28008),v=i(73192),m=(i(98241),i(82967)),y=i(99801),b=(i(25342),i(73728)),k=t([y,b,h]);[y,b,h]=k.then?(await k)():k;let x,w,_,$,C,A,z,M,S,Z,j,B,V,I,H,L=t=>t;const W="M14.2 14.5V14.74C13.5 15.34 13 16.24 13 17.2V20H6.5C5 20 3.69 19.5 2.61 18.43C1.54 17.38 1 16.09 1 14.58C1 13.28 1.39 12.12 2.17 11.1S4 9.43 5.25 9.15C5.67 7.62 6.5 6.38 7.75 5.43S10.42 4 12 4C13.95 4 15.6 4.68 16.96 6.04C18.08 7.16 18.73 8.5 18.93 10C16.36 10.04 14.2 12.08 14.2 14.5M23 17.3V20.8C23 21.4 22.4 22 21.7 22H16.2C15.6 22 15 21.4 15 20.7V17.2C15 16.6 15.6 16 16.2 16V14.5C16.2 13.1 17.6 12 19 12S21.8 13.1 21.8 14.5V16C22.4 16 23 16.6 23 17.3M20.5 14.5C20.5 13.7 19.8 13.2 19 13.2S17.5 13.7 17.5 14.5V16H20.5V14.5Z",F="M12,16A2,2 0 0,1 14,18A2,2 0 0,1 12,20A2,2 0 0,1 10,18A2,2 0 0,1 12,16M12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12A2,2 0 0,1 12,10M12,4A2,2 0 0,1 14,6A2,2 0 0,1 12,8A2,2 0 0,1 10,6A2,2 0 0,1 12,4Z",R="M9.5,3A6.5,6.5 0 0,1 16,9.5C16,11.11 15.41,12.59 14.44,13.73L14.71,14H15.5L20.5,19L19,20.5L14,15.5V14.71L13.73,14.44C12.59,15.41 11.11,16 9.5,16A6.5,6.5 0 0,1 3,9.5A6.5,6.5 0 0,1 9.5,3M9.5,5C7,5 5,7 5,9.5C5,12 7,14 9.5,14C12,14 14,12 14,9.5C14,7 12,5 9.5,5Z",O="M16.56,5.44L15.11,6.89C16.84,7.94 18,9.83 18,12A6,6 0 0,1 12,18A6,6 0 0,1 6,12C6,9.83 7.16,7.94 8.88,6.88L7.44,5.44C5.36,6.88 4,9.28 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12C20,9.28 18.64,6.88 16.56,5.44M13,3H11V13H13",E="M17.65,6.35C16.2,4.9 14.21,4 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20C15.73,20 18.84,17.45 19.73,14H17.65C16.83,16.33 14.61,18 12,18A6,6 0 0,1 6,12A6,6 0 0,1 12,6C13.66,6 15.14,6.69 16.22,7.78L13,11H20V4L17.65,6.35Z",P=(t,e)=>{const i=[];let a=[{content:t.localize("ui.panel.config.tips.join",{forums:(0,s.dy)(x||(x=L`<a href="https://community.home-assistant.io" target="_blank" rel="noreferrer">${0}</a>`),t.localize("ui.panel.config.tips.join_forums")),twitter:(0,s.dy)(w||(w=L`<a href="${0}" target="_blank" rel="noreferrer">${0}</a>`),(0,v.R)(t,"/twitter"),t.localize("ui.panel.config.tips.join_x")),mastodon:(0,s.dy)(_||(_=L`<a href="${0}" target="_blank" rel="noreferrer">${0}</a>`),(0,v.R)(t,"/mastodon"),t.localize("ui.panel.config.tips.join_mastodon")),bluesky:(0,s.dy)($||($=L`<a href="${0}" target="_blank" rel="noreferrer">${0}</a>`),(0,v.R)(t,"/bluesky"),t.localize("ui.panel.config.tips.join_bluesky")),discord:(0,s.dy)(C||(C=L`<a href="${0}" target="_blank" rel="noreferrer">${0}</a>`),(0,v.R)(t,"/join-chat"),t.localize("ui.panel.config.tips.join_chat")),blog:(0,s.dy)(A||(A=L`<a href="${0}" target="_blank" rel="noreferrer">${0}</a>`),(0,v.R)(t,"/blog"),t.localize("ui.panel.config.tips.join_blog")),newsletter:(0,s.dy)(z||(z=L`<span class="keep-together"><a href="https://newsletter.openhomefoundation.org/" target="_blank" rel="noreferrer">${0}</a> </span>`),t.localize("ui.panel.config.tips.join_newsletter"))}),weight:2,narrow:!0}];return null!=t&&t.enableShortcuts&&a.push({content:t.localize("ui.tips.key_c_hint"),weight:1,narrow:!1},{content:t.localize("ui.tips.key_m_hint"),weight:1,narrow:!1},{content:t.localize("ui.tips.key_a_hint"),weight:1,narrow:!1}),e&&(a=a.filter((t=>t.narrow))),a.forEach((t=>{for(let e=0;e<t.weight;e++)i.push(t.content)})),i[Math.floor(Math.random()*i.length)]};(0,n.Z)([(0,r.Mo)("ha-config-dashboard")],(function(t,e){class i extends e{constructor(...e){super(...e),t(this)}}return{F:i,d:[{kind:"field",decorators:[(0,r.Cb)({attribute:!1})],key:"hass",value:void 0},{kind:"field",decorators:[(0,r.Cb)({type:Boolean,reflect:!0})],key:"narrow",value(){return!1}},{kind:"field",decorators:[(0,r.Cb)({attribute:"is-wide",type:Boolean})],key:"isWide",value(){return!1}},{kind:"field",decorators:[(0,r.Cb)({attribute:!1})],key:"cloudStatus",value:void 0},{kind:"field",decorators:[(0,r.Cb)({attribute:!1})],key:"showAdvanced",value(){return!1}},{kind:"field",decorators:[(0,r.SB)()],key:"_tip",value:void 0},{kind:"field",decorators:[(0,r.SB)()],key:"_repairsIssues",value(){return{issues:[],total:0}}},{kind:"field",key:"_pages",value(){return(0,l.Z)(((t,e)=>{const i=[];return e&&i.push({component:"cloud",path:"/config/cloud",name:"ioBroker Cloud",info:t,iconPath:W,iconColor:"#3B808E",translationKey:"cloud"}),[...i,...m.configSections.dashboard]}))}},{kind:"method",key:"hassSubscribe",value:function(){return[(0,d.$X)(this.hass.connection,(t=>{const e=t.issues.filter((t=>!t.ignored));this._repairsIssues={issues:e.sort(((t,e)=>d.wC[t.severity]-d.wC[e.severity])).slice(0,3===e.length?e.length:2),total:e.length};const i=new Set;for(const a of this._repairsIssues.issues)i.add(a.domain);this.hass.loadBackendTranslation("issues",[...i])}))]}},{kind:"method",key:"render",value:function(){const{updates:t,total:e}=this._filterUpdateEntitiesWithInstall(this.hass.states,this.hass.entities),{issues:i,total:a}=this._repairsIssues;return(0,s.dy)(M||(M=L` <ha-top-app-bar-fixed> <ha-menu-button slot="navigationIcon" .hass="${0}" .narrow="${0}"></ha-menu-button> <div slot="title">${0}</div> <ha-icon-button slot="actionItems" .label="${0}" .path="${0}" ="${0}"></ha-icon-button> <ha-button-menu slot="actionItems" ="${0}"> <ha-icon-button slot="trigger" .label="${0}" .path="${0}"></ha-icon-button> <ha-list-item graphic="icon"> ${0} <ha-svg-icon slot="graphic" .path="${0}"></ha-svg-icon> </ha-list-item> <ha-list-item graphic="icon"> ${0} <ha-svg-icon slot="graphic" .path="${0}"></ha-svg-icon> </ha-list-item> </ha-button-menu> <ha-config-section .narrow="${0}" .isWide="${0}" full-width> ${0} <ha-card outlined> <ha-config-navigation .hass="${0}" .narrow="${0}" .showAdvanced="${0}" .pages="${0}"></ha-config-navigation> </ha-card> <ha-tip .hass="${0}">${0}</ha-tip> </ha-config-section> </ha-top-app-bar-fixed> `),this.hass,this.narrow,this.hass.localize("panel.config"),this.hass.localize("ui.dialogs.quick-bar.title"),R,this._showQuickBar,this._handleMenuAction,this.hass.localize("ui.common.menu"),F,this.hass.localize("ui.panel.config.updates.check_updates"),E,this.hass.localize("ui.panel.config.system_dashboard.restart_homeassistant"),O,this.narrow,this.isWide,i.length||t.length?(0,s.dy)(S||(S=L`<ha-card outlined> ${0} ${0} ${0} </ha-card>`),i.length?(0,s.dy)(Z||(Z=L` <ha-config-repairs .hass="${0}" .narrow="${0}" .total="${0}" .repairsIssues="${0}"></ha-config-repairs> ${0} `),this.hass,this.narrow,a,i,a>i.length?(0,s.dy)(j||(j=L` <ha-assist-chip href="/config/repairs" .label="${0}"> </ha-assist-chip> `),this.hass.localize("ui.panel.config.repairs.more_repairs",{count:a-i.length})):""):"",i.length&&t.length?(0,s.dy)(B||(B=L`<hr>`)):"",t.length?(0,s.dy)(V||(V=L` <ha-config-updates .hass="${0}" .narrow="${0}" .total="${0}" .updateEntities="${0}"></ha-config-updates> ${0} `),this.hass,this.narrow,e,t,e>t.length?(0,s.dy)(I||(I=L` <ha-assist-chip href="/config/updates" label="${0}"> </ha-assist-chip> `),this.hass.localize("ui.panel.config.updates.more_updates",{count:e-t.length})):""):""):"",this.hass,this.narrow,this.showAdvanced,this._pages(this.cloudStatus,(0,c.p)(this.hass,"cloud")),this.hass,this._tip)}},{kind:"method",key:"updated",value:function(t){(0,o.Z)(i,"updated",this,3)([t]),!this._tip&&t.has("hass")&&(this._tip=P(this.hass,this.narrow))}},{kind:"field",key:"_filterUpdateEntitiesWithInstall",value(){return(0,l.Z)(((t,e)=>{const i=(0,h.Fj)(t).filter((t=>{var i;return!(null!==(i=e[t.entity_id])&&void 0!==i&&i.hidden)}));return{updates:i.slice(0,3===i.length?i.length:2),total:i.length}}))}},{kind:"method",key:"_showQuickBar",value:function(){(0,p.Hk)(this,{mode:p.Ie.Command,hint:this.hass.enableShortcuts?this.hass.localize("ui.dialogs.quick-bar.key_c_hint"):void 0})}},{kind:"method",key:"_handleMenuAction",value:async function(t){switch(t.detail.index){case 0:(0,h.M$)(this,this.hass);break;case 1:(0,u.s)(this)}}},{kind:"get",static:!0,key:"styles",value:function(){return[g.Qx,(0,s.iv)(H||(H=L`ha-card:last-child{margin-bottom:env(safe-area-inset-bottom)}:host(:not([narrow])) ha-card:last-child{margin-bottom:max(24px,env(safe-area-inset-bottom))}ha-config-section{margin:auto;margin-top:-32px;max-width:600px}ha-card{overflow:hidden}ha-card a{text-decoration:none;color:var(--primary-text-color)}ha-assist-chip{margin:8px 16px 16px 16px}.title{font-size:16px;padding:16px;padding-bottom:0} all and (max-width:600px){ha-card{border-width:1px 0;border-radius:0;box-shadow:unset}ha-config-section{margin-top:-42px}}ha-tip{margin-bottom:max(env(safe-area-inset-bottom),8px)}.new{color:var(--primary-color)}.keep-together{display:inline-block}hr{height:1px;background-color:var(--ha-card-border-color,var(--divider-color,#e0e0e0));border:none;margin-top:0}`))]}}]}}),(0,f.f)(s.oi));a()}catch(x){a(x)}}))},25342:function(t,e,i){var a=i(61701),n=(i(63721),i(71695),i(9359),i(56475),i(70104),i(19423),i(47021),i(2060),i(87319),i(57243)),o=i(50778),s=i(91610);i(54977),i(13928),i(9734);let r,l,c=t=>t;(0,a.Z)([(0,o.Mo)("ha-config-navigation")],(function(t,e){return{F:class extends e{constructor(...e){super(...e),t(this)}},d:[{kind:"field",decorators:[(0,o.Cb)({attribute:!1})],key:"hass",value:void 0},{kind:"field",decorators:[(0,o.Cb)({type:Boolean})],key:"narrow",value(){return!1}},{kind:"field",decorators:[(0,o.Cb)({attribute:!1})],key:"pages",value:void 0},{kind:"method",key:"render",value:function(){const t=this.pages.filter((t=>{var e;return"#external-app-configuration"===t.path?null===(e=this.hass.auth.external)||void 0===e?void 0:e.config.hasSettingsScreen:(0,s.jn)(this.hass,t)})).map((t=>Object.assign(Object.assign({},t),{},{name:t.name||this.hass.localize(`ui.panel.config.dashboard.${t.translationKey}.main`),description:"cloud"===t.component&&t.info?t.info.logged_in?`\n ${this.hass.localize("ui.panel.config.cloud.description_login")}\n `:`\n ${this.hass.localize("ui.panel.config.cloud.description_features")}\n `:`\n ${t.description||this.hass.localize(`ui.panel.config.dashboard.${t.translationKey}.secondary`)}\n `})));return(0,n.dy)(r||(r=c` <ha-navigation-list has-secondary .hass="${0}" .narrow="${0}" .pages="${0}" .label="${0}"></ha-navigation-list> `),this.hass,this.narrow,t,this.hass.localize("panel.config"))}},{kind:"field",static:!0,key:"styles",value(){return(0,n.iv)(l||(l=c`ha-navigation-list{--navigation-list-item-title-font-size:16px}`))}}]}}),n.oi)},98241:function(t,e,i){var a=i(61701),n=(i(71695),i(47021),i(57243)),o=i(50778),s=i(35359);let r,l,c=t=>t;(0,a.Z)([(0,o.Mo)("ha-config-section")],(function(t,e){return{F:class extends e{constructor(...e){super(...e),t(this)}},d:[{kind:"field",decorators:[(0,o.Cb)({attribute:"is-wide",type:Boolean})],key:"isWide",value(){return!1}},{kind:"field",decorators:[(0,o.Cb)({type:Boolean})],key:"vertical",value(){return!1}},{kind:"field",decorators:[(0,o.Cb)({type:Boolean,attribute:"full-width"})],key:"fullWidth",value(){return!1}},{kind:"method",key:"render",value:function(){return(0,n.dy)(r||(r=c` <div class="content ${0}"> <div class="header"><slot name="header"></slot></div> <div class="together layout ${0}"> <div class="intro"><slot name="introduction"></slot></div> <div class="panel flex-auto"><slot></slot></div> </div> </div> `),(0,s.$)({narrow:!this.isWide,"full-width":this.fullWidth}),(0,s.$)({narrow:!this.isWide,vertical:this.vertical||!this.isWide,horizontal:!this.vertical&&this.isWide}))}},{kind:"field",static:!0,key:"styles",value(){return(0,n.iv)(l||(l=c`:host{display:block}.content{padding:28px 20px 0;max-width:1040px;margin:0 auto}.layout{display:flex}.horizontal{flex-direction:row}.vertical{flex-direction:column}.flex-auto{flex:1 1 auto}.header{font-family:var(--paper-font-headline_-_font-family);-webkit-font-smoothing:var(--paper-font-headline_-_-webkit-font-smoothing);font-size:var(--paper-font-headline_-_font-size);font-weight:var(--paper-font-headline_-_font-weight);letter-spacing:var(--paper-font-headline_-_letter-spacing);line-height:var(--paper-font-headline_-_line-height);opacity:var(--dark-primary-opacity)}.together{margin-top:var(--config-section-content-together-margin-top,32px)}.intro{font-family:var(--paper-font-subhead_-_font-family);-webkit-font-smoothing:var(--paper-font-subhead_-_-webkit-font-smoothing);font-weight:var(--paper-font-subhead_-_font-weight);line-height:var(--paper-font-subhead_-_line-height);width:100%;opacity:var(--dark-primary-opacity);font-size:14px;padding-bottom:20px}.horizontal .intro{max-width:400px;margin-right:40px;margin-inline-end:40px;margin-inline-start:initial}.panel{margin-top:-24px}.panel ::slotted(*){margin-top:24px;display:block}.narrow.content{max-width:640px}.narrow .together{margin-top:var(--config-section-narrow-content-together-margin-top,var(--config-section-content-together-margin-top,20px))}.narrow .intro{padding-bottom:20px;margin-right:0;margin-inline-end:0;margin-inline-start:initial;max-width:500px}.full-width{padding:0}.full-width .layout{flex-direction:column}`))}}]}}),n.oi)}}]);
//# sourceMappingURL=59866.320ebb5d5f35e4ae.js.map