iobroker.lovelace
Version:
With this adapter you can build visualization for ioBroker with Home Assistant Lovelace UI
5 lines • 7.87 kB
JavaScript
(self.webpackChunkhome_assistant_frontend=self.webpackChunkhome_assistant_frontend||[]).push([["43401"],{87865:function(e,t,i){"use strict";i.d(t,{v:()=>o});i(40251);const o=async(e,t)=>{if(navigator.clipboard)try{return void(await navigator.clipboard.writeText(e))}catch(a){}const i=null!=t?t:document.body,o=document.createElement("textarea");o.value=e,i.appendChild(o),o.select(),document.execCommand("copy"),i.removeChild(o)}},73729:function(e,t,i){"use strict";i.d(t,{i:()=>m});var o=i(61701),a=i(72621),n=(i(22152),i(71695),i(47021),i(74966)),d=i(51408),l=i(57243),r=i(50778),s=i(76525);i(23334);let c,h,u,p=e=>e;const g=["button","ha-list-item"],m=(e,t)=>{var i;return(0,l.dy)(c||(c=p` <div class="header_title"> <ha-icon-button .label="${0}" .path="${0}" dialogAction="close" class="header_button"></ha-icon-button> <span>${0}</span> </div> `),null!==(i=null==e?void 0:e.localize("ui.common.close"))&&void 0!==i?i:"Close","M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z",t)};(0,o.Z)([(0,r.Mo)("ha-dialog")],(function(e,t){class i extends t{constructor(...t){super(...t),e(this)}}return{F:i,d:[{kind:"field",key:s.gA,value:void 0},{kind:"method",key:"scrollToPos",value:function(e,t){var i;null===(i=this.contentElement)||void 0===i||i.scrollTo(e,t)}},{kind:"method",key:"renderHeading",value:function(){return(0,l.dy)(h||(h=p`<slot name="heading"> ${0} </slot>`),(0,a.Z)(i,"renderHeading",this,3)([]))}},{kind:"method",key:"firstUpdated",value:function(){var e;(0,a.Z)(i,"firstUpdated",this,3)([]),this.suppressDefaultPressSelector=[this.suppressDefaultPressSelector,g].join(", "),this._updateScrolledAttribute(),null===(e=this.contentElement)||void 0===e||e.addEventListener("scroll",this._onScroll,{passive:!0})}},{kind:"method",key:"disconnectedCallback",value:function(){(0,a.Z)(i,"disconnectedCallback",this,3)([]),this.contentElement.removeEventListener("scroll",this._onScroll)}},{kind:"field",key:"_onScroll",value(){return()=>{this._updateScrolledAttribute()}}},{kind:"method",key:"_updateScrolledAttribute",value:function(){this.contentElement&&this.toggleAttribute("scrolled",0!==this.contentElement.scrollTop)}},{kind:"field",static:!0,key:"styles",value(){return[d.W,(0,l.iv)(u||(u=p`:host([scrolled]) ::slotted(ha-dialog-header){border-bottom:1px solid var(--mdc-dialog-scroll-divider-color,rgba(0,0,0,.12))}.mdc-dialog{--mdc-dialog-scroll-divider-color:var(
--dialog-scroll-divider-color,
var(--divider-color)
);z-index:var(--dialog-z-index,8);-webkit-backdrop-filter:var(--ha-dialog-scrim-backdrop-filter,var(--dialog-backdrop-filter,none));backdrop-filter:var(--ha-dialog-scrim-backdrop-filter,var(--dialog-backdrop-filter,none));--mdc-dialog-box-shadow:var(--dialog-box-shadow, none);--mdc-typography-headline6-font-weight:400;--mdc-typography-headline6-font-size:1.574rem}.mdc-dialog__actions{justify-content:var(--justify-action-buttons,flex-end);padding-bottom:max(env(safe-area-inset-bottom),24px)}.mdc-dialog__actions span:first-child{flex:var(--secondary-action-button-flex,unset)}.mdc-dialog__actions span:nth-child(2){flex:var(--primary-action-button-flex,unset)}.mdc-dialog__container{align-items:var(--vertical-align-dialog,center)}.mdc-dialog__title{padding:24px 24px 0 24px}.mdc-dialog__title:has(span){padding:12px 12px 0}.mdc-dialog__actions{padding:12px 24px 12px 24px}.mdc-dialog__title::before{content:unset}.mdc-dialog .mdc-dialog__content{position:var(--dialog-content-position,relative);padding:var(--dialog-content-padding,24px)}:host([hideactions]) .mdc-dialog .mdc-dialog__content{padding-bottom:max(var(--dialog-content-padding,24px),env(safe-area-inset-bottom))}.mdc-dialog .mdc-dialog__surface{position:var(--dialog-surface-position,relative);top:var(--dialog-surface-top);margin-top:var(--dialog-surface-margin-top);min-height:var(--mdc-dialog-min-height,auto);border-radius:var(--ha-dialog-border-radius,28px);-webkit-backdrop-filter:var(--ha-dialog-surface-backdrop-filter,none);backdrop-filter:var(--ha-dialog-surface-backdrop-filter,none);background:var(--ha-dialog-surface-background,var(--mdc-theme-surface,#fff))}:host([flexContent]) .mdc-dialog .mdc-dialog__content{display:flex;flex-direction:column}.header_title{display:flex;align-items:center;direction:var(--direction)}.header_title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;padding-left:4px}.header_button{text-decoration:none;color:inherit;inset-inline-start:initial;inset-inline-end:-12px;direction:var(--direction)}.dialog-actions{inset-inline-start:initial!important;inset-inline-end:0px!important;direction:var(--direction)}`))]}}]}}),n.M)},56531:function(e,t,i){"use strict";i.r(t),i.d(t,{HaLongLivedAccessTokenDialog:()=>v});var o=i(61701),a=(i(71695),i(40251),i(47021),i(31622),i(57243)),n=i(50778),d=i(36522),l=i(73729),r=(i(83166),i(23334),i(28008)),s=i(87865),c=i(72473);let h,u,p,g,m=e=>e;let v=(0,o.Z)([(0,n.Mo)("ha-long-lived-access-token-dialog")],(function(e,t){return{F:class extends t{constructor(...t){super(...t),e(this)}},d:[{kind:"field",decorators:[(0,n.Cb)({attribute:!1})],key:"hass",value:void 0},{kind:"field",decorators:[(0,n.SB)()],key:"_params",value:void 0},{kind:"field",decorators:[(0,n.SB)()],key:"_qrCode",value:void 0},{kind:"method",key:"showDialog",value:function(e){this._params=e}},{kind:"method",key:"closeDialog",value:function(){this._params=void 0,this._qrCode=void 0,(0,d.B)(this,"dialog-closed",{dialog:this.localName})}},{kind:"method",key:"render",value:function(){return this._params&&this._params.token?(0,a.dy)(h||(h=m` <ha-dialog open hideActions .heading="${0}" ="${0}"> <div> <ha-textfield dialogInitialFocus .value="${0}" .label="${0}" type="text" iconTrailing readOnly="readOnly"> <ha-icon-button ="${0}" slot="trailingIcon" .path="${0}"></ha-icon-button> </ha-textfield> <div id="qr"> ${0} </div> </div> </ha-dialog> `),(0,l.i)(this.hass,this._params.name),this.closeDialog,this._params.token,this.hass.localize("ui.panel.profile.long_lived_access_tokens.prompt_copy_token"),this._copyToken,"M19,21H8V7H19M19,5H8A2,2 0 0,0 6,7V21A2,2 0 0,0 8,23H19A2,2 0 0,0 21,21V7A2,2 0 0,0 19,5M16,1H4A2,2 0 0,0 2,3V17H4V3H16V1Z",this._qrCode?this._qrCode:(0,a.dy)(u||(u=m` <mwc-button ="${0}"> ${0} </mwc-button> `),this._generateQR,this.hass.localize("ui.panel.profile.long_lived_access_tokens.generate_qr_code"))):a.Ld}},{kind:"method",key:"_copyToken",value:async function(e){const t=e.target.parentElement;await(0,s.v)(t.value),(0,c.C)(this,{message:this.hass.localize("ui.common.copied_clipboard")})}},{kind:"method",key:"_generateQR",value:async function(){const e=await Promise.all([i.e("2142"),i.e("53750"),i.e("75443")]).then(i.t.bind(i,54647,19)),t=await e.toCanvas(this._params.token,{width:180,errorCorrectionLevel:"Q"}),o=t.getContext("2d"),n=new Image;n.src="/static/icons/favicon-192x192.png",await new Promise((e=>{n.onload=e})),null==o||o.drawImage(n,t.width/3,t.height/3,t.width/3,t.height/3),this._qrCode=(0,a.dy)(p||(p=m`<img alt="${0}" src="${0}">`),this.hass.localize("ui.panel.profile.long_lived_access_tokens.qr_code_image",{name:this._params.name}),t.toDataURL())}},{kind:"get",static:!0,key:"styles",value:function(){return[r.yu,(0,a.iv)(g||(g=m`#qr{text-align:center}ha-textfield{display:block;--textfield-icon-trailing-padding:0}ha-textfield>ha-icon-button{position:relative;right:-8px;--mdc-icon-button-size:36px;--mdc-icon-size:20px;color:var(--secondary-text-color);inset-inline-start:initial;inset-inline-end:-8px;direction:var(--direction)}`))]}}]}}),a.oi)},22152:function(){Element.prototype.toggleAttribute||(Element.prototype.toggleAttribute=function(e,t){return void 0!==t&&(t=!!t),this.hasAttribute(e)?!!t||(this.removeAttribute(e),!1):!1!==t&&(this.setAttribute(e,""),!0)})}}]);
//# sourceMappingURL=43401.efb5fb9ce5a9b792.js.map