-
` : l}
+ ` : c}
${!this.externalControls && this.statusMessage && !this.playbackBlocked ? h`
${this.statusMessage}
-
` : l}
+ ` : c}
`;
}
async restartSession() {
@@ -3097,7 +3111,7 @@ let y = class extends x {
})
), e && (this.statusMessageTimeout = window.setTimeout(() => {
this.statusMessageTimeout = void 0, this.showStatusMessage("");
- }, fo));
+ }, _o));
}
dispatchTalkbackState() {
const e = {
@@ -3315,11 +3329,11 @@ k([
y = k([
N("ring-view-ring-webrtc-player")
], y);
-const _o = /* @__PURE__ */ new Set(["unknown", "unavailable"]);
+const wo = /* @__PURE__ */ new Set(["unknown", "unavailable"]);
function xt(e, t, i) {
- return !i || t === void 0 || _o.has(i.state) ? !1 : e.startsWith("binary_sensor.") ? t === "off" && i.state === "on" : e.startsWith("event.") && t !== "unavailable" && t !== i.state && (i.attributes.event_type === void 0 || i.attributes.event_type === "ring");
+ return !i || t === void 0 || wo.has(i.state) ? !1 : e.startsWith("binary_sensor.") ? t === "off" && i.state === "on" : e.startsWith("event.") && t !== "unavailable" && t !== i.state && (i.attributes.event_type === void 0 || i.attributes.event_type === "ring");
}
-class bo {
+class yo {
constructor() {
this.generation = 0;
}
@@ -3343,19 +3357,19 @@ class bo {
this.clearTimeout(), this.generation += 1;
}
}
-var wo = Object.defineProperty, yo = Object.getOwnPropertyDescriptor, m = (e, t, i, o) => {
- for (var s = o > 1 ? void 0 : o ? yo(t, i) : t, n = e.length - 1, a; n >= 0; n--)
+var ko = Object.defineProperty, Ao = Object.getOwnPropertyDescriptor, m = (e, t, i, o) => {
+ for (var s = o > 1 ? void 0 : o ? Ao(t, i) : t, n = e.length - 1, a; n >= 0; n--)
(a = e[n]) && (s = (o ? a(t, i, s) : a(s)) || s);
- return o && s && wo(t, i, s), s;
+ return o && s && ko(t, i, s), s;
};
-const ko = 20, Ao = 2500, So = 2500, $o = 900, To = 2e3, Co = 3e3, xo = 2e3, Ro = 3e3;
-function Eo(e) {
+const So = 20, $o = 2500, To = 2500, Co = 900, xo = 2e3, Ro = 3e3, Eo = 2e3, Lo = 3e3;
+function Po(e) {
const t = e instanceof Error ? e.message.toLowerCase() : String(e).toLowerCase();
return /timeout|timed out/.test(t) ? "snapshot.timeout" : /unauthorized|forbidden|permission denied/.test(t) ? "snapshot.permission_failed" : /cannot write|can't write|no access to path|read-only|readonly/.test(t) ? "snapshot.write_failed" : /connection|websocket|service api unavailable/.test(t) ? "snapshot.connection_failed" : /no image|could not provide|not supported|snapshot unavailable/.test(t) ? "snapshot.camera_failed" : "snapshot.failed";
}
let f = class extends x {
constructor() {
- super(...arguments), this.open = !1, this.inline = !1, this.ringing = !1, this.mode = "last_recording", this.mediaStatus = "idle", this.session = 0, this.suspended = !1, this.recordingMuted = !1, this.recordingStarted = !0, this.recordingControlsVisible = !0, this.recordingEnded = !1, this.liveMuted = !0, this.recordingVideoFailed = !1, this.retryCount = 0, this.statusAnnouncement = "", this.talkbackReady = !1, this.talkbackRequesting = !1, this.talkbackTalking = !1, this.doorActionStatus = "idle", this.snapshotActionStatus = "idle", this.inlineStarted = !0, this.lifecycle = new bo(), this.recordingPlayback = /* @__PURE__ */ new WeakSet(), this.recordingPaused = !1, this.automaticLiveRetry = !0, this.pageUnloading = !1, this.talkKeyboardPressed = !1, this.doorKeyboardPressed = !1, this.doorActionToken = 0, this.snapshotActionToken = 0, this.inlineVisible = !1, this.inlineActive = !1, this.takeSnapshot = async () => {
+ super(...arguments), this.open = !1, this.inline = !1, this.ringing = !1, this.mode = "last_recording", this.mediaStatus = "idle", this.session = 0, this.suspended = !1, this.recordingMuted = !1, this.recordingStarted = !0, this.recordingControlsVisible = !0, this.recordingEnded = !1, this.liveMuted = !0, this.recordingVideoFailed = !1, this.retryCount = 0, this.statusAnnouncement = "", this.talkbackReady = !1, this.talkbackRequesting = !1, this.talkbackTalking = !1, this.doorActionStatus = "idle", this.snapshotActionStatus = "idle", this.inlineStarted = !0, this.lifecycle = new yo(), this.recordingPlayback = /* @__PURE__ */ new WeakSet(), this.recordingPaused = !1, this.automaticLiveRetry = !0, this.pageUnloading = !1, this.talkKeyboardPressed = !1, this.doorKeyboardPressed = !1, this.doorActionToken = 0, this.snapshotActionToken = 0, this.inlineVisible = !1, this.inlineActive = !1, this.takeSnapshot = async () => {
const e = this.hass, t = this.config, i = this.snapshotEntityId();
if (!e || !t || !i || !this.shouldShowSnapshotAction() || this.snapshotActionStatus === "working")
return;
@@ -3367,19 +3381,19 @@ let f = class extends x {
if (await e.callService(
"camera",
"snapshot",
- { filename: Pi(e, t) },
+ { filename: Di(e, t) },
{ entity_id: i }
), o !== this.snapshotActionToken || !this.open) return;
const s = r(this.hass, "snapshot.saved");
this.snapshotActionStatus = "success", this.snapshotFeedbackMessage = s, this.clearViewerFeedback("snapshot"), this.statusAnnouncement = s, this.snapshotFeedbackTimer = window.setTimeout(() => {
o === this.snapshotActionToken && (this.snapshotFeedbackTimer = void 0, this.snapshotFeedbackMessage = void 0, this.snapshotActionStatus = "idle");
- }, xo);
+ }, Eo);
} catch (s) {
if (o !== this.snapshotActionToken || !this.open) return;
- const n = r(this.hass, Eo(s));
+ const n = r(this.hass, Po(s));
this.snapshotActionStatus = "error", this.snapshotFeedbackMessage = n, this.setViewerFeedback("snapshot", n, "error"), this.statusAnnouncement = n, this.snapshotFeedbackTimer = window.setTimeout(() => {
o === this.snapshotActionToken && (this.snapshotFeedbackTimer = void 0, this.snapshotFeedbackMessage = void 0, this.snapshotActionStatus = "idle");
- }, Ro);
+ }, Lo);
}
}, this.handleTalkbackState = (e) => {
e.currentTarget === this.renderRoot.querySelector("ring-view-ring-webrtc-player") && (e.detail.ready || this.cancelTalkPress(e.currentTarget), this.talkbackReady = e.detail.ready, this.talkbackRequesting = e.detail.requesting, this.talkbackTalking = e.detail.talking);
@@ -3547,7 +3561,7 @@ let f = class extends x {
this.adoptRestoredDialog(e), this.syncUrl();
return;
}
- this.open && this.finishClose(!1, !1), this.inline = !1, this.config = e.config, this.opener = e.opener, this.returnUrl = e.returnUrl ?? St(At()), this.mode = e.mode, this.liveMuted = e.restored && this.mode === "live" ? !0 : this.config.live_muted, this.recordingStarted = this.mode === "live" || this.config.autoplay_recording, this.resetMediaAttempt(), this.automaticLiveRetry = !e.restored, this.pageUnloading = !1, this.suspended = !1, this.statusAnnouncement = "", this.resetVisitorActions(), this.resetSnapshotAction(), this.lastDoorbellState = this.config.doorbell_entity ? this.hass.states[this.config.doorbell_entity]?.state : void 0, this.setRingingUntil(e.ringingUntil), this.open = !0, Zi(this), this.syncUrl(), this.attachGlobalListeners(), e.restored && this.mode === "live" ? this.prepareAutomaticLiveResume() : this.startMedia(), this.updateComplete.then(() => this.focusInitialControl());
+ this.open && this.finishClose(!1, !1), this.inline = !1, this.config = e.config, this.opener = e.opener, this.returnUrl = e.returnUrl ?? St(At()), this.mode = e.mode, this.liveMuted = e.restored && this.mode === "live" ? !0 : this.config.live_muted, this.recordingStarted = this.mode === "live" || this.config.autoplay_recording, this.resetMediaAttempt(), this.automaticLiveRetry = !e.restored, this.pageUnloading = !1, this.suspended = !1, this.statusAnnouncement = "", this.resetVisitorActions(), this.resetSnapshotAction(), this.lastDoorbellState = this.config.doorbell_entity ? this.hass.states[this.config.doorbell_entity]?.state : void 0, this.setRingingUntil(e.ringingUntil), this.open = !0, Yi(this), this.syncUrl(), this.attachGlobalListeners(), e.restored && this.mode === "live" ? this.prepareAutomaticLiveResume() : this.startMedia(), this.updateComplete.then(() => this.focusInitialControl());
}
}
showInline(e) {
@@ -3587,7 +3601,7 @@ let f = class extends x {
w(t) && this.mediaStatus !== "error" && (this.clearAutomaticLiveRecovery(), this.lifecycle.dispose(), this.releaseInlineLive(), this.session = this.lifecycle.current(), this.mediaStatus = "error", this.statusAnnouncement = r(this.hass, "viewer.entity_unavailable")), this.tryAutomaticLiveResume();
}
render() {
- if (!this.open || !this.hass || !this.config) return l;
+ if (!this.open || !this.hass || !this.config) return c;
const e = this.dialogTitle(), t = this.config.show_name, i = Z(
this.config.last_activity_entity ? this.hass.states[this.config.last_activity_entity] : void 0
) !== void 0, o = this.config.aspect_ratio, s = {
@@ -3595,14 +3609,14 @@ let f = class extends x {
"--ring-view-fit-mode": this.config.fit_mode
};
return h`
- ${this.inline ? l : h``}
+ ${this.inline ? c : h``}
@@ -3610,15 +3624,15 @@ let f = class extends x {
${t || i ? h`
@@ -4078,13 +4092,13 @@ let f = class extends x {
`;
- if (this.inline && !this.inlineStarted) return l;
+ if (this.inline && !this.inlineStarted) return c;
if (this.mode === "live" && this.mediaStatus === "awaiting-resume")
return h`
- ${t ? h`
- ` : l}
+ ` : c}
${e}
` : l} + ${t ? h`${e}
` : c} ${i ? h`
${this.renderRingIndicator()} ${this.renderSnapshotAction()}
`;
@@ -3877,7 +3891,7 @@ let f = class extends x {
beginDoorHold() {
this.doorHoldTimer !== void 0 || this.doorActionDisabled() || (this.clearDoorFeedback(), this.doorActionStatus = "holding", this.doorHoldTimer = window.setTimeout(() => {
this.doorHoldTimer = void 0, this.doorPointerId = void 0, this.doorKeyboardPressed = !1, this.executeDoorAction();
- }, $o));
+ }, Co));
}
cancelDoorHold() {
this.doorHoldTimer !== void 0 && (window.clearTimeout(this.doorHoldTimer), this.doorHoldTimer = void 0), this.doorPointerId = void 0, this.doorKeyboardPressed = !1, this.doorActionStatus === "holding" && (this.doorActionStatus = "idle");
@@ -3899,7 +3913,7 @@ let f = class extends x {
);
this.doorActionStatus = "success", this.clearViewerFeedback("door"), this.statusAnnouncement = s, this.doorFeedbackTimer = window.setTimeout(() => {
o === this.doorActionToken && (this.doorFeedbackTimer = void 0, this.clearViewerFeedback("door"), this.doorActionStatus = "idle");
- }, To);
+ }, xo);
} catch {
if (o !== this.doorActionToken || !this.open) return;
const s = r(
@@ -3908,7 +3922,7 @@ let f = class extends x {
);
this.doorActionStatus = "error", this.setViewerFeedback("door", s, "error"), this.statusAnnouncement = s, this.doorFeedbackTimer = window.setTimeout(() => {
o === this.doorActionToken && (this.doorFeedbackTimer = void 0, this.clearViewerFeedback("door"), this.doorActionStatus = "idle");
- }, Co);
+ }, Ro);
}
}
clearDoorFeedback() {
@@ -3924,7 +3938,7 @@ let f = class extends x {
this.viewerFeedback?.source === e && (this.viewerFeedback = void 0);
}
renderMedia() {
- const e = this.activeEntity(), t = this.activeEntityId(), i = w(e), o = !i && !this.suspended && (this.mode === "live" || this.recordingStarted), s = kt(this.config.aspect_ratio), n = $t(this.hass, e, t), a = this.mode === "last_recording" && typeof e?.attributes.video_url == "string" ? e.attributes.video_url : void 0, c = o && ["pending", "ready", "playback-blocked"].includes(this.mediaStatus), d = !!(c && a && !this.recordingVideoFailed), p = !!(o && this.mode === "live" && this.config.two_way_audio && me(this.hass, t)), v = !!(this.inline && !this.inlineStarted || this.mode === "last_recording" && !this.recordingStarted);
+ const e = this.activeEntity(), t = this.activeEntityId(), i = w(e), o = !i && !this.suspended && (this.mode === "live" || this.recordingStarted), s = kt(this.config.aspect_ratio), n = $t(this.hass, e, t), a = this.mode === "last_recording" && typeof e?.attributes.video_url == "string" ? e.attributes.video_url : void 0, l = o && ["pending", "ready", "playback-blocked"].includes(this.mediaStatus), d = !!(l && a && !this.recordingVideoFailed), p = !!(o && this.mode === "live" && this.config.two_way_audio && me(this.hass, t)), v = !!(this.inline && !this.inlineStarted || this.mode === "last_recording" && !this.recordingStarted);
return h`
- ` : l}
- ${c && !d ? it(
+ ` : c}
+ ${l && !d ? it(
`${t}:${this.session}`,
h`
${p ? h`
@@ -3986,7 +4000,7 @@ let f = class extends x {
>
`}
`
- ) : l}
+ ) : c}
${d ? it(
`${t}:${this.session}:recording-video`,
h`
@@ -4004,7 +4018,7 @@ let f = class extends x {
.controls=${this.recordingControlsVisible}
.muted=${this.recordingMuted}
tabindex="0"
- aria-label=${this.recordingControlsVisible ? l : r(this.hass, "viewer.play_recording")}
+ aria-label=${this.recordingControlsVisible ? c : r(this.hass, "viewer.play_recording")}
@canplay=${this.handleRecordingCanPlay}
@error=${this.handleRecordingVideoError}
@play=${this.handleRecordingPlay}
@@ -4017,7 +4031,7 @@ let f = class extends x {
@focus=${this.handleRecordingControlsInteraction}
>
`
- ) : l}
+ ) : c}
${this.renderStateLayer(i, d)}
`;
@@ -4062,7 +4076,7 @@ let f = class extends x {
- ${this.inline ? l : this.renderAlternateModeButton()}
+ ${this.inline ? c : this.renderAlternateModeButton()}
${r(this.hass, "viewer.ring_protect")}
-
` : l}
+ ` : c}
- ${this.inline ? l : this.renderAlternateModeButton()}
+ ${this.inline ? c : this.renderAlternateModeButton()}
@@ -4161,14 +4175,14 @@ let f = class extends x {
aria-live=${this.viewerFeedback.kind === "error" ? "assertive" : "polite"}
>
-
`;
}
- return l;
+ return c;
}
renderAlternateModeButton() {
const e = this.mode === "live" ? "last_recording" : "live";
@@ -4187,7 +4201,7 @@ let f = class extends x {
this.inline && !this.inlineStarted && (this.inlineStarted = !0, this.recordingStarted = !0, this.resetMediaAttempt(), this.startMedia());
return;
}
- this.resetVisitorActions(), this.resetSnapshotAction(), this.clearAutomaticLiveRecovery(), this.lifecycle.dispose(), this.releaseInlineLive(), this.automaticLiveRetry = !0, this.mode = e, no(this.config, e), this.liveMuted = this.inline ? this.config.dashboard_live_muted : this.config.live_muted, this.inlineStarted = !0, this.recordingStarted = this.inline ? !0 : e === "live" || this.config.autoplay_recording, this.resetMediaAttempt(), this.statusAnnouncement = r(
+ this.resetVisitorActions(), this.resetSnapshotAction(), this.clearAutomaticLiveRecovery(), this.lifecycle.dispose(), this.releaseInlineLive(), this.automaticLiveRetry = !0, this.mode = e, ao(this.config, e), this.liveMuted = this.inline ? this.config.dashboard_live_muted : this.config.live_muted, this.inlineStarted = !0, this.recordingStarted = this.inline ? !0 : e === "live" || this.config.autoplay_recording, this.resetMediaAttempt(), this.statusAnnouncement = r(
this.hass,
e === "live" ? "viewer.mode_selected_live" : "viewer.mode_selected_recording"
), this.syncUrl(), this.startMedia();
@@ -4216,7 +4230,7 @@ let f = class extends x {
}
this.mode === "last_recording" && this.resetRecordingControls(), this.mediaStatus = "pending", this.session = this.lifecycle.next(), this.lifecycle.scheduleTimeout(
() => this.failMedia(),
- ko * 1e3
+ So * 1e3
);
}
resetMediaAttempt() {
@@ -4242,7 +4256,7 @@ let f = class extends x {
scheduleRecordingControlsHide(e, t) {
this.clearRecordingControlsTimer(), this.recordingControlsTimer = window.setTimeout(() => {
this.recordingControlsTimer = void 0, this.isCurrentRecording(e, t) && (e.controls = !1, this.recordingControlsVisible = !1);
- }, So);
+ }, To);
}
resetRecordingControls() {
this.clearRecordingControlsTimer(), this.recordingControlsVisible = !0, this.recordingEnded = !1, this.recordingPaused = !1;
@@ -4287,7 +4301,7 @@ let f = class extends x {
return;
}
if (this.automaticLiveRetry && this.mode === "live" && this.retryCount < 1) {
- this.retryCount += 1, this.scheduleLiveReconnect(Ao);
+ this.retryCount += 1, this.scheduleLiveReconnect($o);
return;
}
this.lifecycle.dispose(), this.releaseInlineLive(), this.session = this.lifecycle.current(), this.mediaStatus = "error", this.statusAnnouncement = this.mode === "live" ? r(this.hass, "viewer.live_failed") : r(this.hass, "viewer.recording_unavailable");
@@ -4358,7 +4372,7 @@ let f = class extends x {
}
syncUrl() {
if (this.inline || !this.open || !this.config || !this.returnUrl) return;
- const e = ji(this.returnUrl, {
+ const e = Gi(this.returnUrl, {
liveEntity: this.config.live_entity,
recordingEntity: this.config.recording_entity,
mode: this.mode,
@@ -4371,7 +4385,7 @@ let f = class extends x {
const i = this.inline;
this.clearAutomaticLiveRecovery();
const o = this.opener, s = this.returnUrl, n = this.config;
- this.renderRoot.querySelector("ring-view-ring-webrtc-player")?.stopTalking(), this.lifecycle.dispose(), this.releaseInlineLive(), this.session = this.lifecycle.current(), this.mediaStatus = "idle", this.open = !1, Gi(this), this.suspended = !1, this.resetMediaAttempt(), this.automaticLiveRetry = !0, this.recordingStarted = !0, this.statusAnnouncement = "", this.resetVisitorActions(), this.resetSnapshotAction(), this.setRingingUntil(), this.lastDoorbellState = void 0, this.detachGlobalListeners(), document.fullscreenElement && document.exitFullscreen().catch(() => {
+ this.renderRoot.querySelector("ring-view-ring-webrtc-player")?.stopTalking(), this.lifecycle.dispose(), this.releaseInlineLive(), this.session = this.lifecycle.current(), this.mediaStatus = "idle", this.open = !1, Qi(this), this.suspended = !1, this.resetMediaAttempt(), this.automaticLiveRetry = !0, this.recordingStarted = !0, this.statusAnnouncement = "", this.resetVisitorActions(), this.resetSnapshotAction(), this.setRingingUntil(), this.lastDoorbellState = void 0, this.detachGlobalListeners(), document.fullscreenElement && document.exitFullscreen().catch(() => {
}), t && s && n && ye(we(), n) && ke(s, null), i || this.dispatchEvent(
new CustomEvent("viewer-closed", { bubbles: !0, composed: !0 })
), t && this.dispatchEvent(
@@ -4403,7 +4417,7 @@ let f = class extends x {
!this.inline || !this.open || this.mode !== "live" || (this.resetVisitorActions(), this.clearAutomaticLiveRecovery(), this.lifecycle.dispose(), this.releaseInlineLive(), this.session = this.lifecycle.current(), this.automaticLiveRetry = !1, this.mediaStatus = "awaiting-resume", this.statusAnnouncement = r(this.hass, "viewer.resume_live"));
}
};
-f.styles = io;
+f.styles = so;
m([
_({ attribute: !1 })
], f.prototype, "hass", 2);
@@ -4485,12 +4499,12 @@ m([
f = m([
N(He)
], f);
-const te = /* @__PURE__ */ new Map(), Lo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const te = /* @__PURE__ */ new Map(), Mo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
__proto__: null,
get RingViewDialog() {
return f;
}
-}, Symbol.toStringTag, { value: "Module" })), Po = [
+}, Symbol.toStringTag, { value: "Module" })), Do = [
"timestamp",
"capture_timestamp",
"captured_at",
@@ -4498,7 +4512,7 @@ const te = /* @__PURE__ */ new Map(), Lo = /* @__PURE__ */ Object.freeze(/* @__P
"last_recording_at",
"recording_timestamp"
];
-function Mo(e) {
+function Io(e) {
if (typeof e == "number")
return !Number.isFinite(e) || e <= 0 ? void 0 : e < 1e12 ? e * 1e3 : e;
if (typeof e != "string" || e.trim() === "") return;
@@ -4510,12 +4524,12 @@ function Mo(e) {
}
function Ae(e) {
if (e)
- for (const t of Po) {
- const i = Mo(e.attributes[t]);
+ for (const t of Do) {
+ const i = Io(e.attributes[t]);
if (i !== void 0) return i;
}
}
-function Do(e) {
+function Vo(e) {
if (e)
for (const t of ["last_video_id", "video_url", "entity_picture"]) {
const i = e.attributes[t];
@@ -4523,13 +4537,13 @@ function Do(e) {
if (typeof i == "number" && Number.isFinite(i)) return `${t}:${i}`;
}
}
-function Io(e, t, i) {
+function Ho(e, t, i) {
const o = t.recording_entity, s = t.snapshot_entity;
if (!s) return o;
- const n = e.states[o], a = e.states[s], c = !w(n), d = !w(a);
- if (c && !d) return o;
- if (d && !c) return s;
- if (c && d) {
+ const n = e.states[o], a = e.states[s], l = !w(n), d = !w(a);
+ if (l && !d) return o;
+ if (d && !l) return s;
+ if (l && d) {
const p = Ae(n), v = Ae(a);
if (p !== void 0 && v !== void 0)
return p !== v ? v > p ? s : o : t.preview_fallback === "snapshot" ? s : o;
@@ -4538,26 +4552,26 @@ function Io(e, t, i) {
}
return t.preview_fallback === "snapshot" ? s : o;
}
-function Vo(e, t, i, o) {
+function Oo(e, t, i, o) {
switch (t.preview_source) {
case "live":
return t.live_entity;
case "snapshot":
return t.snapshot_entity ?? t.recording_entity;
case "newest":
- return Io(e, t, o);
+ return Ho(e, t, o);
case "default":
return i === "live" ? t.live_entity : t.recording_entity;
default:
return t.recording_entity;
}
}
-var Ho = Object.defineProperty, Oo = Object.getOwnPropertyDescriptor, D = (e, t, i, o) => {
- for (var s = o > 1 ? void 0 : o ? Oo(t, i) : t, n = e.length - 1, a; n >= 0; n--)
+var Uo = Object.defineProperty, zo = Object.getOwnPropertyDescriptor, D = (e, t, i, o) => {
+ for (var s = o > 1 ? void 0 : o ? zo(t, i) : t, n = e.length - 1, a; n >= 0; n--)
(a = e[n]) && (s = (o ? a(t, i, s) : a(s)) || s);
- return o && s && Ho(t, i, s), s;
+ return o && s && Uo(t, i, s), s;
};
-const Uo = 1e4, zo = 640, Fo = 16 / 9, st = 16, No = `data:image/svg+xml;charset=UTF-8,${encodeURIComponent(
+const Fo = 1e4, No = 640, qo = 16 / 9, st = 16, Bo = `data:image/svg+xml;charset=UTF-8,${encodeURIComponent(
di
)}`;
let R = class extends x {
@@ -4595,7 +4609,7 @@ let R = class extends x {
};
}
static async getConfigElement() {
- return await Promise.resolve().then(() => Zo), document.createElement("ring-view-editor");
+ return await Promise.resolve().then(() => Yo), document.createElement("ring-view-editor");
}
static getStubConfig(e) {
const t = Object.keys(e?.states ?? {}).filter((s) => s.startsWith("camera.")), i = t.find(
@@ -4653,18 +4667,18 @@ let R = class extends x {
(t || e.has("preview")) && !this.isInCardPicker() && (this.teardownPreviewLifecycle(), this.setupPreviewLifecycle()), !this.isInCardPicker() && this.config?.dashboard_behavior === "open_viewer" && (e.has("hass") || t) && this.previewVisible && this.refreshPreview(!0), !this.isInCardPicker() && this.hass && this.config && this.scheduleViewerRestore(), !this.isInCardPicker() && !this.preview && this.config?.dashboard_behavior === "interactive" && this.initializeInlineViewer();
}
render() {
- if (!this.hass || !this.config) return l;
+ if (!this.hass || !this.config) return c;
const e = this.previewEntityId(), t = this.hass.states[e], i = this.config.name || S(
this.hass.states[this.config.recording_entity],
r(this.hass, "common.camera")
- ), o = this.ringAlertVisible ? "live" : ee(this.config), s = this.isInCardPicker(), n = s || this.preview, a = s ? !1 : w(t), c = {
- "--ring-view-aspect-ratio": Wi(this.config.aspect_ratio),
+ ), o = this.ringAlertVisible ? "live" : ee(this.config), s = this.isInCardPicker(), n = s || this.preview, a = s ? !1 : w(t), l = {
+ "--ring-view-aspect-ratio": Zi(this.config.aspect_ratio),
"--ring-view-fit-mode": this.config.fit_mode
};
if (this.config.dashboard_behavior === "interactive" && !n)
return h`
+
${this.viewerFeedback.message}
+
+
` : c}
${!a && !this.previewFailed ? h`
@@ -4705,7 +4719,7 @@ let R = class extends x {
`}
${this.config.show_name || v ? h`
- ${this.config.show_name ? h`
- ` : l}
+ ` : c}
${this.ringAlertVisible ? h`${i}
` : l}
+ ${this.config.show_name ? h`${i}
` : c}
${v ? h`
- ` : l}
+ ` : c}
${r(this.hass, "ring.alert")}
-
` : l}
+