@camera.ui/server 2.1.11 → 2.1.13

package/dist/interface/ha/browserconfig.xml

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square72x72logo src="/pwa/pwa-72x72.png"/>
+            <square150x150logo src="/pwa/pwa-152x152.png"/>
+            <square300x300logo src="/pwa/pwa-300x300.png"/>
+            <TileColor>#2d89ef</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>

package/dist/interface/ha/button-BlYuI0Q7.js

@@ -0,0 +1,406 @@
+import { F as e, M as t, b as n, i as r, s as i, t as a } from "./ripple-BilzxWfY.js";
+import { H as o, J as s, Jt as c, K as l, M as u, Wt as d, Y as f, d as p, f as m, lt as h, p as g, q as _, ut as v, v as y } from "./runtime-core.esm-bundler-D8slQ3BU.js";
+import { t as b } from "./spinner-D6iUldg9.js";
+//#endregion
+//#region node_modules/primevue/badge/style/index.mjs
+var x = i.extend({
+	name: "badge",
+	style: "\n    .p-badge {\n        display: inline-flex;\n        border-radius: dt('badge.border.radius');\n        align-items: center;\n        justify-content: center;\n        padding: dt('badge.padding');\n        background: dt('badge.primary.background');\n        color: dt('badge.primary.color');\n        font-size: dt('badge.font.size');\n        font-weight: dt('badge.font.weight');\n        min-width: dt('badge.min.width');\n        height: dt('badge.height');\n    }\n\n    .p-badge-dot {\n        width: dt('badge.dot.size');\n        min-width: dt('badge.dot.size');\n        height: dt('badge.dot.size');\n        border-radius: 50%;\n        padding: 0;\n    }\n\n    .p-badge-circle {\n        padding: 0;\n        border-radius: 50%;\n    }\n\n    .p-badge-secondary {\n        background: dt('badge.secondary.background');\n        color: dt('badge.secondary.color');\n    }\n\n    .p-badge-success {\n        background: dt('badge.success.background');\n        color: dt('badge.success.color');\n    }\n\n    .p-badge-info {\n        background: dt('badge.info.background');\n        color: dt('badge.info.color');\n    }\n\n    .p-badge-warn {\n        background: dt('badge.warn.background');\n        color: dt('badge.warn.color');\n    }\n\n    .p-badge-danger {\n        background: dt('badge.danger.background');\n        color: dt('badge.danger.color');\n    }\n\n    .p-badge-contrast {\n        background: dt('badge.contrast.background');\n        color: dt('badge.contrast.color');\n    }\n\n    .p-badge-sm {\n        font-size: dt('badge.sm.font.size');\n        min-width: dt('badge.sm.min.width');\n        height: dt('badge.sm.height');\n    }\n\n    .p-badge-lg {\n        font-size: dt('badge.lg.font.size');\n        min-width: dt('badge.lg.min.width');\n        height: dt('badge.lg.height');\n    }\n\n    .p-badge-xl {\n        font-size: dt('badge.xl.font.size');\n        min-width: dt('badge.xl.min.width');\n        height: dt('badge.xl.height');\n    }\n",
+	classes: { root: function(n) {
+		var r = n.props, i = n.instance;
+		return ["p-badge p-component", {
+			"p-badge-circle": e(r.value) && String(r.value).length === 1,
+			"p-badge-dot": t(r.value) && !i.$slots.default,
+			"p-badge-sm": r.size === "small",
+			"p-badge-lg": r.size === "large",
+			"p-badge-xl": r.size === "xlarge",
+			"p-badge-info": r.severity === "info",
+			"p-badge-success": r.severity === "success",
+			"p-badge-warn": r.severity === "warn",
+			"p-badge-danger": r.severity === "danger",
+			"p-badge-secondary": r.severity === "secondary",
+			"p-badge-contrast": r.severity === "contrast"
+		}];
+	} }
+}), S = {
+	name: "BaseBadge",
+	extends: r,
+	props: {
+		value: {
+			type: [String, Number],
+			default: null
+		},
+		severity: {
+			type: String,
+			default: null
+		},
+		size: {
+			type: String,
+			default: null
+		}
+	},
+	style: x,
+	provide: function() {
+		return {
+			$pcBadge: this,
+			$parentInstance: this
+		};
+	}
+};
+function C(e) {
+	"@babel/helpers - typeof";
+	return C = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
+		return typeof e;
+	} : function(e) {
+		return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
+	}, C(e);
+}
+function w(e, t, n) {
+	return (t = T(t)) in e ? Object.defineProperty(e, t, {
+		value: n,
+		enumerable: !0,
+		configurable: !0,
+		writable: !0
+	}) : e[t] = n, e;
+}
+function T(e) {
+	var t = E(e, "string");
+	return C(t) == "symbol" ? t : t + "";
+}
+function E(e, t) {
+	if (C(e) != "object" || !e) return e;
+	var n = e[Symbol.toPrimitive];
+	if (n !== void 0) {
+		var r = n.call(e, t);
+		if (C(r) != "object") return r;
+		throw TypeError("@@toPrimitive must return a primitive value.");
+	}
+	return (t === "string" ? String : Number)(e);
+}
+var D = {
+	name: "Badge",
+	extends: S,
+	inheritAttrs: !1,
+	computed: { dataP: function() {
+		return n(w(w({
+			circle: this.value != null && String(this.value).length === 1,
+			empty: this.value == null && !this.$slots.default
+		}, this.severity, this.severity), this.size, this.size));
+	} }
+}, O = ["data-p"];
+function k(e, t, n, r, i, a) {
+	return o(), g("span", u({
+		class: e.cx("root"),
+		"data-p": a.dataP
+	}, e.ptmi("root")), [l(e.$slots, "default", {}, function() {
+		return [y(c(e.value), 1)];
+	})], 16, O);
+}
+D.render = k;
+//#endregion
+//#region node_modules/@primeuix/styles/dist/button/index.mjs
+var A = "\n    .p-button {\n        display: inline-flex;\n        cursor: pointer;\n        user-select: none;\n        align-items: center;\n        justify-content: center;\n        overflow: hidden;\n        position: relative;\n        color: dt('button.primary.color');\n        background: dt('button.primary.background');\n        border: 1px solid dt('button.primary.border.color');\n        padding: dt('button.padding.y') dt('button.padding.x');\n        font-size: 1rem;\n        font-family: inherit;\n        font-feature-settings: inherit;\n        transition:\n            background dt('button.transition.duration'),\n            color dt('button.transition.duration'),\n            border-color dt('button.transition.duration'),\n            outline-color dt('button.transition.duration'),\n            box-shadow dt('button.transition.duration');\n        border-radius: dt('button.border.radius');\n        outline-color: transparent;\n        gap: dt('button.gap');\n    }\n\n    .p-button:disabled {\n        cursor: default;\n    }\n\n    .p-button-icon-right {\n        order: 1;\n    }\n\n    .p-button-icon-right:dir(rtl) {\n        order: -1;\n    }\n\n    .p-button:not(.p-button-vertical) .p-button-icon:not(.p-button-icon-right):dir(rtl) {\n        order: 1;\n    }\n\n    .p-button-icon-bottom {\n        order: 2;\n    }\n\n    .p-button-icon-only {\n        width: dt('button.icon.only.width');\n        padding-inline-start: 0;\n        padding-inline-end: 0;\n        gap: 0;\n    }\n\n    .p-button-icon-only.p-button-rounded {\n        border-radius: 50%;\n        height: dt('button.icon.only.width');\n    }\n\n    .p-button-icon-only .p-button-label {\n        visibility: hidden;\n        width: 0;\n    }\n\n    .p-button-icon-only::after {\n        content: \"\xA0\";\n        visibility: hidden;\n        width: 0;\n    }\n\n    .p-button-sm {\n        font-size: dt('button.sm.font.size');\n        padding: dt('button.sm.padding.y') dt('button.sm.padding.x');\n    }\n\n    .p-button-sm .p-button-icon {\n        font-size: dt('button.sm.font.size');\n    }\n\n    .p-button-sm.p-button-icon-only {\n        width: dt('button.sm.icon.only.width');\n    }\n\n    .p-button-sm.p-button-icon-only.p-button-rounded {\n        height: dt('button.sm.icon.only.width');\n    }\n\n    .p-button-lg {\n        font-size: dt('button.lg.font.size');\n        padding: dt('button.lg.padding.y') dt('button.lg.padding.x');\n    }\n\n    .p-button-lg .p-button-icon {\n        font-size: dt('button.lg.font.size');\n    }\n\n    .p-button-lg.p-button-icon-only {\n        width: dt('button.lg.icon.only.width');\n    }\n\n    .p-button-lg.p-button-icon-only.p-button-rounded {\n        height: dt('button.lg.icon.only.width');\n    }\n\n    .p-button-vertical {\n        flex-direction: column;\n    }\n\n    .p-button-label {\n        font-weight: dt('button.label.font.weight');\n    }\n\n    .p-button-fluid {\n        width: 100%;\n    }\n\n    .p-button-fluid.p-button-icon-only {\n        width: dt('button.icon.only.width');\n    }\n\n    .p-button:not(:disabled):hover {\n        background: dt('button.primary.hover.background');\n        border: 1px solid dt('button.primary.hover.border.color');\n        color: dt('button.primary.hover.color');\n    }\n\n    .p-button:not(:disabled):active {\n        background: dt('button.primary.active.background');\n        border: 1px solid dt('button.primary.active.border.color');\n        color: dt('button.primary.active.color');\n    }\n\n    .p-button:focus-visible {\n        box-shadow: dt('button.primary.focus.ring.shadow');\n        outline: dt('button.focus.ring.width') dt('button.focus.ring.style') dt('button.primary.focus.ring.color');\n        outline-offset: dt('button.focus.ring.offset');\n    }\n\n    .p-button .p-badge {\n        min-width: dt('button.badge.size');\n        height: dt('button.badge.size');\n        line-height: dt('button.badge.size');\n    }\n\n    .p-button-raised {\n        box-shadow: dt('button.raised.shadow');\n    }\n\n    .p-button-rounded {\n        border-radius: dt('button.rounded.border.radius');\n    }\n\n    .p-button-secondary {\n        background: dt('button.secondary.background');\n        border: 1px solid dt('button.secondary.border.color');\n        color: dt('button.secondary.color');\n    }\n\n    .p-button-secondary:not(:disabled):hover {\n        background: dt('button.secondary.hover.background');\n        border: 1px solid dt('button.secondary.hover.border.color');\n        color: dt('button.secondary.hover.color');\n    }\n\n    .p-button-secondary:not(:disabled):active {\n        background: dt('button.secondary.active.background');\n        border: 1px solid dt('button.secondary.active.border.color');\n        color: dt('button.secondary.active.color');\n    }\n\n    .p-button-secondary:focus-visible {\n        outline-color: dt('button.secondary.focus.ring.color');\n        box-shadow: dt('button.secondary.focus.ring.shadow');\n    }\n\n    .p-button-success {\n        background: dt('button.success.background');\n        border: 1px solid dt('button.success.border.color');\n        color: dt('button.success.color');\n    }\n\n    .p-button-success:not(:disabled):hover {\n        background: dt('button.success.hover.background');\n        border: 1px solid dt('button.success.hover.border.color');\n        color: dt('button.success.hover.color');\n    }\n\n    .p-button-success:not(:disabled):active {\n        background: dt('button.success.active.background');\n        border: 1px solid dt('button.success.active.border.color');\n        color: dt('button.success.active.color');\n    }\n\n    .p-button-success:focus-visible {\n        outline-color: dt('button.success.focus.ring.color');\n        box-shadow: dt('button.success.focus.ring.shadow');\n    }\n\n    .p-button-info {\n        background: dt('button.info.background');\n        border: 1px solid dt('button.info.border.color');\n        color: dt('button.info.color');\n    }\n\n    .p-button-info:not(:disabled):hover {\n        background: dt('button.info.hover.background');\n        border: 1px solid dt('button.info.hover.border.color');\n        color: dt('button.info.hover.color');\n    }\n\n    .p-button-info:not(:disabled):active {\n        background: dt('button.info.active.background');\n        border: 1px solid dt('button.info.active.border.color');\n        color: dt('button.info.active.color');\n    }\n\n    .p-button-info:focus-visible {\n        outline-color: dt('button.info.focus.ring.color');\n        box-shadow: dt('button.info.focus.ring.shadow');\n    }\n\n    .p-button-warn {\n        background: dt('button.warn.background');\n        border: 1px solid dt('button.warn.border.color');\n        color: dt('button.warn.color');\n    }\n\n    .p-button-warn:not(:disabled):hover {\n        background: dt('button.warn.hover.background');\n        border: 1px solid dt('button.warn.hover.border.color');\n        color: dt('button.warn.hover.color');\n    }\n\n    .p-button-warn:not(:disabled):active {\n        background: dt('button.warn.active.background');\n        border: 1px solid dt('button.warn.active.border.color');\n        color: dt('button.warn.active.color');\n    }\n\n    .p-button-warn:focus-visible {\n        outline-color: dt('button.warn.focus.ring.color');\n        box-shadow: dt('button.warn.focus.ring.shadow');\n    }\n\n    .p-button-help {\n        background: dt('button.help.background');\n        border: 1px solid dt('button.help.border.color');\n        color: dt('button.help.color');\n    }\n\n    .p-button-help:not(:disabled):hover {\n        background: dt('button.help.hover.background');\n        border: 1px solid dt('button.help.hover.border.color');\n        color: dt('button.help.hover.color');\n    }\n\n    .p-button-help:not(:disabled):active {\n        background: dt('button.help.active.background');\n        border: 1px solid dt('button.help.active.border.color');\n        color: dt('button.help.active.color');\n    }\n\n    .p-button-help:focus-visible {\n        outline-color: dt('button.help.focus.ring.color');\n        box-shadow: dt('button.help.focus.ring.shadow');\n    }\n\n    .p-button-danger {\n        background: dt('button.danger.background');\n        border: 1px solid dt('button.danger.border.color');\n        color: dt('button.danger.color');\n    }\n\n    .p-button-danger:not(:disabled):hover {\n        background: dt('button.danger.hover.background');\n        border: 1px solid dt('button.danger.hover.border.color');\n        color: dt('button.danger.hover.color');\n    }\n\n    .p-button-danger:not(:disabled):active {\n        background: dt('button.danger.active.background');\n        border: 1px solid dt('button.danger.active.border.color');\n        color: dt('button.danger.active.color');\n    }\n\n    .p-button-danger:focus-visible {\n        outline-color: dt('button.danger.focus.ring.color');\n        box-shadow: dt('button.danger.focus.ring.shadow');\n    }\n\n    .p-button-contrast {\n        background: dt('button.contrast.background');\n        border: 1px solid dt('button.contrast.border.color');\n        color: dt('button.contrast.color');\n    }\n\n    .p-button-contrast:not(:disabled):hover {\n        background: dt('button.contrast.hover.background');\n        border: 1px solid dt('button.contrast.hover.border.color');\n        color: dt('button.contrast.hover.color');\n    }\n\n    .p-button-contrast:not(:disabled):active {\n        background: dt('button.contrast.active.background');\n        border: 1px solid dt('button.contrast.active.border.color');\n        color: dt('button.contrast.active.color');\n    }\n\n    .p-button-contrast:focus-visible {\n        outline-color: dt('button.contrast.focus.ring.color');\n        box-shadow: dt('button.contrast.focus.ring.shadow');\n    }\n\n    .p-button-outlined {\n        background: transparent;\n        border-color: dt('button.outlined.primary.border.color');\n        color: dt('button.outlined.primary.color');\n    }\n\n    .p-button-outlined:not(:disabled):hover {\n        background: dt('button.outlined.primary.hover.background');\n        border-color: dt('button.outlined.primary.border.color');\n        color: dt('button.outlined.primary.color');\n    }\n\n    .p-button-outlined:not(:disabled):active {\n        background: dt('button.outlined.primary.active.background');\n        border-color: dt('button.outlined.primary.border.color');\n        color: dt('button.outlined.primary.color');\n    }\n\n    .p-button-outlined.p-button-secondary {\n        border-color: dt('button.outlined.secondary.border.color');\n        color: dt('button.outlined.secondary.color');\n    }\n\n    .p-button-outlined.p-button-secondary:not(:disabled):hover {\n        background: dt('button.outlined.secondary.hover.background');\n        border-color: dt('button.outlined.secondary.border.color');\n        color: dt('button.outlined.secondary.color');\n    }\n\n    .p-button-outlined.p-button-secondary:not(:disabled):active {\n        background: dt('button.outlined.secondary.active.background');\n        border-color: dt('button.outlined.secondary.border.color');\n        color: dt('button.outlined.secondary.color');\n    }\n\n    .p-button-outlined.p-button-success {\n        border-color: dt('button.outlined.success.border.color');\n        color: dt('button.outlined.success.color');\n    }\n\n    .p-button-outlined.p-button-success:not(:disabled):hover {\n        background: dt('button.outlined.success.hover.background');\n        border-color: dt('button.outlined.success.border.color');\n        color: dt('button.outlined.success.color');\n    }\n\n    .p-button-outlined.p-button-success:not(:disabled):active {\n        background: dt('button.outlined.success.active.background');\n        border-color: dt('button.outlined.success.border.color');\n        color: dt('button.outlined.success.color');\n    }\n\n    .p-button-outlined.p-button-info {\n        border-color: dt('button.outlined.info.border.color');\n        color: dt('button.outlined.info.color');\n    }\n\n    .p-button-outlined.p-button-info:not(:disabled):hover {\n        background: dt('button.outlined.info.hover.background');\n        border-color: dt('button.outlined.info.border.color');\n        color: dt('button.outlined.info.color');\n    }\n\n    .p-button-outlined.p-button-info:not(:disabled):active {\n        background: dt('button.outlined.info.active.background');\n        border-color: dt('button.outlined.info.border.color');\n        color: dt('button.outlined.info.color');\n    }\n\n    .p-button-outlined.p-button-warn {\n        border-color: dt('button.outlined.warn.border.color');\n        color: dt('button.outlined.warn.color');\n    }\n\n    .p-button-outlined.p-button-warn:not(:disabled):hover {\n        background: dt('button.outlined.warn.hover.background');\n        border-color: dt('button.outlined.warn.border.color');\n        color: dt('button.outlined.warn.color');\n    }\n\n    .p-button-outlined.p-button-warn:not(:disabled):active {\n        background: dt('button.outlined.warn.active.background');\n        border-color: dt('button.outlined.warn.border.color');\n        color: dt('button.outlined.warn.color');\n    }\n\n    .p-button-outlined.p-button-help {\n        border-color: dt('button.outlined.help.border.color');\n        color: dt('button.outlined.help.color');\n    }\n\n    .p-button-outlined.p-button-help:not(:disabled):hover {\n        background: dt('button.outlined.help.hover.background');\n        border-color: dt('button.outlined.help.border.color');\n        color: dt('button.outlined.help.color');\n    }\n\n    .p-button-outlined.p-button-help:not(:disabled):active {\n        background: dt('button.outlined.help.active.background');\n        border-color: dt('button.outlined.help.border.color');\n        color: dt('button.outlined.help.color');\n    }\n\n    .p-button-outlined.p-button-danger {\n        border-color: dt('button.outlined.danger.border.color');\n        color: dt('button.outlined.danger.color');\n    }\n\n    .p-button-outlined.p-button-danger:not(:disabled):hover {\n        background: dt('button.outlined.danger.hover.background');\n        border-color: dt('button.outlined.danger.border.color');\n        color: dt('button.outlined.danger.color');\n    }\n\n    .p-button-outlined.p-button-danger:not(:disabled):active {\n        background: dt('button.outlined.danger.active.background');\n        border-color: dt('button.outlined.danger.border.color');\n        color: dt('button.outlined.danger.color');\n    }\n\n    .p-button-outlined.p-button-contrast {\n        border-color: dt('button.outlined.contrast.border.color');\n        color: dt('button.outlined.contrast.color');\n    }\n\n    .p-button-outlined.p-button-contrast:not(:disabled):hover {\n        background: dt('button.outlined.contrast.hover.background');\n        border-color: dt('button.outlined.contrast.border.color');\n        color: dt('button.outlined.contrast.color');\n    }\n\n    .p-button-outlined.p-button-contrast:not(:disabled):active {\n        background: dt('button.outlined.contrast.active.background');\n        border-color: dt('button.outlined.contrast.border.color');\n        color: dt('button.outlined.contrast.color');\n    }\n\n    .p-button-outlined.p-button-plain {\n        border-color: dt('button.outlined.plain.border.color');\n        color: dt('button.outlined.plain.color');\n    }\n\n    .p-button-outlined.p-button-plain:not(:disabled):hover {\n        background: dt('button.outlined.plain.hover.background');\n        border-color: dt('button.outlined.plain.border.color');\n        color: dt('button.outlined.plain.color');\n    }\n\n    .p-button-outlined.p-button-plain:not(:disabled):active {\n        background: dt('button.outlined.plain.active.background');\n        border-color: dt('button.outlined.plain.border.color');\n        color: dt('button.outlined.plain.color');\n    }\n\n    .p-button-text {\n        background: transparent;\n        border-color: transparent;\n        color: dt('button.text.primary.color');\n    }\n\n    .p-button-text:not(:disabled):hover {\n        background: dt('button.text.primary.hover.background');\n        border-color: transparent;\n        color: dt('button.text.primary.color');\n    }\n\n    .p-button-text:not(:disabled):active {\n        background: dt('button.text.primary.active.background');\n        border-color: transparent;\n        color: dt('button.text.primary.color');\n    }\n\n    .p-button-text.p-button-secondary {\n        background: transparent;\n        border-color: transparent;\n        color: dt('button.text.secondary.color');\n    }\n\n    .p-button-text.p-button-secondary:not(:disabled):hover {\n        background: dt('button.text.secondary.hover.background');\n        border-color: transparent;\n        color: dt('button.text.secondary.color');\n    }\n\n    .p-button-text.p-button-secondary:not(:disabled):active {\n        background: dt('button.text.secondary.active.background');\n        border-color: transparent;\n        color: dt('button.text.secondary.color');\n    }\n\n    .p-button-text.p-button-success {\n        background: transparent;\n        border-color: transparent;\n        color: dt('button.text.success.color');\n    }\n\n    .p-button-text.p-button-success:not(:disabled):hover {\n        background: dt('button.text.success.hover.background');\n        border-color: transparent;\n        color: dt('button.text.success.color');\n    }\n\n    .p-button-text.p-button-success:not(:disabled):active {\n        background: dt('button.text.success.active.background');\n        border-color: transparent;\n        color: dt('button.text.success.color');\n    }\n\n    .p-button-text.p-button-info {\n        background: transparent;\n        border-color: transparent;\n        color: dt('button.text.info.color');\n    }\n\n    .p-button-text.p-button-info:not(:disabled):hover {\n        background: dt('button.text.info.hover.background');\n        border-color: transparent;\n        color: dt('button.text.info.color');\n    }\n\n    .p-button-text.p-button-info:not(:disabled):active {\n        background: dt('button.text.info.active.background');\n        border-color: transparent;\n        color: dt('button.text.info.color');\n    }\n\n    .p-button-text.p-button-warn {\n        background: transparent;\n        border-color: transparent;\n        color: dt('button.text.warn.color');\n    }\n\n    .p-button-text.p-button-warn:not(:disabled):hover {\n        background: dt('button.text.warn.hover.background');\n        border-color: transparent;\n        color: dt('button.text.warn.color');\n    }\n\n    .p-button-text.p-button-warn:not(:disabled):active {\n        background: dt('button.text.warn.active.background');\n        border-color: transparent;\n        color: dt('button.text.warn.color');\n    }\n\n    .p-button-text.p-button-help {\n        background: transparent;\n        border-color: transparent;\n        color: dt('button.text.help.color');\n    }\n\n    .p-button-text.p-button-help:not(:disabled):hover {\n        background: dt('button.text.help.hover.background');\n        border-color: transparent;\n        color: dt('button.text.help.color');\n    }\n\n    .p-button-text.p-button-help:not(:disabled):active {\n        background: dt('button.text.help.active.background');\n        border-color: transparent;\n        color: dt('button.text.help.color');\n    }\n\n    .p-button-text.p-button-danger {\n        background: transparent;\n        border-color: transparent;\n        color: dt('button.text.danger.color');\n    }\n\n    .p-button-text.p-button-danger:not(:disabled):hover {\n        background: dt('button.text.danger.hover.background');\n        border-color: transparent;\n        color: dt('button.text.danger.color');\n    }\n\n    .p-button-text.p-button-danger:not(:disabled):active {\n        background: dt('button.text.danger.active.background');\n        border-color: transparent;\n        color: dt('button.text.danger.color');\n    }\n\n    .p-button-text.p-button-contrast {\n        background: transparent;\n        border-color: transparent;\n        color: dt('button.text.contrast.color');\n    }\n\n    .p-button-text.p-button-contrast:not(:disabled):hover {\n        background: dt('button.text.contrast.hover.background');\n        border-color: transparent;\n        color: dt('button.text.contrast.color');\n    }\n\n    .p-button-text.p-button-contrast:not(:disabled):active {\n        background: dt('button.text.contrast.active.background');\n        border-color: transparent;\n        color: dt('button.text.contrast.color');\n    }\n\n    .p-button-text.p-button-plain {\n        background: transparent;\n        border-color: transparent;\n        color: dt('button.text.plain.color');\n    }\n\n    .p-button-text.p-button-plain:not(:disabled):hover {\n        background: dt('button.text.plain.hover.background');\n        border-color: transparent;\n        color: dt('button.text.plain.color');\n    }\n\n    .p-button-text.p-button-plain:not(:disabled):active {\n        background: dt('button.text.plain.active.background');\n        border-color: transparent;\n        color: dt('button.text.plain.color');\n    }\n\n    .p-button-link {\n        background: transparent;\n        border-color: transparent;\n        color: dt('button.link.color');\n    }\n\n    .p-button-link:not(:disabled):hover {\n        background: transparent;\n        border-color: transparent;\n        color: dt('button.link.hover.color');\n    }\n\n    .p-button-link:not(:disabled):hover .p-button-label {\n        text-decoration: underline;\n    }\n\n    .p-button-link:not(:disabled):active {\n        background: transparent;\n        border-color: transparent;\n        color: dt('button.link.active.color');\n    }\n";
+//#endregion
+//#region node_modules/primevue/button/style/index.mjs
+function j(e) {
+	"@babel/helpers - typeof";
+	return j = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
+		return typeof e;
+	} : function(e) {
+		return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
+	}, j(e);
+}
+function M(e, t, n) {
+	return (t = N(t)) in e ? Object.defineProperty(e, t, {
+		value: n,
+		enumerable: !0,
+		configurable: !0,
+		writable: !0
+	}) : e[t] = n, e;
+}
+function N(e) {
+	var t = P(e, "string");
+	return j(t) == "symbol" ? t : t + "";
+}
+function P(e, t) {
+	if (j(e) != "object" || !e) return e;
+	var n = e[Symbol.toPrimitive];
+	if (n !== void 0) {
+		var r = n.call(e, t);
+		if (j(r) != "object") return r;
+		throw TypeError("@@toPrimitive must return a primitive value.");
+	}
+	return (t === "string" ? String : Number)(e);
+}
+var F = i.extend({
+	name: "button",
+	style: A,
+	classes: {
+		root: function(e) {
+			var t = e.instance, n = e.props;
+			return ["p-button p-component", M(M(M(M(M(M(M(M(M({
+				"p-button-icon-only": t.hasIcon && !n.label && !n.badge,
+				"p-button-vertical": (n.iconPos === "top" || n.iconPos === "bottom") && n.label,
+				"p-button-loading": n.loading,
+				"p-button-link": n.link || n.variant === "link"
+			}, `p-button-${n.severity}`, n.severity), "p-button-raised", n.raised), "p-button-rounded", n.rounded), "p-button-text", n.text || n.variant === "text"), "p-button-outlined", n.outlined || n.variant === "outlined"), "p-button-sm", n.size === "small"), "p-button-lg", n.size === "large"), "p-button-plain", n.plain), "p-button-fluid", t.hasFluid)];
+		},
+		loadingIcon: "p-button-loading-icon",
+		icon: function(e) {
+			var t = e.props;
+			return ["p-button-icon", M({}, `p-button-icon-${t.iconPos}`, t.label)];
+		},
+		label: "p-button-label"
+	}
+}), I = {
+	name: "BaseButton",
+	extends: r,
+	props: {
+		label: {
+			type: String,
+			default: null
+		},
+		icon: {
+			type: String,
+			default: null
+		},
+		iconPos: {
+			type: String,
+			default: "left"
+		},
+		iconClass: {
+			type: [String, Object],
+			default: null
+		},
+		badge: {
+			type: String,
+			default: null
+		},
+		badgeClass: {
+			type: [String, Object],
+			default: null
+		},
+		badgeSeverity: {
+			type: String,
+			default: "secondary"
+		},
+		loading: {
+			type: Boolean,
+			default: !1
+		},
+		loadingIcon: {
+			type: String,
+			default: void 0
+		},
+		as: {
+			type: [String, Object],
+			default: "BUTTON"
+		},
+		asChild: {
+			type: Boolean,
+			default: !1
+		},
+		link: {
+			type: Boolean,
+			default: !1
+		},
+		severity: {
+			type: String,
+			default: null
+		},
+		raised: {
+			type: Boolean,
+			default: !1
+		},
+		rounded: {
+			type: Boolean,
+			default: !1
+		},
+		text: {
+			type: Boolean,
+			default: !1
+		},
+		outlined: {
+			type: Boolean,
+			default: !1
+		},
+		size: {
+			type: String,
+			default: null
+		},
+		variant: {
+			type: String,
+			default: null
+		},
+		plain: {
+			type: Boolean,
+			default: !1
+		},
+		fluid: {
+			type: Boolean,
+			default: null
+		}
+	},
+	style: F,
+	provide: function() {
+		return {
+			$pcButton: this,
+			$parentInstance: this
+		};
+	}
+};
+function L(e) {
+	"@babel/helpers - typeof";
+	return L = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
+		return typeof e;
+	} : function(e) {
+		return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
+	}, L(e);
+}
+function R(e, t, n) {
+	return (t = z(t)) in e ? Object.defineProperty(e, t, {
+		value: n,
+		enumerable: !0,
+		configurable: !0,
+		writable: !0
+	}) : e[t] = n, e;
+}
+function z(e) {
+	var t = B(e, "string");
+	return L(t) == "symbol" ? t : t + "";
+}
+function B(e, t) {
+	if (L(e) != "object" || !e) return e;
+	var n = e[Symbol.toPrimitive];
+	if (n !== void 0) {
+		var r = n.call(e, t);
+		if (L(r) != "object") return r;
+		throw TypeError("@@toPrimitive must return a primitive value.");
+	}
+	return (t === "string" ? String : Number)(e);
+}
+var V = {
+	name: "Button",
+	extends: I,
+	inheritAttrs: !1,
+	inject: { $pcFluid: { default: null } },
+	methods: { getPTOptions: function(e) {
+		return (e === "root" ? this.ptmi : this.ptm)(e, { context: { disabled: this.disabled } });
+	} },
+	computed: {
+		disabled: function() {
+			return this.$attrs.disabled || this.$attrs.disabled === "" || this.loading;
+		},
+		defaultAriaLabel: function() {
+			return this.label ? this.label + (this.badge ? " " + this.badge : "") : this.$attrs.ariaLabel;
+		},
+		hasIcon: function() {
+			return this.icon || this.$slots.icon;
+		},
+		attrs: function() {
+			return u(this.asAttrs, this.a11yAttrs, this.getPTOptions("root"));
+		},
+		asAttrs: function() {
+			return this.as === "BUTTON" ? {
+				type: "button",
+				disabled: this.disabled
+			} : void 0;
+		},
+		a11yAttrs: function() {
+			return {
+				"aria-label": this.defaultAriaLabel,
+				"data-pc-name": "button",
+				"data-p-disabled": this.disabled,
+				"data-p-severity": this.severity
+			};
+		},
+		hasFluid: function() {
+			return t(this.fluid) ? !!this.$pcFluid : this.fluid;
+		},
+		dataP: function() {
+			return n(R(R(R(R(R(R(R(R(R(R({}, this.size, this.size), "icon-only", this.hasIcon && !this.label && !this.badge), "loading", this.loading), "fluid", this.hasFluid), "rounded", this.rounded), "raised", this.raised), "outlined", this.outlined || this.variant === "outlined"), "text", this.text || this.variant === "text"), "link", this.link || this.variant === "link"), "vertical", (this.iconPos === "top" || this.iconPos === "bottom") && this.label));
+		},
+		dataIconP: function() {
+			return n(R(R({}, this.iconPos, this.iconPos), this.size, this.size));
+		},
+		dataLabelP: function() {
+			return n(R(R({}, this.size, this.size), "icon-only", this.hasIcon && !this.label && !this.badge));
+		}
+	},
+	components: {
+		SpinnerIcon: b,
+		Badge: D
+	},
+	directives: { ripple: a }
+}, H = ["data-p"], U = ["data-p"];
+function W(e, t, n, r, i, a) {
+	var y = _("SpinnerIcon"), b = _("Badge"), x = s("ripple");
+	return e.asChild ? l(e.$slots, "default", {
+		key: 1,
+		class: d(e.cx("root")),
+		a11yAttrs: a.a11yAttrs
+	}) : v((o(), p(f(e.as), u({
+		key: 0,
+		class: e.cx("root"),
+		"data-p": a.dataP
+	}, a.attrs), {
+		default: h(function() {
+			return [l(e.$slots, "default", {}, function() {
+				return [
+					e.loading ? l(e.$slots, "loadingicon", u({
+						key: 0,
+						class: [e.cx("loadingIcon"), e.cx("icon")]
+					}, e.ptm("loadingIcon")), function() {
+						return [e.loadingIcon ? (o(), g("span", u({
+							key: 0,
+							class: [
+								e.cx("loadingIcon"),
+								e.cx("icon"),
+								e.loadingIcon
+							]
+						}, e.ptm("loadingIcon")), null, 16)) : (o(), p(y, u({
+							key: 1,
+							class: [e.cx("loadingIcon"), e.cx("icon")],
+							spin: ""
+						}, e.ptm("loadingIcon")), null, 16, ["class"]))];
+					}) : l(e.$slots, "icon", u({
+						key: 1,
+						class: [e.cx("icon")]
+					}, e.ptm("icon")), function() {
+						return [e.icon ? (o(), g("span", u({
+							key: 0,
+							class: [
+								e.cx("icon"),
+								e.icon,
+								e.iconClass
+							],
+							"data-p": a.dataIconP
+						}, e.ptm("icon")), null, 16, H)) : m("", !0)];
+					}),
+					e.label ? (o(), g("span", u({
+						key: 2,
+						class: e.cx("label")
+					}, e.ptm("label"), { "data-p": a.dataLabelP }), c(e.label), 17, U)) : m("", !0),
+					e.badge ? (o(), p(b, {
+						key: 3,
+						value: e.badge,
+						class: d(e.badgeClass),
+						severity: e.badgeSeverity,
+						unstyled: e.unstyled,
+						pt: e.ptm("pcBadge")
+					}, null, 8, [
+						"value",
+						"class",
+						"severity",
+						"unstyled",
+						"pt"
+					])) : m("", !0)
+				];
+			})];
+		}),
+		_: 3
+	}, 16, ["class", "data-p"])), [[x]]);
+}
+V.render = W;
+//#endregion
+export { D as n, V as t };

package/dist/interface/ha/cameraui-cards.js

@@ -0,0 +1,190 @@
+import { a as e, n as t, o as n, r, t as i } from "./types-C7MzwoQR.js";
+//#region src/ha/main.ts
+window.__CUI_HA_CARDS__ = !0;
+var a = 2, o = /\/api\/cameraui\/cards\/([^/]+)\//.exec(import.meta.url)?.[1] ?? "", s = 3e4, c = {
+	camera: {
+		size: 5,
+		options: {
+			rows: 4,
+			columns: 12,
+			min_rows: 2,
+			min_columns: 3
+		}
+	},
+	events: {
+		size: 4,
+		options: {
+			rows: 3,
+			min_rows: 3,
+			max_rows: 3,
+			columns: 12,
+			min_columns: 4
+		}
+	},
+	view: {
+		size: 8,
+		options: {
+			rows: 8,
+			columns: "full",
+			min_rows: 3,
+			min_columns: 6
+		}
+	}
+}, l = "\n  :host { display: block; height: 100%; }\n  .skeleton, .message {\n    box-sizing: border-box; height: 100%; min-height: 96px;\n    border-radius: var(--ha-card-border-radius, 12px);\n    background: var(--ha-card-background, var(--card-background-color, #fff));\n    border: 1px solid var(--ha-card-border-color, var(--divider-color, #e0e0e0));\n  }\n  .skeleton { animation: cui-ha-pulse 1.6s ease-in-out infinite; }\n  .message { display: flex; align-items: center; padding: 16px; color: var(--secondary-text-color); font: 14px/1.4 var(--ha-font-family-body, sans-serif); }\n  @keyframes cui-ha-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.55; } }\n", u = window.__cameraui_card_backends ??= /* @__PURE__ */ new Map(), d = window.__cameraui_card_waiters ??= /* @__PURE__ */ new Set();
+o && import("./cards-CNOyNWMA.js").then((e) => {
+	u.set(o, {
+		entryId: o,
+		contract: a,
+		createCard: (t, n) => e.createCard(t, n, o),
+		stubConfig: e.stubConfig,
+		configForm: e.configForm,
+		configElement: e.configElement,
+		unavailable: e.unavailable
+	});
+	for (let e of [...d]) e();
+}, (e) => console.error("[camera.ui] cards backend failed to load", e));
+function f() {
+	return u.values().next().value;
+}
+function p(e) {
+	for (let n of t(e)) {
+		let t = i(e, n).entry_id;
+		if (t) return t;
+	}
+	return r(e);
+}
+function m(e, t, n) {
+	if (e === "camera") {
+		let e = t.entity;
+		return i(n, e).entry_id ?? (n.states[e]?.state === "unavailable" ? r(n) : void 0);
+	}
+	if (e === "view" && t.entry) return t.entry;
+	if (e === "events") for (let e of t.entities ?? []) {
+		let t = i(n, e).entry_id;
+		if (t) return t;
+	}
+	return p(n);
+}
+var h = class extends HTMLElement {
+	config = null;
+	hassValue = null;
+	layoutValue = null;
+	controller = null;
+	waitTimer = null;
+	wake = () => this.resolve();
+	setConfig(e) {
+		this.validate(e), this.config = e, this.controller ? this.controller.setConfig(e) : this.resolve();
+	}
+	set hass(e) {
+		this.hassValue = e, this.controller ? this.controller.setHass(e) : this.resolve();
+	}
+	get hass() {
+		return this.hassValue;
+	}
+	set layout(e) {
+		this.layoutValue = e, this.controller?.setLayout(e);
+	}
+	get layout() {
+		return this.layoutValue;
+	}
+	connectedCallback() {
+		this.resolve(), this.controller?.connected();
+	}
+	disconnectedCallback() {
+		this.stopWaiting(), this.controller?.disconnected();
+	}
+	getCardSize() {
+		return this.controller?.getCardSize() ?? c[this.kind].size;
+	}
+	getGridOptions() {
+		return this.controller?.getGridOptions() ?? c[this.kind].options;
+	}
+	validate(e) {}
+	resolve() {
+		let e = this.config, t = this.hassValue;
+		if (this.controller || !e || !t) return;
+		let n = m(this.kind, e, t);
+		if (!n) {
+			let n = f();
+			this.show("message", n?.unavailable(this.kind, e, t) ? "camera.ui is not reachable" : "Not a camera.ui entity");
+			return;
+		}
+		let r = u.get(n);
+		if (!r) {
+			this.waitForBackend();
+			return;
+		}
+		if (r.contract !== a) {
+			this.show("message", "This camera.ui server needs an update, its dashboard cards do not match the ones already loaded");
+			return;
+		}
+		this.stopWaiting(), this.shadowRoot?.replaceChildren(), this.controller = r.createCard(this.kind, this), this.controller.setConfig(e), this.controller.setHass(t), this.controller.setLayout(this.layoutValue), this.isConnected && this.controller.connected();
+	}
+	waitForBackend() {
+		this.waitTimer ||= (this.show("skeleton", ""), d.add(this.wake), setTimeout(() => {
+			this.stopWaiting(), this.show("message", "camera.ui cards for this server are not loaded (server too old?)");
+		}, s));
+	}
+	stopWaiting() {
+		d.delete(this.wake), this.waitTimer &&= (clearTimeout(this.waitTimer), null);
+	}
+	show(e, t) {
+		let n = this.shadowRoot ?? this.attachShadow({ mode: "open" }), r = document.createElement("style");
+		r.textContent = l;
+		let i = document.createElement("div");
+		i.className = e, i.textContent = t, n.replaceChildren(r, i);
+	}
+}, g = class extends h {
+	kind = "camera";
+	validate(e) {
+		if (!e.entity) throw Error("cameraui-card: \"entity\" is required");
+	}
+	static getStubConfig(t) {
+		return f()?.stubConfig("camera", t) ?? { entity: e(t) ?? "" };
+	}
+	static getConfigForm() {
+		return f()?.configForm("camera") ?? { schema: [{
+			name: "entity",
+			required: !0,
+			selector: { entity: { domain: "camera" } }
+		}] };
+	}
+}, _ = class extends h {
+	kind = "events";
+	static getStubConfig() {
+		return f()?.stubConfig("events") ?? {};
+	}
+	static getConfigForm() {
+		return f()?.configForm("events") ?? { schema: [] };
+	}
+}, v = class extends h {
+	kind = "view";
+	static getStubConfig() {
+		return f()?.stubConfig("view") ?? {};
+	}
+	static getConfigElement() {
+		return f()?.configElement("view") ?? document.createElement("cameraui-view-card-editor");
+	}
+};
+customElements.get("cameraui-card") || customElements.define("cameraui-card", g), customElements.get("cameraui-view-card") || customElements.define("cameraui-view-card", v), customElements.get("cameraui-events-card") || customElements.define("cameraui-events-card", _), window.customCards = window.customCards ?? [], window.customCards.some((e) => e.type === "cameraui-card") || window.customCards.push({
+	type: "cameraui-card",
+	name: "camera.ui Camera",
+	description: "The camera.ui camera card: snapshot tile or live player, and the camera.ui dialog with timeline.",
+	documentationURL: "https://github.com/cameraui/homeassistant-integration",
+	preview: !0,
+	getEntitySuggestion: (e, t) => n(e, t) ? { config: {
+		type: "custom:cameraui-card",
+		entity: t
+	} } : null
+}, {
+	type: "cameraui-view-card",
+	name: "camera.ui View",
+	description: "A camera.ui camview view as a widget: the saved camera grid with drag and drop.",
+	documentationURL: "https://github.com/cameraui/homeassistant-integration"
+}, {
+	type: "cameraui-events-card",
+	name: "camera.ui Events",
+	description: "Recent camera.ui events with thumbnails, click opens the camera.ui dialog.",
+	documentationURL: "https://github.com/cameraui/homeassistant-integration"
+});
+//#endregion