iobroker.lovelace
Version:
With this adapter you can build visualization for ioBroker with Home Assistant Lovelace UI
5 lines • 7.21 kB
JavaScript
export const __webpack_ids__=["43401"];export const __webpack_modules__={87865:function(e,i,t){t.d(i,{v:()=>o});const o=async(e,i)=>{if(navigator.clipboard)try{return void await navigator.clipboard.writeText(e)}catch{}const t=i??document.body,o=document.createElement("textarea");o.value=e,t.appendChild(o),o.select(),document.execCommand("copy"),t.removeChild(o)}},73729:function(e,i,t){t.d(i,{i:()=>h});var o=t(44249),a=t(72621),n=t(74966),d=t(51408),l=t(57243),r=t(15093),s=t(76525);t(23334);const c=["button","ha-list-item"],h=(e,i)=>l.dy` <div class="header_title"> <ha-icon-button .label="${e?.localize("ui.common.close")??"Close"}" .path="${"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"}" dialogAction="close" class="header_button"></ha-icon-button> <span>${i}</span> </div> `;(0,o.Z)([(0,r.Mo)("ha-dialog")],(function(e,i){class t extends i{constructor(...i){super(...i),e(this)}}return{F:t,d:[{kind:"field",key:s.gA,value:void 0},{kind:"method",key:"scrollToPos",value:function(e,i){this.contentElement?.scrollTo(e,i)}},{kind:"method",key:"renderHeading",value:function(){return l.dy`<slot name="heading"> ${(0,a.Z)(t,"renderHeading",this,3)([])} </slot>`}},{kind:"method",key:"firstUpdated",value:function(){(0,a.Z)(t,"firstUpdated",this,3)([]),this.suppressDefaultPressSelector=[this.suppressDefaultPressSelector,c].join(", "),this._updateScrolledAttribute(),this.contentElement?.addEventListener("scroll",this._onScroll,{passive:!0})}},{kind:"method",key:"disconnectedCallback",value:function(){(0,a.Z)(t,"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:()=>[d.W,l.iv`: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,i,t){t.r(i),t.d(i,{HaLongLivedAccessTokenDialog:()=>h});var o=t(44249),a=(t(31622),t(57243)),n=t(15093),d=t(36522),l=t(73729),r=(t(83166),t(23334),t(28008)),s=t(87865),c=t(72473);let h=(0,o.Z)([(0,n.Mo)("ha-long-lived-access-token-dialog")],(function(e,i){return{F:class extends i{constructor(...i){super(...i),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?a.dy` <ha-dialog open hideActions .heading="${(0,l.i)(this.hass,this._params.name)}" ="${this.closeDialog}"> <div> <ha-textfield dialogInitialFocus .value="${this._params.token}" .label="${this.hass.localize("ui.panel.profile.long_lived_access_tokens.prompt_copy_token")}" type="text" iconTrailing readOnly="readOnly"> <ha-icon-button ="${this._copyToken}" slot="trailingIcon" .path="${"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"}"></ha-icon-button> </ha-textfield> <div id="qr"> ${this._qrCode?this._qrCode:a.dy` <mwc-button ="${this._generateQR}"> ${this.hass.localize("ui.panel.profile.long_lived_access_tokens.generate_qr_code")} </mwc-button> `} </div> </div> </ha-dialog> `:a.Ld}},{kind:"method",key:"_copyToken",value:async function(e){const i=e.target.parentElement;await(0,s.v)(i.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([t.e("83895"),t.e("53750"),t.e("88888")]).then(t.t.bind(t,54647,19)),i=await e.toCanvas(this._params.token,{width:180,errorCorrectionLevel:"Q"}),o=i.getContext("2d"),n=new Image;n.src="/static/icons/favicon-192x192.png",await new Promise((e=>{n.onload=e})),o?.drawImage(n,i.width/3,i.height/3,i.width/3,i.height/3),this._qrCode=a.dy`<img alt="${this.hass.localize("ui.panel.profile.long_lived_access_tokens.qr_code_image",{name:this._params.name})}" src="${i.toDataURL()}">`}},{kind:"get",static:!0,key:"styles",value:function(){return[r.yu,a.iv`#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)}};
//# sourceMappingURL=43401.aaee21308d4c1267.js.map