solid-ui 3.1.3-9 → 5.0.0-0

package/dist/chunks/photo-capture-modal-BhmL3kYD.js

@@ -0,0 +1,560 @@
+import { a as e, c as t, g as n, i as r, p as i, r as a, u as o } from "./components-BHoVP7zE.js";
+import "./dialog-D9Ellvjx.js";
+import "./button-CnmrOsEf.js";
+import "./dialog-content-B2FmmQvH.js";
+import "./dialog-footer-CxjoqQJF.js";
+//#region src/components/photo-capture-modal/PhotoCaptureModal.styles.css
+var s = i`.viewport{background:#ebebeb;border-radius:.5rem;justify-content:center;align-items:center;width:100%;min-height:200px;display:flex;overflow:hidden}.viewport video,.viewport img{object-fit:cover;border-radius:.5rem;width:100%;max-width:260px;height:auto;margin:0 auto;display:block}.status{text-align:center;width:100%;color:var(--photo-capture-muted-text);font-size:.875rem}.status.error{color:var(--color-error,#b00020)}`, c, l, u, d, f, p, m, h, g, _, v, y, b, x, S, C, w, T, E, D, O, k, A, j, M, ee, te, ne, re, ie, ae, N, P, F, I, L, R, z, B, V, H, U, W, G, K, q, J, oe, se, ce, le, ue, de, fe, pe, me, he, ge;
+function Y(e, t, n) {
+	_e(e, t), t.set(e, n);
+}
+function _e(e, t) {
+	if (t.has(e)) throw TypeError("Cannot initialize the same private elements twice on an object");
+}
+function X(e, t, n) {
+	return e.set(ve(e, t), n), n;
+}
+function Z(e, t) {
+	return e.get(ve(e, t));
+}
+function ve(e, t, n) {
+	if (typeof e == "function" ? e === t : e.has(t)) return arguments.length < 3 ? t : n;
+	throw TypeError("Private element is not present on this object");
+}
+function Q(e, t, n) {
+	return (t = be(t)) in e ? Object.defineProperty(e, t, {
+		value: n,
+		enumerable: !0,
+		configurable: !0,
+		writable: !0
+	}) : e[t] = n, e;
+}
+function ye(e, t, n, r, i, a) {
+	function o(e, t, n) {
+		return function(r, i) {
+			return n && n(r), e[t].call(r, i);
+		};
+	}
+	function s(e, t) {
+		for (var n = 0; n < e.length; n++) e[n].call(t);
+		return t;
+	}
+	function c(e, t, n, r) {
+		if (typeof e != "function" && (r || e !== void 0)) throw TypeError(t + " must " + (n || "be") + " a function" + (r ? "" : " or undefined"));
+		return e;
+	}
+	function l(e, t, n, r, i, a, s, l, u, d, f, p, m) {
+		function h(e) {
+			if (!m(e)) throw TypeError("Attempted to access private element on non-instance");
+		}
+		var g, _ = t[0], v = t[3], y = !l;
+		if (!y) {
+			n || Array.isArray(_) || (_ = [_]);
+			var b = {}, x = [], S = i === 3 ? "get" : i === 4 || p ? "set" : "value";
+			d ? (f || p ? b = {
+				get: Se(function() {
+					return v(this);
+				}, r, "get"),
+				set: function(e) {
+					t[4](this, e);
+				}
+			} : b[S] = v, f || Se(b[S], r, i === 2 ? "" : S)) : f || (b = Object.getOwnPropertyDescriptor(e, r));
+		}
+		for (var C = e, w = _.length - 1; w >= 0; w -= n ? 2 : 1) {
+			var T = _[w], E = n ? _[w - 1] : void 0, D = {}, O = {
+				kind: [
+					"field",
+					"accessor",
+					"method",
+					"getter",
+					"setter",
+					"class"
+				][i],
+				name: r,
+				metadata: a,
+				addInitializer: function(e, t) {
+					if (e.v) throw Error("attempted to call addInitializer after decoration was finished");
+					c(t, "An initializer", "be", !0), s.push(t);
+				}.bind(null, D)
+			};
+			try {
+				if (y) (g = c(T.call(E, C, O), "class decorators", "return")) && (C = g);
+				else {
+					var k, A;
+					O.static = u, O.private = d, d ? i === 2 ? k = function(e) {
+						return h(e), b.value;
+					} : (i < 4 && (k = o(b, "get", h)), i !== 3 && (A = o(b, "set", h))) : (k = function(e) {
+						return e[r];
+					}, (i < 2 || i === 4) && (A = function(e, t) {
+						e[r] = t;
+					}));
+					var j = O.access = { has: d ? m.bind() : function(e) {
+						return r in e;
+					} };
+					if (k && (j.get = k), A && (j.set = A), C = T.call(E, p ? {
+						get: b.get,
+						set: b.set
+					} : b[S], O), p) {
+						if (typeof C == "object" && C) (g = c(C.get, "accessor.get")) && (b.get = g), (g = c(C.set, "accessor.set")) && (b.set = g), (g = c(C.init, "accessor.init")) && x.push(g);
+						else if (C !== void 0) throw TypeError("accessor decorators must return an object with get, set, or init properties or void 0");
+					} else c(C, (f ? "field" : "method") + " decorators", "return") && (f ? x.push(C) : b[S] = C);
+				}
+			} finally {
+				D.v = !0;
+			}
+		}
+		return (f || p) && l.push(function(e, t) {
+			for (var n = x.length - 1; n >= 0; n--) t = x[n].call(e, t);
+			return t;
+		}), f || y || (d ? p ? l.push(o(b, "get"), o(b, "set")) : l.push(i === 2 ? b[S] : o.call.bind(b[S])) : Object.defineProperty(e, r, b)), C;
+	}
+	function u(e, t) {
+		return Object.defineProperty(e, Symbol.metadata || Symbol.for("Symbol.metadata"), {
+			configurable: !0,
+			enumerable: !0,
+			value: t
+		});
+	}
+	if (arguments.length >= 6) var d = a[Symbol.metadata || Symbol.for("Symbol.metadata")];
+	var f = Object.create(d ?? null), p = function(e, t, n, r) {
+		var i, a, o = [], c = function(t) {
+			return Ce(t) === e;
+		}, u = /* @__PURE__ */ new Map();
+		function d(e) {
+			e && o.push(s.bind(null, e));
+		}
+		for (var f = 0; f < t.length; f++) {
+			var p = t[f];
+			if (Array.isArray(p)) {
+				var m = p[1], h = p[2], g = p.length > 3, _ = 16 & m, v = !!(8 & m), y = (m &= 7) == 0, b = h + "/" + v;
+				if (!y && !g) {
+					var x = u.get(b);
+					if (!0 === x || x === 3 && m !== 4 || x === 4 && m !== 3) throw Error("Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: " + h);
+					u.set(b, !(m > 2) || m);
+				}
+				l(v ? e : e.prototype, p, _, g ? "#" + h : be(h), m, r, v ? a ||= [] : i ||= [], o, v, g, y, m === 1, v && g ? c : n);
+			}
+		}
+		return d(i), d(a), o;
+	}(e, t, i, f);
+	return n.length || u(e, f), {
+		e: p,
+		get c() {
+			var t = [];
+			return n.length && [u(l(e, [n], r, e.name, 5, f, t), f), s.bind(null, t, e)];
+		}
+	};
+}
+function be(e) {
+	var t = xe(e, "string");
+	return typeof t == "symbol" ? t : t + "";
+}
+function xe(e, t) {
+	if (typeof e != "object" || !e) return e;
+	var n = e[Symbol.toPrimitive];
+	if (n !== void 0) {
+		var r = n.call(e, t || "default");
+		if (typeof r != "object") return r;
+		throw TypeError("@@toPrimitive must return a primitive value.");
+	}
+	return (t === "string" ? String : Number)(e);
+}
+function Se(e, t, n) {
+	typeof t == "symbol" && (t = (t = t.description) ? "[" + t + "]" : "");
+	try {
+		Object.defineProperty(e, "name", {
+			configurable: !0,
+			value: n ? n + " " + t : t
+		});
+	} catch {}
+	return e;
+}
+function Ce(e) {
+	if (Object(e) !== e) throw TypeError("right-hand side of 'in' should be an object, got " + (e === null ? "null" : typeof e));
+	return e;
+}
+function we(e) {
+	return e;
+}
+k = [n("solid-ui-photo-capture-modal")];
+var $;
+new (he = (u = /*#__PURE__*/ new WeakMap(), d = /*#__PURE__*/ new WeakMap(), f = /*#__PURE__*/ new WeakMap(), p = /*#__PURE__*/ new WeakMap(), m = /*#__PURE__*/ new WeakMap(), h = /*#__PURE__*/ new WeakMap(), g = /*#__PURE__*/ new WeakMap(), _ = /*#__PURE__*/ new WeakMap(), v = /*#__PURE__*/ new WeakMap(), y = /*#__PURE__*/ new WeakMap(), b = /*#__PURE__*/ new WeakMap(), x = /*#__PURE__*/ new WeakMap(), S = /*#__PURE__*/ new WeakMap(), C = /*#__PURE__*/ new WeakMap(), w = /*#__PURE__*/ new WeakMap(), T = /*#__PURE__*/ new WeakMap(), E = /*#__PURE__*/ new WeakMap(), ge = (A = r({
+	type: String,
+	reflect: !0
+}), M = r({
+	type: String,
+	reflect: !0
+}), te = r({
+	type: String,
+	reflect: !0
+}), re = r({
+	type: String,
+	reflect: !0
+}), ae = r({
+	type: String,
+	reflect: !0
+}), P = r({
+	type: String,
+	attribute: "cancel-label",
+	reflect: !0
+}), I = r({
+	type: String,
+	attribute: "file-name-prefix",
+	reflect: !0
+}), R = r({ attribute: !1 }), B = r({
+	type: String,
+	reflect: !0
+}), H = r({
+	type: String,
+	attribute: "capture-format",
+	reflect: !0
+}), W = r({
+	type: Number,
+	attribute: "capture-quality"
+}), K = r({
+	type: Boolean,
+	attribute: "show-cancel-button",
+	reflect: !0
+}), J = r({
+	type: String,
+	attribute: "facing-mode",
+	reflect: !0
+}), se = a(), le = a(), de = a(), pe = a(), "name"), l = class extends e {
+	constructor(...e) {
+		super(...e), Y(this, u, (D(this), j(this, ""))), Y(this, d, ee(this, "Take a photo")), Y(this, f, ne(this, "Take Photo")), Y(this, p, ie(this, "Use Photo")), Y(this, m, N(this, "Retake")), Y(this, h, F(this, "Cancel")), Y(this, g, L(this, "")), Y(this, _, z(this, void 0)), Y(this, v, V(this, "")), Y(this, y, U(this, "image/png")), Y(this, b, G(this, void 0)), Y(this, x, q(this, !0)), Y(this, S, oe(this, "user")), Y(this, C, ce(this, "")), Y(this, w, ue(this, "")), Y(this, T, fe(this, !1)), Y(this, E, me(this, null)), Q(this, "stream", null);
+	}
+	get [ge]() {
+		return Z(u, this);
+	}
+	set name(e) {
+		X(u, this, e);
+	}
+	get heading() {
+		return Z(d, this);
+	}
+	set heading(e) {
+		X(d, this, e);
+	}
+	get captureLabel() {
+		return Z(f, this);
+	}
+	set captureLabel(e) {
+		X(f, this, e);
+	}
+	get confirmLabel() {
+		return Z(p, this);
+	}
+	set confirmLabel(e) {
+		X(p, this, e);
+	}
+	get retakeLabel() {
+		return Z(m, this);
+	}
+	set retakeLabel(e) {
+		X(m, this, e);
+	}
+	get cancelLabel() {
+		return Z(h, this);
+	}
+	set cancelLabel(e) {
+		X(h, this, e);
+	}
+	get fileNamePrefix() {
+		return Z(g, this);
+	}
+	set fileNamePrefix(e) {
+		X(g, this, e);
+	}
+	get mediaConstraints() {
+		return Z(_, this);
+	}
+	set mediaConstraints(e) {
+		X(_, this, e);
+	}
+	get constraints() {
+		return Z(v, this);
+	}
+	set constraints(e) {
+		X(v, this, e);
+	}
+	get captureFormat() {
+		return Z(y, this);
+	}
+	set captureFormat(e) {
+		X(y, this, e);
+	}
+	get captureQuality() {
+		return Z(b, this);
+	}
+	set captureQuality(e) {
+		X(b, this, e);
+	}
+	get showCancelButton() {
+		return Z(x, this);
+	}
+	set showCancelButton(e) {
+		X(x, this, e);
+	}
+	get facingMode() {
+		return Z(S, this);
+	}
+	set facingMode(e) {
+		X(S, this, e);
+	}
+	get errorMessage() {
+		return Z(C, this);
+	}
+	set errorMessage(e) {
+		X(C, this, e);
+	}
+	get previewUrl() {
+		return Z(w, this);
+	}
+	set previewUrl(e) {
+		X(w, this, e);
+	}
+	get startingPreview() {
+		return Z(T, this);
+	}
+	set startingPreview(e) {
+		X(T, this, e);
+	}
+	get value() {
+		return Z(E, this);
+	}
+	set value(e) {
+		X(E, this, e);
+	}
+	disconnectedCallback() {
+		this.stopStream(), this.revokePreviewUrl(), super.disconnectedCallback();
+	}
+	willUpdate(e) {
+		if (super.willUpdate(e), e.has("value")) {
+			let e = this.value instanceof File ? this.value : null;
+			if (e !== this.value) {
+				this.value = e;
+				return;
+			}
+			this.syncPreviewFromValue(e);
+		}
+	}
+	updated(e) {
+		if (!this.value && !this.stream && !this.startingPreview && (e.has("previewUrl") || e.has("value")) && this.queuePreviewStart(), this.stream) {
+			let e = this.shadowRoot?.querySelector("video");
+			e && e.srcObject !== this.stream && (e.srcObject = this.stream);
+		}
+	}
+	render() {
+		return o`
+        <solid-ui-dialog title=${this.heading}>
+            <solid-ui-dialog-content>
+                ${this.renderViewport()}
+                ${this.renderStatus()}
+            </solid-ui-dialog-content>
+            <solid-ui-dialog-footer>
+                ${this.showCancelButton ? o`<solid-ui-button variant="secondary" @click=${() => this.close()}>${this.cancelLabel}</solid-ui-button>` : t}
+
+                ${this.value ? o`
+                    <solid-ui-button @click=${this.onRetake}>${this.retakeLabel}</solid-ui-button>
+                    <solid-ui-button @click=${this.onConfirm}>${this.confirmLabel}</solid-ui-button>
+                  ` : o`
+                    <solid-ui-button
+                        ?disabled=${this.startingPreview || !this.stream}
+                        @click=${this.onCapture}
+                    >
+                        ${this.captureLabel}
+                    </solid-ui-button>
+                  `}
+            </solid-ui-dialog-footer>
+        </solid-ui-dialog>
+    `;
+	}
+	renderViewport() {
+		let e = this.previewUrl ? o`<img src="${this.previewUrl}" alt="Captured photo preview" />` : o`<video autoplay playsinline muted></video>`;
+		return o`<div class="viewport">${e}</div>`;
+	}
+	renderStatus() {
+		return this.errorMessage ? o`<div class="status error">${this.errorMessage}</div>` : this.startingPreview ? o`<div class="status">Opening camera…</div>` : this.value ? o`<div class="status">Review the photo before confirming it.</div>` : o`<div class="status">Preview the camera and take a photo when ready.</div>`;
+	}
+	onRetake() {
+		this.clearValue(), this.queuePreviewStart();
+	}
+	onConfirm() {
+		this.value && this.close(this.value);
+	}
+	async onCapture() {
+		let e = this.shadowRoot?.querySelector("video");
+		if (!e) return;
+		let t = e.videoWidth || e.clientWidth || 640, n = e.videoHeight || e.clientHeight || 480, r = document.createElement("canvas");
+		r.width = t, r.height = n;
+		let i = r.getContext("2d");
+		if (!i) {
+			this.errorMessage = "Unable to capture a photo in this browser";
+			return;
+		}
+		i.drawImage(e, 0, 0, t, n);
+		let a = await new Promise((e) => {
+			r.toBlob(e, this.captureFormat, this.captureQuality);
+		});
+		if (!a) {
+			this.errorMessage = "Unable to create an image from the current camera frame";
+			return;
+		}
+		this.value = this.createFileFromBlob(a), this.errorMessage = "";
+	}
+	createFileFromBlob(e) {
+		let t = e.type || this.captureFormat, n = this.fileExtensionForMimeType(t), r = (this.fileNamePrefix || this.name || "photo").trim() || "photo";
+		return new File([e], `${r}-${Date.now()}.${n}`, { type: t });
+	}
+	fileExtensionForMimeType(e) {
+		switch (e) {
+			case "image/jpeg": return "jpg";
+			case "image/webp": return "webp";
+			case "image/gif": return "gif";
+			default: return "png";
+		}
+	}
+	queuePreviewStart() {
+		this.startPreview().catch(() => void 0);
+	}
+	stopStream() {
+		if (!this.stream) return;
+		this.stream.getTracks().forEach((e) => e.stop()), this.stream = null;
+		let e = this.shadowRoot?.querySelector("video");
+		e && (e.srcObject = null);
+	}
+	syncPreviewFromValue(e) {
+		this.revokePreviewUrl(), e && (this.stopStream(), this.previewUrl = URL.createObjectURL(e));
+	}
+	clearValue() {
+		this.value = null, this.errorMessage = "";
+	}
+	revokePreviewUrl() {
+		this.previewUrl && URL.revokeObjectURL(this.previewUrl), this.previewUrl = "";
+	}
+	async startPreview() {
+		if (!(this.value || this.startingPreview)) {
+			if (!navigator.mediaDevices?.getUserMedia) {
+				this.errorMessage = "Camera access is not available in this browser";
+				return;
+			}
+			this.startingPreview = !0, this.errorMessage = "";
+			try {
+				let e = await navigator.mediaDevices.getUserMedia(this.resolveMediaConstraints());
+				this.stream = e, this.requestUpdate(), await this.updateComplete;
+				let t = this.shadowRoot?.querySelector("video");
+				t && (t.srcObject = e, await t.play?.().catch(() => void 0));
+			} catch (e) {
+				this.errorMessage = e?.message || "Unable to start the camera preview";
+			} finally {
+				this.startingPreview = !1;
+			}
+		}
+	}
+	resolveMediaConstraints() {
+		if (this.mediaConstraints) return this.mediaConstraints;
+		if (this.constraints) try {
+			return JSON.parse(this.constraints);
+		} catch (e) {
+			throw Error(`Invalid constraints JSON: ${e.message}`);
+		}
+		return { video: !this.facingMode || { facingMode: { ideal: this.facingMode } } };
+	}
+}, {e: [j, ee, ne, ie, N, F, L, z, V, U, G, q, oe, ce, ue, fe, me, D], c: [$, O]} = ye(l, [
+	[
+		A,
+		1,
+		"name"
+	],
+	[
+		M,
+		1,
+		"heading"
+	],
+	[
+		te,
+		1,
+		"captureLabel"
+	],
+	[
+		re,
+		1,
+		"confirmLabel"
+	],
+	[
+		ae,
+		1,
+		"retakeLabel"
+	],
+	[
+		P,
+		1,
+		"cancelLabel"
+	],
+	[
+		I,
+		1,
+		"fileNamePrefix"
+	],
+	[
+		R,
+		1,
+		"mediaConstraints"
+	],
+	[
+		B,
+		1,
+		"constraints"
+	],
+	[
+		H,
+		1,
+		"captureFormat"
+	],
+	[
+		W,
+		1,
+		"captureQuality"
+	],
+	[
+		K,
+		1,
+		"showCancelButton"
+	],
+	[
+		J,
+		1,
+		"facingMode"
+	],
+	[
+		se,
+		1,
+		"errorMessage"
+	],
+	[
+		le,
+		1,
+		"previewUrl"
+	],
+	[
+		de,
+		1,
+		"startingPreview"
+	],
+	[
+		pe,
+		1,
+		"value"
+	]
+], k, 0, void 0, e), l), c = class extends we {
+	constructor() {
+		super($), Q(this, "styles", s), O();
+	}
+}, Q(c, he, void 0), c)();
+//#endregion
+//#region src/components/photo-capture-modal/index.ts
+var Te = $;
+//#endregion
+export { $ as n, Te as t };
+
+//# sourceMappingURL=photo-capture-modal-BhmL3kYD.js.map

package/dist/chunks/photo-capture-modal-BhmL3kYD.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"photo-capture-modal-BhmL3kYD.js","names":["customElement","DialogComponent","html","nothing","property","state","styles","_classDecs","_PhotoCaptureModal","_PhotoCaptureModal2","_A","WeakMap","_B","_C","_D","_E","_F","_G","_H","_I","_J","_K","_L","_M","_N","_O","_P","_Q","_ref","_nameDecs","type","String","reflect","_headingDecs","_captureLabelDecs","_confirmLabelDecs","_retakeLabelDecs","_cancelLabelDecs","attribute","_fileNamePrefixDecs","_mediaConstraintsDecs","_constraintsDecs","_captureFormatDecs","_captureQualityDecs","Number","_showCancelButtonDecs","Boolean","_facingModeDecs","_errorMessageDecs","_previewUrlDecs","_startingPreviewDecs","_valueDecs","_PhotoCaptureModal3","PhotoCaptureModal","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_name","_init_heading","_init_captureLabel","_init_confirmLabel","_init_retakeLabel","_init_cancelLabel","_init_fileNamePrefix","_init_mediaConstraints","undefined","_init_constraints","_init_captureFormat","_init_captureQuality","_init_showCancelButton","_init_facingMode","_init_errorMessage","_init_previewUrl","_init_startingPreview","_init_value","_defineProperty","_classPrivateFieldGet","name","v","_classPrivateFieldSet","heading","captureLabel","confirmLabel","retakeLabel","cancelLabel","fileNamePrefix","mediaConstraints","constraints","captureFormat","captureQuality","showCancelButton","facingMode","errorMessage","previewUrl","startingPreview","value","disconnectedCallback","stopStream","revokePreviewUrl","willUpdate","changed","has","normalizedValue","File","syncPreviewFromValue","updated","stream","queuePreviewStart","video","shadowRoot","querySelector","srcObject","render","renderViewport","renderStatus","close","onRetake","onConfirm","onCapture","contents","clearValue","width","videoWidth","clientWidth","height","videoHeight","clientHeight","canvas","document","createElement","context","getContext","drawImage","blob","Promise","resolve","toBlob","createFileFromBlob","contentType","extension","fileExtensionForMimeType","safePrefix","trim","Date","now","mimeType","startPreview","catch","getTracks","forEach","track","stop","file","URL","createObjectURL","revokeObjectURL","navigator","mediaDevices","getUserMedia","resolveMediaConstraints","requestUpdate","updateComplete","play","error","message","JSON","parse","Error","ideal","e","c","_initClass","_applyDecs","_Class","_identity","default","PhotoCaptureModal"],"sources":["../../src/components/photo-capture-modal/PhotoCaptureModal.styles.css","../../src/components/photo-capture-modal/PhotoCaptureModal.ts","../../src/components/photo-capture-modal/index.ts"],"sourcesContent":[".viewport {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    min-height: 200px;\n    border-radius: 0.5rem;\n    overflow: hidden;\n    background: color-mix(in srgb, #ffffff 92%, #000 8%);\n}\n\n.viewport video,\n.viewport img {\n    display: block;\n    width: 100%;\n    max-width: 260px;\n    height: auto;\n    border-radius: 0.5rem;\n    margin: 0 auto;\n    object-fit: cover;\n}\n\n.status {\n    width: 100%;\n    text-align: center;\n    color: var(--photo-capture-muted-text);\n    font-size: 0.875rem;\n}\n\n.status.error {\n    color: var(--color-error, #b00020);\n}\n","import { customElement, DialogComponent } from '@/lib/components'\nimport { html, PropertyValues, nothing } from 'lit'\nimport { property, state } from 'lit/decorators.js'\n\nimport '@/components/button'\nimport '@/components/dialog'\nimport '@/components/dialog-content'\nimport '@/components/dialog-footer'\n\nimport styles from './PhotoCaptureModal.styles.css'\n\n@customElement('solid-ui-photo-capture-modal')\nexport default class PhotoCaptureModal extends DialogComponent<File> {\n  static styles = styles\n\n  @property({ type: String, reflect: true })\n  accessor name = ''\n\n  @property({ type: String, reflect: true })\n  accessor heading = 'Take a photo'\n\n  @property({ type: String, reflect: true })\n  accessor captureLabel = 'Take Photo'\n\n  @property({ type: String, reflect: true })\n  accessor confirmLabel = 'Use Photo'\n\n  @property({ type: String, reflect: true })\n  accessor retakeLabel = 'Retake'\n\n  @property({ type: String, attribute: 'cancel-label', reflect: true })\n  accessor cancelLabel = 'Cancel'\n\n  @property({ type: String, attribute: 'file-name-prefix', reflect: true })\n  accessor fileNamePrefix = ''\n\n  @property({ attribute: false })\n  accessor mediaConstraints: MediaStreamConstraints | undefined = undefined\n\n  @property({ type: String, reflect: true })\n  accessor constraints = ''\n\n  @property({ type: String, attribute: 'capture-format', reflect: true })\n  accessor captureFormat = 'image/png'\n\n  @property({ type: Number, attribute: 'capture-quality' })\n  accessor captureQuality: number | undefined = undefined\n\n  @property({ type: Boolean, attribute: 'show-cancel-button', reflect: true })\n  accessor showCancelButton = true\n\n  @property({ type: String, attribute: 'facing-mode', reflect: true })\n  accessor facingMode = 'user'\n\n  @state()\n  accessor errorMessage = ''\n\n  @state()\n  accessor previewUrl = ''\n\n  @state()\n  accessor startingPreview = false\n\n  @state()\n  accessor value: File | null = null\n\n  private stream: MediaStream | null = null\n\n  disconnectedCallback () {\n    this.stopStream()\n    this.revokePreviewUrl()\n    super.disconnectedCallback()\n  }\n\n  protected willUpdate (changed: PropertyValues<this>) {\n    super.willUpdate(changed)\n\n    if (changed.has('value')) {\n      const normalizedValue = this.value instanceof File ? this.value : null\n\n      if (normalizedValue !== this.value) {\n        this.value = normalizedValue\n\n        return\n      }\n\n      this.syncPreviewFromValue(normalizedValue)\n    }\n  }\n\n  protected updated (changed: PropertyValues<this>) {\n    if (\n      !this.value &&\n      !this.stream &&\n      !this.startingPreview &&\n      (changed.has('previewUrl') || changed.has('value'))\n    ) {\n      this.queuePreviewStart()\n    }\n\n    if (this.stream) {\n      const video = this.shadowRoot?.querySelector<HTMLVideoElement>('video')\n\n      if (video && video.srcObject !== this.stream) {\n        video.srcObject = this.stream\n      }\n    }\n  }\n\n  protected render () {\n    return html`\n        <solid-ui-dialog title=${this.heading}>\n            <solid-ui-dialog-content>\n                ${this.renderViewport()}\n                ${this.renderStatus()}\n            </solid-ui-dialog-content>\n            <solid-ui-dialog-footer>\n                ${this.showCancelButton\n                    ? html`<solid-ui-button variant=\"secondary\" @click=${() => this.close()}>${this.cancelLabel}</solid-ui-button>`\n                    : nothing\n                }\n\n                ${this.value\n                  ? html`\n                    <solid-ui-button @click=${this.onRetake}>${this.retakeLabel}</solid-ui-button>\n                    <solid-ui-button @click=${this.onConfirm}>${this.confirmLabel}</solid-ui-button>\n                  `\n                  : html`\n                    <solid-ui-button\n                        ?disabled=${this.startingPreview || !this.stream}\n                        @click=${this.onCapture}\n                    >\n                        ${this.captureLabel}\n                    </solid-ui-button>\n                  `\n                }\n            </solid-ui-dialog-footer>\n        </solid-ui-dialog>\n    `\n  }\n\n  private renderViewport () {\n    const contents = this.previewUrl\n      ? html`<img src=\"${this.previewUrl}\" alt=\"Captured photo preview\" />`\n      : html`<video autoplay playsinline muted></video>`\n\n    return html`<div class=\"viewport\">${contents}</div>`\n  }\n\n  private renderStatus () {\n    if (this.errorMessage) {\n      return html`<div class=\"status error\">${this.errorMessage}</div>`\n    }\n\n    if (this.startingPreview) {\n      return html`<div class=\"status\">Opening camera…</div>`\n    }\n\n    if (!this.value) {\n      return html`<div class=\"status\">Preview the camera and take a photo when ready.</div>`\n    }\n\n    return html`<div class=\"status\">Review the photo before confirming it.</div>`\n  }\n\n  private onRetake () {\n    this.clearValue()\n    this.queuePreviewStart()\n  }\n\n  private onConfirm () {\n    if (!this.value) {\n      return\n    }\n\n    this.close(this.value)\n  }\n\n  private async onCapture () {\n    const video = this.shadowRoot?.querySelector<HTMLVideoElement>('video')\n\n    if (!video) {\n      return\n    }\n\n    const width = video.videoWidth || video.clientWidth || 640\n    const height = video.videoHeight || video.clientHeight || 480\n    const canvas = document.createElement('canvas')\n    canvas.width = width\n    canvas.height = height\n\n    const context = canvas.getContext('2d')\n\n    if (!context) {\n      this.errorMessage = 'Unable to capture a photo in this browser'\n\n      return\n    }\n\n    context.drawImage(video, 0, 0, width, height)\n\n    const blob = await new Promise<Blob | null>(resolve => {\n      canvas.toBlob(resolve, this.captureFormat, this.captureQuality)\n    })\n\n    if (!blob) {\n      this.errorMessage = 'Unable to create an image from the current camera frame'\n\n      return\n    }\n\n    this.value = this.createFileFromBlob(blob)\n    this.errorMessage = ''\n  }\n\n  private createFileFromBlob (blob: Blob): File {\n    const contentType = blob.type || this.captureFormat\n    const extension = this.fileExtensionForMimeType(contentType)\n    const safePrefix = (this.fileNamePrefix || this.name || 'photo').trim() || 'photo'\n\n    return new File([blob], `${safePrefix}-${Date.now()}.${extension}`, { type: contentType })\n  }\n\n  private fileExtensionForMimeType (mimeType: string): string {\n    switch (mimeType) {\n      case 'image/jpeg':\n        return 'jpg'\n      case 'image/webp':\n        return 'webp'\n      case 'image/gif':\n        return 'gif'\n      default:\n        return 'png'\n    }\n  }\n\n  private queuePreviewStart () {\n    this.startPreview().catch(() => undefined)\n  }\n\n  private stopStream () {\n    if (!this.stream) {\n      return\n    }\n\n    this.stream.getTracks().forEach(track => track.stop())\n    this.stream = null\n\n    const video = this.shadowRoot?.querySelector<HTMLVideoElement>('video')\n\n    if (video) {\n      video.srcObject = null\n    }\n  }\n\n  private syncPreviewFromValue (file: File | null) {\n    this.revokePreviewUrl()\n\n    if (!file) {\n      return\n    }\n\n    this.stopStream()\n    this.previewUrl = URL.createObjectURL(file)\n  }\n\n  private clearValue () {\n    this.value = null\n    this.errorMessage = ''\n  }\n\n  private revokePreviewUrl () {\n    if (this.previewUrl) {\n      URL.revokeObjectURL(this.previewUrl)\n    }\n\n    this.previewUrl = ''\n  }\n\n  private async startPreview () {\n    if (this.value || this.startingPreview) {\n      return\n    }\n\n    if (!navigator.mediaDevices?.getUserMedia) {\n      this.errorMessage = 'Camera access is not available in this browser'\n\n      return\n    }\n\n    this.startingPreview = true\n    this.errorMessage = ''\n\n    try {\n      const stream = await navigator.mediaDevices.getUserMedia(this.resolveMediaConstraints())\n\n      this.stream = stream\n      this.requestUpdate()\n\n      await this.updateComplete\n\n      const video = this.shadowRoot?.querySelector<HTMLVideoElement>('video')\n\n      if (video) {\n        video.srcObject = stream\n\n        await video.play?.().catch(() => undefined)\n      }\n    } catch (error) {\n      this.errorMessage = (error as Error)?.message || 'Unable to start the camera preview'\n    } finally {\n      this.startingPreview = false\n    }\n  }\n\n  private resolveMediaConstraints (): MediaStreamConstraints {\n    if (this.mediaConstraints) {\n      return this.mediaConstraints\n    }\n\n    if (this.constraints) {\n      try {\n        return JSON.parse(this.constraints) as MediaStreamConstraints\n      } catch (error) {\n        throw new Error(`Invalid constraints JSON: ${(error as Error).message}`)\n      }\n    }\n\n    return {\n      video: this.facingMode\n        ? { facingMode: { ideal: this.facingMode } }\n        : true\n    }\n  }\n}\n","import PhotoCaptureModal from './PhotoCaptureModal'\n\nexport { PhotoCaptureModal }\nexport default PhotoCaptureModal\n"],"mappings":"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"}

package/dist/chunks/{provider-D0RqwRoM.js → provider-BJ8rXsnl.js}

@@ -1,9 +1,7 @@
-import { c as e, n as t } from "./auth-DIRGfFle.js";
-import { n } from "./DialogProvider-Bt65G0Tk.js";
-import { a as r, i } from "./components-C1LEhsaK.js";
-import { i as a } from "./lit-C4H1jI4q.js";
-import { r as o } from "./decorators-BiCkPd_3.js";
-import "./dialogs-root-Cv932Aqm.js";
+import { n as e, o as t } from "./auth-DdvFEHuV.js";
+import { g as n, i as r, o as i, u as a } from "./components-BHoVP7zE.js";
+import { n as o } from "./DialogProvider-BFllJFfq.js";
+import "./dialogs-root-ngPW2Q6K.js";
 //#region src/components/provider/Provider.ts
 var s, c, l, u, d, f, p, m, h;
 function g(e, t, n) {
@@ -166,14 +164,14 @@ function T(e) {
 	if (Object(e) !== e) throw TypeError("right-hand side of 'in' should be an object, got " + (e === null ? "null" : typeof e));
 	return e;
 }
-u = [r("solid-ui-provider")];
+u = [n("solid-ui-provider")];
 var E, D = /*#__PURE__*/ new WeakMap(), O = /*#__PURE__*/ new WeakMap();
-h = (d = o({
+h = (d = r({
 	type: String,
 	reflect: !0
-}), p = n({ context: e }), "signupUrl"), s = class extends i {
-	constructor(...e) {
-		super(...e), g(this, D, (c(this), f(this))), g(this, O, m(this, new t()));
+}), p = o({ context: t }), "signupUrl"), s = class extends i {
+	constructor(...t) {
+		super(...t), g(this, D, (c(this), f(this))), g(this, O, m(this, new e()));
 	}
 	get [h]() {
 		return y(D, this);
@@ -187,6 +185,9 @@ h = (d = o({
 	set auth(e) {
 		v(O, this, e);
 	}
+	async connectedCallback() {
+		super.connectedCallback(), await this.auth.initialize();
+	}
 	willUpdate(e) {
 		super.willUpdate(e), e.has("signupUrl") && (this.auth.signupUrl = this.signupUrl ?? "https://solidproject.org/get_a_pod");
 	}
@@ -211,4 +212,4 @@ var k = E;
 //#endregion
 export { E as n, k as t };
 
-//# sourceMappingURL=provider-D0RqwRoM.js.map
+//# sourceMappingURL=provider-BJ8rXsnl.js.map

package/dist/chunks/provider-BJ8rXsnl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider-BJ8rXsnl.js","names":["customElement","WebComponent","provide","html","property","authContext","SolidAuth","DEFAULT_SIGNUP_URL","_classDecs","_Provider","_A","WeakMap","_B","_ref","_signupUrlDecs","type","String","reflect","_authDecs","context","Provider","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_signupUrl","_init_auth","_classPrivateFieldGet","signupUrl","v","_classPrivateFieldSet","auth","connectedCallback","initialize","willUpdate","changedProperties","has","render","_Provider2","e","c","_initClass","_applyDecs","default","Provider"],"sources":["../../src/components/provider/Provider.ts","../../src/components/provider/index.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { provide } from '@lit/context'\nimport { html, type PropertyValues } from 'lit'\nimport { property } from 'lit/decorators.js'\nimport { authContext } from '@/lib/auth'\nimport { SolidAuth, DEFAULT_SIGNUP_URL } from '@/lib/auth'\n\nimport '@/components/dialogs-root'\n\n@customElement('solid-ui-provider')\nexport default class Provider extends WebComponent {\n  @property({ type: String, reflect: true })\n  accessor signupUrl: string | undefined\n\n  @provide({ context: authContext })\n  private accessor auth = new SolidAuth()\n\n  async connectedCallback () {\n    super.connectedCallback()\n\n    await this.auth.initialize()\n  }\n\n  protected willUpdate (changedProperties: PropertyValues<this>) {\n    super.willUpdate(changedProperties)\n\n    if (changedProperties.has('signupUrl')) {\n      this.auth.signupUrl = this.signupUrl ?? DEFAULT_SIGNUP_URL\n    }\n  }\n\n  protected render () {\n    return html`\n        <slot></slot>\n        <solid-ui-dialogs-root></solid-ui-dialogs-root>\n    `\n  }\n}\n","import Provider from './Provider'\n\nexport { Provider }\nexport default Provider\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOkCQ,IAAA,CAEjCR,EAAc,mBAAmB,CAAC;AAAA,IAAAS,GAAAC,kBAAA,IAAAC,QAAA,GAAAC,kBAAA,IAAAD,QAAA;AAAAE,KAAAC,IAEhCV,EAAS;CAAEW,MAAMC;CAAQC,SAAS;AAAK,CAAC,GAACC,IAGzChB,EAAQ,EAAEiB,SAASd,EAAY,CAAC,GAAC,cAuBnCiC,IAAAlB,cA3BqCnB,EAAa;CAAAoB,YAAA,GAAAC,GAAA;EAAAC,AAAA,MAAA,GAAAD,CAAA,GAAAC,EAAA,MAAAb,IAAAc,EAAA,IAAA,GAAAC,EAAA,IAAA,EAAA,GAAAF,EAAA,MAAAX,GAAAc,EAAA,MAKzB,IAAIpB,EAAU,CAAC,CAAA;CAAA;CAAA,KAAAO,KAAA;EAAA,OAAAc,EAAAjB,GAAA,IAAA;CAAA;CAAA,IAH9BkB,UAASC,GAAA;EAAAC,EAAApB,GAAA,MAAAmB,CAAA;CAAA;CAAA,IAGDE,OAAI;EAAA,OAAAJ,EAAAf,GAAA,IAAA;CAAA;CAAA,IAAJmB,KAAIF,GAAA;EAAAC,EAAAlB,GAAA,MAAAiB,CAAA;CAAA;CAErB,MAAMG,oBAAqB;EAGzB,AAFA,MAAMA,kBAAkB,GAExB,MAAM,KAAKD,KAAKE,WAAW;CAC7B;CAEUC,WAAYC,GAAyC;EAG7D,AAFA,MAAMD,WAAWC,CAAiB,GAE9BA,EAAkBC,IAAI,WAAW,MACnC,KAAKL,KAAKH,YAAY,KAAKA,aAAAA;CAE/B;CAEUS,SAAU;EAClB,OAAOlC,CAAI;;;;CAIb;AACF,GAAC,CAAAoC,GAAA,CAAAd,GAAAC,GAAAF,IAAAgB,GAAA,CAAA/B,GAAAgC,MAAAC,EAAAJ,GAAA,CAAA;CAAAxB;CAAA;CAAA;AAAA,GAAA;CAAAI;CAAA;CAAA;AAAA,CAAA,GAAAV,GAAA,GAAA,KAAA,GA3BqCP,CAAY,GAAAwC,EAAA;;;ACPlD,IAAA,IAAeG"}