solid-ui 5.0.2-2 → 5.0.2-3

package/dist/chunks/file-explorer-header-B6-Q0i6V.js

@@ -0,0 +1,963 @@
+import { E as e, t } from "./solidLogicSingleton.esm-BXyHD7mn.js";
+import { u as n } from "./style-CXaw5EYi.js";
+import { S as r } from "./widgets-BBEQu0CS.js";
+import { c as i, i as a, o, p as s, r as c, u as l, y as u } from "./components-LxiwG5ae.js";
+import { t as d } from "./custom-element-BW8Ua4c7.js";
+import { t as f } from "./query-DjAOg-tk.js";
+import "./button-Dy1aFjqG.js";
+import { n as p, t as m } from "./context-By_u12WA.js";
+import { n as h, t as g } from "./events-CXQHDCs2.js";
+import "./globe-CsCgZcy5.js";
+import { n as _, r as v } from "./ResourceActionsMenu-o-8kWx8z.js";
+// ~icons/lucide/share-2
+var y = class extends HTMLElement {
+	constructor() {
+		super(), this.attachShadow({ mode: "open" }).innerHTML = "<style>:host { display: inline-flex; }</style><svg viewBox=\"0 0 24 24\" width=\"100%\" height=\"100%\" ><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><circle cx=\"18\" cy=\"5\" r=\"3\"/><circle cx=\"6\" cy=\"12\" r=\"3\"/><circle cx=\"18\" cy=\"19\" r=\"3\"/><path d=\"m8.59 13.51l6.83 3.98m-.01-10.98l-6.82 3.98\"/></g></svg>";
+	}
+};
+customElements.get("icon-lucide-share-2") || customElements.define("icon-lucide-share-2", y);
+// src/components/file-explorer-header/FileExplorerHeader.styles.css
+var b = s`:host{& header{box-sizing:border-box;text-align:right;border-bottom:1px solid var(--solid-ui-color-gray-200,#cbd5e1);flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:6px;width:100%;padding:10px;display:flex}}`, x = class extends HTMLElement {
+	constructor() {
+		super(), this.attachShadow({ mode: "open" }).innerHTML = "<style>:host { display: inline-flex; }</style><svg viewBox=\"0 0 24 24\" width=\"100%\" height=\"100%\" ><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\"><circle cx=\"12\" cy=\"16\" r=\"1\"/><rect width=\"18\" height=\"12\" x=\"3\" y=\"10\" rx=\"2\"/><path d=\"M7 10V7a5 5 0 0 1 10 0v3\"/></g></svg>";
+	}
+};
+customElements.get("icon-lucide-lock-keyhole") || customElements.define("icon-lucide-lock-keyhole", x);
+// ~icons/lucide/arrow-left
+var S = class extends HTMLElement {
+	constructor() {
+		super(), this.attachShadow({ mode: "open" }).innerHTML = "<style>:host { display: inline-flex; }</style><svg viewBox=\"0 0 24 24\" width=\"100%\" height=\"100%\" ><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m12 19l-7-7l7-7m7 7H5\"/></svg>";
+	}
+};
+customElements.get("icon-lucide-arrow-left") || customElements.define("icon-lucide-arrow-left", S);
+// src/components/file-explorer-header/FileExplorerHeaderSummary.styles.css
+var C = s`:host{& .file-explorer-header-summary{text-align:left;flex-wrap:wrap;flex:auto;justify-content:flex-start;align-items:center;gap:6px;min-width:0;display:flex}& h1{color:var(--solid-ui-color-gray-700,#364153);font-size:var(--solid-ui-font-size-xl,1.25rem);align-items:center;gap:8px;margin:0;font-weight:500;display:flex}& .resource-info{flex-direction:column;min-width:0;display:flex}& .container-info{flex-direction:row;gap:10px;min-width:0;display:flex}& .pane-icon{aspect-ratio:1;justify-content:center;align-items:center;width:40px;height:40px;padding:7.5px 7px 6.5px;display:flex}& .pane-icon img{object-fit:contain;width:100%;height:100%;display:block}& p{color:var(--solid-ui-gray-500,#6a7282);font-size:var(--solid-ui-font-size-xs,.75rem);align-items:center;gap:5px;font-weight:500;display:flex}& .public{color:var(--blue-400,#51a2ff);background:var(--blue-50,#eff6ff);border-radius:5px;justify-content:center;align-items:center;gap:3px;padding:2px 5px;display:flex}& icon-lucide-globe{stroke-width:1.021px;stroke:var(--blue-400,#51a2ff)}& .private{color:var(--yellow-600,#d08700);background:var(--yellow-100,#fef9c2);border-radius:5px;justify-content:center;align-items:center;gap:3px;padding:2px 5px;display:flex}& icon-lucide-lock-keyhole{stroke-width:1.021px;stroke:var(--yellow-600,#d08700)}& icon-lucide-globe,& icon-lucide-lock-keyhole{width:.875rem;height:.875rem}& .resource-date{font-size:inherit}& icon-lucide-arrow-left{width:1.125rem;height:1.125rem}@media (width<=600px){& .file-explorer-header-summary{gap:7px}& h1{font-size:14px}& .pane-icon{aspect-ratio:1;flex-shrink:0;width:18.2px;height:18.2px;padding:0}& p{font-size:14px}& .resource-date{font-size:10px}& .public,& .private{font-size:9px}& icon-lucide-arrow-left{aspect-ratio:5/6;flex-shrink:0;width:15px;height:18px}}}`, w, T, E, D, O, k, A, j, ee, te, ne, re, ie, ae, oe, se, ce, le, ue, de, fe, pe, me, he, ge;
+function M(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 N(e, t, n) {
+	return e.set(ve(e, t), n), n;
+}
+function P(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 F(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;
+	if (typeof Symbol < "u" && (n = e[Symbol.toPrimitive]) !== 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;
+}
+ne = [d("solid-ui-file-explorer-header-summary")];
+var Te;
+new (he = (E = /*#__PURE__*/ new WeakMap(), D = /*#__PURE__*/ new WeakMap(), O = /*#__PURE__*/ new WeakMap(), k = /*#__PURE__*/ new WeakMap(), A = /*#__PURE__*/ new WeakMap(), j = /*#__PURE__*/ new WeakMap(), ge = (re = u({
+	context: p,
+	subscribe: !0
+}), ae = a({ attribute: !1 }), se = a({ attribute: !1 }), le = a({ attribute: !1 }), de = c(), pe = f("h1"), "_draggableSubjectUri"), T = class extends o {
+	constructor(...e) {
+		super(...e), F(this, ge, void ee(this)), F(this, "_paneIconGeneration", 0), M(this, E, ie(this, m)), M(this, D, oe(this)), M(this, O, ce(this)), M(this, k, ue(this, {
+			modified: void 0,
+			isPublic: !1
+		})), M(this, A, fe(this, void 0)), M(this, j, me(this, null));
+	}
+	get fileExplorerContext() {
+		return P(E, this);
+	}
+	set fileExplorerContext(e) {
+		N(E, this, e);
+	}
+	get paneIcon() {
+		return P(D, this);
+	}
+	set paneIcon(e) {
+		N(D, this, e);
+	}
+	get onBackClick() {
+		return P(O, this);
+	}
+	set onBackClick(e) {
+		N(O, this, e);
+	}
+	get responseMetadata() {
+		return P(k, this);
+	}
+	set responseMetadata(e) {
+		N(k, this, e);
+	}
+	get resolvedPaneIcon() {
+		return P(A, this);
+	}
+	set resolvedPaneIcon(e) {
+		N(A, this, e);
+	}
+	get titleHeading() {
+		return P(j, this);
+	}
+	set titleHeading(e) {
+		N(j, this, e);
+	}
+	formatModifiedDate(e) {
+		if (!e) return "";
+		let t = new Date(e);
+		if (Number.isNaN(t.getTime())) return e;
+		let n = new Intl.DateTimeFormat("en-GB", {
+			day: "2-digit",
+			month: "short",
+			year: "numeric",
+			hour: "2-digit",
+			minute: "2-digit",
+			hour12: !0
+		}).formatToParts(t), r = (e) => n.find((t) => t.type === e)?.value ?? "";
+		return `${r("day")} ${r("month")}, ${r("year")} at ${r("hour")}:${r("minute")} ${r("dayPeriod").toUpperCase()}`;
+	}
+	willUpdate(e) {
+		if (e.has("paneIcon")) {
+			let e = ++this._paneIconGeneration;
+			this.resolvedPaneIcon = void 0, this.resolvePaneIcon(this.paneIcon, e);
+		}
+	}
+	updated() {
+		this.titleHeading && this.fileExplorerContext?.subjectUri && this._draggableSubjectUri !== this.fileExplorerContext.subjectUri && (r(this.titleHeading, e(this.fileExplorerContext.subjectUri)), this._draggableSubjectUri = this.fileExplorerContext.subjectUri);
+	}
+	async resolvePaneIcon(e, t) {
+		try {
+			if (e == null) return;
+			let n = await e;
+			t === this._paneIconGeneration && (this.resolvedPaneIcon = n ?? void 0);
+		} catch (e) {
+			t === this._paneIconGeneration && (this.resolvedPaneIcon = void 0, console.warn("file-explorer-header-summary: failed to resolve pane icon", e));
+		}
+	}
+	renderContainerResourceHeader(e, t) {
+		let n = _(this.fileExplorerContext?.store, this.fileExplorerContext?.subjectUri) ?? 0;
+		return l`
+      <div class="container-info">
+        <h1>
+          <span>${e}</span>
+        </h1>
+        <p>
+        ${n} items
+          ${t ? l`<span class="public"><icon-lucide-globe aria-hidden="true"></icon-lucide-globe><span class="sr-only">Public</span></span>` : l`<span class="private"><icon-lucide-lock-keyhole aria-hidden="true"></icon-lucide-lock-keyhole><span class="sr-only">Private</span></span>`}
+        </p>
+      </div>
+    `;
+	}
+	renderResourceHeader(e, t) {
+		let n = this.formatModifiedDate(this.responseMetadata.modified);
+		return l`
+        <div class="resource-info">
+          <h1>
+            <span>${e}</span>
+          </h1>
+          <p><span class="resource-date">${n}</span> ${t ? l`<span class="public"><icon-lucide-globe></icon-lucide-globe> Public</span>` : l`<span class="private"><icon-lucide-lock-keyhole></icon-lucide-lock-keyhole> Private</span>`}</p>
+        </div>
+    `;
+	}
+	render() {
+		let t = this.fileExplorerContext?.subjectUri ? e(this.fileExplorerContext.subjectUri) : void 0, r = t ? n(t) : "", i = this.responseMetadata.isPublic, a = v(this.fileExplorerContext?.store, this.fileExplorerContext?.subjectUri);
+		return l`
+      <div class="file-explorer-header-summary">
+        <solid-ui-button
+          variant="ghost"
+          @click=${this.onBackClick}
+          title="Back"
+        >
+          <icon-lucide-arrow-left></icon-lucide-arrow-left>
+          <span class="sr-only">Back</span>
+        </solid-ui-button>
+        <span class="pane-icon">
+          ${this.resolvedPaneIcon ? l`<img src=${this.resolvedPaneIcon} alt="" />` : ""}
+        </span>
+        ${a ? this.renderContainerResourceHeader(r, i) : this.renderResourceHeader(r, i)}
+      </div>
+      </div>
+    `;
+	}
+}, {e: [ie, oe, ce, ue, fe, me, ee], c: [Te, te]} = ye(T, [
+	[
+		re,
+		1,
+		"fileExplorerContext"
+	],
+	[
+		ae,
+		1,
+		"paneIcon"
+	],
+	[
+		se,
+		1,
+		"onBackClick"
+	],
+	[
+		le,
+		1,
+		"responseMetadata"
+	],
+	[
+		de,
+		1,
+		"resolvedPaneIcon"
+	],
+	[
+		pe,
+		1,
+		"titleHeading"
+	]
+], ne, 0, void 0, o), T), w = class extends we {
+	constructor() {
+		super(Te), F(this, "styles", C), te();
+	}
+}, F(w, he, void 0), w)();
+// src/components/file-explorer-header/FileExplorerHeaderControls.styles.css
+var Ee = s`:host{flex:0 auto;min-width:0;& div{text-align:right;flex:none;justify-content:flex-end;align-items:center;gap:6px;display:flex}& div>*{flex:0 auto}& .file-explorer-header-action-button{width:var(--solid-ui-clickable-area,42px);height:var(--solid-ui-clickable-area,42px);padding:0}& .dirtyIndicator{color:#92400e;white-space:nowrap;background:#fffbeb;border:1px solid #f59e0b;border-radius:999px;align-items:center;padding:4px 8px;font-size:.72rem;font-weight:600;line-height:1;display:inline-flex}& icon-lucide-user-round-cog,& icon-lucide-pencil{width:16px;height:16px}@media (width<=900px){& div{padding-right:3px}}@media (width<=600px){& div{justify-content:flex-start;gap:5px}& .file-explorer-header-action-button{display:none}& icon-lucide-ellipsis-vertical{aspect-ratio:1;flex-shrink:0;width:15.36px;height:15.36px}}}`, De, Oe, I, L, R, z, B, ke, Ae, je, Me, Ne, Pe, Fe, Ie, Le, Re, ze, Be, Ve, He, Ue;
+function V(e, t, n) {
+	We(e, t), t.set(e, n);
+}
+function We(e, t) {
+	if (t.has(e)) throw TypeError("Cannot initialize the same private elements twice on an object");
+}
+function H(e, t, n) {
+	return e.set(Ge(e, t), n), n;
+}
+function U(e, t) {
+	return e.get(Ge(e, t));
+}
+function Ge(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 W(e, t, n) {
+	return (t = qe(t)) in e ? Object.defineProperty(e, t, {
+		value: n,
+		enumerable: !0,
+		configurable: !0,
+		writable: !0
+	}) : e[t] = n, e;
+}
+function Ke(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: Ye(function() {
+					return v(this);
+				}, r, "get"),
+				set: function(e) {
+					t[4](this, e);
+				}
+			} : b[S] = v, f || Ye(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 Xe(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 : qe(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 qe(e) {
+	var t = Je(e, "string");
+	return typeof t == "symbol" ? t : t + "";
+}
+function Je(e, t) {
+	if (typeof e != "object" || !e) return e;
+	var n;
+	if (typeof Symbol < "u" && (n = e[Symbol.toPrimitive]) !== 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 Ye(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 Xe(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 Ze(e) {
+	return e;
+}
+je = [d("solid-ui-file-explorer-header-controls")];
+var Qe;
+new (He = (I = /*#__PURE__*/ new WeakMap(), L = /*#__PURE__*/ new WeakMap(), R = /*#__PURE__*/ new WeakMap(), z = /*#__PURE__*/ new WeakMap(), B = /*#__PURE__*/ new WeakMap(), Ue = (Me = u({
+	context: p,
+	subscribe: !0
+}), Pe = a({ attribute: !1 }), Ie = a({ type: Boolean }), Re = a({ type: Boolean }), Be = c(), "mobileMediaQuery"), Oe = class extends o {
+	constructor(...e) {
+		super(...e), W(this, Ue, void ke(this)), W(this, "mobileQuery", "(max-width: 600px)"), W(this, "handleMobileMediaChange", (e) => {
+			this.isMobile = e.matches;
+		}), V(this, I, Ne(this, m)), V(this, L, Fe(this, [])), V(this, R, Le(this, !1)), V(this, z, ze(this, !1)), V(this, B, Ve(this, typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(max-width: 600px)").matches)), W(this, "handleManageAccess", () => {
+			let e = this.fileExplorerContext.subjectUri;
+			e && this.dispatchEvent(new CustomEvent(h, {
+				bubbles: !0,
+				composed: !0,
+				detail: { subjectUri: e }
+			}));
+		});
+	}
+	get fileExplorerContext() {
+		return U(I, this);
+	}
+	set fileExplorerContext(e) {
+		H(I, this, e);
+	}
+	get menuItems() {
+		return U(L, this);
+	}
+	set menuItems(e) {
+		H(L, this, e);
+	}
+	get canEdit() {
+		return U(R, this);
+	}
+	set canEdit(e) {
+		H(R, this, e);
+	}
+	get canManageAccess() {
+		return U(z, this);
+	}
+	set canManageAccess(e) {
+		H(z, this, e);
+	}
+	get isMobile() {
+		return U(B, this);
+	}
+	set isMobile(e) {
+		H(B, this, e);
+	}
+	connectedCallback() {
+		super.connectedCallback(), typeof window < "u" && typeof window.matchMedia == "function" && (this.mobileMediaQuery = window.matchMedia(this.mobileQuery), this.isMobile = this.mobileMediaQuery.matches, this.mobileMediaQuery.addEventListener("change", this.handleMobileMediaChange));
+	}
+	disconnectedCallback() {
+		this.mobileMediaQuery?.removeEventListener("change", this.handleMobileMediaChange), this.mobileMediaQuery = void 0, super.disconnectedCallback();
+	}
+	getEditTooltip() {
+		return this.canEdit ? "Edit" : "No Access";
+	}
+	renderDirtyIndicator() {
+		return this.fileExplorerContext.isDirty ? l`<span class="dirtyIndicator" title="This file has unsaved changes">Unsaved</span>` : i;
+	}
+	render() {
+		let e = v(this.fileExplorerContext.store, this.fileExplorerContext.subjectUri), t = this.fileExplorerContext.canEdit;
+		return l`
+      <div>
+        ${this.renderDirtyIndicator()}
+        ${!e && !this.isMobile && this.canManageAccess ? l`
+              <solid-ui-button class="file-explorer-header-action-button" variant="ghost" title="Manage Access" @click=${this.handleManageAccess}>
+                <icon-lucide-user-round-cog slot="icon"></icon-lucide-user-round-cog>
+                <span class="sr-only">Manage access</span>
+              </solid-ui-button>
+              ${t ? l`
+                    <solid-ui-button
+                      class="file-explorer-header-action-button"
+                      variant="ghost"
+                      title=${this.getEditTooltip()}
+                      ?disabled=${!this.canEdit}
+                      @click=${this.fileExplorerContext.beginEditing}
+                    >
+                      <icon-lucide-pencil slot="icon"></icon-lucide-pencil>
+                      <span class="sr-only">Edit</span>
+                    </solid-ui-button>
+                  ` : i}
+            ` : i}
+        <solid-ui-resource-actions-menu
+          .store=${this.fileExplorerContext.store}
+          .handleAccessClick=${this.handleManageAccess}
+          .handleEditingClick=${this.fileExplorerContext.beginEditing}
+          .paneSupportsEditing=${this.fileExplorerContext.canEdit}
+          .canEdit=${this.canEdit}
+          .canManageAccess=${this.canManageAccess}
+          .subjectUri=${this.fileExplorerContext.subjectUri}
+          .menuItems=${this.menuItems}
+          .isMobile=${this.isMobile}
+        ></solid-ui-resource-actions-menu>
+      </div>
+    `;
+	}
+}, {e: [Ne, Fe, Le, ze, Ve, ke], c: [Qe, Ae]} = Ke(Oe, [
+	[
+		Me,
+		1,
+		"fileExplorerContext"
+	],
+	[
+		Pe,
+		1,
+		"menuItems"
+	],
+	[
+		Ie,
+		1,
+		"canEdit"
+	],
+	[
+		Re,
+		1,
+		"canManageAccess"
+	],
+	[
+		Be,
+		1,
+		"isMobile"
+	]
+], je, 0, void 0, o), Oe), De = class extends Ze {
+	constructor() {
+		super(Qe), W(this, "styles", Ee), Ae();
+	}
+}, W(De, He, void 0), De)();
+// src/components/file-explorer-header/FileExplorerHeader.ts
+var $e, et, G, K, q, J, tt, nt, rt, it, at, ot, st, ct, lt, ut, dt, ft, pt;
+function Y(e, t, n) {
+	mt(e, t), t.set(e, n);
+}
+function mt(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(ht(e, t), n), n;
+}
+function Z(e, t) {
+	return e.get(ht(e, t));
+}
+function ht(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 = _t(t)) in e ? Object.defineProperty(e, t, {
+		value: n,
+		enumerable: !0,
+		configurable: !0,
+		writable: !0
+	}) : e[t] = n, e;
+}
+function gt(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: yt(function() {
+					return v(this);
+				}, r, "get"),
+				set: function(e) {
+					t[4](this, e);
+				}
+			} : b[S] = v, f || yt(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 bt(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 : _t(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 _t(e) {
+	var t = vt(e, "string");
+	return typeof t == "symbol" ? t : t + "";
+}
+function vt(e, t) {
+	if (typeof e != "object" || !e) return e;
+	var n;
+	if (typeof Symbol < "u" && (n = e[Symbol.toPrimitive]) !== 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 yt(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 bt(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 xt(e) {
+	return e;
+}
+rt = [d("solid-ui-file-explorer-header")];
+var $;
+new (ft = (G = /*#__PURE__*/ new WeakMap(), K = /*#__PURE__*/ new WeakMap(), q = /*#__PURE__*/ new WeakMap(), J = /*#__PURE__*/ new WeakMap(), pt = (it = u({
+	context: p,
+	subscribe: !0
+}), ot = a({ attribute: !1 }), ct = a({ attribute: !1 }), ut = c(), "_loadedMetadataForUri"), et = class extends o {
+	constructor(...e) {
+		super(...e), Q(this, pt, void tt(this)), Q(this, "_metadataGeneration", 0), Y(this, G, at(this, m)), Y(this, K, st(this, [])), Y(this, q, lt(this, void 0)), Y(this, J, dt(this, {
+			modified: void 0,
+			isPublic: !1,
+			canEdit: !1,
+			canManageAccess: !1,
+			aclUri: void 0
+		})), Q(this, "handleBack", () => {
+			this.dispatchEvent(new CustomEvent(g, {
+				bubbles: !0,
+				composed: !0,
+				detail: { subjectUri: this.fileExplorerContext.subjectUri }
+			}));
+		});
+	}
+	get fileExplorerContext() {
+		return Z(G, this);
+	}
+	set fileExplorerContext(e) {
+		X(G, this, e);
+	}
+	get menuItems() {
+		return Z(K, this);
+	}
+	set menuItems(e) {
+		X(K, this, e);
+	}
+	get paneIcon() {
+		return Z(q, this);
+	}
+	set paneIcon(e) {
+		X(q, this, e);
+	}
+	get responseMetadata() {
+		return Z(J, this);
+	}
+	set responseMetadata(e) {
+		X(J, this, e);
+	}
+	getDefaultResponseMetadata() {
+		return {
+			modified: void 0,
+			isPublic: !1,
+			canEdit: !1,
+			canManageAccess: !1,
+			aclUri: void 0
+		};
+	}
+	willUpdate() {
+		let e = this.fileExplorerContext?.subjectUri;
+		if (this.fileExplorerContext?.store && e && this._loadedMetadataForUri !== e) {
+			this._loadedMetadataForUri = e;
+			let t = ++this._metadataGeneration;
+			this.responseMetadata = this.getDefaultResponseMetadata(), this.loadResponseMetadata(e, t);
+		}
+	}
+	async loadResponseMetadata(n, r) {
+		try {
+			let i = await t.resource.fetchMetadata(e(n));
+			r === this._metadataGeneration && this.fileExplorerContext.subjectUri === n && (this.responseMetadata = {
+				modified: i.modified,
+				isPublic: i.access.isPublic,
+				canEdit: i.access.canEdit,
+				canManageAccess: i.access.canManageAccess,
+				aclUri: i.aclUri
+			});
+		} catch (e) {
+			r === this._metadataGeneration && this.fileExplorerContext.subjectUri === n && (this.responseMetadata = this.getDefaultResponseMetadata(), console.warn("Failed to load response metadata", e));
+		}
+	}
+	render() {
+		return l`
+      <header>
+        <solid-ui-file-explorer-header-summary
+          .paneIcon=${this.paneIcon}
+          .onBackClick=${this.handleBack}
+          .responseMetadata=${this.responseMetadata}
+        ></solid-ui-file-explorer-header-summary>
+        <solid-ui-file-explorer-header-controls
+          .menuItems=${this.menuItems}
+          .canEdit=${this.responseMetadata.canEdit}
+          .canManageAccess=${this.responseMetadata.canManageAccess}
+        ></solid-ui-file-explorer-header-controls>
+      </header>
+    `;
+	}
+}, {e: [at, st, lt, dt, tt], c: [$, nt]} = gt(et, [
+	[
+		it,
+		1,
+		"fileExplorerContext"
+	],
+	[
+		ot,
+		1,
+		"menuItems"
+	],
+	[
+		ct,
+		1,
+		"paneIcon"
+	],
+	[
+		ut,
+		1,
+		"responseMetadata"
+	]
+], rt, 0, void 0, o), et), $e = class extends xt {
+	constructor() {
+		super($), Q(this, "styles", b), nt();
+	}
+}, Q($e, ft, void 0), $e)();
+// src/components/file-explorer-header/index.ts
+var St = $;
+export { $ as n, St as t };
+
+//# sourceMappingURL=file-explorer-header-B6-Q0i6V.js.map