solid-ui 5.0.2-2 → 5.0.2-4

package/dist/components/file-explorer-header/FileExplorerHeaderControls.esm.js

@@ -0,0 +1,318 @@
+import { customElement as e } from "../../lib/components/decorators.esm.js";
+import t from "../../lib/components/web-component/WebComponent.esm.js";
+import "../../lib/components/index.esm.js";
+import "../button/index.esm.js";
+import { DEFAULT_FILE_EXPLORER_CONTEXT as n, fileExplorerContext as r } from "../../lib/file-explorer/context.esm.js";
+import { FILE_EXPLORER_MANAGE_ACCESS_EVENT as i } from "../../lib/file-explorer/events.esm.js";
+import "../../_virtual/~icons/lucide/pencil.esm.js";
+import { isContainerSubject as a } from "../../utils/podUtils.esm.js";
+import "../../_virtual/~icons/lucide/user-round-cog.esm.js";
+import o from "./FileExplorerHeaderControls.styles.esm.js";
+import "../resource-actions-menu/ResourceActionsMenu.esm.js";
+import { consume as s } from "@lit/context";
+import { html as c, nothing as l } from "lit";
+import { property as u, state as d } from "lit/decorators.js";
+// src/components/file-explorer-header/FileExplorerHeaderControls.ts
+var f, p, m, h, g, _, v, y, b, x, S, C, w, T, E, D, O, k, A, j, M, N;
+function P(e, t, n) {
+	F(e, t), t.set(e, n);
+}
+function F(e, t) {
+	if (t.has(e)) throw TypeError("Cannot initialize the same private elements twice on an object");
+}
+function I(e, t, n) {
+	return e.set(R(e, t), n), n;
+}
+function L(e, t) {
+	return e.get(R(e, t));
+}
+function R(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 z(e, t, n) {
+	return (t = V(t)) in e ? Object.defineProperty(e, t, {
+		value: n,
+		enumerable: !0,
+		configurable: !0,
+		writable: !0
+	}) : e[t] = n, e;
+}
+function B(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: U(function() {
+					return v(this);
+				}, r, "get"),
+				set: function(e) {
+					t[4](this, e);
+				}
+			} : b[S] = v, f || U(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 W(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 : V(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 V(e) {
+	var t = H(e, "string");
+	return typeof t == "symbol" ? t : t + "";
+}
+function H(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 U(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 W(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 G(e) {
+	return e;
+}
+x = [e("solid-ui-file-explorer-header-controls")];
+var K;
+new (M = (m = /*#__PURE__*/ new WeakMap(), h = /*#__PURE__*/ new WeakMap(), g = /*#__PURE__*/ new WeakMap(), _ = /*#__PURE__*/ new WeakMap(), v = /*#__PURE__*/ new WeakMap(), N = (S = s({
+	context: r,
+	subscribe: !0
+}), w = u({ attribute: !1 }), E = u({ type: Boolean }), O = u({ type: Boolean }), A = d(), "mobileMediaQuery"), p = class extends t {
+	constructor(...e) {
+		super(...e), z(this, N, void y(this)), z(this, "mobileQuery", "(max-width: 600px)"), z(this, "handleMobileMediaChange", (e) => {
+			this.isMobile = e.matches;
+		}), P(this, m, C(this, n)), P(this, h, T(this, [])), P(this, g, D(this, !1)), P(this, _, k(this, !1)), P(this, v, j(this, typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(max-width: 600px)").matches)), z(this, "handleManageAccess", () => {
+			let e = this.fileExplorerContext.subjectUri;
+			e && this.dispatchEvent(new CustomEvent(i, {
+				bubbles: !0,
+				composed: !0,
+				detail: { subjectUri: e }
+			}));
+		});
+	}
+	get fileExplorerContext() {
+		return L(m, this);
+	}
+	set fileExplorerContext(e) {
+		I(m, this, e);
+	}
+	get menuItems() {
+		return L(h, this);
+	}
+	set menuItems(e) {
+		I(h, this, e);
+	}
+	get canEdit() {
+		return L(g, this);
+	}
+	set canEdit(e) {
+		I(g, this, e);
+	}
+	get canManageAccess() {
+		return L(_, this);
+	}
+	set canManageAccess(e) {
+		I(_, this, e);
+	}
+	get isMobile() {
+		return L(v, this);
+	}
+	set isMobile(e) {
+		I(v, 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 ? c`<span class="dirtyIndicator" title="This file has unsaved changes">Unsaved</span>` : l;
+	}
+	render() {
+		let e = a(this.fileExplorerContext.store, this.fileExplorerContext.subjectUri), t = this.fileExplorerContext.canEdit;
+		return c`
+      <div>
+        ${this.renderDirtyIndicator()}
+        ${!e && !this.isMobile && this.canManageAccess ? c`
+              <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 ? c`
+                    <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>
+                  ` : l}
+            ` : l}
+        <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: [C, T, D, k, j, y], c: [K, b]} = B(p, [
+	[
+		S,
+		1,
+		"fileExplorerContext"
+	],
+	[
+		w,
+		1,
+		"menuItems"
+	],
+	[
+		E,
+		1,
+		"canEdit"
+	],
+	[
+		O,
+		1,
+		"canManageAccess"
+	],
+	[
+		A,
+		1,
+		"isMobile"
+	]
+], x, 0, void 0, t), p), f = class extends G {
+	constructor() {
+		super(K), z(this, "styles", o), b();
+	}
+}, z(f, M, void 0), f)();
+export { K as default };
+
+//# sourceMappingURL=FileExplorerHeaderControls.esm.js.map

package/dist/components/file-explorer-header/FileExplorerHeaderControls.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileExplorerHeaderControls.esm.js","names":["customElement","WebComponent","property","state","consume","html","nothing","styles","DEFAULT_FILE_EXPLORER_CONTEXT","fileExplorerContext","FILE_EXPLORER_MANAGE_ACCESS_EVENT","isContainerSubject","_classDecs","_FileExplorerHeaderCo","_FileExplorerHeaderCo2","_A","WeakMap","_B","_C","_D","_E","_ref","_fileExplorerContextDecs","context","subscribe","_menuItemsDecs","attribute","_canEditDecs","type","Boolean","_canManageAccessDecs","_isMobileDecs","_FileExplorerHeaderControls","FileExplorerHeaderControls","constructor","args","_defineProperty","_initProto","event","isMobile","matches","_classPrivateFieldInitSpec","_init_fileExplorerContext","_init_menuItems","_init_canEdit","_init_canManageAccess","_init_isMobile","window","matchMedia","subjectUri","dispatchEvent","CustomEvent","bubbles","composed","detail","_classPrivateFieldGet","v","_classPrivateFieldSet","menuItems","canEdit","canManageAccess","connectedCallback","mobileMediaQuery","mobileQuery","addEventListener","handleMobileMediaChange","disconnectedCallback","removeEventListener","undefined","getEditTooltip","renderDirtyIndicator","isDirty","render","isContainerResource","store","supportsEditing","handleManageAccess","beginEditing","e","c","_initClass","_applyDecs","_Class","_identity","default","styles","WebComponent","FileExplorerHeaderControls_styles_default","_Class","_FileExplorerHeaderControls","_A","_B","_C","_D","_E","_initProto","_initClass","_classDecs","_fileExplorerContextDecs","_init_fileExplorerContext","_menuItemsDecs","_init_menuItems","_canEditDecs","_init_canEdit","_canManageAccessDecs","_init_canManageAccess","_isMobileDecs","_init_isMobile","_FileExplorerHeaderCo2","_ref","_classPrivateFieldInitSpec","a","_checkPrivateRedeclaration","_classPrivateFieldSet","s","_assertClassBrand","r","_classPrivateFieldGet","_defineProperty","_toPropertyKey","t","_applyDecs","i","n","o","c","applyDec","m","h","y","v","g","b","u","w","S","A","d","p","_setFunctionName","P","j","D","I","F","l","f","N","_checkInRHS","_toPrimitive","e","_identity","customElement","_FileExplorerHeaderCo","consume","fileExplorerContext","property","state","args","event","DEFAULT_FILE_EXPLORER_CONTEXT","subjectUri","FILE_EXPLORER_MANAGE_ACCESS_EVENT","nothing","isContainerResource","isContainerSubject","supportsEditing"],"sources":["../../../src/components/file-explorer-header/FileExplorerHeaderControls.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { property, state } from 'lit/decorators.js'\nimport { consume } from '@lit/context'\nimport { html, nothing } from 'lit'\nimport '@/components/button'\nimport '~icons/lucide/user-round-cog'\nimport '~icons/lucide/pencil'\nimport styles from './FileExplorerHeaderControls.styles.css'\nimport '@/components/resource-actions-menu/ResourceActionsMenu'\nimport { DEFAULT_FILE_EXPLORER_CONTEXT, fileExplorerContext } from '@/lib/file-explorer/context'\nimport { FILE_EXPLORER_MANAGE_ACCESS_EVENT } from '@/lib/file-explorer/events'\nimport { isContainerSubject } from '@/utils/podUtils'\n\n@customElement('solid-ui-file-explorer-header-controls')\nexport default class FileExplorerHeaderControls extends WebComponent {\n  static styles = styles\n\n  private mobileMediaQuery: MediaQueryList | undefined\n  private readonly mobileQuery = '(max-width: 600px)'\n  private readonly handleMobileMediaChange = (event: MediaQueryListEvent) => {\n    this.isMobile = event.matches\n  }\n\n  @consume({ context: fileExplorerContext, subscribe: true })\n  accessor fileExplorerContext = DEFAULT_FILE_EXPLORER_CONTEXT\n\n  @property({ attribute: false })\n  accessor menuItems: Array<{ label: string, action: (event: Event) => void, icon?: HTMLElement }> = []\n\n  @property({ type: Boolean })\n  accessor canEdit: boolean = false\n\n  @property({ type: Boolean })\n  accessor canManageAccess = false\n\n  @state()\n  accessor isMobile = typeof window !== 'undefined' && typeof window.matchMedia === 'function'\n    ? window.matchMedia('(max-width: 600px)').matches\n    : false\n\n  connectedCallback () {\n    super.connectedCallback()\n\n    if (typeof window === 'undefined' || typeof window.matchMedia !== 'function') {\n      return\n    }\n\n    this.mobileMediaQuery = window.matchMedia(this.mobileQuery)\n    this.isMobile = this.mobileMediaQuery.matches\n    this.mobileMediaQuery.addEventListener('change', this.handleMobileMediaChange)\n  }\n\n  disconnectedCallback () {\n    this.mobileMediaQuery?.removeEventListener('change', this.handleMobileMediaChange)\n    this.mobileMediaQuery = undefined\n    super.disconnectedCallback()\n  }\n\n  // TODO: Add broken then use this function to set tooltip and disable edit button\n  /* private setEditable() {\n    const sourcePaneState = this.sourceContext?.sourcePaneState\n    const { canEdit } = this.sourceContext?.headerMetadata ?? { canEdit: false }\n    const subject = this.sourceContext?.subject\n    if (!sourcePaneState || !canEdit || sourcePaneState.broken || (subject && subject.endsWith('/'))) return\n\n    this.sourceContext?.setEditing?.()\n  } */\n\n  private getEditTooltip () {\n    if (!this.canEdit) return 'No Access'\n    return 'Edit'\n  }\n\n  private handleManageAccess = () => {\n    const subjectUri = this.fileExplorerContext.subjectUri\n    if (!subjectUri) return\n\n    this.dispatchEvent(new CustomEvent(FILE_EXPLORER_MANAGE_ACCESS_EVENT, {\n      bubbles: true,\n      composed: true,\n      detail: { subjectUri }\n    }))\n  }\n\n  private renderDirtyIndicator () {\n    if (!this.fileExplorerContext.isDirty) return nothing\n\n    return html`<span class=\"dirtyIndicator\" title=\"This file has unsaved changes\">Unsaved</span>`\n  }\n\n  render () {\n    const isContainerResource = isContainerSubject(this.fileExplorerContext.store, this.fileExplorerContext.subjectUri)\n    const supportsEditing = this.fileExplorerContext.canEdit\n\n    return html`\n      <div>\n        ${this.renderDirtyIndicator()}\n        ${!isContainerResource && !this.isMobile && this.canManageAccess\n          ? html`\n              <solid-ui-button class=\"file-explorer-header-action-button\" variant=\"ghost\" title=\"Manage Access\" @click=${this.handleManageAccess}>\n                <icon-lucide-user-round-cog slot=\"icon\"></icon-lucide-user-round-cog>\n                <span class=\"sr-only\">Manage access</span>\n              </solid-ui-button>\n              ${supportsEditing\n                ? html`\n                    <solid-ui-button\n                      class=\"file-explorer-header-action-button\"\n                      variant=\"ghost\"\n                      title=${this.getEditTooltip()}\n                      ?disabled=${!this.canEdit}\n                      @click=${this.fileExplorerContext.beginEditing}\n                    >\n                      <icon-lucide-pencil slot=\"icon\"></icon-lucide-pencil>\n                      <span class=\"sr-only\">Edit</span>\n                    </solid-ui-button>\n                  `\n                : nothing}\n            `\n          : nothing}\n        <solid-ui-resource-actions-menu\n          .store=${this.fileExplorerContext.store}\n          .handleAccessClick=${this.handleManageAccess}\n          .handleEditingClick=${this.fileExplorerContext.beginEditing}\n          .paneSupportsEditing=${this.fileExplorerContext.canEdit}\n          .canEdit=${this.canEdit}\n          .canManageAccess=${this.canManageAccess}\n          .subjectUri=${this.fileExplorerContext.subjectUri}\n          .menuItems=${this.menuItems}\n          .isMobile=${this.isMobile}\n        ></solid-ui-resource-actions-menu>\n      </div>\n    `\n  }\n}\n"],"mappings":"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"}

package/dist/components/file-explorer-header/FileExplorerHeaderControls.styles.cjs.js

@@ -0,0 +1,2 @@
+var e=require("lit").css`:host{flex:0 auto;min-width:0}:host div{text-align:right;flex:none;justify-content:flex-end;align-items:center;gap:6px;display:flex}:host div>*{flex:0 auto}:host .file-explorer-header-action-button{width:var(--solid-ui-clickable-area,42px);height:var(--solid-ui-clickable-area,42px);padding:0}:host .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}:host icon-lucide-user-round-cog,:host icon-lucide-pencil{width:16px;height:16px}@media (width<=900px){:host div{padding-right:3px}}@media (width<=600px){:host div{justify-content:flex-start;gap:5px}:host .file-explorer-header-action-button{display:none}:host icon-lucide-ellipsis-vertical{aspect-ratio:1;flex-shrink:0;width:15.36px;height:15.36px}}`;exports.default=e;
+//# sourceMappingURL=FileExplorerHeaderControls.styles.cjs.js.map

package/dist/components/file-explorer-header/FileExplorerHeaderControls.styles.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileExplorerHeaderControls.styles.cjs.js","names":["FileExplorerHeaderControls_styles_default"],"sources":["../../../src/components/file-explorer-header/FileExplorerHeaderControls.styles.css"],"sourcesContent":[":host {\n  flex: 0 1 auto;\n  min-width: 0;\n\n  div {\n    display: flex;\n    justify-content: flex-end;\n    align-items: center;\n    gap: 6px;\n    flex: 0 0 auto;\n    text-align: right;\n  }\n\n  /* generative ai */\n  div > * {\n    flex: 0 1 auto;\n  }\n\n  .file-explorer-header-action-button {\n    width: var(--solid-ui-clickable-area, 42px);\n    height: var(--solid-ui-clickable-area, 42px);\n    padding: 0;\n  }\n\n  /* TODO: look into what colors to use this is just to show */\n  .dirtyIndicator {\n    display: inline-flex;\n    align-items: center;\n    border: 1px solid #F59E0B;\n    color: #92400E;\n    background: #FFFBEB;\n    border-radius: 999px;\n    font-size: 0.72rem;\n    font-weight: 600;\n    line-height: 1;\n    padding: 4px 8px;\n    white-space: nowrap;\n  }\n\n  icon-lucide-user-round-cog,\n  icon-lucide-pencil {\n    width: 16px;\n    height: 16px;\n  }\n\n  @media (max-width: 900px) {\n    div {\n      padding-right: 3px;\n    }\n  }\n\n  @media (max-width: 600px) {\n    div {\n      justify-content: flex-start;\n      gap: 5px;\n    }\n\n    .file-explorer-header-action-button {\n      display: none;\n    }\n\n    icon-lucide-ellipsis-vertical {\n      width: 15.36px;\n      height: 15.36px;\n      flex-shrink: 0;\n      aspect-ratio: 1 / 1;\n    }\n  }\n}\n"],"mappings":""}

package/dist/components/file-explorer-header/FileExplorerHeaderControls.styles.esm.js

@@ -0,0 +1,6 @@
+import { css as e } from "lit";
+// src/components/file-explorer-header/FileExplorerHeaderControls.styles.css
+var t = e`:host{flex:0 auto;min-width:0}:host div{text-align:right;flex:none;justify-content:flex-end;align-items:center;gap:6px;display:flex}:host div>*{flex:0 auto}:host .file-explorer-header-action-button{width:var(--solid-ui-clickable-area,42px);height:var(--solid-ui-clickable-area,42px);padding:0}:host .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}:host icon-lucide-user-round-cog,:host icon-lucide-pencil{width:16px;height:16px}@media (width<=900px){:host div{padding-right:3px}}@media (width<=600px){:host div{justify-content:flex-start;gap:5px}:host .file-explorer-header-action-button{display:none}:host icon-lucide-ellipsis-vertical{aspect-ratio:1;flex-shrink:0;width:15.36px;height:15.36px}}`;
+export { t as default };
+
+//# sourceMappingURL=FileExplorerHeaderControls.styles.esm.js.map

package/dist/components/file-explorer-header/FileExplorerHeaderControls.styles.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileExplorerHeaderControls.styles.esm.js","names":["FileExplorerHeaderControls_styles_default"],"sources":["../../../src/components/file-explorer-header/FileExplorerHeaderControls.styles.css"],"sourcesContent":[":host {\n  flex: 0 1 auto;\n  min-width: 0;\n\n  div {\n    display: flex;\n    justify-content: flex-end;\n    align-items: center;\n    gap: 6px;\n    flex: 0 0 auto;\n    text-align: right;\n  }\n\n  /* generative ai */\n  div > * {\n    flex: 0 1 auto;\n  }\n\n  .file-explorer-header-action-button {\n    width: var(--solid-ui-clickable-area, 42px);\n    height: var(--solid-ui-clickable-area, 42px);\n    padding: 0;\n  }\n\n  /* TODO: look into what colors to use this is just to show */\n  .dirtyIndicator {\n    display: inline-flex;\n    align-items: center;\n    border: 1px solid #F59E0B;\n    color: #92400E;\n    background: #FFFBEB;\n    border-radius: 999px;\n    font-size: 0.72rem;\n    font-weight: 600;\n    line-height: 1;\n    padding: 4px 8px;\n    white-space: nowrap;\n  }\n\n  icon-lucide-user-round-cog,\n  icon-lucide-pencil {\n    width: 16px;\n    height: 16px;\n  }\n\n  @media (max-width: 900px) {\n    div {\n      padding-right: 3px;\n    }\n  }\n\n  @media (max-width: 600px) {\n    div {\n      justify-content: flex-start;\n      gap: 5px;\n    }\n\n    .file-explorer-header-action-button {\n      display: none;\n    }\n\n    icon-lucide-ellipsis-vertical {\n      width: 15.36px;\n      height: 15.36px;\n      flex-shrink: 0;\n      aspect-ratio: 1 / 1;\n    }\n  }\n}\n"],"mappings":""}

package/dist/components/file-explorer-header/FileExplorerHeaderSummary.cjs.js

@@ -0,0 +1,35 @@
+const e=require("../../utils/label.cjs.js");require("../../utils/index.cjs.js");const t=require("../../widgets/dragAndDrop.cjs.js");require("../../widgets/index.cjs.js");const n=require("../../lib/components/decorators.cjs.js"),r=require("../../lib/components/web-component/WebComponent.cjs.js");require("../../lib/components/index.cjs.js"),require("../button/index.cjs.js");const i=require("../../lib/file-explorer/context.cjs.js");require("../../_virtual/~icons/lucide/folder.cjs.js"),require("../../_virtual/~icons/lucide/globe.cjs.js"),require("../../_virtual/~icons/lucide/lock-keyhole.cjs.js"),require("../../_virtual/~icons/lucide/arrow-left.cjs.js");const a=require("./FileExplorerHeaderSummary.styles.cjs.js"),o=require("../../utils/podUtils.cjs.js");let s=require("rdflib"),c=require("@lit/context"),l=require("lit"),u=require("lit/decorators.js");var d,f,p,m,h,g,_,v,y,b,x,S,C,w,T,E,D,O,k,A,j,M,N,P,F;function I(e,t,n){L(e,t),t.set(e,n)}function L(e,t){if(t.has(e))throw TypeError(`Cannot initialize the same private elements twice on an object`)}function R(e,t,n){return e.set(B(e,t),n),n}function z(e,t){return e.get(B(e,t))}function B(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 V(e,t,n){return(t=U(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function H(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:G(function(){return v(this)},r,`get`),set:function(e){t[4](this,e)}}:b[S]=v,f||G(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 K(t)===e},u=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:U(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 U(e){var t=W(e,`string`);return typeof t==`symbol`?t:t+``}function W(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 G(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 K(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 q(e){return e}x=[n.customElement(`solid-ui-file-explorer-header-summary`)];var J;new(P=(p=new WeakMap,m=new WeakMap,h=new WeakMap,g=new WeakMap,_=new WeakMap,v=new WeakMap,F=(S=(0,c.consume)({context:i.fileExplorerContext,subscribe:!0}),w=(0,u.property)({attribute:!1}),E=(0,u.property)({attribute:!1}),O=(0,u.property)({attribute:!1}),A=(0,u.state)(),M=(0,u.query)(`h1`),`_draggableSubjectUri`),f=class extends r.default{constructor(...e){super(...e),V(this,F,void y(this)),V(this,`_paneIconGeneration`,0),I(this,p,C(this,i.DEFAULT_FILE_EXPLORER_CONTEXT)),I(this,m,T(this)),I(this,h,D(this)),I(this,g,k(this,{modified:void 0,isPublic:!1})),I(this,_,j(this,void 0)),I(this,v,N(this,null))}get fileExplorerContext(){return z(p,this)}set fileExplorerContext(e){R(p,this,e)}get paneIcon(){return z(m,this)}set paneIcon(e){R(m,this,e)}get onBackClick(){return z(h,this)}set onBackClick(e){R(h,this,e)}get responseMetadata(){return z(g,this)}set responseMetadata(e){R(g,this,e)}get resolvedPaneIcon(){return z(_,this)}set resolvedPaneIcon(e){R(_,this,e)}get titleHeading(){return z(v,this)}set titleHeading(e){R(v,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&&(t.makeDraggable(this.titleHeading,(0,s.sym)(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=o.getContainerItemCount(this.fileExplorerContext?.store,this.fileExplorerContext?.subjectUri)??0;return l.html`
+      <div class="container-info">
+        <h1>
+          <span>${e}</span>
+        </h1>
+        <p>
+        ${n} items
+          ${t?l.html`<span class="public"><icon-lucide-globe aria-hidden="true"></icon-lucide-globe><span class="sr-only">Public</span></span>`:l.html`<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.html`
+        <div class="resource-info">
+          <h1>
+            <span>${e}</span>
+          </h1>
+          <p><span class="resource-date">${n}</span> ${t?l.html`<span class="public"><icon-lucide-globe></icon-lucide-globe> Public</span>`:l.html`<span class="private"><icon-lucide-lock-keyhole></icon-lucide-lock-keyhole> Private</span>`}</p>
+        </div>
+    `}render(){let t=this.fileExplorerContext?.subjectUri?(0,s.sym)(this.fileExplorerContext.subjectUri):void 0,n=t?e.label(t):``,r=this.responseMetadata.isPublic,i=o.isContainerSubject(this.fileExplorerContext?.store,this.fileExplorerContext?.subjectUri);return l.html`
+      <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.html`<img src=${this.resolvedPaneIcon} alt="" />`:``}
+        </span>
+        ${i?this.renderContainerResourceHeader(n,r):this.renderResourceHeader(n,r)}
+      </div>
+      </div>
+    `}},{e:[C,T,D,k,j,N,y],c:[J,b]}=H(f,[[S,1,`fileExplorerContext`],[w,1,`paneIcon`],[E,1,`onBackClick`],[O,1,`responseMetadata`],[A,1,`resolvedPaneIcon`],[M,1,`titleHeading`]],x,0,void 0,r.default),f),d=class extends q{constructor(){super(J),V(this,`styles`,a.default),b()}},V(d,P,void 0),d),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return J}});
+//# sourceMappingURL=FileExplorerHeaderSummary.cjs.js.map

package/dist/components/file-explorer-header/FileExplorerHeaderSummary.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileExplorerHeaderSummary.cjs.js","names":["sym","customElement","WebComponent","utils","widgets","DEFAULT_FILE_EXPLORER_CONTEXT","fileExplorerContext","property","query","state","html","consume","styles","getContainerItemCount","isContainerSubject","_classDecs","_FileExplorerHeaderSu","_FileExplorerHeaderSu2","_A","WeakMap","_B","_C","_D","_E","_F","_ref","_fileExplorerContextDecs","context","subscribe","_paneIconDecs","attribute","_onBackClickDecs","_responseMetadataDecs","_resolvedPaneIconDecs","_titleHeadingDecs","_FileExplorerHeaderSummary","FileExplorerHeaderSummary","constructor","args","_defineProperty","_initProto","_classPrivateFieldInitSpec","_init_fileExplorerContext","_init_paneIcon","_init_onBackClick","_init_responseMetadata","modified","undefined","isPublic","_init_resolvedPaneIcon","_init_titleHeading","_classPrivateFieldGet","v","_classPrivateFieldSet","paneIcon","onBackClick","responseMetadata","resolvedPaneIcon","titleHeading","formatModifiedDate","date","Date","Number","isNaN","getTime","parts","Intl","DateTimeFormat","day","month","year","hour","minute","hour12","formatToParts","getPart","type","find","part","value","dayPeriod","toUpperCase","willUpdate","changedProperties","has","generation","_paneIconGeneration","resolvePaneIcon","updated","subjectUri","_draggableSubjectUri","makeDraggable","icon","error","console","warn","renderContainerResourceHeader","label","itemCount","store","renderResourceHeader","render","subject","isContainerResource","e","c","_initClass","_applyDecs","_Class","_identity","default","customElement","consume","fileExplorerContext","property","state","query","WebComponent","DEFAULT_FILE_EXPLORER_CONTEXT","sym","getContainerItemCount","label","isContainerSubject","styles","require_label","require_dragAndDrop","require_decorators","require_WebComponent","require_context","require_FileExplorerHeaderSummary_styles","require_podUtils","rdflib","_lit_context","lit","lit_decorators_js","_Class","_FileExplorerHeaderSummary","_A","_B","_C","_D","_E","_F","_initProto","_initClass","_classDecs","_fileExplorerContextDecs","_init_fileExplorerContext","_paneIconDecs","_init_paneIcon","_onBackClickDecs","_init_onBackClick","_responseMetadataDecs","_init_responseMetadata","_resolvedPaneIconDecs","_init_resolvedPaneIcon","_titleHeadingDecs","_init_titleHeading","_FileExplorerHeaderSu2","_ref","_classPrivateFieldInitSpec","_checkPrivateRedeclaration","a","_classPrivateFieldSet","s","_assertClassBrand","r","_classPrivateFieldGet","_defineProperty","_toPropertyKey","t","_applyDecs","i","n","o","c","applyDec","m","h","y","v","g","b","u","w","S","A","d","f","p","_setFunctionName","P","j","D","I","F","l","N","_checkInRHS","_toPrimitive","e","_identity","_FileExplorerHeaderSu","args","modified","date","parts","getPart","part","type","changedProperties","generation","paneIcon","icon","error","itemCount","label","isPublic","subject","label$1","isContainerResource"],"sources":["../../../src/components/file-explorer-header/FileExplorerHeaderSummary.ts"],"sourcesContent":["import { sym } from 'rdflib'\nimport { customElement, WebComponent } from '@/lib/components'\nimport * as utils from '@/utils'\nimport * as widgets from '@/widgets/index'\nimport { DEFAULT_FILE_EXPLORER_CONTEXT, fileExplorerContext } from '@/lib/file-explorer/context'\nimport '@/components/button'\nimport { property, query, state } from 'lit/decorators.js'\nimport type { PropertyValues } from 'lit'\nimport { html } from 'lit'\nimport { consume } from '@lit/context'\nimport { PaneIcon } from './types'\nimport '~icons/lucide/globe'\nimport '~icons/lucide/lock-keyhole'\nimport '~icons/lucide/arrow-left'\nimport '~icons/lucide/folder'\nimport styles from './FileExplorerHeaderSummary.styles.css'\nimport { getContainerItemCount, isContainerSubject } from '@/utils/podUtils'\nimport type { FileExplorerResourceMetadata } from './types'\n\n@customElement('solid-ui-file-explorer-header-summary')\nexport default class FileExplorerHeaderSummary extends WebComponent {\n  static styles = styles\n\n  private _draggableSubjectUri: string | undefined\n  private _paneIconGeneration = 0\n\n  @consume({ context: fileExplorerContext, subscribe: true })\n  accessor fileExplorerContext = DEFAULT_FILE_EXPLORER_CONTEXT\n\n  @property({ attribute: false })\n  accessor paneIcon: PaneIcon | undefined\n\n  @property({ attribute: false })\n  accessor onBackClick: (() => void) | undefined\n\n  @property({ attribute: false })\n  accessor responseMetadata: Pick<FileExplorerResourceMetadata, 'modified' | 'isPublic'> = {\n    modified: undefined,\n    isPublic: false\n  }\n\n  @state()\n  accessor resolvedPaneIcon: string | undefined = undefined\n\n  @query('h1')\n  private accessor titleHeading: HTMLHeadingElement | null = null\n\n  private formatModifiedDate (modified: string | undefined) {\n    if (!modified) return ''\n\n    const date = new Date(modified)\n    if (Number.isNaN(date.getTime())) return modified\n\n    const parts = new Intl.DateTimeFormat('en-GB', {\n      day: '2-digit',\n      month: 'short',\n      year: 'numeric',\n      hour: '2-digit',\n      minute: '2-digit',\n      hour12: true\n    }).formatToParts(date)\n\n    const getPart = (type: Intl.DateTimeFormatPartTypes) => parts.find(part => part.type === type)?.value ?? ''\n    const day = getPart('day')\n    const month = getPart('month')\n    const year = getPart('year')\n    const hour = getPart('hour')\n    const minute = getPart('minute')\n    const dayPeriod = getPart('dayPeriod').toUpperCase()\n\n    return `${day} ${month}, ${year} at ${hour}:${minute} ${dayPeriod}`\n  }\n\n  protected willUpdate (changedProperties: PropertyValues<this>) {\n    if (changedProperties.has('paneIcon')) {\n      const generation = ++this._paneIconGeneration\n      this.resolvedPaneIcon = undefined\n      this.resolvePaneIcon(this.paneIcon, generation)\n    }\n  }\n\n  protected updated () {\n    if (!this.titleHeading || !this.fileExplorerContext?.subjectUri || this._draggableSubjectUri === this.fileExplorerContext.subjectUri) return\n\n    widgets.makeDraggable(this.titleHeading, sym(this.fileExplorerContext.subjectUri)) // doing it this way for now, just to keep the same functionality\n    this._draggableSubjectUri = this.fileExplorerContext.subjectUri\n  }\n\n  // Needed because humanReadable pane can return a promise for an icon.\n  private async resolvePaneIcon (paneIcon: PaneIcon | undefined, generation: number) {\n    try {\n      if (paneIcon == null) return\n\n      const icon = await paneIcon\n      if (generation === this._paneIconGeneration) {\n        this.resolvedPaneIcon = icon ?? undefined\n      }\n    } catch (error) {\n      if (generation === this._paneIconGeneration) {\n        this.resolvedPaneIcon = undefined\n        console.warn('file-explorer-header-summary: failed to resolve pane icon', error)\n      }\n    }\n  }\n\n  private renderContainerResourceHeader (label: string, isPublic: boolean) {\n    const itemCount = getContainerItemCount(this.fileExplorerContext?.store, this.fileExplorerContext?.subjectUri) ?? 0\n    return html`\n      <div class=\"container-info\">\n        <h1>\n          <span>${label}</span>\n        </h1>\n        <p>\n        ${itemCount} items\n          ${isPublic\n            ? html`<span class=\"public\"><icon-lucide-globe aria-hidden=\"true\"></icon-lucide-globe><span class=\"sr-only\">Public</span></span>`\n            : html`<span class=\"private\"><icon-lucide-lock-keyhole aria-hidden=\"true\"></icon-lucide-lock-keyhole><span class=\"sr-only\">Private</span></span>`}\n        </p>\n      </div>\n    `\n  }\n\n  private renderResourceHeader (label: string, isPublic: boolean) {\n    const modified = this.formatModifiedDate(this.responseMetadata.modified)\n\n    return html`\n        <div class=\"resource-info\">\n          <h1>\n            <span>${label}</span>\n          </h1>\n          <p><span class=\"resource-date\">${modified}</span> ${isPublic ? html`<span class=\"public\"><icon-lucide-globe></icon-lucide-globe> Public</span>` : html`<span class=\"private\"><icon-lucide-lock-keyhole></icon-lucide-lock-keyhole> Private</span>`}</p>\n        </div>\n    `\n  }\n\n  render () {\n    const subject = this.fileExplorerContext?.subjectUri ? sym(this.fileExplorerContext.subjectUri) : undefined\n    const label = subject ? utils.label(subject) : ''\n    const isPublic = this.responseMetadata.isPublic\n    const isContainerResource = isContainerSubject(this.fileExplorerContext?.store, this.fileExplorerContext?.subjectUri)\n\n    return html`\n      <div class=\"file-explorer-header-summary\">\n        <solid-ui-button\n          variant=\"ghost\"\n          @click=${this.onBackClick}\n          title=\"Back\"\n        >\n          <icon-lucide-arrow-left></icon-lucide-arrow-left>\n          <span class=\"sr-only\">Back</span>\n        </solid-ui-button>\n        <span class=\"pane-icon\">\n          ${this.resolvedPaneIcon ? html`<img src=${this.resolvedPaneIcon} alt=\"\" />` : ''}\n        </span>\n        ${isContainerResource ? this.renderContainerResourceHeader(label, isPublic) : this.renderResourceHeader(label, isPublic)}\n      </div>\n      </div>\n    `\n  }\n}\n"],"mappings":"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"}

package/dist/components/file-explorer-header/FileExplorerHeaderSummary.d.ts

@@ -0,0 +1,22 @@
+import { WebComponent } from '../../lib/components';
+import { PropertyValues } from 'lit';
+import { PaneIcon, FileExplorerResourceMetadata } from './types';
+export default class FileExplorerHeaderSummary extends WebComponent {
+    static styles: import('lit').CSSResult;
+    private _draggableSubjectUri;
+    private _paneIconGeneration;
+    accessor fileExplorerContext: import('../../lib/file-explorer/context').FileExplorerContext;
+    accessor paneIcon: PaneIcon | undefined;
+    accessor onBackClick: (() => void) | undefined;
+    accessor responseMetadata: Pick<FileExplorerResourceMetadata, 'modified' | 'isPublic'>;
+    accessor resolvedPaneIcon: string | undefined;
+    private accessor titleHeading;
+    private formatModifiedDate;
+    protected willUpdate(changedProperties: PropertyValues<this>): void;
+    protected updated(): void;
+    private resolvePaneIcon;
+    private renderContainerResourceHeader;
+    private renderResourceHeader;
+    render(): import('lit-html').TemplateResult<1>;
+}
+//# sourceMappingURL=FileExplorerHeaderSummary.d.ts.map

package/dist/components/file-explorer-header/FileExplorerHeaderSummary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileExplorerHeaderSummary.d.ts","sourceRoot":"","sources":["../../../src/components/file-explorer-header/FileExplorerHeaderSummary.ts"],"names":[],"mappings":"AACA,OAAO,EAAiB,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAI9D,OAAO,qBAAqB,CAAA;AAE5B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAA;AAGzC,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAClC,OAAO,qBAAqB,CAAA;AAC5B,OAAO,4BAA4B,CAAA;AACnC,OAAO,0BAA0B,CAAA;AACjC,OAAO,sBAAsB,CAAA;AAG7B,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,SAAS,CAAA;AAG3D,MAAM,CAAC,OAAO,OAAO,yBAA0B,SAAQ,YAAY;IACjE,MAAM,CAAC,MAAM,0BAAS;IAEtB,OAAO,CAAC,oBAAoB,CAAoB;IAChD,OAAO,CAAC,mBAAmB,CAAI;IAG/B,QAAQ,CAAC,mBAAmB,4DAAgC;IAG5D,QAAQ,CAAC,QAAQ,EAAE,QAAQ,GAAG,SAAS,CAAA;IAGvC,QAAQ,CAAC,WAAW,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,CAAA;IAG9C,QAAQ,CAAC,gBAAgB,EAAE,IAAI,CAAC,4BAA4B,EAAE,UAAU,GAAG,UAAU,CAAC,CAGrF;IAGD,QAAQ,CAAC,gBAAgB,EAAE,MAAM,GAAG,SAAS,CAAY;IAGzD,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAkC;IAE/D,OAAO,CAAC,kBAAkB;IA0B1B,SAAS,CAAC,UAAU,CAAE,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC;IAQ7D,SAAS,CAAC,OAAO;YAQH,eAAe;IAgB7B,OAAO,CAAC,6BAA6B;IAiBrC,OAAO,CAAC,oBAAoB;IAa5B,MAAM;CAwBP"}