solid-panes 5.0.0-0 → 5.0.0

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

@@ -1 +1 @@
-{"version":3,"file":"FileExplorerHeaderSummary.cjs.js","names":["sym","widgets","utils","WebComponent","fileExplorerContext","customElement","property","query","state","html","consume","styles","_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","undefined","_init_paneIcon","_init_onBackClick","_init_responseMetadata","modified","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","updated","_resolvedPaneIconFor","resolvePaneIcon","subjectUri","_draggableSubjectUri","makeDraggable","icon","error","console","warn","render","subject","label","e","c","_initClass","_applyDecs","_Class","_identity","default"],"sources":["../../../src/components/file-explorer-header/FileExplorerHeaderSummary.ts"],"sourcesContent":["import { sym } from 'rdflib'\nimport { widgets, utils, WebComponent, fileExplorerContext, type FileExplorerContext } from 'solid-ui'\nimport 'solid-ui/components/button'\nimport { customElement, property, query, state } from 'lit/decorators.js'\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 styles from './FileExplorerHeaderSummary.styles.css'\nimport { type FileExplorerResourceMetadata } from './helper'\n\n@customElement('file-explorer-header-summary')\nexport default class FileExplorerHeaderSummary extends WebComponent {\n  static styles = styles\n\n  private _draggableSubjectUri: string | undefined\n  private _resolvedPaneIconFor: PaneIcon | undefined\n\n  @consume({ context: fileExplorerContext, subscribe: true })\n  accessor fileExplorerContext: FileExplorerContext = undefined as unknown as FileExplorerContext\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 updated () {\n    if (this.paneIcon !== undefined && this._resolvedPaneIconFor !== this.paneIcon) {\n      this._resolvedPaneIconFor = this.paneIcon\n      this.resolvePaneIcon()\n    }\n\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 () {\n    try {\n      if (this.paneIcon == null) {\n        this.resolvedPaneIcon = undefined\n        return\n      }\n\n      const icon = await this.paneIcon\n      this.resolvedPaneIcon = icon ?? undefined\n    } catch (error) {\n      this.resolvedPaneIcon = undefined\n      console.warn('file-explorer-header-summary: failed to resolve pane icon', error)\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 modified = this.formatModifiedDate(this.responseMetadata.modified)\n    const isPublic = this.responseMetadata.isPublic\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        </solid-ui-button>\n        <span class=\"pane-icon\">\n          ${this.resolvedPaneIcon ? html`<img src=${this.resolvedPaneIcon} alt=\"\" />` : ''}\n        </span>\n        <div>\n          <h1>${label}</h1>\n          <p>${modified} ${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      </div>\n    `\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"FileExplorerHeaderSummary.cjs.js","names":["sym","widgets","utils","WebComponent","fileExplorerContext","customElement","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","undefined","_init_paneIcon","_init_onBackClick","_init_responseMetadata","modified","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","updated","_resolvedPaneIconFor","resolvePaneIcon","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","sym","getContainerItemCount","utils","isContainerSubject","styles","require_podUtils","require_FileExplorerHeaderSummary_styles","solid_ui","rdflib","lit_decorators_js","_lit_context","lit","_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","icon","error","itemCount","label","isPublic","subject","isContainerResource"],"sources":["../../../src/components/file-explorer-header/FileExplorerHeaderSummary.ts"],"sourcesContent":["import { sym } from 'rdflib'\nimport { widgets, utils, WebComponent, fileExplorerContext, type FileExplorerContext } from 'solid-ui'\nimport 'solid-ui/components/button'\nimport { customElement, property, query, state } from 'lit/decorators.js'\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('file-explorer-header-summary')\nexport default class FileExplorerHeaderSummary extends WebComponent {\n  static styles = styles\n\n  private _draggableSubjectUri: string | undefined\n  private _resolvedPaneIconFor: PaneIcon | undefined\n\n  @consume({ context: fileExplorerContext, subscribe: true })\n  accessor fileExplorerContext: FileExplorerContext = undefined as unknown as FileExplorerContext\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 updated () {\n    if (this.paneIcon !== undefined && this._resolvedPaneIconFor !== this.paneIcon) {\n      this._resolvedPaneIconFor = this.paneIcon\n      this.resolvePaneIcon()\n    }\n\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 () {\n    try {\n      if (this.paneIcon == null) {\n        this.resolvedPaneIcon = undefined\n        return\n      }\n\n      const icon = await this.paneIcon\n      this.resolvedPaneIcon = icon ?? undefined\n    } catch (error) {\n      this.resolvedPaneIcon = undefined\n      console.warn('file-explorer-header-summary: failed to resolve pane icon', error)\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></icon-lucide-globe></span>`\n            : html`<span class=\"private\"><icon-lucide-lock-keyhole></icon-lucide-lock-keyhole></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        </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

@@ -1,6 +1,5 @@
 import { WebComponent, FileExplorerContext } from 'solid-ui';
-import { PaneIcon } from './types';
-import { FileExplorerResourceMetadata } from './helper';
+import { PaneIcon, FileExplorerResourceMetadata } from './types';
 export default class FileExplorerHeaderSummary extends WebComponent {
     static styles: any;
     private _draggableSubjectUri;
@@ -14,6 +13,8 @@ export default class FileExplorerHeaderSummary extends WebComponent {
     private formatModifiedDate;
     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

@@ -1 +1 @@
-{"version":3,"file":"FileExplorerHeaderSummary.d.ts","sourceRoot":"","sources":["../../../src/components/file-explorer-header/FileExplorerHeaderSummary.ts"],"names":[],"mappings":"AACA,OAAO,EAAkB,YAAY,EAAuB,KAAK,mBAAmB,EAAE,MAAM,UAAU,CAAA;AACtG,OAAO,4BAA4B,CAAA;AAInC,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAClC,OAAO,qBAAqB,CAAA;AAC5B,OAAO,4BAA4B,CAAA;AACnC,OAAO,0BAA0B,CAAA;AAEjC,OAAO,EAAE,KAAK,4BAA4B,EAAE,MAAM,UAAU,CAAA;AAG5D,MAAM,CAAC,OAAO,OAAO,yBAA0B,SAAQ,YAAY;IACjE,MAAM,CAAC,MAAM,MAAS;IAEtB,OAAO,CAAC,oBAAoB,CAAoB;IAChD,OAAO,CAAC,oBAAoB,CAAsB;IAGlD,QAAQ,CAAC,mBAAmB,EAAE,mBAAmB,CAA8C;IAG/F,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,OAAO;YAaH,eAAe;IAe7B,MAAM;CAyBP"}
+{"version":3,"file":"FileExplorerHeaderSummary.d.ts","sourceRoot":"","sources":["../../../src/components/file-explorer-header/FileExplorerHeaderSummary.ts"],"names":[],"mappings":"AACA,OAAO,EAAkB,YAAY,EAAuB,KAAK,mBAAmB,EAAE,MAAM,UAAU,CAAA;AACtG,OAAO,4BAA4B,CAAA;AAInC,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,MAAS;IAEtB,OAAO,CAAC,oBAAoB,CAAoB;IAChD,OAAO,CAAC,oBAAoB,CAAsB;IAGlD,QAAQ,CAAC,mBAAmB,EAAE,mBAAmB,CAA8C;IAG/F,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,OAAO;YAaH,eAAe;IAe7B,OAAO,CAAC,6BAA6B;IAiBrC,OAAO,CAAC,oBAAoB;IAa5B,MAAM;CAuBP"}

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

@@ -1,40 +1,42 @@
+import { getContainerItemCount as e, isContainerSubject as t } from "../../utils/podUtils.esm.js";
 import "../../_virtual/~icons/lucide/globe.esm.js";
 import "../../_virtual/~icons/lucide/lock-keyhole.esm.js";
 import "../../_virtual/~icons/lucide/arrow-left.esm.js";
-import e from "./FileExplorerHeaderSummary.styles.esm.js";
-import { WebComponent as t, fileExplorerContext as n, utils as r, widgets as i } from "solid-ui";
-import { sym as a } from "rdflib";
-import { html as o } from "lit";
-import { consume as s } from "@lit/context";
+import "../../_virtual/~icons/lucide/folder.esm.js";
+import n from "./FileExplorerHeaderSummary.styles.esm.js";
+import { WebComponent as r, fileExplorerContext as i, utils as a, widgets as o } from "solid-ui";
+import { sym as s } from "rdflib";
 import { customElement as c, property as l, query as u, state as d } from "lit/decorators.js";
+import { consume as f } from "@lit/context";
+import { html as p } from "lit";
 import "solid-ui/components/button";
 //#region src/components/file-explorer-header/FileExplorerHeaderSummary.ts
-var f, p, m, h, g, _, v, y, b, x, S, C, w, T, E, D, O, k, A, j, M, N, P, F, I;
-function L(e, t, n) {
-	R(e, t), t.set(e, n);
-}
-function R(e, t) {
-	if (t.has(e)) throw TypeError("Cannot initialize the same private elements twice on an object");
-}
+var m, h, g, _, v, y, b, x, S, C, w, T, E, D, O, k, A, j, M, N, P, F, I, L, R;
 function z(e, t, n) {
-	return e.set(V(e, t), n), n;
+	B(e, t), t.set(e, n);
 }
 function B(e, t) {
-	return e.get(V(e, t));
+	if (t.has(e)) throw TypeError("Cannot initialize the same private elements twice on an object");
 }
 function V(e, t, n) {
+	return e.set(U(e, t), n), n;
+}
+function H(e, t) {
+	return e.get(U(e, t));
+}
+function U(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 H(e, t, n) {
-	return (t = W(t)) in e ? Object.defineProperty(e, t, {
+function W(e, t, n) {
+	return (t = K(t)) in e ? Object.defineProperty(e, t, {
 		value: n,
 		enumerable: !0,
 		configurable: !0,
 		writable: !0
 	}) : e[t] = n, e;
 }
-function U(e, t, n, r, i, a) {
+function G(e, t, n, r, i, a) {
 	function o(e, t, n) {
 		return function(r, i) {
 			return n && n(r), e[t].call(r, i);
@@ -57,13 +59,13 @@ function U(e, t, n, r, i, a) {
 			n || Array.isArray(_) || (_ = [_]);
 			var b = {}, x = [], S = i === 3 ? "get" : i === 4 || p ? "set" : "value";
 			d ? (f || p ? b = {
-				get: K(function() {
+				get: J(function() {
 					return v(this);
 				}, r, "get"),
 				set: function(e) {
 					t[4](this, e);
 				}
-			} : b[S] = v, f || K(b[S], r, i === 2 ? "" : S)) : f || (b = Object.getOwnPropertyDescriptor(e, r));
+			} : b[S] = v, f || J(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 = {
@@ -123,7 +125,7 @@ function U(e, t, n, r, i, a) {
 	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 q(t) === e;
+			return Y(t) === e;
 		}, u = /* @__PURE__ */ new Map();
 		function d(e) {
 			e && o.push(s.bind(null, e));
@@ -137,7 +139,7 @@ function U(e, t, n, r, i, a) {
 					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 : W(h), m, r, v ? a ||= [] : i ||= [], o, v, g, y, m === 1, v && g ? c : n);
+				l(v ? e : e.prototype, p, _, g ? "#" + h : K(h), m, r, v ? a ||= [] : i ||= [], o, v, g, y, m === 1, v && g ? c : n);
 			}
 		}
 		return d(i), d(a), o;
@@ -150,11 +152,11 @@ function U(e, t, n, r, i, a) {
 		}
 	};
 }
-function W(e) {
-	var t = G(e, "string");
+function K(e) {
+	var t = q(e, "string");
 	return typeof t == "symbol" ? t : t + "";
 }
-function G(e, t) {
+function q(e, t) {
 	if (typeof e != "object" || !e) return e;
 	var n = e[Symbol.toPrimitive];
 	if (n !== void 0) {
@@ -164,7 +166,7 @@ function G(e, t) {
 	}
 	return (t === "string" ? String : Number)(e);
 }
-function K(e, t, n) {
+function J(e, t, n) {
 	typeof t == "symbol" && (t = (t = t.description) ? "[" + t + "]" : "");
 	try {
 		Object.defineProperty(e, "name", {
@@ -174,60 +176,60 @@ function K(e, t, n) {
 	} catch {}
 	return e;
 }
-function q(e) {
+function Y(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 J(e) {
+function X(e) {
 	return e;
 }
-S = [c("file-explorer-header-summary")];
-var Y;
-new (F = (m = /*#__PURE__*/ new WeakMap(), h = /*#__PURE__*/ new WeakMap(), g = /*#__PURE__*/ new WeakMap(), _ = /*#__PURE__*/ new WeakMap(), v = /*#__PURE__*/ new WeakMap(), y = /*#__PURE__*/ new WeakMap(), I = (C = s({
-	context: n,
+w = [c("file-explorer-header-summary")];
+var Z;
+new (L = (g = /*#__PURE__*/ new WeakMap(), _ = /*#__PURE__*/ new WeakMap(), v = /*#__PURE__*/ new WeakMap(), y = /*#__PURE__*/ new WeakMap(), b = /*#__PURE__*/ new WeakMap(), x = /*#__PURE__*/ new WeakMap(), R = (T = f({
+	context: i,
 	subscribe: !0
-}), T = l({ attribute: !1 }), D = l({ attribute: !1 }), k = l({ attribute: !1 }), j = d(), N = u("h1"), "_draggableSubjectUri"), p = class extends t {
+}), D = l({ attribute: !1 }), k = l({ attribute: !1 }), j = l({ attribute: !1 }), N = d(), F = u("h1"), "_draggableSubjectUri"), h = class extends r {
 	constructor(...e) {
-		super(...e), H(this, I, void b(this)), H(this, "_resolvedPaneIconFor", void 0), L(this, m, w(this, void 0)), L(this, h, E(this)), L(this, g, O(this)), L(this, _, A(this, {
+		super(...e), W(this, R, void S(this)), W(this, "_resolvedPaneIconFor", void 0), z(this, g, E(this, void 0)), z(this, _, O(this)), z(this, v, A(this)), z(this, y, M(this, {
 			modified: void 0,
 			isPublic: !1
-		})), L(this, v, M(this, void 0)), L(this, y, P(this, null));
+		})), z(this, b, P(this, void 0)), z(this, x, I(this, null));
 	}
 	get fileExplorerContext() {
-		return B(m, this);
+		return H(g, this);
 	}
 	set fileExplorerContext(e) {
-		z(m, this, e);
+		V(g, this, e);
 	}
 	get paneIcon() {
-		return B(h, this);
+		return H(_, this);
 	}
 	set paneIcon(e) {
-		z(h, this, e);
+		V(_, this, e);
 	}
 	get onBackClick() {
-		return B(g, this);
+		return H(v, this);
 	}
 	set onBackClick(e) {
-		z(g, this, e);
+		V(v, this, e);
 	}
 	get responseMetadata() {
-		return B(_, this);
+		return H(y, this);
 	}
 	set responseMetadata(e) {
-		z(_, this, e);
+		V(y, this, e);
 	}
 	get resolvedPaneIcon() {
-		return B(v, this);
+		return H(b, this);
 	}
 	set resolvedPaneIcon(e) {
-		z(v, this, e);
+		V(b, this, e);
 	}
 	get titleHeading() {
-		return B(y, this);
+		return H(x, this);
 	}
 	set titleHeading(e) {
-		z(y, this, e);
+		V(x, this, e);
 	}
 	formatModifiedDate(e) {
 		if (!e) return "";
@@ -244,7 +246,7 @@ new (F = (m = /*#__PURE__*/ new WeakMap(), h = /*#__PURE__*/ new WeakMap(), g =
 		return `${r("day")} ${r("month")}, ${r("year")} at ${r("hour")}:${r("minute")} ${r("dayPeriod").toUpperCase()}`;
 	}
 	updated() {
-		this.paneIcon !== void 0 && this._resolvedPaneIconFor !== this.paneIcon && (this._resolvedPaneIconFor = this.paneIcon, this.resolvePaneIcon()), !(!this.titleHeading || !this.fileExplorerContext?.subjectUri || this._draggableSubjectUri === this.fileExplorerContext.subjectUri) && (i.makeDraggable(this.titleHeading, a(this.fileExplorerContext.subjectUri)), this._draggableSubjectUri = this.fileExplorerContext.subjectUri);
+		this.paneIcon !== void 0 && this._resolvedPaneIconFor !== this.paneIcon && (this._resolvedPaneIconFor = this.paneIcon, this.resolvePaneIcon()), this.titleHeading && this.fileExplorerContext?.subjectUri && this._draggableSubjectUri !== this.fileExplorerContext.subjectUri && (o.makeDraggable(this.titleHeading, s(this.fileExplorerContext.subjectUri)), this._draggableSubjectUri = this.fileExplorerContext.subjectUri);
 	}
 	async resolvePaneIcon() {
 		try {
@@ -258,9 +260,34 @@ new (F = (m = /*#__PURE__*/ new WeakMap(), h = /*#__PURE__*/ new WeakMap(), g =
 			this.resolvedPaneIcon = void 0, console.warn("file-explorer-header-summary: failed to resolve pane icon", e);
 		}
 	}
+	renderContainerResourceHeader(t, n) {
+		let r = e(this.fileExplorerContext?.store, this.fileExplorerContext?.subjectUri) ?? 0;
+		return p`
+      <div class="container-info">
+        <h1>
+          <span>${t}</span>
+        </h1>
+        <p>
+        ${r} items
+          ${n ? p`<span class="public"><icon-lucide-globe></icon-lucide-globe></span>` : p`<span class="private"><icon-lucide-lock-keyhole></icon-lucide-lock-keyhole></span>`}
+        </p>
+      </div>
+    `;
+	}
+	renderResourceHeader(e, t) {
+		let n = this.formatModifiedDate(this.responseMetadata.modified);
+		return p`
+        <div class="resource-info">
+          <h1>
+            <span>${e}</span>
+          </h1>
+          <p><span class="resource-date">${n}</span> ${t ? p`<span class="public"><icon-lucide-globe></icon-lucide-globe> Public</span>` : p`<span class="private"><icon-lucide-lock-keyhole></icon-lucide-lock-keyhole> Private</span>`}</p>
+        </div>
+    `;
+	}
 	render() {
-		let e = this.fileExplorerContext?.subjectUri ? a(this.fileExplorerContext.subjectUri) : void 0, t = e ? r.label(e) : "", n = this.formatModifiedDate(this.responseMetadata.modified), i = this.responseMetadata.isPublic;
-		return o`
+		let e = this.fileExplorerContext?.subjectUri ? s(this.fileExplorerContext.subjectUri) : void 0, n = e ? a.label(e) : "", r = this.responseMetadata.isPublic, i = t(this.fileExplorerContext?.store, this.fileExplorerContext?.subjectUri);
+		return p`
       <div class="file-explorer-header-summary">
         <solid-ui-button
           variant="ghost"
@@ -270,52 +297,50 @@ new (F = (m = /*#__PURE__*/ new WeakMap(), h = /*#__PURE__*/ new WeakMap(), g =
           <icon-lucide-arrow-left></icon-lucide-arrow-left>
         </solid-ui-button>
         <span class="pane-icon">
-          ${this.resolvedPaneIcon ? o`<img src=${this.resolvedPaneIcon} alt="" />` : ""}
+          ${this.resolvedPaneIcon ? p`<img src=${this.resolvedPaneIcon} alt="" />` : ""}
         </span>
-        <div>
-          <h1>${t}</h1>
-          <p>${n} ${i ? o`<span class="public"><icon-lucide-globe></icon-lucide-globe> Public</span>` : o`<span class="private"><icon-lucide-lock-keyhole></icon-lucide-lock-keyhole> Private</span>`}</p>
-        </div>
+        ${i ? this.renderContainerResourceHeader(n, r) : this.renderResourceHeader(n, r)}
+      </div>
       </div>
     `;
 	}
-}, {e: [w, E, O, A, M, P, b], c: [Y, x]} = U(p, [
+}, {e: [E, O, A, M, P, I, S], c: [Z, C]} = G(h, [
 	[
-		C,
+		T,
 		1,
 		"fileExplorerContext"
 	],
 	[
-		T,
+		D,
 		1,
 		"paneIcon"
 	],
 	[
-		D,
+		k,
 		1,
 		"onBackClick"
 	],
 	[
-		k,
+		j,
 		1,
 		"responseMetadata"
 	],
 	[
-		j,
+		N,
 		1,
 		"resolvedPaneIcon"
 	],
 	[
-		N,
+		F,
 		1,
 		"titleHeading"
 	]
-], S, 0, void 0, t), p), f = class extends J {
+], w, 0, void 0, r), h), m = class extends X {
 	constructor() {
-		super(Y), H(this, "styles", e), x();
+		super(Z), W(this, "styles", n), C();
 	}
-}, H(f, F, void 0), f)();
+}, W(m, L, void 0), m)();
 //#endregion
-export { Y as default };
+export { Z as default };
 
 //# sourceMappingURL=FileExplorerHeaderSummary.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FileExplorerHeaderSummary.esm.js","names":["sym","widgets","utils","WebComponent","fileExplorerContext","customElement","property","query","state","html","consume","styles","_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","undefined","_init_paneIcon","_init_onBackClick","_init_responseMetadata","modified","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","updated","_resolvedPaneIconFor","resolvePaneIcon","subjectUri","_draggableSubjectUri","makeDraggable","icon","error","console","warn","render","subject","label","e","c","_initClass","_applyDecs","_Class","_identity","default"],"sources":["../../../src/components/file-explorer-header/FileExplorerHeaderSummary.ts"],"sourcesContent":["import { sym } from 'rdflib'\nimport { widgets, utils, WebComponent, fileExplorerContext, type FileExplorerContext } from 'solid-ui'\nimport 'solid-ui/components/button'\nimport { customElement, property, query, state } from 'lit/decorators.js'\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 styles from './FileExplorerHeaderSummary.styles.css'\nimport { type FileExplorerResourceMetadata } from './helper'\n\n@customElement('file-explorer-header-summary')\nexport default class FileExplorerHeaderSummary extends WebComponent {\n  static styles = styles\n\n  private _draggableSubjectUri: string | undefined\n  private _resolvedPaneIconFor: PaneIcon | undefined\n\n  @consume({ context: fileExplorerContext, subscribe: true })\n  accessor fileExplorerContext: FileExplorerContext = undefined as unknown as FileExplorerContext\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 updated () {\n    if (this.paneIcon !== undefined && this._resolvedPaneIconFor !== this.paneIcon) {\n      this._resolvedPaneIconFor = this.paneIcon\n      this.resolvePaneIcon()\n    }\n\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 () {\n    try {\n      if (this.paneIcon == null) {\n        this.resolvedPaneIcon = undefined\n        return\n      }\n\n      const icon = await this.paneIcon\n      this.resolvedPaneIcon = icon ?? undefined\n    } catch (error) {\n      this.resolvedPaneIcon = undefined\n      console.warn('file-explorer-header-summary: failed to resolve pane icon', error)\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 modified = this.formatModifiedDate(this.responseMetadata.modified)\n    const isPublic = this.responseMetadata.isPublic\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        </solid-ui-button>\n        <span class=\"pane-icon\">\n          ${this.resolvedPaneIcon ? html`<img src=${this.resolvedPaneIcon} alt=\"\" />` : ''}\n        </span>\n        <div>\n          <h1>${label}</h1>\n          <p>${modified} ${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      </div>\n    `\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"FileExplorerHeaderSummary.esm.js","names":["sym","widgets","utils","WebComponent","fileExplorerContext","customElement","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","undefined","_init_paneIcon","_init_onBackClick","_init_responseMetadata","modified","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","updated","_resolvedPaneIconFor","resolvePaneIcon","subjectUri","_draggableSubjectUri","makeDraggable","icon","error","console","warn","renderContainerResourceHeader","label","itemCount","store","renderResourceHeader","render","subject","isContainerResource","e","c","_initClass","_applyDecs","_Class","_identity","default","customElement","styles","FileExplorerHeaderSummary_styles_default","customElement$1","_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","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","_FileExplorerHeaderSu","consume","fileExplorerContext","property","state","query","WebComponent","args","modified","date","parts","getPart","part","type","widgets","sym","icon","error","itemCount","getContainerItemCount","label","isPublic","subject","utils","isContainerResource","isContainerSubject"],"sources":["../../../src/components/file-explorer-header/FileExplorerHeaderSummary.ts"],"sourcesContent":["import { sym } from 'rdflib'\nimport { widgets, utils, WebComponent, fileExplorerContext, type FileExplorerContext } from 'solid-ui'\nimport 'solid-ui/components/button'\nimport { customElement, property, query, state } from 'lit/decorators.js'\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('file-explorer-header-summary')\nexport default class FileExplorerHeaderSummary extends WebComponent {\n  static styles = styles\n\n  private _draggableSubjectUri: string | undefined\n  private _resolvedPaneIconFor: PaneIcon | undefined\n\n  @consume({ context: fileExplorerContext, subscribe: true })\n  accessor fileExplorerContext: FileExplorerContext = undefined as unknown as FileExplorerContext\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 updated () {\n    if (this.paneIcon !== undefined && this._resolvedPaneIconFor !== this.paneIcon) {\n      this._resolvedPaneIconFor = this.paneIcon\n      this.resolvePaneIcon()\n    }\n\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 () {\n    try {\n      if (this.paneIcon == null) {\n        this.resolvedPaneIcon = undefined\n        return\n      }\n\n      const icon = await this.paneIcon\n      this.resolvedPaneIcon = icon ?? undefined\n    } catch (error) {\n      this.resolvedPaneIcon = undefined\n      console.warn('file-explorer-header-summary: failed to resolve pane icon', error)\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></icon-lucide-globe></span>`\n            : html`<span class=\"private\"><icon-lucide-lock-keyhole></icon-lucide-lock-keyhole></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        </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.styles.cjs.js

@@ -1,2 +1,2 @@
-var e=require("lit").css`: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}:host h1{color:var(--solid-ui-color-gray-700,#364153);font-size:var(--solid-ui-font-size-2xl,1.5rem);font-weight:500}:host .pane-icon{aspect-ratio:1;justify-content:center;align-items:center;width:40px;height:40px;padding:7.5px 7px 6.5px;display:flex}:host .pane-icon img{object-fit:contain;width:100%;height:100%;display:block}:host 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}:host .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}:host icon-lucide-globe{stroke-width:1.021px;stroke:var(--blue-400,#51a2ff)}:host .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}:host icon-lucide-lock-keyhole{stroke-width:1.021px;stroke:var(--yellow-600,#d08700)}:host icon-lucide-globe,:host icon-lucide-lock-keyhole{width:.875rem;height:.875rem}:host icon-lucide-arrow-left{width:1.125rem;height:1.125rem}`;exports.default=e;
+var e=require("lit").css`: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}:host 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}:host .resource-info{flex-direction:column;min-width:0;display:flex}:host .container-info{flex-direction:row;gap:10px;min-width:0;display:flex}:host .pane-icon{aspect-ratio:1;justify-content:center;align-items:center;width:40px;height:40px;padding:7.5px 7px 6.5px;display:flex}:host .pane-icon img{object-fit:contain;width:100%;height:100%;display:block}:host 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}:host .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}:host icon-lucide-globe{stroke-width:1.021px;stroke:var(--blue-400,#51a2ff)}:host .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}:host icon-lucide-lock-keyhole{stroke-width:1.021px;stroke:var(--yellow-600,#d08700)}:host icon-lucide-globe,:host icon-lucide-lock-keyhole{width:.875rem;height:.875rem}:host .resource-date{font-size:inherit}:host icon-lucide-arrow-left{width:1.125rem;height:1.125rem}@media (width<=600px){:host .file-explorer-header-summary{gap:7px}:host h1{font-size:14px}:host .pane-icon{aspect-ratio:1;flex-shrink:0;width:18.2px;height:18.2px;padding:0}:host p{font-size:14px}:host .resource-date{font-size:10px}:host .public,:host .private{font-size:9px}:host icon-lucide-arrow-left{aspect-ratio:5/6;flex-shrink:0;width:15px;height:18px}}`;exports.default=e;
 //# sourceMappingURL=FileExplorerHeaderSummary.styles.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FileExplorerHeaderSummary.styles.cjs.js","names":[],"sources":["../../../src/components/file-explorer-header/FileExplorerHeaderSummary.styles.css"],"sourcesContent":[" :host {\n  .file-explorer-header-summary {\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    gap: 6px;\n    flex-wrap: wrap;\n    flex: 1 1 auto;\n    min-width: 0;\n    text-align: left;\n  }\n\n  h1 {\n      color: var(--solid-ui-color-gray-700, #364153);\n      font-size: var(--solid-ui-font-size-2xl, 1.5rem);\n      font-weight: 500;\n  }\n\n  .pane-icon {\n    display: flex;\n    width: 40px;\n    height: 40px;\n    padding: 7.5px 7px 6.5px 7px;\n    justify-content: center;\n    align-items: center;\n    aspect-ratio: 1/1;\n    /* border-radius: 100px; */\n    /* background: var(--slate-600, #45556C); */\n  }\n\n  .pane-icon img {\n    width: 100%;\n    height: 100%;\n    object-fit: contain;\n    display: block;\n  }\n\n  p {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    color: var(--solid-ui-gray-500, #6A7282);\n    font-size: var(--solid-ui-font-size-xs, .75rem);\n    font-weight: 500;\n  }\n\n  .public {\n    display: flex;\n    padding: 2px 5px;\n    justify-content: center;\n    align-items: center;\n    gap: 3px;\n    color: var(--blue-400, #51A2FF);\n    border-radius: 5px;\n    background: var(--blue-50, #EFF6FF);\n  }\n\n  icon-lucide-globe {\n    stroke-width: 1.021px;\n    stroke: var(--blue-400, #51A2FF);\n  }\n\n  .private {\n    display: flex;\n    padding: 2px 5px;\n    justify-content: center;\n    align-items: center;\n    gap: 3px;\n    color: var(--yellow-600, #D08700);\n    border-radius: 5px;\n    background: var(--yellow-100, #FEF9C2);\n  }\n\n  icon-lucide-lock-keyhole {\n    stroke-width: 1.021px;\n    stroke: var(--yellow-600, #D08700);\n  }\n\n  icon-lucide-globe,\n  icon-lucide-lock-keyhole {\n    width: 0.875rem;\n    height: 0.875rem;\n  }\n\n  icon-lucide-arrow-left {\n    width: 1.125rem;\n    height: 1.125rem;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"FileExplorerHeaderSummary.styles.cjs.js","names":["FileExplorerHeaderSummary_styles_default"],"sources":["../../../src/components/file-explorer-header/FileExplorerHeaderSummary.styles.css"],"sourcesContent":[" :host {\n  .file-explorer-header-summary {\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    gap: 6px;\n    flex-wrap: wrap;\n    flex: 1 1 auto;\n    min-width: 0;\n    text-align: left;\n  }\n\n  h1 {\n      color: var(--solid-ui-color-gray-700, #364153);\n      font-size: var(--solid-ui-font-size-xl, 1.25rem); /* while in expand; will go to 2xl when new design is complete */\n      font-weight: 500;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      margin: 0;\n  }\n\n  .resource-info {\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n  }\n\n  .container-info {\n    display: flex;\n    flex-direction: row;\n    gap: 10px;\n    min-width: 0;\n  }\n\n  .pane-icon {\n    display: flex;\n    width: 40px;\n    height: 40px;\n    padding: 7.5px 7px 6.5px 7px;\n    justify-content: center;\n    align-items: center;\n    aspect-ratio: 1/1;\n    /* border-radius: 100px; */\n    /* background: var(--slate-600, #45556C); */\n  }\n\n  .pane-icon img {\n    width: 100%;\n    height: 100%;\n    object-fit: contain;\n    display: block;\n  }\n\n  p {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    color: var(--solid-ui-gray-500, #6A7282);\n    font-size: var(--solid-ui-font-size-xs, .75rem);\n    font-weight: 500;\n  }\n\n  .public {\n    display: flex;\n    padding: 2px 5px;\n    justify-content: center;\n    align-items: center;\n    gap: 3px;\n    color: var(--blue-400, #51A2FF);\n    border-radius: 5px;\n    background: var(--blue-50, #EFF6FF);\n  }\n\n  icon-lucide-globe {\n    stroke-width: 1.021px;\n    stroke: var(--blue-400, #51A2FF);\n  }\n\n  .private {\n    display: flex;\n    padding: 2px 5px;\n    justify-content: center;\n    align-items: center;\n    gap: 3px;\n    color: var(--yellow-600, #D08700);\n    border-radius: 5px;\n    background: var(--yellow-100, #FEF9C2);\n  }\n\n  icon-lucide-lock-keyhole {\n    stroke-width: 1.021px;\n    stroke: var(--yellow-600, #D08700);\n  }\n\n  icon-lucide-globe,\n  icon-lucide-lock-keyhole {\n    width: 0.875rem;\n    height: 0.875rem;\n  }\n\n  .resource-date {\n    font-size: inherit;\n  }\n\n  icon-lucide-arrow-left {\n    width: 1.125rem;\n    height: 1.125rem;\n  }\n\n  @media (max-width: 600px) {\n    .file-explorer-header-summary {\n      gap: 7px;\n    }\n\n    h1 {\n      font-size: 14px;\n    }\n\n    .pane-icon {\n      width: 18.2px;\n      height: 18.2px;\n      flex-shrink: 0;\n      aspect-ratio: 1 / 1;\n      padding: 0;\n    }\n\n    p {\n      font-size: 14px;\n    }\n\n    .resource-date {\n      font-size: 10px;\n    }\n\n    .public,\n    .private {\n      font-size: 9px;\n    }\n\n    icon-lucide-arrow-left {\n      width: 15px;\n      height: 18px;\n      flex-shrink: 0;\n      aspect-ratio: 5 / 6;\n    }\n  }\n}\n"],"mappings":""}

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

@@ -1,6 +1,6 @@
 import { css as e } from "lit";
 //#region src/components/file-explorer-header/FileExplorerHeaderSummary.styles.css
-var t = e`: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}:host h1{color:var(--solid-ui-color-gray-700,#364153);font-size:var(--solid-ui-font-size-2xl,1.5rem);font-weight:500}:host .pane-icon{aspect-ratio:1;justify-content:center;align-items:center;width:40px;height:40px;padding:7.5px 7px 6.5px;display:flex}:host .pane-icon img{object-fit:contain;width:100%;height:100%;display:block}:host 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}:host .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}:host icon-lucide-globe{stroke-width:1.021px;stroke:var(--blue-400,#51a2ff)}:host .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}:host icon-lucide-lock-keyhole{stroke-width:1.021px;stroke:var(--yellow-600,#d08700)}:host icon-lucide-globe,:host icon-lucide-lock-keyhole{width:.875rem;height:.875rem}:host icon-lucide-arrow-left{width:1.125rem;height:1.125rem}`;
+var t = e`: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}:host 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}:host .resource-info{flex-direction:column;min-width:0;display:flex}:host .container-info{flex-direction:row;gap:10px;min-width:0;display:flex}:host .pane-icon{aspect-ratio:1;justify-content:center;align-items:center;width:40px;height:40px;padding:7.5px 7px 6.5px;display:flex}:host .pane-icon img{object-fit:contain;width:100%;height:100%;display:block}:host 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}:host .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}:host icon-lucide-globe{stroke-width:1.021px;stroke:var(--blue-400,#51a2ff)}:host .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}:host icon-lucide-lock-keyhole{stroke-width:1.021px;stroke:var(--yellow-600,#d08700)}:host icon-lucide-globe,:host icon-lucide-lock-keyhole{width:.875rem;height:.875rem}:host .resource-date{font-size:inherit}:host icon-lucide-arrow-left{width:1.125rem;height:1.125rem}@media (width<=600px){:host .file-explorer-header-summary{gap:7px}:host h1{font-size:14px}:host .pane-icon{aspect-ratio:1;flex-shrink:0;width:18.2px;height:18.2px;padding:0}:host p{font-size:14px}:host .resource-date{font-size:10px}:host .public,:host .private{font-size:9px}:host icon-lucide-arrow-left{aspect-ratio:5/6;flex-shrink:0;width:15px;height:18px}}`;
 //#endregion
 export { t as default };
 

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

@@ -1 +1 @@
-{"version":3,"file":"FileExplorerHeaderSummary.styles.esm.js","names":[],"sources":["../../../src/components/file-explorer-header/FileExplorerHeaderSummary.styles.css"],"sourcesContent":[" :host {\n  .file-explorer-header-summary {\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    gap: 6px;\n    flex-wrap: wrap;\n    flex: 1 1 auto;\n    min-width: 0;\n    text-align: left;\n  }\n\n  h1 {\n      color: var(--solid-ui-color-gray-700, #364153);\n      font-size: var(--solid-ui-font-size-2xl, 1.5rem);\n      font-weight: 500;\n  }\n\n  .pane-icon {\n    display: flex;\n    width: 40px;\n    height: 40px;\n    padding: 7.5px 7px 6.5px 7px;\n    justify-content: center;\n    align-items: center;\n    aspect-ratio: 1/1;\n    /* border-radius: 100px; */\n    /* background: var(--slate-600, #45556C); */\n  }\n\n  .pane-icon img {\n    width: 100%;\n    height: 100%;\n    object-fit: contain;\n    display: block;\n  }\n\n  p {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    color: var(--solid-ui-gray-500, #6A7282);\n    font-size: var(--solid-ui-font-size-xs, .75rem);\n    font-weight: 500;\n  }\n\n  .public {\n    display: flex;\n    padding: 2px 5px;\n    justify-content: center;\n    align-items: center;\n    gap: 3px;\n    color: var(--blue-400, #51A2FF);\n    border-radius: 5px;\n    background: var(--blue-50, #EFF6FF);\n  }\n\n  icon-lucide-globe {\n    stroke-width: 1.021px;\n    stroke: var(--blue-400, #51A2FF);\n  }\n\n  .private {\n    display: flex;\n    padding: 2px 5px;\n    justify-content: center;\n    align-items: center;\n    gap: 3px;\n    color: var(--yellow-600, #D08700);\n    border-radius: 5px;\n    background: var(--yellow-100, #FEF9C2);\n  }\n\n  icon-lucide-lock-keyhole {\n    stroke-width: 1.021px;\n    stroke: var(--yellow-600, #D08700);\n  }\n\n  icon-lucide-globe,\n  icon-lucide-lock-keyhole {\n    width: 0.875rem;\n    height: 0.875rem;\n  }\n\n  icon-lucide-arrow-left {\n    width: 1.125rem;\n    height: 1.125rem;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"FileExplorerHeaderSummary.styles.esm.js","names":["FileExplorerHeaderSummary_styles_default"],"sources":["../../../src/components/file-explorer-header/FileExplorerHeaderSummary.styles.css"],"sourcesContent":[" :host {\n  .file-explorer-header-summary {\n    display: flex;\n    justify-content: flex-start;\n    align-items: center;\n    gap: 6px;\n    flex-wrap: wrap;\n    flex: 1 1 auto;\n    min-width: 0;\n    text-align: left;\n  }\n\n  h1 {\n      color: var(--solid-ui-color-gray-700, #364153);\n      font-size: var(--solid-ui-font-size-xl, 1.25rem); /* while in expand; will go to 2xl when new design is complete */\n      font-weight: 500;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      margin: 0;\n  }\n\n  .resource-info {\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n  }\n\n  .container-info {\n    display: flex;\n    flex-direction: row;\n    gap: 10px;\n    min-width: 0;\n  }\n\n  .pane-icon {\n    display: flex;\n    width: 40px;\n    height: 40px;\n    padding: 7.5px 7px 6.5px 7px;\n    justify-content: center;\n    align-items: center;\n    aspect-ratio: 1/1;\n    /* border-radius: 100px; */\n    /* background: var(--slate-600, #45556C); */\n  }\n\n  .pane-icon img {\n    width: 100%;\n    height: 100%;\n    object-fit: contain;\n    display: block;\n  }\n\n  p {\n    display: flex;\n    align-items: center;\n    gap: 5px;\n    color: var(--solid-ui-gray-500, #6A7282);\n    font-size: var(--solid-ui-font-size-xs, .75rem);\n    font-weight: 500;\n  }\n\n  .public {\n    display: flex;\n    padding: 2px 5px;\n    justify-content: center;\n    align-items: center;\n    gap: 3px;\n    color: var(--blue-400, #51A2FF);\n    border-radius: 5px;\n    background: var(--blue-50, #EFF6FF);\n  }\n\n  icon-lucide-globe {\n    stroke-width: 1.021px;\n    stroke: var(--blue-400, #51A2FF);\n  }\n\n  .private {\n    display: flex;\n    padding: 2px 5px;\n    justify-content: center;\n    align-items: center;\n    gap: 3px;\n    color: var(--yellow-600, #D08700);\n    border-radius: 5px;\n    background: var(--yellow-100, #FEF9C2);\n  }\n\n  icon-lucide-lock-keyhole {\n    stroke-width: 1.021px;\n    stroke: var(--yellow-600, #D08700);\n  }\n\n  icon-lucide-globe,\n  icon-lucide-lock-keyhole {\n    width: 0.875rem;\n    height: 0.875rem;\n  }\n\n  .resource-date {\n    font-size: inherit;\n  }\n\n  icon-lucide-arrow-left {\n    width: 1.125rem;\n    height: 1.125rem;\n  }\n\n  @media (max-width: 600px) {\n    .file-explorer-header-summary {\n      gap: 7px;\n    }\n\n    h1 {\n      font-size: 14px;\n    }\n\n    .pane-icon {\n      width: 18.2px;\n      height: 18.2px;\n      flex-shrink: 0;\n      aspect-ratio: 1 / 1;\n      padding: 0;\n    }\n\n    p {\n      font-size: 14px;\n    }\n\n    .resource-date {\n      font-size: 10px;\n    }\n\n    .public,\n    .private {\n      font-size: 9px;\n    }\n\n    icon-lucide-arrow-left {\n      width: 15px;\n      height: 18px;\n      flex-shrink: 0;\n      aspect-ratio: 5 / 6;\n    }\n  }\n}\n"],"mappings":""}

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

@@ -1,13 +1,13 @@
-require("./FileExplorerHeader.cjs.js");const e=require("./FileExplorerProvider.styles.cjs.js"),t=require("../../icons/person.cjs.js"),n=require("../../icons/friends.cjs.js");let r=require("solid-ui"),i=require("lit"),a=require("@lit/context"),o=require("lit/decorators.js");var s,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;function Y(e,t,n){pe(e,t),t.set(e,n)}function pe(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(me(e,t),n),n}function Z(e,t){return e.get(me(e,t))}function me(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=ge(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function he(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:ve(function(){return v(this)},r,`get`),set:function(e){t[4](this,e)}}:b[S]=v,f||ve(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 ye(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:ge(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 ge(e){var t=_e(e,`string`);return typeof t==`symbol`?t:t+``}function _e(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 ve(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 ye(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 be(e){return e}var xe=t.default,Se=n.default;function Ce(e){return{store:e.store,subjectUri:e.subjectUri,pane:e.pane,soloPane:e.soloPane,onBack:e.onBack,openPane:e.openPane,handleSharingClick:e.handleSharingClick,paneSupportsEditing:e.paneSupportsEditing,edit:e.edit}}D=[(0,o.customElement)(`file-explorer-provider`)];var $;new(de=(l=new WeakMap,u=new WeakMap,d=new WeakMap,f=new WeakMap,p=new WeakMap,m=new WeakMap,h=new WeakMap,g=new WeakMap,_=new WeakMap,v=new WeakMap,y=new WeakMap,b=new WeakMap,x=new WeakMap,S=new WeakMap,C=new WeakMap,w=new WeakMap,fe=(O=(0,o.property)({attribute:!1}),A=(0,o.property)({attribute:!1}),M=(0,o.property)({attribute:!1}),te=(0,o.property)({attribute:!1}),re=(0,o.property)({attribute:!1}),ae=(0,o.property)({attribute:!1}),P=(0,o.property)({attribute:!1}),I=(0,o.property)({attribute:!1}),R=(0,o.property)({attribute:!1}),B=(0,o.property)({attribute:!1}),H=(0,o.state)(),W=(0,o.state)(),K=(0,o.state)(),J=(0,o.state)(),se=(0,o.state)(),le=(0,a.provide)({context:r.fileExplorerContext}),`context`),c=class extends r.WebComponent{constructor(...e){super(...e),Y(this,l,(T(this),k(this,void 0))),Y(this,u,j(this,void 0)),Y(this,d,ee(this,void 0)),Y(this,f,ne(this,[])),Y(this,p,ie(this,void 0)),Y(this,m,N(this,{})),Y(this,h,F(this,!0)),Y(this,g,L(this,void 0)),Y(this,_,z(this,void 0)),Y(this,v,V(this,void 0)),Y(this,y,U(this,[])),Y(this,b,G(this,!1)),Y(this,x,q(this,!1)),Y(this,S,oe(this,!1)),Q(this,`beginEditingInSourcePane`,()=>{this.querySelector(`source-pane-source-provider`)?.beginEditing?.()}),Y(this,C,ce(this,{onEdit:this.beginEditingInSourcePane,isDirty:!1,updateDirtyState:e=>{this.isDirty!==e&&(this.isDirty=e,this.edit={...this.edit,isDirty:e},this.refreshFileExplorerContextValue())}})),Y(this,w,ue(this,Ce({store:this.context?.session.store,subjectUri:this.subjectUri,pane:this.pane,soloPane:this.soloPane,onBack:this.onBack,openPane:this.openPane,handleSharingClick:this.handleSharingClick,paneSupportsEditing:!1,edit:this.edit})))}get[fe](){return Z(l,this)}set context(e){X(l,this,e)}get subjectUri(){return Z(u,this)}set subjectUri(e){X(u,this,e)}get onBack(){return Z(d,this)}set onBack(e){X(d,this,e)}get relevantPanes(){return Z(f,this)}set relevantPanes(e){X(f,this,e)}get pane(){return Z(p,this)}set pane(e){X(p,this,e)}get paneRenderOptions(){return Z(m,this)}set paneRenderOptions(e){X(m,this,e)}get showHeader(){return Z(h,this)}set showHeader(e){X(h,this,e)}get handleSharingClick(){return Z(g,this)}set handleSharingClick(e){X(g,this,e)}get soloPane(){return Z(_,this)}set soloPane(e){X(_,this,e)}get openPane(){return Z(v,this)}set openPane(e){X(v,this,e)}get menuItems(){return Z(y,this)}set menuItems(e){X(y,this,e)}get isEditing(){return Z(b,this)}set isEditing(e){X(b,this,e)}get isDirty(){return Z(x,this)}set isDirty(e){X(x,this,e)}get paneSupportsEditing(){return Z(S,this)}set paneSupportsEditing(e){X(S,this,e)}get edit(){return Z(C,this)}set edit(e){X(C,this,e)}get fileExplorerContextValue(){return Z(w,this)}set fileExplorerContextValue(e){X(w,this,e)}openSelectedPane(e){!this.context?.session.store||!this.subjectUri||(this.paneSupportsEditing=e.name===`source`,this.pane=e)}getPaneIcon(e,t,n){if(e)return typeof e.icon==`function`?e.icon(t,n):e.icon}async getPaneItems(e,t,n){let i=t.dom;return await Promise.all(n.map(async n=>{let a=n.label(e,t),o=``;o=n.name===`profile`?xe:n.name===`social`?Se:await this.getPaneIcon(n,e,t);let s=r.utils.AJARImage(o,a,a,i);return s.setAttribute(`slot`,`left-icon`),{label:a,icon:s,action:()=>this.openPane?.(e,n.name)}}))}refreshFileExplorerContextValue(){this.fileExplorerContextValue=Ce({store:this.context?.session.store,subjectUri:this.subjectUri,pane:this.pane,soloPane:this.soloPane,onBack:this.onBack,openPane:this.openPane,handleSharingClick:this.handleSharingClick,paneSupportsEditing:this.paneSupportsEditing,edit:this.edit})}async refreshMenuItems(){let e=this.context?.session.store;if(!e||!this.subjectUri)return;let t=e.sym(this.subjectUri),n=await this.getPaneItems(t,this.context,this.relevantPanes);this.menuItems=n}willUpdate(e){if(super.willUpdate(e),!this.context?.session.store)throw Error("The element is missing the required `context.session.store` value. Ensure the `context` property is set.");if(!this.subjectUri)throw Error("The element is missing the required `subjectUri` property.");(e.has(`subjectUri`)||e.has(`relevantPanes`)||e.has(`context`))&&this.refreshMenuItems().catch(e=>{console.warn(`Failed to refresh menu items`,e)}),(e.has(`pane`)||e.has(`subjectUri`)||e.has(`context`))&&(this.paneSupportsEditing=this.pane?.name===`source`),(e.has(`context`)||e.has(`subjectUri`)||e.has(`pane`)||e.has(`soloPane`)||e.has(`onBack`)||e.has(`openPane`)||e.has(`handleSharingClick`)||e.has(`pane`)||e.has(`isDirty`))&&this.refreshFileExplorerContextValue()}render(){let e=(this.context?.session.store).sym(this.subjectUri);return i.html`
+require("../../_virtual/~icons/lucide/share-2.cjs.js"),require("./FileExplorerHeader.cjs.js");const e=require("./FileExplorerProvider.styles.cjs.js"),t=require("../../icons/person.cjs.js"),n=require("../../icons/friends.cjs.js");let r=require("solid-ui"),i=require("lit/decorators.js"),a=require("@lit/context"),o=require("lit");var s,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;function Y(e,t,n){pe(e,t),t.set(e,n)}function pe(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(me(e,t),n),n}function Z(e,t){return e.get(me(e,t))}function me(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=ge(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function he(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:ve(function(){return v(this)},r,`get`),set:function(e){t[4](this,e)}}:b[S]=v,f||ve(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 ye(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:ge(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 ge(e){var t=_e(e,`string`);return typeof t==`symbol`?t:t+``}function _e(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 ve(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 ye(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 be(e){return e}var xe=t.default,Se=n.default;function Ce(e){return{store:e.store,subjectUri:e.subjectUri,pane:e.pane,soloPane:e.soloPane,onBack:e.onBack,openPane:e.openPane,handleAccessClick:e.handleAccessClick,paneSupportsEditing:e.paneSupportsEditing,edit:e.edit}}D=[(0,i.customElement)(`file-explorer-provider`)];var $;new(de=(l=new WeakMap,u=new WeakMap,d=new WeakMap,f=new WeakMap,p=new WeakMap,m=new WeakMap,h=new WeakMap,g=new WeakMap,_=new WeakMap,v=new WeakMap,y=new WeakMap,b=new WeakMap,x=new WeakMap,S=new WeakMap,C=new WeakMap,w=new WeakMap,fe=(O=(0,i.property)({attribute:!1}),A=(0,i.property)({attribute:!1}),M=(0,i.property)({attribute:!1}),te=(0,i.property)({attribute:!1}),re=(0,i.property)({attribute:!1}),ae=(0,i.property)({attribute:!1}),P=(0,i.property)({attribute:!1}),I=(0,i.property)({attribute:!1}),R=(0,i.property)({attribute:!1}),B=(0,i.property)({attribute:!1}),H=(0,i.state)(),W=(0,i.state)(),K=(0,i.state)(),J=(0,i.state)(),se=(0,i.state)(),le=(0,a.provide)({context:r.fileExplorerContext}),`context`),c=class extends r.WebComponent{constructor(...e){super(...e),Y(this,l,(T(this),k(this,void 0))),Y(this,u,j(this,void 0)),Y(this,d,ee(this,void 0)),Y(this,f,ne(this,[])),Y(this,p,ie(this,void 0)),Y(this,m,N(this,{})),Y(this,h,F(this,!0)),Y(this,g,L(this,void 0)),Y(this,_,z(this,void 0)),Y(this,v,V(this,void 0)),Y(this,y,U(this,[])),Y(this,b,G(this,!1)),Y(this,x,q(this,!1)),Y(this,S,oe(this,!1)),Q(this,`beginEditingInSourcePane`,()=>{this.querySelector(`source-pane-source-provider`)?.beginEditing?.()}),Y(this,C,ce(this,{onEdit:this.beginEditingInSourcePane,isDirty:!1,updateDirtyState:e=>{this.isDirty!==e&&(this.isDirty=e,this.edit={...this.edit,isDirty:e},this.refreshFileExplorerContextValue())}})),Y(this,w,ue(this,Ce({store:this.context?.session.store,subjectUri:this.subjectUri,pane:this.pane,soloPane:this.soloPane,onBack:this.onBack,openPane:this.openPane,handleAccessClick:this.handleAccessClick,paneSupportsEditing:!1,edit:this.edit})))}get[fe](){return Z(l,this)}set context(e){X(l,this,e)}get subjectUri(){return Z(u,this)}set subjectUri(e){X(u,this,e)}get onBack(){return Z(d,this)}set onBack(e){X(d,this,e)}get relevantPanes(){return Z(f,this)}set relevantPanes(e){X(f,this,e)}get pane(){return Z(p,this)}set pane(e){X(p,this,e)}get paneRenderOptions(){return Z(m,this)}set paneRenderOptions(e){X(m,this,e)}get showHeader(){return Z(h,this)}set showHeader(e){X(h,this,e)}get handleAccessClick(){return Z(g,this)}set handleAccessClick(e){X(g,this,e)}get soloPane(){return Z(_,this)}set soloPane(e){X(_,this,e)}get openPane(){return Z(v,this)}set openPane(e){X(v,this,e)}get menuItems(){return Z(y,this)}set menuItems(e){X(y,this,e)}get isEditing(){return Z(b,this)}set isEditing(e){X(b,this,e)}get isDirty(){return Z(x,this)}set isDirty(e){X(x,this,e)}get paneSupportsEditing(){return Z(S,this)}set paneSupportsEditing(e){X(S,this,e)}get edit(){return Z(C,this)}set edit(e){X(C,this,e)}get fileExplorerContextValue(){return Z(w,this)}set fileExplorerContextValue(e){X(w,this,e)}openSelectedPane(e){this.context?.session.store&&this.subjectUri&&(this.paneSupportsEditing=e.name===`source`,this.pane=e)}getPaneIcon(e,t,n){if(e)return typeof e.icon==`function`?e.icon(t,n):e.icon}async getPaneItems(e,t,n){let i=t.dom;return await Promise.all(n.map(async n=>{let a=n.label(e,t),o=``;o=n.name===`profile`?xe:n.name===`social`?Se:await this.getPaneIcon(n,e,t);let s=r.utils.AJARImage(o,a,a,i);return s.setAttribute(`slot`,`left-icon`),{label:a,icon:s,action:()=>this.openPane?.(e,n.name)}}))}refreshFileExplorerContextValue(){this.fileExplorerContextValue=Ce({store:this.context?.session.store,subjectUri:this.subjectUri,pane:this.pane,soloPane:this.soloPane,onBack:this.onBack,openPane:this.openPane,handleAccessClick:this.handleAccessClick,paneSupportsEditing:this.paneSupportsEditing,edit:this.edit})}async refreshMenuItems(){let e=this.context?.session.store;if(!e||!this.subjectUri)return;let t=e.sym(this.subjectUri),n=await this.getPaneItems(t,this.context,this.relevantPanes);this.menuItems=n}willUpdate(e){if(super.willUpdate(e),!this.context?.session.store)throw Error("The element is missing the required `context.session.store` value. Ensure the `context` property is set.");if(!this.subjectUri)throw Error("The element is missing the required `subjectUri` property.");(e.has(`subjectUri`)||e.has(`relevantPanes`)||e.has(`context`))&&this.refreshMenuItems().catch(e=>{console.warn(`Failed to refresh menu items`,e)}),(e.has(`pane`)||e.has(`subjectUri`)||e.has(`context`))&&(this.paneSupportsEditing=this.pane?.name===`source`),(e.has(`context`)||e.has(`subjectUri`)||e.has(`pane`)||e.has(`soloPane`)||e.has(`onBack`)||e.has(`openPane`)||e.has(`handleAccessClick`)||e.has(`pane`)||e.has(`isDirty`))&&this.refreshFileExplorerContextValue()}render(){let e=(this.context?.session.store).sym(this.subjectUri);return o.html`
       <div class="file-explorer-provider">
-        ${this.showHeader?i.html`
+        ${this.showHeader?o.html`
               <file-explorer-header
                 .paneIcon=${this.getPaneIcon(this.pane,e,this.context)}
                 .menuItems=${this.menuItems}
                 .paneSupportsEditing=${this.paneSupportsEditing}
               ></file-explorer-header>
-            `:i.nothing}
+            `:o.nothing}
         <slot class="pane"></slot>
       </div>
-    `}},{e:[k,j,ee,ne,ie,N,F,L,z,V,U,G,q,oe,ce,ue,T],c:[$,E]}=he(c,[[O,1,`context`],[A,1,`subjectUri`],[M,1,`onBack`],[te,1,`relevantPanes`],[re,1,`pane`],[ae,1,`paneRenderOptions`],[P,1,`showHeader`],[I,1,`handleSharingClick`],[R,1,`soloPane`],[B,1,`openPane`],[H,1,`menuItems`],[W,1,`isEditing`],[K,1,`isDirty`],[J,1,`paneSupportsEditing`],[se,1,`edit`],[le,1,`fileExplorerContextValue`]],D,0,void 0,r.WebComponent),c),s=class extends be{constructor(){super($),Q(this,`styles`,e.default),E()}},Q(s,de,void 0),s),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return $}});
+    `}},{e:[k,j,ee,ne,ie,N,F,L,z,V,U,G,q,oe,ce,ue,T],c:[$,E]}=he(c,[[O,1,`context`],[A,1,`subjectUri`],[M,1,`onBack`],[te,1,`relevantPanes`],[re,1,`pane`],[ae,1,`paneRenderOptions`],[P,1,`showHeader`],[I,1,`handleAccessClick`],[R,1,`soloPane`],[B,1,`openPane`],[H,1,`menuItems`],[W,1,`isEditing`],[K,1,`isDirty`],[J,1,`paneSupportsEditing`],[se,1,`edit`],[le,1,`fileExplorerContextValue`]],D,0,void 0,r.WebComponent),c),s=class extends be{constructor(){super($),Q(this,`styles`,e.default),E()}},Q(s,de,void 0),s),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return $}});
 //# sourceMappingURL=FileExplorerProvider.cjs.js.map