iobroker.lovelace
Version:
With this adapter you can build visualization for ioBroker with Home Assistant Lovelace UI
114 lines • 31.6 kB
JavaScript
/*! For license information please see 71724.1f9e1d8db4c59bdf.js.LICENSE.txt */
"use strict";(self.rspackChunkhome_assistant_frontend=self.rspackChunkhome_assistant_frontend||[]).push([[71724],{36356:function(t,e,o){o.d(e,{q:function(){return a}});class a{get enabled(){return this._enabled}set enabled(t){t!==this._enabled&&(this._enabled=t,this._enabled?this._attach():this._detach(),this._host.requestUpdate())}hostUpdated(){this.enabled&&!this._scrollContainer&&this._attach()}hostDisconnected(){this._detach()}_attach(){var t;this._scrollContainer=null===(t=this._host.renderRoot)||void 0===t?void 0:t.querySelector(this._selector),this._scrollContainer&&this._scrollContainer.addEventListener("mousedown",this._mouseDown)}_detach(){window.removeEventListener("mousemove",this._mouseMove),window.removeEventListener("mouseup",this._mouseUp),this._scrollContainer&&(this._scrollContainer.removeEventListener("mousedown",this._mouseDown),this._scrollContainer=void 0),this.scrolled=!1,this.scrolling=!1,this.mouseIsDown=!1,this.scrollStartX=0,this.scrollLeft=0}constructor(t,{selector:e,enabled:o}){this.mouseIsDown=!1,this.scrolled=!1,this.scrolling=!1,this.scrollStartX=0,this.scrollLeft=0,this._enabled=!0,this._mouseDown=t=>{const e=this._scrollContainer;e&&(this.scrollStartX=t.pageX-e.offsetLeft,this.scrollLeft=e.scrollLeft,this.mouseIsDown=!0,this.scrolled=!1,window.addEventListener("mousemove",this._mouseMove),window.addEventListener("mouseup",this._mouseUp,{once:!0}))},this._mouseUp=()=>{this.mouseIsDown=!1,this.scrolling=!1,this._host.requestUpdate(),window.removeEventListener("mousemove",this._mouseMove)},this._mouseMove=t=>{if(!this.mouseIsDown)return;const e=this._scrollContainer;if(!e)return;const o=t.pageX-e.offsetLeft-this.scrollStartX;this.scrolled||(this.scrolled=Math.abs(o)>1,this.scrolling=this.scrolled,this._host.requestUpdate()),e.scrollLeft=this.scrollLeft-o},this._selector=e,this._host=t,this.enabled=null==o||o,t.addController(this)}}},70947:function(t,e,o){o(62953);var a=o(40445),i=o(50759),r=(o(38625),o(5124)),n=o(67576);o(67094);let s,l,h=t=>t;class c extends i.A{renderCheckboxIcon(){return(0,r.qy)(s||(s=h` <ha-svg-icon id="check" part="checkmark" .path="${0}"></ha-svg-icon> `),this.checked?"M10,17L5,12L6.41,10.58L10,14.17L17.59,6.58L19,8M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z":"M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3M19,5V19H5V5H19Z")}static get styles(){return[i.A.styles,(0,r.AH)(l||(l=h`:host{min-height:var(--ha-space-10)}#check{visibility:visible;flex-shrink:0}#icon ::slotted(*){color:var(--ha-color-on-neutral-normal)}:host([variant=danger]) #icon ::slotted(*){color:var(--ha-color-on-danger-quiet)}:host([selected]){font-weight:var(--ha-font-weight-medium);color:var(--primary-color);background-color:var(--ha-color-fill-primary-quiet-resting);--icon-primary-color:var(--primary-color)}:host([selected]:hover){background-color:var(--ha-color-fill-primary-quiet-hover)}`))]}constructor(...t){super(...t),this.selected=!1}}(0,a.Cg)([(0,n.MZ)({type:Boolean,reflect:!0})],c.prototype,"selected",void 0),c=(0,a.Cg)([(0,n.EM)("ha-dropdown-item")],c)},29823:function(t,e,o){o.a(t,async function(t,e){try{o(3362),o(62953);var a=o(40445),i=o(52254),r=o(5124),n=o(67576),s=t([i]);i=(s.then?(await s)():s)[0];let l,h=t=>t;class c extends i.A{get anchorElement(){var t;return null===(t=this.popup)||void 0===t?void 0:t.anchor}set anchorElement(t){this.popup&&(this.popup.anchor&&"ha-icon-button"===this.popup.anchor.localName&&(this.popup.anchor.selected=!1),this.popup.anchor=t)}getTrigger(){return this.anchorElement?this.anchorElement:super.getTrigger()}async showMenu(){await super.showMenu();const t=this.getTrigger();t&&"ha-icon-button"===t.localName&&(t.selected=!0)}async hideMenu(){const t=this.getTrigger();t&&"ha-icon-button"===t.localName&&(t.selected=!1),await super.hideMenu()}static get styles(){return[i.A.styles,(0,r.AH)(l||(l=h`:host{font-size:var(--ha-dropdown-font-size, var(--ha-font-size-m));--wa-color-surface-raised:var(
--card-background-color,
var(--ha-dialog-surface-background, var(--mdc-theme-surface, #fff)),
)}#menu{padding:var(--ha-space-1)}wa-popup::part(popup){z-index:200}`))]}constructor(...t){super(...t),this.dropdownTag="ha-dropdown",this.dropdownItemTag="ha-dropdown-item"}}(0,a.Cg)([(0,n.MZ)({attribute:!1})],c.prototype,"dropdownTag",void 0),(0,a.Cg)([(0,n.MZ)({attribute:!1})],c.prototype,"dropdownItemTag",void 0),c=(0,a.Cg)([(0,n.EM)("ha-dropdown")],c),e()}catch(l){e(l)}})},90248:function(t,e,o){o.a(t,async function(t,a){try{o.r(e),o.d(e,{HaIconButtonArrowPrev:function(){return g}});o(62953);var i=o(40445),r=o(5124),n=o(67576),s=o(63091),l=o(26300),h=t([l]);l=(h.then?(await h)():h)[0];let c,d=t=>t;const p="M20,11V13H8L13.5,18.5L12.08,19.92L4.16,12L12.08,4.08L13.5,5.5L8,11H20Z",u="M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z";class g extends r.WF{render(){var t;return(0,r.qy)(c||(c=d` <ha-icon-button .disabled="${0}" .label="${0}" .path="${0}" .href="${0}" .target="${0}" .rel="${0}" .download="${0}"></ha-icon-button> `),this.disabled,this.label||(null===(t=this.hass)||void 0===t?void 0:t.localize("ui.common.back"))||"Back",this._icon,this.href,this.target,this.rel,this.download)}constructor(...t){super(...t),this.disabled=!1,this._icon="rtl"===s.G.document.dir?u:p}}(0,i.Cg)([(0,n.MZ)({attribute:!1})],g.prototype,"hass",void 0),(0,i.Cg)([(0,n.MZ)({type:Boolean})],g.prototype,"disabled",void 0),(0,i.Cg)([(0,n.MZ)()],g.prototype,"label",void 0),(0,i.Cg)([(0,n.MZ)()],g.prototype,"href",void 0),(0,i.Cg)([(0,n.MZ)()],g.prototype,"target",void 0),(0,i.Cg)([(0,n.MZ)()],g.prototype,"rel",void 0),(0,i.Cg)([(0,n.MZ)()],g.prototype,"download",void 0),(0,i.Cg)([(0,n.wk)()],g.prototype,"_icon",void 0),g=(0,i.Cg)([(0,n.EM)("ha-icon-button-arrow-prev")],g),a()}catch(c){a(c)}})},26300:function(t,e,o){o.a(t,async function(t,a){try{o.r(e),o.d(e,{HaIconButton:function(){return v}});o(62953);var i=o(40445),r=o(5124),n=o(67576),s=o(63672),l=o(18350),h=(o(67094),t([l]));l=(h.then?(await h)():h)[0];let c,d,p,u,g=t=>t;class v extends r.WF{render(){return(0,r.qy)(c||(c=g` <ha-button appearance="plain" variant="neutral" aria-label="${0}" title="${0}" aria-haspopup="${0}" .disabled="${0}" .iconTag="${0}" .href="${0}" .target="${0}" .rel="${0}" .download="${0}"> ${0} </ha-button> `),(0,s.J)(this.label),(0,s.J)(this.hideTitle?void 0:this.label),(0,s.J)(this.ariaHasPopup),this.disabled,this.path?"ha-svg-icon":"span",this.href,this.target,this.rel,this.download,this.path?(0,r.qy)(d||(d=g`<ha-svg-icon aria-hidden="true" .path="${0}"></ha-svg-icon>`),this.path):(0,r.qy)(p||(p=g`<span><slot></slot></span>`)))}constructor(...t){super(...t),this.disabled=!1,this.hideTitle=!1,this.selected=!1}}v.shadowRootOptions={mode:"open",delegatesFocus:!0},v.styles=(0,r.AH)(u||(u=g`:host{display:inline-block;outline:0;--ha-button-height:var(--ha-icon-button-size, 48px)}ha-button{position:relative;isolation:isolate;--wa-form-control-padding-inline:var(
--ha-icon-button-padding-inline,
--ha-space-2
);--wa-color-on-normal:currentColor;--wa-color-fill-quiet:transparent;--ha-button-label-overflow:visible}ha-button::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:50%;background-color:currentColor;opacity:0;pointer-events:none}ha-button::part(base){width:var(--wa-form-control-height);aspect-ratio:1;outline-offset:-4px}ha-button::part(label){display:flex}:host([selected]) ha-button::after{opacity:.1} (hover:hover){:host(:hover:not([disabled])) ha-button::after{opacity:.1}}`)),(0,i.Cg)([(0,n.MZ)({type:Boolean,reflect:!0})],v.prototype,"disabled",void 0),(0,i.Cg)([(0,n.MZ)({type:String})],v.prototype,"path",void 0),(0,i.Cg)([(0,n.MZ)({type:String})],v.prototype,"label",void 0),(0,i.Cg)([(0,n.MZ)({type:String,attribute:"aria-haspopup"})],v.prototype,"ariaHasPopup",void 0),(0,i.Cg)([(0,n.MZ)({attribute:"hide-title",type:Boolean})],v.prototype,"hideTitle",void 0),(0,i.Cg)([(0,n.MZ)({type:Boolean,reflect:!0})],v.prototype,"selected",void 0),(0,i.Cg)([(0,n.MZ)()],v.prototype,"href",void 0),(0,i.Cg)([(0,n.MZ)()],v.prototype,"target",void 0),(0,i.Cg)([(0,n.MZ)()],v.prototype,"rel",void 0),(0,i.Cg)([(0,n.MZ)()],v.prototype,"download",void 0),v=(0,i.Cg)([(0,n.EM)("ha-icon-button")],v),a()}catch(c){a(c)}})},2054:function(t,e,o){o.a(t,async function(t,e){try{o(16280),o(62953);var a=o(40445),i=o(5124),r=o(67576),n=o(1087),s=o(44249),l=o(26300),h=t([l]);l=(h.then?(await h)():h)[0];let c,d,p,u=t=>t;const g="M3,6H21V8H3V6M3,11H21V13H3V11M3,16H21V18H3V16Z";class v extends i.WF{connectedCallback(){super.connectedCallback(),this._attachNotifOnConnect&&(this._attachNotifOnConnect=!1,this._subscribeNotifications())}disconnectedCallback(){super.disconnectedCallback(),this._unsubNotifications&&(this._attachNotifOnConnect=!0,this._unsubNotifications(),this._unsubNotifications=void 0)}render(){if(!this._show)return i.s6;const t=this._hasNotifications&&(this.narrow||"always_hidden"===this.hass.dockedSidebar);return(0,i.qy)(c||(c=u` <ha-icon-button .label="${0}" .path="${0}" ="${0}"></ha-icon-button> ${0} `),this.hass.localize("ui.sidebar.sidebar_toggle"),g,this._toggleMenu,t?(0,i.qy)(d||(d=u`<div class="dot"></div>`)):"")}willUpdate(t){if(super.willUpdate(t),!t.has("narrow")&&!t.has("hass"))return;const e=t.has("hass")?t.get("hass"):this.hass,o=t.has("narrow")?t.get("narrow"):this.narrow,a=!1===(null==e?void 0:e.kioskMode)&&(o||"always_hidden"===(null==e?void 0:e.dockedSidebar)),i=!1===this.hass.kioskMode&&(this.narrow||"always_hidden"===this.hass.dockedSidebar);this.hasUpdated&&a===i||(this._show=i||this._alwaysVisible,i?this._subscribeNotifications():this._unsubNotifications&&(this._unsubNotifications(),this._unsubNotifications=void 0))}_subscribeNotifications(){if(this._unsubNotifications)throw new Error("Already subscribed");this._unsubNotifications=(0,s.V)(this.hass.connection,t=>{this._hasNotifications=t.length>0})}_toggleMenu(){(0,n.r)(this,"hass-toggle-menu")}constructor(...t){super(...t),this.narrow=!1,this._hasNotifications=!1,this._show=!1,this._alwaysVisible=!1,this._attachNotifOnConnect=!1}}v.styles=(0,i.AH)(p||(p=u`:host{position:relative}.dot{pointer-events:none;position:absolute;background-color:var(--accent-color);width:12px;height:12px;top:9px;right:7px;inset-inline-end:7px;inset-inline-start:initial;border-radius:var(--ha-border-radius-circle);border:2px solid var(--app-header-background-color)}`)),(0,a.Cg)([(0,r.MZ)({type:Boolean})],v.prototype,"narrow",void 0),(0,a.Cg)([(0,r.MZ)({attribute:!1})],v.prototype,"hass",void 0),(0,a.Cg)([(0,r.wk)()],v.prototype,"_hasNotifications",void 0),(0,a.Cg)([(0,r.wk)()],v.prototype,"_show",void 0),v=(0,a.Cg)([(0,r.EM)("ha-menu-button")],v),e()}catch(c){e(c)}})},67094:function(t,e,o){o.r(e),o.d(e,{HaSvgIcon:function(){return d}});var a=o(40445),i=o(5124),r=o(67576);let n,s,l,h,c=t=>t;class d extends i.WF{render(){return(0,i.JW)(n||(n=c` <svg viewBox="${0}" preserveAspectRatio="xMidYMid meet" focusable="false" role="img" aria-hidden="true"> <g> ${0} ${0} </g> </svg>`),this.viewBox||"0 0 24 24",this.path?(0,i.JW)(s||(s=c`<path class="primary-path" d="${0}"></path>`),this.path):i.s6,this.secondaryPath?(0,i.JW)(l||(l=c`<path class="secondary-path" d="${0}"></path>`),this.secondaryPath):i.s6)}}d.styles=(0,i.AH)(h||(h=c`:host{display:var(--ha-icon-display,inline-flex);align-items:center;justify-content:center;position:relative;vertical-align:middle;fill:var(--icon-primary-color,currentcolor);width:var(--mdc-icon-size,24px);height:var(--mdc-icon-size,24px)}svg{width:100%;height:100%;pointer-events:none;display:block}path.primary-path{opacity:var(--icon-primary-opactity, 1)}path.secondary-path{fill:var(--icon-secondary-color,currentcolor);opacity:var(--icon-secondary-opactity, .5)}`)),(0,a.Cg)([(0,r.MZ)()],d.prototype,"path",void 0),(0,a.Cg)([(0,r.MZ)({attribute:!1})],d.prototype,"secondaryPath",void 0),(0,a.Cg)([(0,r.MZ)({attribute:!1})],d.prototype,"viewBox",void 0),d=(0,a.Cg)([(0,r.EM)("ha-svg-icon")],d)},62647:function(t,e,o){var a=o(40445),i=o(9866),r=o(5124),n=o(67576);let s,l=t=>t;class h extends i.A{static get styles(){return[i.A.styles,(0,r.AH)(s||(s=l`:host{font-size:var(--ha-font-size-m);--wa-color-brand-on-quiet:var(
--ha-tab-active-text-color,
var(--primary-color)
);--wa-color-neutral-on-quiet:var(--wa-color-brand-on-quiet);opacity:.8;color:inherit;--wa-space-l:16px}:host([active]:not([disabled])){opacity:1} (hover:hover){:host(:hover:not([disabled]):not([active])) .tab{color:var(--wa-color-brand-on-quiet)}}`))]}}h=(0,a.Cg)([(0,n.EM)("ha-tab-group-tab")],h)},66289:function(t,e,o){o.a(t,async function(t,e){try{o(62953);var a=o(40445),i=o(42814),r=o(5124),n=o(67576),s=o(36356),l=t([i]);i=(l.then?(await l)():l)[0];let h,c=t=>t;class d extends i.A{connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this._handleKeyDown,!0)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this._handleKeyDown,!0)}handleClick(t){this._dragScrollController.scrolled||super.handleClick(t)}static get styles(){return[i.A.styles,(0,r.AH)(h||(h=c`:host{--track-width:2px;--track-color:var(--ha-tab-track-color, var(--divider-color));--indicator-color:var(
--ha-tab-indicator-color,
var(--primary-color)
);--wa-color-neutral-on-quiet:var(--indicator-color)}.tab-group-top ::slotted(ha-tab-group-tab[active]){border-block-end:solid var(--track-width) var(--indicator-color);margin-block-end:calc(-1 * var(--track-width))}.tab-group-start ::slotted(ha-tab-group-tab[active]){border-inline-end:solid var(--track-width) var(--indicator-color);margin-inline-end:calc(-1 * var(--track-width))}.tab-group-end ::slotted(ha-tab-group-tab[active]){border-inline-start:solid var(--track-width) var(--indicator-color);margin-inline-start:calc(-1 * var(--track-width))}.scroll-button::part(base):hover{background-color:transparent}`))]}constructor(...t){super(...t),this._dragScrollController=new s.q(this,{selector:".nav"}),this.tabTag="ha-tab-group-tab",this.tabOnly=!0,this._handleKeyDown=t=>{(t.altKey||t.metaKey)&&t.stopPropagation()}}}(0,a.Cg)([(0,n.MZ)({attribute:"tab-tag"})],d.prototype,"tabTag",void 0),(0,a.Cg)([(0,n.MZ)({attribute:"tab-only",type:Boolean})],d.prototype,"tabOnly",void 0),d=(0,a.Cg)([(0,n.EM)("ha-tab-group")],d),e()}catch(h){e(h)}})},44249:function(t,e,o){o.d(e,{V:function(){return a}});o(62953);const a=(t,e)=>{const o=new i,a=t.subscribeMessage(t=>e(o.processMessage(t)),{type:"persistent_notification/subscribe"});return()=>{a.then(t=>null==t?void 0:t())}};class i{processMessage(t){if("removed"===t.type)for(const e of Object.keys(t.notifications))delete this.notifications[e];else this.notifications=Object.assign(Object.assign({},this.notifications),t.notifications);return Object.values(this.notifications)}constructor(){this.notifications={}}}},23687:function(t,e,o){o(3362),o(62953);var a=o(40445),i=o(67576),r=o(324);class n extends r.a{createLoadingScreen(){const t=super.createLoadingScreen();return t.noToolbar=!0,t}createErrorScreen(t){const e=super.createErrorScreen(t);return e.toolbar=!1,e}updatePageEl(t){t.hass=this.hass,t.narrow=this.narrow}constructor(...t){super(...t),this.narrow=!1,this.routerOptions={beforeRender:t=>{if(!t||"not_found"===t)return this._currentPage?this._currentPage:"state"},cacheAll:!0,showLoading:!0,routes:{event:{tag:"developer-tools-event",load:()=>Promise.all([o.e(32450),o.e(72130),o.e(85010),o.e(27006),o.e(62574),o.e(34310),o.e(2849)]).then(o.bind(o,93607))},service:"action",action:{tag:"developer-tools-action",load:()=>Promise.all([o.e(32450),o.e(46095),o.e(7305),o.e(92769),o.e(3283),o.e(72130),o.e(85010),o.e(98470),o.e(59979),o.e(31363),o.e(62574),o.e(26092),o.e(39005),o.e(8851),o.e(34310),o.e(82209),o.e(55392),o.e(4988)]).then(o.bind(o,46391))},state:{tag:"developer-tools-state",load:()=>Promise.all([o.e(32450),o.e(46095),o.e(7305),o.e(92769),o.e(3283),o.e(72130),o.e(85010),o.e(59979),o.e(66584),o.e(62574),o.e(26092),o.e(39005),o.e(8851),o.e(34310),o.e(82209),o.e(77076)]).then(o.bind(o,49835))},template:{tag:"developer-tools-template",load:()=>Promise.all([o.e(72130),o.e(55768),o.e(34310),o.e(58726)]).then(o.bind(o,30447))},statistics:{tag:"developer-tools-statistics",load:()=>Promise.all([o.e(32450),o.e(46095),o.e(7305),o.e(92769),o.e(3283),o.e(80131),o.e(70183),o.e(72130),o.e(85010),o.e(83113),o.e(67218),o.e(98470),o.e(99788),o.e(58303),o.e(59979),o.e(21543),o.e(66283),o.e(82134),o.e(46601),o.e(99972),o.e(43857),o.e(62574),o.e(26092),o.e(39005),o.e(8851),o.e(19112),o.e(34310),o.e(30002),o.e(59704),o.e(25322),o.e(53480),o.e(82209),o.e(55392),o.e(89747),o.e(71572),o.e(55076),o.e(72453),o.e(36332),o.e(77563),o.e(15862),o.e(99143),o.e(41344),o.e(97500),o.e(66990),o.e(3025),o.e(87857),o.e(96563),o.e(38108),o.e(76607),o.e(41132)]).then(o.bind(o,71341))},yaml:{tag:"developer-yaml-config",load:()=>o.e(29020).then(o.bind(o,73655))},assist:{tag:"developer-tools-assist",load:()=>Promise.all([o.e(32450),o.e(46095),o.e(7305),o.e(92769),o.e(3283),o.e(72130),o.e(85010),o.e(87079),o.e(62574),o.e(26092),o.e(39005),o.e(34310),o.e(4211)]).then(o.bind(o,79033))},debug:{tag:"developer-tools-debug",load:()=>Promise.all([o.e(32450),o.e(46095),o.e(7305),o.e(92769),o.e(3283),o.e(72130),o.e(85010),o.e(59979),o.e(71928),o.e(62574),o.e(26092),o.e(39005),o.e(8851),o.e(34310),o.e(82209),o.e(53756)]).then(o.bind(o,12339))}}}}}(0,a.Cg)([(0,i.MZ)({attribute:!1})],n.prototype,"hass",void 0),(0,a.Cg)([(0,i.MZ)({type:Boolean})],n.prototype,"narrow",void 0),n=(0,a.Cg)([(0,i.EM)("developer-tools-router")],n)},73240:function(t,e,o){o.a(t,async function(t,a){try{o.r(e);o(3362),o(62953);var i=o(40445),r=o(5124),n=o(67576),s=o(6412),l=o(91926),h=o(29823),c=(o(70947),o(26300)),d=o(90248),p=o(2054),u=o(66289),g=(o(62647),o(14503)),v=(o(23687),t([h,c,d,p,u]));[h,c,d,p,u]=v.then?(await v)():v;let f,b,m=t=>t;const w="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";class y extends r.WF{firstUpdated(t){super.firstUpdated(t),this.hass.loadBackendTranslation("title")}render(){const t=this._page;return(0,r.qy)(f||(f=m`
<div class="header ${0}">
<div class="toolbar">
<ha-icon-button-arrow-prev
slot="navigationIcon"
.hass=${0}
=${0}
></ha-icon-button-arrow-prev>
<div class="main-title">
${0}
</div>
<ha-dropdown slot="actionItems" -select=${0}>
<ha-icon-button
slot="trigger"
.label=${0}
.path=${0}
></ha-icon-button>
<ha-dropdown-item value="debug">
${0}
</ha-dropdown-item>
</ha-dropdown>
</div>
<ha-tab-group -tab-show=${0}>
<!-- IoB - yaml tab removed
<ha-tab-group-tab slot="nav" panel="yaml" .active=${0}>
${0}
</ha-tab-group-tab>
-->
<ha-tab-group-tab
slot="nav"
panel="state"
.active=${0}
>
${0}
</ha-tab-group-tab>
<ha-tab-group-tab
slot="nav"
panel="action"
.active=${0}
>
${0}
</ha-tab-group-tab>
<ha-tab-group-tab
slot="nav"
panel="template"
.active=${0}
>
${0}
</ha-tab-group-tab>
<!-- IoB - event tab removed
<ha-tab-group-tab
slot="nav"
panel="event"
.active=${0}
>
${0}
</ha-tab-group-tab>
-->
<ha-tab-group-tab
slot="nav"
panel="statistics"
.active=${0}
>
${0}
</ha-tab-group-tab>
<!-- IoB - assist tab removed
<ha-tab-group-tab
slot="nav"
panel="assist"
.active=${0}
>Assist</ha-tab-group-tab
>
-->
</ha-tab-group>
</div>
<developer-tools-router
.route=${0}
.narrow=${0}
.hass=${0}
></developer-tools-router>
`),(0,s.H)({narrow:this.narrow}),this.hass,this._handleBack,this.hass.localize("ui.panel.config.dashboard.developer_tools.main"),this._handleMenuAction,this.hass.localize("ui.common.menu"),w,this.hass.localize("ui.panel.config.developer-tools.tabs.debug.title"),this._handlePageSelected,"yaml"===t,this.hass.localize("ui.panel.config.developer-tools.tabs.yaml.title"),"state"===t,this.hass.localize("ui.panel.config.developer-tools.tabs.states.title"),"action"===t,this.hass.localize("ui.panel.config.developer-tools.tabs.actions.title"),"template"===t,this.hass.localize("ui.panel.config.developer-tools.tabs.templates.title"),"event"===t,this.hass.localize("ui.panel.config.developer-tools.tabs.events.title"),"statistics"===t,this.hass.localize("ui.panel.config.developer-tools.tabs.statistics.title"),"assist"===t,this.route,this.narrow,this.hass)}_handlePageSelected(t){const e=t.detail.name;e&&(e!==this._page?(0,l.oo)(`/config/developer-tools/${e}`):scrollTo({behavior:"smooth",top:0}))}async _handleMenuAction(t){"debug"===t.detail.item.value&&(0,l.oo)("/config/developer-tools/debug")}get _page(){return this.route.path.substr(1)}_handleBack(){(0,l.oo)("/config")}static get styles(){return[g.RF,(0,r.AH)(b||(b=m`:host{color:var(--primary-text-color);display:flex;min-height:100vh}.header{position:fixed;top:0;z-index:4;background-color:var(--app-header-background-color);width:calc(var(--ha-top-app-bar-width,100%) - var(--safe-area-inset-right,0px));padding-top:var(--safe-area-inset-top);padding-right:var(--safe-area-inset-right);color:var(--app-header-text-color,#fff);-webkit-backdrop-filter:var(--app-header-backdrop-filter,none);backdrop-filter:var(--app-header-backdrop-filter,none)}:host([narrow]) .header{width:calc(var(--ha-top-app-bar-width,100%) - var(--safe-area-inset-left,0px) - var(--safe-area-inset-right,0px));padding-left:var(--safe-area-inset-left)}.toolbar{height:var(--header-height);display:flex;align-items:center;font-size:var(--ha-font-size-xl);padding:var(--ha-space-2) var(--ha-space-3);font-weight:var(--ha-font-weight-normal);box-sizing:border-box}:host([narrow]) .toolbar{padding:var(--ha-space-1)}.main-title{margin-inline-start:var(--ha-space-6);line-height:var(--ha-line-height-normal);flex-grow:1}.narrow .main-title{margin-inline-start:var(--ha-space-2)}developer-tools-router{display:block;padding-top:calc(var(--header-height) + 52px + var(--safe-area-inset-top,0px));padding-bottom:var(--safe-area-inset-bottom);padding-right:var(--safe-area-inset-right);flex:1 1 100%;max-width:calc(100% - var(--safe-area-inset-right,0px))}:host([narrow]) developer-tools-router{padding-left:var(--safe-area-inset-left);max-width:calc(100% - var(--safe-area-inset-left,0px) - var(--safe-area-inset-right,0px))}ha-tab-group{--ha-tab-active-text-color:var(--app-header-text-color, white);--ha-tab-indicator-color:var(--app-header-text-color, white);--ha-tab-track-color:transparent;border-bottom:var(--app-header-border-bottom,none)}`))]}constructor(...t){super(...t),this.narrow=!1}}(0,i.Cg)([(0,n.MZ)({attribute:!1})],y.prototype,"hass",void 0),(0,i.Cg)([(0,n.MZ)({attribute:!1})],y.prototype,"route",void 0),(0,i.Cg)([(0,n.MZ)({type:Boolean,reflect:!0})],y.prototype,"narrow",void 0),y=(0,i.Cg)([(0,n.EM)("ha-panel-developer-tools")],y),a()}catch(f){a(f)}})},69235:function(t,e,o){o.a(t,async function(t,e){try{o(3362),o(62953);"function"!=typeof window.ResizeObserver&&(window.ResizeObserver=(await o.e(71055).then(o.bind(o,52370))).default),e()}catch(a){e(a)}},1)},14503:function(t,e,o){o.d(e,{RF:function(){return p},dp:function(){return v},kO:function(){return g},nA:function(){return u},og:function(){return d}});var a=o(5124);let i,r,n,s,l,h,c=t=>t;const d=(0,a.AH)(i||(i=c`button.link{background:0 0;color:inherit;border:none;padding:0;font:inherit;text-align:left;text-decoration:underline;cursor:pointer;outline:0}`)),p=(0,a.AH)(r||(r=c`:host{font-family:var(--ha-font-family-body);-webkit-font-smoothing:var(--ha-font-smoothing);-moz-osx-font-smoothing:var(--ha-moz-osx-font-smoothing);font-size:var(--ha-font-size-m);font-weight:var(--ha-font-weight-normal);line-height:var(--ha-line-height-normal)}app-header div[sticky]{height:48px}app-toolbar [main-title]{margin-left:20px;margin-inline-start:20px;margin-inline-end:initial}.header{transition:box-shadow .2s linear,width var(--ha-animation-duration-normal) ease,padding-left var(--ha-animation-duration-normal) ease,padding-right var(--ha-animation-duration-normal) ease} (prefers-reduced-motion:reduce){.header{transition:box-shadow .2s linear}}h1{font-family:var(--ha-font-family-heading);-webkit-font-smoothing:var(--ha-font-smoothing);-moz-osx-font-smoothing:var(--ha-moz-osx-font-smoothing);font-size:var(--ha-font-size-2xl);font-weight:var(--ha-font-weight-normal);line-height:var(--ha-line-height-condensed)}h2{font-family:var(--ha-font-family-body);-webkit-font-smoothing:var(--ha-font-smoothing);-moz-osx-font-smoothing:var(--ha-moz-osx-font-smoothing);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:var(--ha-font-size-xl);font-weight:var(--ha-font-weight-medium);line-height:var(--ha-line-height-normal)}h3{font-family:var(--ha-font-family-body);-webkit-font-smoothing:var(--ha-font-smoothing);-moz-osx-font-smoothing:var(--ha-moz-osx-font-smoothing);font-size:var(--ha-font-size-l);font-weight:var(--ha-font-weight-normal);line-height:var(--ha-line-height-normal)}a{color:var(--primary-color)}.secondary{color:var(--secondary-text-color)}.error{color:var(--error-color)}.warning{color:var(--error-color)}${0} .card-actions a{text-decoration:none}.card-actions .warning{--mdc-theme-primary:var(--error-color)}.layout.horizontal,.layout.vertical{display:flex}.layout.inline{display:inline-flex}.layout.horizontal{flex-direction:row}.layout.vertical{flex-direction:column}.layout.wrap{flex-wrap:wrap}.layout.no-wrap{flex-wrap:nowrap}.layout.center,.layout.center-center{align-items:center}.layout.bottom{align-items:flex-end}.layout.center-center,.layout.center-justified{justify-content:center}.flex{flex:1;flex-basis:0.000000001px}.flex-auto{flex:1 1 auto}.flex-none{flex:none}.layout.justified{justify-content:space-between}`),d),u=(0,a.AH)(n||(n=c`ha-adaptive-dialog,ha-dialog{--mdc-dialog-min-width:400px;--mdc-dialog-max-width:600px;--mdc-dialog-max-width:min(600px, 95vw);--justify-action-buttons:space-between;--dialog-container-padding:var(--safe-area-inset-top, 0) var(--safe-area-inset-right, 0) var(--safe-area-inset-bottom, 0) var(--safe-area-inset-left, 0);--dialog-surface-padding:0px}ha-adaptive-dialog .form,ha-dialog .form{color:var(--primary-text-color)}a{color:var(--primary-color)} all and (max-width:450px),all and (max-height:500px){ha-adaptive-dialog,ha-dialog{--mdc-dialog-min-width:100vw;--mdc-dialog-max-width:100vw;--mdc-dialog-min-height:100vh;--mdc-dialog-min-height:100svh;--mdc-dialog-max-height:100vh;--mdc-dialog-max-height:100svh;--dialog-container-padding:0px;--dialog-surface-padding:var(--safe-area-inset-top, 0) var(--safe-area-inset-right, 0) var(--safe-area-inset-bottom, 0) var(--safe-area-inset-left, 0);--vertical-align-dialog:flex-end}ha-dialog{--ha-dialog-border-radius:var(--ha-border-radius-square)}}.error{color:var(--error-color)}`)),g=(0,a.AH)(s||(s=c`ha-adaptive-dialog,ha-dialog{--vertical-align-dialog:flex-start;--dialog-surface-margin-top:var(--ha-space-10);--mdc-dialog-max-height:calc(
100vh - var(--dialog-surface-margin-top) - var(--ha-space-2) - var(
--safe-area-inset-y,
0px
)
);--mdc-dialog-max-height:calc(
100svh - var(--dialog-surface-margin-top) - var(--ha-space-2) - var(
--safe-area-inset-y,
0px
)
);--ha-dialog-max-height:calc(
100vh - var(--dialog-surface-margin-top) - var(--ha-space-2) - var(
--safe-area-inset-y,
0px
)
);--ha-dialog-max-height:calc(
100svh - var(--dialog-surface-margin-top) - var(--ha-space-2) - var(
--safe-area-inset-y,
0px
)
)} all and (max-width:450px),all and (max-height:500px){ha-adaptive-dialog,ha-dialog{--dialog-surface-margin-top:0px;--mdc-dialog-min-height:100vh;--mdc-dialog-min-height:100svh;--mdc-dialog-max-height:100vh;--mdc-dialog-max-height:100svh;--ha-dialog-max-height:100vh;--ha-dialog-max-height:100svh}}`)),v=(0,a.AH)(l||(l=c`.ha-scrollbar::-webkit-scrollbar{width:.4rem;height:.4rem}.ha-scrollbar::-webkit-scrollbar-thumb{border-radius:var(--ha-border-radius-sm);background:var(--scrollbar-thumb-color)}.ha-scrollbar{overflow-y:auto;scrollbar-color:var(--scrollbar-thumb-color) transparent;scrollbar-width:thin}`));(0,a.AH)(h||(h=c`body{background-color:var(--primary-background-color);color:var(--primary-text-color);height:calc(100vh - 32px);width:100vw}`))},35370:function(t,e,o){var a=o(26198);t.exports=function(t,e,o){for(var i=0,r=arguments.length>2?o:a(e),n=new t(r);r>i;)n[i]=e[i++];return n}},95010:function(t,e,o){o.d(e,{q:function(){return i},N:function(){return r}});o(54743),o(11745),o(16573),o(78100),o(77936),o(21489),o(48140),o(75044),o(21903),o(91134),o(28845),o(373),o(37467),o(44732),o(79577),o(16632),o(34226),o(9486),o(20456);let a=(t=21)=>{let e="",o=crypto.getRandomValues(new Uint8Array(t|=0));for(;t--;)e+="useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict"[63&o[t]];return e};function i(t,e,o){const a=t=>Object.is(t,-0)?0:t;return a(t<e?e:t>o?o:t)}function r(t=""){return`${t}${a()}`}},4444:function(t,e,o){o.d(e,{JG:function(){return i},Rt:function(){return n},I7:function(){return r}});o(27495),o(17642),o(58004),o(33853),o(45876),o(32475),o(15024),o(31698),o(25440),o(62953);const a=new Set;function i(t){if(a.add(t),!document.documentElement.classList.contains("wa-scroll-lock")){const t=function(){const t=document.documentElement.clientWidth;return Math.abs(window.innerWidth-t)}()+function(){const t=Number(getComputedStyle(document.body).paddingRight.replace(/px/,""));return isNaN(t)||!t?0:t}();let e=getComputedStyle(document.documentElement).scrollbarGutter;e&&"auto"!==e||(e="stable"),t<2&&(e=""),document.documentElement.style.setProperty("--wa-scroll-lock-gutter",e),document.documentElement.classList.add("wa-scroll-lock"),document.documentElement.style.setProperty("--wa-scroll-lock-size",`${t}px`)}}function r(t){a.delete(t),0===a.size&&(document.documentElement.classList.remove("wa-scroll-lock"),document.documentElement.style.removeProperty("--wa-scroll-lock-size"))}function n(t,e,o="vertical",a="smooth"){const i=function(t,e){return{top:Math.round(t.getBoundingClientRect().top-e.getBoundingClientRect().top),left:Math.round(t.getBoundingClientRect().left-e.getBoundingClientRect().left)}}(t,e),r=i.top+e.scrollTop,n=i.left+e.scrollLeft,s=e.scrollLeft,l=e.scrollLeft+e.offsetWidth,h=e.scrollTop,c=e.scrollTop+e.offsetHeight;"horizontal"!==o&&"both"!==o||(n<s?e.scrollTo({left:n,behavior:a}):n+t.clientWidth>l&&e.scrollTo({left:n-e.offsetWidth+t.clientWidth,behavior:a})),"vertical"!==o&&"both"!==o||(r<h?e.scrollTo({top:r,behavior:a}):r+t.clientHeight>c&&e.scrollTo({top:r-e.offsetHeight+t.clientHeight,behavior:a}))}}}]);