mirror of
https://github.com/Matysh/houseplan-card
synced 2026-09-29 03:09:36 +00:00
159 lines
21 KiB
JavaScript
159 lines
21 KiB
JavaScript
globalThis.__HOUSEPLAN_BUILD_FINGERPRINT__="fb1a7d387b2900fb1a108215450e0b1cb0c649e3fe4cb21ba558be186c23c71b";import{dk as e,c as t,A as i,d as o,g as n,dl as r}from"./houseplan-card-6G7OmtFg.js";function s(e){const t=e.visualViewport;return t&&Number.isFinite(t.width)&&Number.isFinite(t.height)?{left:Number(t.offsetLeft)||0,top:Number(t.offsetTop)||0,width:Math.max(0,Number(t.width)||0),height:Math.max(0,Number(t.height)||0)}:{left:0,top:0,width:e.innerWidth,height:e.innerHeight}}function a(e,t,i,o=7,n=8){const r=i.left+n,s=i.top+n,a=Math.max(r,i.left+i.width-n),l=Math.max(s,i.top+i.height-n),h=Math.max(0,a-r),c=Math.max(0,l-s),d=Math.min(Math.max(0,t.width),h),u=Math.min(Math.max(0,t.height),c);let p=e.left;p+d>a&&(p=e.right-d),p=Math.min(Math.max(r,p),Math.max(r,a-d));const g=e.bottom+o,_=e.top-o-u;let m="bottom",f=g;return g+u>l&&_>=s?(m="top",f=Math.min(Math.max(s,_),Math.max(s,l-u))):f=Math.min(Math.max(s,g),Math.max(s,l-u)),{left:Math.round(p),top:Math.round(f),side:m,maxWidth:Math.round(h),maxHeight:Math.round(c)}}class l{constructor(e,t,i){this.owner=e,this.name=t,this.keydown=i,this.host=null,this.root=null}window(){return this.owner.ownerDocument.defaultView}dialog(){return this.owner.closest("hp-dialog")}usesPopover(e=!1){const t=this.window();return!e&&!!t&&function(e){const t=e.HTMLElement?.prototype;return"function"==typeof t?.showPopover&&"function"==typeof t?.hidePopover}(t)}get hasFallback(){return!!this.host}containsPath(e){return e.includes(this.owner)||!!this.host&&e.includes(this.host)}ownsActiveElement(){let e=this.owner.ownerDocument.activeElement;for(;e?.shadowRoot?.activeElement;)e=e.shadowRoot.activeElement;return!(!e||e!==this.owner&&!this.owner.shadowRoot?.contains(e)&&!this.root?.contains(e))}renderFallback(i,o){const n=this.ensureFallback();return n?(e(t`<style>${o}</style>${i}`,n),n):null}surface(e,t){return t?this.owner.shadowRoot?.querySelector(e)||null:this.root?.querySelector(e)||null}destroy(){this.root&&e(i,this.root),this.host?.remove(),this.host=null,this.root=null}ensureFallback(){if(this.root?.isConnected)return this.root;const e=this.dialog()?.overlayPortal()||this.owner.ownerDocument.body;if(!e)return null;const t=this.owner.ownerDocument.createElement("div");return t.dataset.hpOverlay=this.name,t.style.display="contents",this.keydown&&t.addEventListener("keydown",this.keydown,!0),e.append(t),this.host=t,this.root=t.attachShadow({mode:"open"}),this.root}}let h=0;class c extends n{constructor(){super(...arguments),this.text="",this.ariaLabel="",this.pointerHover=!1,this._open=!1,this._openTimer=0,this._closeTimer=0,this._positionRaf=0,this._forceFallback=!1,this._hoverOwned=!1,this._overlayDispose=null,this._scrollDialog=null,this._descriptionId="hp-help-description-"+ ++h,this._surfacePointerEnter=()=>{const e=this._window();this._closeTimer&&e?.clearTimeout(this._closeTimer),this._closeTimer=0},this._surfacePointerLeave=()=>{this._scheduleClose()},this._outsidePointerDown=e=>{if(!this._open)return;const t=e.composedPath();this._floating.containsPath(t)||this._closeHelp(!1,"outside")},this._dialogScroll=e=>{const t=this._floating.containsPath(e.composedPath()),i=e.target,o=this._dialog(),n=i instanceof Node&&(i===o||i instanceof Element&&i.contains(this));var r;this._open&&(r=n,!t&&r)&&this._closeHelp(!1,"scroll")},this._keyDown=e=>{if(!this._open||e.defaultPrevented)return;if("Escape"===e.key)return e.preventDefault(),e.stopImmediatePropagation(),void this._closeHelp(this._floating.ownsActiveElement(),"escape");const t=this.renderRoot.querySelector(".trigger");if(!t||!e.composedPath().includes(t))return;const i=this._surface();if(!i||i.scrollHeight<=i.clientHeight)return;const o=Math.max(40,.8*i.clientHeight),n={ArrowDown:40,ArrowUp:-40,PageDown:o,PageUp:-o};if("Home"===e.key)i.scrollTop=0;else if("End"===e.key)i.scrollTop=i.scrollHeight;else{if(!(e.key in n))return;i.scrollBy({top:n[e.key],behavior:"auto"})}e.preventDefault(),e.stopImmediatePropagation()},this._floating=new l(this,"help",this._keyDown),this._queuePosition=()=>{if(!this._open||this._positionRaf)return;const e=this._window();e&&(this._positionRaf=e.requestAnimationFrame(()=>{this._positionRaf=0,this._position()||this._closeHelp()}))}}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this._keyDown,!0)}willUpdate(){this.toggleAttribute("data-has-content",this._hasContent())}disconnectedCallback(){const e=this.ownerDocument.defaultView;this._unsubscribeOpenListeners(),this.removeEventListener("keydown",this._keyDown,!0),this._clearTimers(),this._positionRaf&&e?.cancelAnimationFrame(this._positionRaf),this._positionRaf=0,this._closeHelp(!1,"disconnect"),super.disconnectedCallback()}updated(e){if(e.has("pointerHover")&&!this.pointerHover){const e=this._window();this._openTimer&&e?.clearTimeout(this._openTimer),this._openTimer=0,this._hoverOwned&&this._closeHelp(!1,"outside")}this._hasContent()||!this._open?this._open&&e.has("text")&&(this._usesPopover()||this._renderFallback(),this._queuePosition()):this._closeHelp()}_window(){return this._floating.window()}_dialog(){return this._floating.dialog()}_usesPopover(){return this._floating.usesPopover(this._forceFallback)}_hasContent(){return e=this.text,t=this.ariaLabel,"string"==typeof e&&e.trim().length>0&&"string"==typeof t&&t.trim().length>0;var e,t}_clearTimers(){const e=this._window();this._openTimer&&e?.clearTimeout(this._openTimer),this._closeTimer&&e?.clearTimeout(this._closeTimer),this._openTimer=0,this._closeTimer=0}_scheduleOpen(){const e=this._window();this.pointerHover&&e&&!this._open&&!this._openTimer&&(this._closeTimer&&e.clearTimeout(this._closeTimer),this._closeTimer=0,this._openTimer=e.setTimeout(()=>{this._openTimer=0,this.isConnected&&(this._hoverOwned=!0,this._openHelp())},300))}_scheduleClose(){const e=this._window(),t=this.renderRoot.querySelector(".trigger");e&&!t?.matches(":focus-visible")&&(this._openTimer&&e.clearTimeout(this._openTimer),this._closeTimer&&e.clearTimeout(this._closeTimer),this._openTimer=0,this._closeTimer=e.setTimeout(()=>{this._closeTimer=0,this.isConnected&&this._closeHelp()},150))}_triggerPointerEnter(e){this.pointerHover&&"mouse"===e.pointerType&&this._scheduleOpen()}_triggerPointerLeave(e){"mouse"===e.pointerType&&this._scheduleClose()}_triggerFocus(){queueMicrotask(()=>{const e=this.renderRoot.querySelector(".trigger");e?.matches(":focus-visible")&&(this._hoverOwned=!1,this._openHelp())})}_triggerBlur(){this._scheduleClose()}_triggerClick(){this._open?this._closeHelp():(this._hoverOwned=!1,this._openHelp())}_subscribeOpenListeners(){this.ownerDocument.addEventListener("pointerdown",this._outsidePointerDown,!0),this.ownerDocument.addEventListener("keydown",this._keyDown,!0);const e=this._window();e?.addEventListener("resize",this._queuePosition),e?.addEventListener("orientationchange",this._queuePosition),e?.visualViewport?.addEventListener("resize",this._queuePosition),e?.visualViewport?.addEventListener("scroll",this._queuePosition),this._scrollDialog=this._dialog(),this._scrollDialog?.addEventListener("scroll",this._dialogScroll,!0)}_unsubscribeOpenListeners(){this.ownerDocument.removeEventListener("pointerdown",this._outsidePointerDown,!0),this.ownerDocument.removeEventListener("keydown",this._keyDown,!0);const e=this._window();e?.removeEventListener("resize",this._queuePosition),e?.removeEventListener("orientationchange",this._queuePosition),e?.visualViewport?.removeEventListener("resize",this._queuePosition),e?.visualViewport?.removeEventListener("scroll",this._queuePosition),this._scrollDialog?.removeEventListener("scroll",this._dialogScroll,!0),this._scrollDialog=null}async _openHelp(){!this._open&&this._hasContent()&&(this._clearTimers(),this._forceFallback=!1,this._open=!0,this._subscribeOpenListeners(),await this.updateComplete,this._open&&(this._usesPopover()||this._renderFallback(),this._position()?this._overlayDispose=this._dialog()?.registerOverlay({owner:this,group:"transient",close:e=>this._closeHelp("escape"===e&&this._floating.ownsActiveElement(),e)})||null:this._closeHelp()))}_closeHelp(e=!1,t="exclusive"){if(!this._open&&!this._floating.hasFallback)return;this._clearTimers();const i=this._overlayDispose;this._overlayDispose=null,i?.();const o=this.renderRoot.querySelector(".tooltip");if(o?.hidePopover)try{o.matches(":popover-open")&&o.hidePopover()}catch{}this._open=!1,this._hoverOwned=!1,this._unsubscribeOpenListeners(),this._floating.destroy(),e&&this.updateComplete.then(()=>this.renderRoot.querySelector(".trigger")?.focus())}_tooltipTemplate(e){return t`<div class="tooltip" data-side="bottom" popover=${e?"manual":i}
|
|
role="tooltip" aria-hidden="true" tabindex="-1"
|
|
@pointerenter=${this._surfacePointerEnter} @pointerleave=${this._surfacePointerLeave}>${this.text}</div>`}_renderFallback(){const e=c.styles.cssText;this._floating.renderFallback(this._tooltipTemplate(!1),e)}_surface(){return this._floating.surface(".tooltip",this._usesPopover())}_position(){if(!this._open)return!1;const e=this._window(),t=this.renderRoot.querySelector(".trigger");let i=this._surface();if(!e||!t?.isConnected||!i?.isConnected)return!1;const o=s(e);if(i.style.maxWidth=`${Math.max(0,Math.min(320,o.width-16))}px`,i.style.maxHeight=`${Math.max(0,o.height-16)}px`,i.style.visibility="hidden",this._usesPopover()&&i.showPopover)try{i.matches(":popover-open")||i.showPopover()}catch{if(this._forceFallback=!0,this._renderFallback(),i=this._surface(),!i?.isConnected)return!1;i.style.visibility="hidden"}const n=t.getBoundingClientRect(),r=i.getBoundingClientRect();if(!(n.width&&n.height&&r.width&&r.height))return!1;const l=a(n,r,o);return i.style.left=`${l.left}px`,i.style.top=`${l.top}px`,i.dataset.side=l.side,i.style.visibility="",!0}render(){if(!this._hasContent())return i;const e=this.ariaLabel.trim();return t`
|
|
<span id=${this._descriptionId} class="sr-only" role="tooltip"
|
|
aria-hidden=${this._open?"false":"true"}>${this.text}</span>
|
|
<button class="trigger" type="button" aria-label=${e}
|
|
aria-describedby=${this._open?this._descriptionId:i}
|
|
aria-expanded=${this._open?"true":"false"}
|
|
@pointerenter=${this._triggerPointerEnter} @pointerleave=${this._triggerPointerLeave}
|
|
@focus=${this._triggerFocus} @blur=${this._triggerBlur} @click=${this._triggerClick}>
|
|
<svg viewBox="0 0 24 24" aria-hidden="true" focusable="false">
|
|
<path d=${r}></path>
|
|
</svg>
|
|
</button>
|
|
${this._usesPopover()?this._tooltipTemplate(!0):i}
|
|
`}}function d(e,t){return{id:e,title:t,plan_url:null,view_box:[0,0,1,1],rooms:[],wall_segments:[]}}function u(e="file"){const t="draw"===e;return{source:e,showBorders:t,showNames:t,displayTouched:!1}}function p(e,t){if(e.displayTouched)return{...e,source:t};const i="draw"===t;return{...e,source:t,showBorders:i,showNames:i}}function g(e,t,i){return{...e,[t]:i,displayTouched:!0}}c.properties={text:{type:String},ariaLabel:{type:String,attribute:"aria-label"},pointerHover:{type:Boolean,attribute:"data-pointer-hover",reflect:!0},_open:{state:!0},_forceFallback:{state:!0}},c.styles=o`
|
|
:host {
|
|
display: none;
|
|
flex: none;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
:host([data-has-content]) {
|
|
display: inline-flex;
|
|
}
|
|
|
|
.trigger {
|
|
width: 32px;
|
|
height: 32px;
|
|
display: inline-flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
flex: none;
|
|
box-sizing: border-box;
|
|
padding: 0;
|
|
color: var(--secondary-text-color, #9aa4ad);
|
|
background: transparent;
|
|
border: 0;
|
|
border-radius: 50%;
|
|
cursor: help;
|
|
-webkit-tap-highlight-color: transparent;
|
|
}
|
|
|
|
.trigger svg {
|
|
display: block;
|
|
width: 18px;
|
|
height: 18px;
|
|
fill: currentColor;
|
|
}
|
|
|
|
:host([data-pointer-hover]) .trigger:hover,
|
|
.trigger:focus-visible,
|
|
.trigger[aria-expanded='true'] {
|
|
color: var(--primary-text-color, #fff);
|
|
background: rgb(127 127 127 / 0.18);
|
|
outline: none;
|
|
}
|
|
|
|
.trigger:focus-visible {
|
|
box-shadow: 0 0 0 2px var(--primary-color, #03a9f4);
|
|
}
|
|
|
|
.tooltip {
|
|
position: fixed;
|
|
z-index: 2147483647;
|
|
inset: auto;
|
|
top: 0;
|
|
left: 0;
|
|
width: max-content;
|
|
max-width: min(320px, calc(100vw - 16px));
|
|
max-height: calc(100vh - 16px);
|
|
margin: 0;
|
|
box-sizing: border-box;
|
|
padding: 9px 11px;
|
|
overflow: auto;
|
|
color: var(--primary-text-color, #fff);
|
|
background: var(--card-background-color, #202126);
|
|
border: 1px solid var(--divider-color, rgb(255 255 255 / 0.2));
|
|
border-radius: 9px;
|
|
box-shadow: 0 8px 24px rgb(0 0 0 / 0.32);
|
|
font: 400 13px/1.4 system-ui, sans-serif;
|
|
text-align: start;
|
|
white-space: normal;
|
|
overflow-wrap: anywhere;
|
|
opacity: 1;
|
|
transform: translateY(0);
|
|
transition: opacity 120ms ease, transform 120ms ease;
|
|
}
|
|
|
|
.tooltip[data-side='top'] {
|
|
transform-origin: bottom center;
|
|
}
|
|
|
|
.tooltip[data-side='bottom'] {
|
|
transform-origin: top center;
|
|
}
|
|
|
|
.tooltip[popover]:not(:popover-open) {
|
|
display: none;
|
|
}
|
|
|
|
@starting-style {
|
|
.tooltip {
|
|
opacity: 0;
|
|
transform: translateY(3px);
|
|
}
|
|
}
|
|
|
|
.sr-only {
|
|
/* Keep the accessibility-only description outside every dialog scroll
|
|
container's overflow geometry. Toggling the hidden attribute on the former
|
|
absolutely-positioned node made some browsers add a vertical
|
|
scrollbar while help was open, even though the visible tooltip was
|
|
already in the Popover top layer / fixed fallback portal. */
|
|
position: fixed;
|
|
inset: 0 auto auto 0;
|
|
width: 1px;
|
|
height: 1px;
|
|
padding: 0;
|
|
margin: 0;
|
|
overflow: hidden;
|
|
clip: rect(0, 0, 0, 0);
|
|
clip-path: inset(50%);
|
|
white-space: nowrap;
|
|
border: 0;
|
|
}
|
|
|
|
@media (pointer: coarse) {
|
|
.trigger {
|
|
width: 40px;
|
|
height: 40px;
|
|
}
|
|
}
|
|
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.tooltip {
|
|
transition: none;
|
|
}
|
|
}
|
|
`,customElements.get("hp-help")||customElements.define("hp-help",c);function _(e,t,i){const o=(e?.spaces||[]).find(e=>e?.id===i),n=new Set((o?.rooms||[]).map(e=>String(e?.id||"")).filter(Boolean)),r=[...new Set((e?.markers||[]).filter(e=>!0!==e?.removed&&"string"==typeof e?.id).filter(e=>e.space===i||"string"==typeof e.room_id&&n.has(e.room_id)||t?.[String(e.id)]?.s===i).map(e=>String(e.id)))].sort((e,t)=>e.localeCompare(t)),s=(e?.markers||[]).filter(e=>!0!==e?.removed&&"string"==typeof e?.id).filter(e=>!r.includes(String(e.id))).filter(e=>((e,t)=>(e?.vacuum?.map_routes||[]).filter(e=>e&&e.space===t&&"string"==typeof e.id).map(e=>String(e.id)))(e,i).length>0).map(e=>String(e.id)).sort((e,t)=>e.localeCompare(t));return{markerIds:r,count:r.length,routeMarkerIds:s,routeCount:s.length}}function m(e,t,i){return i?`${e} ${t.replace("{count}",String(i))}`:e}const f=4096,w=1e6,b=()=>({kind:"unknown",width:null,height:null,alpha:!1,decodedBytes:null}),y=(e,t,i)=>{if(!Number.isInteger(e)||!Number.isInteger(t)||e<=0||t<=0||e>w||t>w)return{kind:"unknown",width:null,height:null,alpha:!1,decodedBytes:null};const o=e*t*4;return{kind:Math.max(e,t)>16384?"hard":o>134217728?"warn":"safe",width:e,height:t,alpha:i,decodedBytes:o}},v=(e,t)=>(e[t]<<24|e[t+1]<<16|e[t+2]<<8|e[t+3])>>>0,k=(e,t)=>e[t]<<8|e[t+1],x=(e,t)=>e[t]|e[t+1]<<8|e[t+2]<<16,T=(e,t)=>e[t]|e[t+1]<<8,P=(e,t,i)=>{for(let o=0;o<i.length;o++)if(e[t+o]!==i.charCodeAt(o))return!1;return!0};function E(e,t){try{return"png"===t?function(e){if(e.length<33||2303741511!==v(e,0)||218765834!==v(e,4))return{kind:"unknown",width:null,height:null,alpha:!1,decodedBytes:null};if(!P(e,12,"IHDR"))return{kind:"unknown",width:null,height:null,alpha:!1,decodedBytes:null};const t=v(e,16),i=v(e,20),o=e[25];let n=4===o||6===o;if(!n){let t=33;for(let i=0;i<64&&t+8<=e.length;i++){const i=v(e,t);if(P(e,t+4,"tRNS")){n=!0;break}if(P(e,t+4,"IDAT")||P(e,t+4,"IEND"))break;if(i>e.length)break;t+=12+i}}return y(t,i,n)}(e):"jpg"===t?function(e){if(e.length<4||255!==e[0]||216!==e[1])return{kind:"unknown",width:null,height:null,alpha:!1,decodedBytes:null};let t=2;for(let i=0;i<256&&t+4<=e.length;i++){if(255!==e[t]){t++;continue}const i=e[t+1];if(216===i||i>=208&&i<=217){t+=2;continue}if(i>=192&&i<=207&&196!==i&&200!==i&&204!==i)return t+9>e.length?b():y(k(e,t+7),k(e,t+5),!1);if(218===i)return b();const o=k(e,t+2);if(o<2)return b();t+=2+o}return{kind:"unknown",width:null,height:null,alpha:!1,decodedBytes:null}}(e):"webp"===t?function(e){if(e.length<30||!P(e,0,"RIFF")||!P(e,8,"WEBP"))return{kind:"unknown",width:null,height:null,alpha:!1,decodedBytes:null};if(P(e,12,"VP8X")){const t=!!(16&e[20]);return y(x(e,24)+1,x(e,27)+1,t)}if(P(e,12,"VP8 "))return 157!==e[23]||1!==e[24]||42!==e[25]?{kind:"unknown",width:null,height:null,alpha:!1,decodedBytes:null}:y(16383&T(e,26),16383&T(e,28),!1);if(P(e,12,"VP8L")){if(47!==e[20])return{kind:"unknown",width:null,height:null,alpha:!1,decodedBytes:null};const t=e[21]|e[22]<<8|e[23]<<16|e[24]<<24;return y(1+(16383&t),1+(t>>14&16383),1==(t>>28&1))}return{kind:"unknown",width:null,height:null,alpha:!1,decodedBytes:null}}(e):{kind:"unknown",width:null,height:null,alpha:!1,decodedBytes:null}}catch{return{kind:"unknown",width:null,height:null,alpha:!1,decodedBytes:null}}}function $(e,t,i=4096){const o=Math.min(1,i/Math.max(e,t));return{width:Math.max(1,Math.round(e*o)),height:Math.max(1,Math.round(t*o))}}const L={"image/svg+xml":"svg","image/png":"png","image/jpeg":"jpg","image/webp":"webp"};function M(e){return new Promise((t,i)=>{const o=new FileReader;o.onerror=()=>i(o.error||new Error("read failed")),o.onload=()=>{const e=String(o.result||""),n=e.indexOf(",");n<0?i(new Error("unexpected data url")):t(e.slice(n+1))},o.readAsDataURL(e)})}async function D(e,t=1.414){const i=URL.createObjectURL(e);try{return await new Promise(e=>{const o=new Image;o.onload=()=>e(o.naturalWidth&&o.naturalHeight?o.naturalWidth/o.naturalHeight:t),o.onerror=()=>e(t),o.src=i})}finally{URL.revokeObjectURL(i)}}async function C(e,t,i){const[o,n]=await Promise.all([M(e),D(e)]);return{ext:t,b64:o,aspect:n,name:i}}async function H(e,t=1/0){const i=function(e){return L[e.type]||(e.name.toLowerCase().endsWith(".svg")?"svg":"")}(e);if(!i)return{kind:"reject"};if("svg"===i)return{kind:"pass",ext:i};const o=E(new Uint8Array(await e.arrayBuffer()),i);return"safe"===o.kind&&e.size<=t?{kind:"pass",ext:i}:{kind:"guard",state:{file:e,ext:i,probe:o,busy:!1}}}async function B(e){const t=createImageBitmap(e.file,{imageOrientation:"from-image"}),i=await Promise.race([t,new Promise((e,t)=>{setTimeout(()=>t(new Error("decode timeout")),globalThis.__HP_BACKDROP_TIMEOUT_MS??1e4)})]);try{const{width:t,height:o}=$(i.width,i.height,f),n=e.probe.alpha,r=n?"image/png":"image/jpeg";let s;if("function"==typeof OffscreenCanvas){const e=new OffscreenCanvas(t,o),n=e.getContext("2d");if(!n)throw new Error("no 2d context");n.drawImage(i,0,0,t,o),s=await e.convertToBlob({type:r,quality:.9})}else{const e=document.createElement("canvas");e.width=t,e.height=o;const n=e.getContext("2d");if(!n)throw new Error("no 2d context");n.drawImage(i,0,0,t,o),s=await new Promise((t,i)=>{e.toBlob(e=>e?t(e):i(new Error("encode failed")),r,.9)})}const a=n?"png":"jpg";return{blob:s,ext:a,name:`${e.file.name.replace(/\.[^.]+$/,"")||"plan"}-reduced.${a}`}}finally{i.close()}}const R=e=>(e/1048576).toFixed(e>=10485760?0:1);function F(e,i,o,n,r,s=!0){const a=e._backdropGuard;if(!a)return null;const{probe:l}=a,h="hard"===l.kind,c=l.width&&l.height?$(l.width,l.height,f):null,d=h?e._t("backdrop.too_large_body",{w:l.width??0,h:l.height??0,limit:16384}):"unknown"===l.kind?e._t("backdrop.unknown_body"):e._t("backdrop.large_body",{w:l.width??0,h:l.height??0,fileMb:R(a.file.size),decodedMb:R(l.decodedBytes??0)}),u=()=>{e._backdropGuard?.busy||o()},p=()=>e._backdropGuard?.file===a.file;return t`<hp-dialog .hass=${n}
|
|
.title=${e._t(h?"backdrop.too_large_title":"backdrop.large_title")}
|
|
icon="mdi:image-size-select-large" dismiss-on-scrim @hp-close=${()=>u()}>
|
|
<div class="body"><p>${d}</p>
|
|
${c?t`<p>${e._t("backdrop.reduced_dimensions",{w:c.width,h:c.height})}</p>`:null}
|
|
</div>
|
|
<div class="row" slot="footer">
|
|
<button class="btn ghost" ?disabled=${a.busy} @click=${()=>u()}>
|
|
${e._t("btn.cancel")}</button>
|
|
<span class="spacer"></span>
|
|
${h?null:t`
|
|
${s?t`
|
|
<button class="btn ghost" ?disabled=${a.busy} @click=${()=>(async()=>{if(e._backdropGuard?.busy)return;if(r)return e._backdropGuard={...a,busy:!0},e.requestUpdate?.(),await r(a.file,a.file.name),void(p()&&o());const t=await C(a.file,a.ext,a.file.name);p()&&(i(t),o())})()}>
|
|
${e._t("backdrop.keep_original")}</button>`:null}
|
|
<button class="btn on" ?disabled=${a.busy} @click=${()=>(async()=>{if(!e._backdropGuard?.busy){e._backdropGuard={...a,busy:!0},e.requestUpdate?.();try{const e=await B(a);if(r)return await r(e.blob,e.name),void(p()&&o());const t=await C(e.blob,e.ext,e.name);if(!p())return;i(t),o()}catch{if(!p())return;o(),e._showToast(e._t("backdrop.downscale_failed"))}}})()}>
|
|
${a.busy?e._t("backdrop.reducing"):e._t("backdrop.use_downscaled")}
|
|
</button>`}
|
|
</div>
|
|
</hp-dialog>`}export{l as F,d as a,_ as b,H as c,p as d,C as e,s as f,u as i,a as p,F as r,m as s,g as t};
|