solid-panes 5.0.0-0 → 5.0.0

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

@@ -1,22 +1,32 @@
-require("../../_virtual/~icons/lucide/share-2.cjs.js"),require("../../_virtual/~icons/lucide/pencil.cjs.js");const e=require("./FileExplorerHeaderControls.styles.cjs.js");require("../resource-actions-menu/ResourceActionsMenu.cjs.js");let t=require("solid-ui"),n=require("lit"),r=require("@lit/context"),i=require("lit/decorators.js");require("solid-ui/components/button");var a,o,s,c,l,u,d,f,p,m,h,g,_,v,y,b;function x(e,t,n){S(e,t),t.set(e,n)}function S(e,t){if(t.has(e))throw TypeError(`Cannot initialize the same private elements twice on an object`)}function C(e,t,n){return e.set(T(e,t),n),n}function w(e,t){return e.get(T(e,t))}function T(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 E(e,t,n){return(t=O(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function D(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:A(function(){return v(this)},r,`get`),set:function(e){t[4](this,e)}}:b[S]=v,f||A(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,j;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&&(j=o(b,`set`,h))):(k=function(e){return e[r]},(i<2||i===4)&&(j=function(e,t){e[r]=t}));var M=O.access={has:d?m.bind():function(e){return r in e}};if(k&&(M.get=k),j&&(M.set=j),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 j(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:O(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 O(e){var t=k(e,`string`);return typeof t==`symbol`?t:t+``}function k(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 A(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 j(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 M(e){return e}f=[(0,i.customElement)(`file-explorer-header-controls`)];var N;new(y=(s=new WeakMap,c=new WeakMap,l=new WeakMap,b=(p=(0,r.consume)({context:t.fileExplorerContext,subscribe:!0}),h=(0,i.property)({attribute:!1}),_=(0,i.property)({type:Boolean}),`fileExplorerContext`),o=class extends t.WebComponent{constructor(...e){super(...e),x(this,s,(u(this),m(this,void 0))),x(this,c,g(this,[])),x(this,l,v(this,!1))}get[b](){return w(s,this)}set fileExplorerContext(e){C(s,this,e)}get menuItems(){return w(c,this)}set menuItems(e){C(c,this,e)}get canEdit(){return w(l,this)}set canEdit(e){C(l,this,e)}handleEditingClick(){this.fileExplorerContext.edit?.onEdit?.()}getEditTooltip(){return this.fileExplorerContext.paneSupportsEditing?this.canEdit?`Edit`:`No Access`:`Not Supported`}renderDirtyIndicator(){return this.fileExplorerContext.edit?.isDirty?n.html`<span class="dirtyIndicator" title="This file has unsaved changes">Unsaved</span>`:n.nothing}render(){return n.html`
+const e=require("../../utils/podUtils.cjs.js");require("../../_virtual/~icons/lucide/pencil.cjs.js"),require("../../_virtual/~icons/lucide/user-round-cog.cjs.js");const t=require("./FileExplorerHeaderControls.styles.cjs.js");require("../resource-actions-menu/ResourceActionsMenu.cjs.js");let n=require("solid-ui"),r=require("lit/decorators.js"),i=require("@lit/context"),a=require("lit");require("solid-ui/components/button");var o,s,c,l,u,d,f,p,m,h,g,_,v,y,b,x,S,C,w;function T(e,t,n){E(e,t),t.set(e,n)}function E(e,t){if(t.has(e))throw TypeError(`Cannot initialize the same private elements twice on an object`)}function D(e,t,n){return e.set(k(e,t),n),n}function O(e,t){return e.get(k(e,t))}function k(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 A(e,t,n){return(t=M(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function j(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:P(function(){return v(this)},r,`get`),set:function(e){t[4](this,e)}}:b[S]=v,f||P(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 F(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:M(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 M(e){var t=N(e,`string`);return typeof t==`symbol`?t:t+``}function N(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 P(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 F(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 I(e){return e}m=[(0,r.customElement)(`file-explorer-header-controls`)];var L;new(C=(c=new WeakMap,l=new WeakMap,u=new WeakMap,d=new WeakMap,w=(h=(0,i.consume)({context:n.fileExplorerContext,subscribe:!0}),_=(0,r.property)({attribute:!1}),y=(0,r.property)({type:Boolean}),x=(0,r.state)(),`mobileMediaQuery`),s=class extends n.WebComponent{constructor(...e){super(...e),A(this,w,void f(this)),A(this,`mobileQuery`,`(max-width: 600px)`),A(this,`handleMobileMediaChange`,e=>{this.isMobile=e.matches}),T(this,c,g(this,void 0)),T(this,l,v(this,[])),T(this,u,b(this,!1)),T(this,d,S(this,typeof window<`u`&&typeof window.matchMedia==`function`&&window.matchMedia(`(max-width: 600px)`).matches))}get fileExplorerContext(){return O(c,this)}set fileExplorerContext(e){D(c,this,e)}get menuItems(){return O(l,this)}set menuItems(e){D(l,this,e)}get canEdit(){return O(u,this)}set canEdit(e){D(u,this,e)}get isMobile(){return O(d,this)}set isMobile(e){D(d,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.edit?.isDirty?a.html`<span class="dirtyIndicator" title="This file has unsaved changes">Unsaved</span>`:a.nothing}render(){let t=e.isContainerSubject(this.fileExplorerContext.store,this.fileExplorerContext.subjectUri),n=this.fileExplorerContext.paneSupportsEditing;return a.html`
       <div>
         ${this.renderDirtyIndicator()}
-        <solid-ui-button variant="ghost" title="Share" @click=${this.fileExplorerContext.handleSharingClick}>
-          <icon-lucide-share-2 slot="icon"></icon-lucide-share-2>
-        </solid-ui-button>
-        <solid-ui-button
-          variant="ghost"
-          title=${this.getEditTooltip()}
-          ?disabled=${!this.fileExplorerContext.paneSupportsEditing||!this.canEdit}
-          @click=${this.handleEditingClick}
-        >
-          <icon-lucide-pencil slot="icon"></icon-lucide-pencil>
-        </solid-ui-button>
+        ${!t&&!this.isMobile?a.html`
+              <solid-ui-button class="file-explorer-header-action-button" variant="ghost" title="Manage Access" @click=${this.fileExplorerContext.handleAccessClick}>
+                <icon-lucide-user-round-cog slot="icon"></icon-lucide-user-round-cog>
+              </solid-ui-button>
+              ${n?a.html`
+                    <solid-ui-button
+                      class="file-explorer-header-action-button"
+                      variant="ghost"
+                      title=${this.getEditTooltip()}
+                      ?disabled=${!this.canEdit}
+                      @click=${this.fileExplorerContext.edit?.onEdit}
+                    >
+                      <icon-lucide-pencil slot="icon"></icon-lucide-pencil>
+                    </solid-ui-button>
+                  `:a.nothing}
+            `:a.nothing}
         <resource-actions-menu
-          .store=${this.fileExplorerContext?.store}
+          .store=${this.fileExplorerContext.store}
+          .handleAccessClick=${this.fileExplorerContext.handleAccessClick}
+          .handleEditingClick=${this.fileExplorerContext.edit?.onEdit}
+          .paneSupportsEditing=${this.fileExplorerContext.paneSupportsEditing}
+          .canEdit=${this.canEdit}
           .subjectUri=${this.fileExplorerContext?.subjectUri}
           .menuItems=${this.menuItems}
+          .isMobile=${this.isMobile}
         ></resource-actions-menu>
       </div>
-    `}},{e:[m,g,v,u],c:[N,d]}=D(o,[[p,1,`fileExplorerContext`],[h,1,`menuItems`],[_,1,`canEdit`]],f,0,void 0,t.WebComponent),o),a=class extends M{constructor(){super(N),E(this,`styles`,e.default),d()}},E(a,y,void 0),a),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return N}});
+    `}},{e:[g,v,b,S,f],c:[L,p]}=j(s,[[h,1,`fileExplorerContext`],[_,1,`menuItems`],[y,1,`canEdit`],[x,1,`isMobile`]],m,0,void 0,n.WebComponent),s),o=class extends I{constructor(){super(L),A(this,`styles`,t.default),p()}},A(o,C,void 0),o),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return L}});
 //# sourceMappingURL=FileExplorerHeaderControls.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FileExplorerHeaderControls.cjs.js","names":["WebComponent","customElement","property","consume","html","nothing","styles","fileExplorerContext","_classDecs","_FileExplorerHeaderCo","_FileExplorerHeaderCo2","_A","WeakMap","_B","_C","_ref","_fileExplorerContextDecs","context","subscribe","_menuItemsDecs","attribute","_canEditDecs","type","Boolean","_FileExplorerHeaderControls","FileExplorerHeaderControls","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_fileExplorerContext","undefined","_init_menuItems","_init_canEdit","_classPrivateFieldGet","v","_classPrivateFieldSet","menuItems","canEdit","handleEditingClick","edit","onEdit","getEditTooltip","paneSupportsEditing","renderDirtyIndicator","isDirty","render","handleSharingClick","store","subjectUri","e","c","_initClass","_applyDecs","_Class","_identity","_defineProperty","default"],"sources":["../../../src/components/file-explorer-header/FileExplorerHeaderControls.ts"],"sourcesContent":["import { WebComponent } from 'solid-ui'\nimport { customElement, property } from 'lit/decorators.js'\nimport { consume } from '@lit/context'\nimport { html, nothing } from 'lit'\nimport 'solid-ui/components/button'\nimport '~icons/lucide/share-2'\nimport '~icons/lucide/pencil'\nimport styles from './FileExplorerHeaderControls.styles.css'\nimport '../resource-actions-menu/ResourceActionsMenu'\nimport { fileExplorerContext, type FileExplorerContext } from 'solid-ui'\n\n@customElement('file-explorer-header-controls')\nexport default class FileExplorerHeaderControls extends WebComponent {\n  static styles = styles\n\n  @consume({ context: fileExplorerContext, subscribe: true })\n  accessor fileExplorerContext: FileExplorerContext = undefined as unknown as FileExplorerContext\n\n  @property({ attribute: false })\n  accessor menuItems: Array<{ label: string, action: (event: Event) => void }> = []\n\n  @property({ type: Boolean })\n  accessor canEdit: boolean = false\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 handleEditingClick () {\n    this.fileExplorerContext.edit?.onEdit?.()\n  }\n\n  private getEditTooltip () {\n    if (!this.fileExplorerContext.paneSupportsEditing) return 'Not Supported'\n    if (!this.canEdit) return 'No Access'\n    return 'Edit'\n  }\n\n  private renderDirtyIndicator () {\n    if (!this.fileExplorerContext.edit?.isDirty) return nothing\n\n    return html`<span class=\"dirtyIndicator\" title=\"This file has unsaved changes\">Unsaved</span>`\n  }\n\n  render () {\n    return html`\n      <div>\n        ${this.renderDirtyIndicator()}\n        <solid-ui-button variant=\"ghost\" title=\"Share\" @click=${this.fileExplorerContext.handleSharingClick}>\n          <icon-lucide-share-2 slot=\"icon\"></icon-lucide-share-2>\n        </solid-ui-button>\n        <solid-ui-button\n          variant=\"ghost\"\n          title=${this.getEditTooltip()}\n          ?disabled=${!this.fileExplorerContext.paneSupportsEditing || !this.canEdit}\n          @click=${this.handleEditingClick}\n        >\n          <icon-lucide-pencil slot=\"icon\"></icon-lucide-pencil>\n        </solid-ui-button>\n        <resource-actions-menu\n          .store=${this.fileExplorerContext?.store}\n          .subjectUri=${this.fileExplorerContext?.subjectUri}\n          .menuItems=${this.menuItems}\n        ></resource-actions-menu>\n      </div>\n    `\n  }\n}\n"],"mappings":"48IASwEQ,EAAA,EAAA,EAEvEP,EAAAA,cAAAA,CAAc,+BAA+B,CAAC,EAAA,IAAAQ,EAAA,IAAAC,GAAAC,EAAA,IAAAC,QAAAC,EAAA,IAAAD,QAAAE,EAAA,IAAAF,QAAAG,GAAAC,GAAAA,EAI5Cb,EAAAA,QAAAA,CAAQ,CAAEc,QAASV,EAAAA,oBAAqBW,UAAW,EAAK,CAAC,EAACC,GAAAA,EAG1DjB,EAAAA,SAAAA,CAAS,CAAEkB,UAAW,EAAM,CAAC,EAACC,GAAAA,EAG9BnB,EAAAA,SAAAA,CAAS,CAAEoB,KAAMC,OAAQ,CAAC,EAAC,uBAAAC,EAV9B,cACwDxB,EAAAA,YAAa,CAAA0B,YAAA,GAAAC,EAAA,CAAA,MAAA,GAAAA,CAAA,EAAAC,EAAA,KAAAjB,GAAAkB,EAAA,IAAA,EAAAC,EAAA,KAIfC,IAAAA,EAAS,EAAA,EAAAH,EAAA,KAAAf,EAAAmB,EAAA,KAGkB,CAAA,CAAE,CAAA,EAAAJ,EAAA,KAAAd,EAAAmB,EAAA,KAGrD,EAAK,CAAA,CAAA,CAAA,IAAAlB,IAAA,CAAA,OAAAmB,EAAAvB,EAAA,IAAA,CAAA,CAAA,IANxBJ,oBAAmB4B,EAAA,CAAAC,EAAAzB,EAAA,KAAAwB,CAAA,CAAA,CAAA,IAGnBE,WAAS,CAAA,OAAAH,EAAArB,EAAA,IAAA,CAAA,CAAA,IAATwB,UAASF,EAAA,CAAAC,EAAAvB,EAAA,KAAAsB,CAAA,CAAA,CAMlB,IAHSG,SAAO,CAAA,OAAAJ,EAAApB,EAAA,IAAA,CAAA,CAAA,IAAPwB,QAAOH,EAAA,CAAAC,EAAAtB,EAAA,KAAAqB,CAAA,CAAA,CAYRI,oBAAsB,CAC5B,KAAKhC,oBAAoBiC,MAAMC,SAAS,CAC1C,CAEQC,gBAAkB,CAGxB,OAFK,KAAKnC,oBAAoBoC,oBACzB,KAAKL,QACH,OADmB,YADgC,eAG5D,CAEQM,sBAAwB,CAG9B,OAFK,KAAKrC,oBAAoBiC,MAAMK,QAE7BzC,EAAAA,IAAI,oFAFyCC,EAAAA,OAGtD,CAEAyC,QAAU,CACR,MAAO1C,GAAAA,IAAI;;UAEL,KAAKwC,qBAAqB,EAAC;gEAC2B,KAAKrC,oBAAoBwC,mBAAkB;;;;;kBAKzF,KAAKL,eAAe,EAAC;sBACjB,CAAC,KAAKnC,oBAAoBoC,qBAAuB,CAAC,KAAKL,QAAO;mBACjE,KAAKC,mBAAkB;;;;;mBAKvB,KAAKhC,qBAAqByC,MAAK;wBAC1B,KAAKzC,qBAAqB0C,WAAU;uBACrC,KAAKZ,UAAS;;;KAInC,CACF,EAAC,CAAAa,EAAA,CAAApB,EAAAE,EAAAC,EAAAJ,GAAAsB,EAAA,CAAA1C,EAAA2C,IAAAC,EAAA7B,EAAA,CAAA,CAAAR,EAAA,EAAA,qBAAA,EAAA,CAAAG,EAAA,EAAA,WAAA,EAAA,CAAAE,EAAA,EAAA,SAAA,CAAA,EAAAb,EAAA,EAAA,IAAA,GA7DuDR,EAAAA,YAAY,EAAAwB,GAAA8B,EAAA,cAAAC,CAAA,CAAA7B,aAAA,CAAA,MAAAjB,CAAA,EAAA+C,EAAA,KAAA,SAClDlD,EAAAA,OAAM,EAAA8C,EAAA,CAAA,CAAA,EAAAI,EAAAF,EAAA5C,EAAA,IAAA,EAAA,EAAA4C"}
+{"version":3,"file":"FileExplorerHeaderControls.cjs.js","names":["WebComponent","customElement","property","state","consume","html","nothing","styles","fileExplorerContext","isContainerSubject","_classDecs","_FileExplorerHeaderCo","_FileExplorerHeaderCo2","_A","WeakMap","_B","_C","_D","_ref","_fileExplorerContextDecs","context","subscribe","_menuItemsDecs","attribute","_canEditDecs","type","Boolean","_isMobileDecs","_FileExplorerHeaderControls","FileExplorerHeaderControls","constructor","args","_defineProperty","_initProto","event","isMobile","matches","_classPrivateFieldInitSpec","_init_fileExplorerContext","undefined","_init_menuItems","_init_canEdit","_init_isMobile","window","matchMedia","_classPrivateFieldGet","v","_classPrivateFieldSet","menuItems","canEdit","connectedCallback","mobileMediaQuery","mobileQuery","addEventListener","handleMobileMediaChange","disconnectedCallback","removeEventListener","getEditTooltip","renderDirtyIndicator","edit","isDirty","render","isContainerResource","store","subjectUri","supportsEditing","paneSupportsEditing","handleAccessClick","onEdit","e","c","_initClass","_applyDecs","_Class","_identity","default","customElement","consume","fileExplorerContext","property","state","WebComponent","nothing","isContainerSubject","styles","require_podUtils","require_FileExplorerHeaderControls_styles","solid_ui","lit_decorators_js","_lit_context","lit","_Class","_FileExplorerHeaderControls","_A","_B","_C","_D","_initProto","_initClass","_classDecs","_fileExplorerContextDecs","_init_fileExplorerContext","_menuItemsDecs","_init_menuItems","_canEditDecs","_init_canEdit","_isMobileDecs","_init_isMobile","_FileExplorerHeaderCo2","_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","_FileExplorerHeaderCo","args","event","isContainerResource","supportsEditing"],"sources":["../../../src/components/file-explorer-header/FileExplorerHeaderControls.ts"],"sourcesContent":["import { WebComponent } from 'solid-ui'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { consume } from '@lit/context'\nimport { html, nothing } from 'lit'\nimport 'solid-ui/components/button'\nimport '~icons/lucide/user-round-cog'\nimport '~icons/lucide/pencil'\nimport styles from './FileExplorerHeaderControls.styles.css'\nimport '../resource-actions-menu/ResourceActionsMenu'\nimport { fileExplorerContext, type FileExplorerContext } from 'solid-ui'\nimport { isContainerSubject } from '../../utils/podUtils'\n\n@customElement('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: FileExplorerContext = undefined as unknown as FileExplorerContext\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  @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 renderDirtyIndicator () {\n    if (!this.fileExplorerContext.edit?.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.paneSupportsEditing\n\n    return html`\n      <div>\n        ${this.renderDirtyIndicator()}\n        ${!isContainerResource && !this.isMobile\n          ? html`\n              <solid-ui-button class=\"file-explorer-header-action-button\" variant=\"ghost\" title=\"Manage Access\" @click=${this.fileExplorerContext.handleAccessClick}>\n                <icon-lucide-user-round-cog slot=\"icon\"></icon-lucide-user-round-cog>\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.edit?.onEdit}\n                    >\n                      <icon-lucide-pencil slot=\"icon\"></icon-lucide-pencil>\n                    </solid-ui-button>\n                  `\n                : nothing}\n            `\n          : nothing}\n        <resource-actions-menu\n          .store=${this.fileExplorerContext.store}\n          .handleAccessClick=${this.fileExplorerContext.handleAccessClick}\n          .handleEditingClick=${this.fileExplorerContext.edit?.onEdit}\n          .paneSupportsEditing=${this.fileExplorerContext.paneSupportsEditing}\n          .canEdit=${this.canEdit}\n          .subjectUri=${this.fileExplorerContext?.subjectUri}\n          .menuItems=${this.menuItems}\n          .isMobile=${this.isMobile}\n        ></resource-actions-menu>\n      </div>\n    `\n  }\n}\n"],"mappings":"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"}

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

@@ -1,13 +1,19 @@
 import { WebComponent, FileExplorerContext } from 'solid-ui';
 export default class FileExplorerHeaderControls extends WebComponent {
     static styles: any;
+    private mobileMediaQuery;
+    private readonly mobileQuery;
+    private readonly handleMobileMediaChange;
     accessor fileExplorerContext: FileExplorerContext;
     accessor menuItems: Array<{
         label: string;
         action: (event: Event) => void;
+        icon?: HTMLElement;
     }>;
     accessor canEdit: boolean;
-    private handleEditingClick;
+    accessor isMobile: boolean;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
     private getEditTooltip;
     private renderDirtyIndicator;
     render(): import('lit-html').TemplateResult<1>;

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

@@ -1 +1 @@
-{"version":3,"file":"FileExplorerHeaderControls.d.ts","sourceRoot":"","sources":["../../../src/components/file-explorer-header/FileExplorerHeaderControls.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAIvC,OAAO,4BAA4B,CAAA;AACnC,OAAO,uBAAuB,CAAA;AAC9B,OAAO,sBAAsB,CAAA;AAE7B,OAAO,8CAA8C,CAAA;AACrD,OAAO,EAAuB,KAAK,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAGxE,MAAM,CAAC,OAAO,OAAO,0BAA2B,SAAQ,YAAY;IAClE,MAAM,CAAC,MAAM,MAAS;IAGtB,QAAQ,CAAC,mBAAmB,EAAE,mBAAmB,CAA8C;IAG/F,QAAQ,CAAC,SAAS,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;KAAE,CAAC,CAAK;IAGjF,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAQ;IAYjC,OAAO,CAAC,kBAAkB;IAI1B,OAAO,CAAC,cAAc;IAMtB,OAAO,CAAC,oBAAoB;IAM5B,MAAM;CAuBP"}
+{"version":3,"file":"FileExplorerHeaderControls.d.ts","sourceRoot":"","sources":["../../../src/components/file-explorer-header/FileExplorerHeaderControls.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAIvC,OAAO,4BAA4B,CAAA;AACnC,OAAO,8BAA8B,CAAA;AACrC,OAAO,sBAAsB,CAAA;AAE7B,OAAO,8CAA8C,CAAA;AACrD,OAAO,EAAuB,KAAK,mBAAmB,EAAE,MAAM,UAAU,CAAA;AAIxE,MAAM,CAAC,OAAO,OAAO,0BAA2B,SAAQ,YAAY;IAClE,MAAM,CAAC,MAAM,MAAS;IAEtB,OAAO,CAAC,gBAAgB,CAA4B;IACpD,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAuB;IACnD,OAAO,CAAC,QAAQ,CAAC,uBAAuB,CAEvC;IAGD,QAAQ,CAAC,mBAAmB,EAAE,mBAAmB,CAA8C;IAG/F,QAAQ,CAAC,SAAS,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;QAAC,IAAI,CAAC,EAAE,WAAW,CAAA;KAAE,CAAC,CAAK;IAGrG,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAQ;IAGjC,QAAQ,CAAC,QAAQ,UAER;IAET,iBAAiB;IAYjB,oBAAoB;IAgBpB,OAAO,CAAC,cAAc;IAKtB,OAAO,CAAC,oBAAoB;IAM5B,MAAM;CAwCP"}

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

@@ -1,39 +1,40 @@
-import "../../_virtual/~icons/lucide/share-2.esm.js";
+import { isContainerSubject as e } from "../../utils/podUtils.esm.js";
 import "../../_virtual/~icons/lucide/pencil.esm.js";
-import e from "./FileExplorerHeaderControls.styles.esm.js";
+import "../../_virtual/~icons/lucide/user-round-cog.esm.js";
+import t from "./FileExplorerHeaderControls.styles.esm.js";
 import "../resource-actions-menu/ResourceActionsMenu.esm.js";
-import { WebComponent as t, fileExplorerContext as n } from "solid-ui";
-import { html as r, nothing as i } from "lit";
-import { consume as a } from "@lit/context";
-import { customElement as o, property as s } from "lit/decorators.js";
+import { WebComponent as n, fileExplorerContext as r } from "solid-ui";
+import { customElement as i, property as a, state as o } from "lit/decorators.js";
+import { consume as s } from "@lit/context";
+import { html as c, nothing as l } from "lit";
 import "solid-ui/components/button";
 //#region src/components/file-explorer-header/FileExplorerHeaderControls.ts
-var c, l, u, d, f, p, m, h, g, _, v, y, b, x, S, C;
-function w(e, t, n) {
-	T(e, t), t.set(e, n);
+var u, d, f, p, m, h, g, _, v, y, b, x, S, C, w, T, E, D, O;
+function k(e, t, n) {
+	A(e, t), t.set(e, n);
 }
-function T(e, t) {
+function A(e, t) {
 	if (t.has(e)) throw TypeError("Cannot initialize the same private elements twice on an object");
 }
-function E(e, t, n) {
-	return e.set(O(e, t), n), n;
+function j(e, t, n) {
+	return e.set(N(e, t), n), n;
 }
-function D(e, t) {
-	return e.get(O(e, t));
+function M(e, t) {
+	return e.get(N(e, t));
 }
-function O(e, t, n) {
+function N(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 k(e, t, n) {
-	return (t = j(t)) in e ? Object.defineProperty(e, t, {
+function P(e, t, n) {
+	return (t = I(t)) in e ? Object.defineProperty(e, t, {
 		value: n,
 		enumerable: !0,
 		configurable: !0,
 		writable: !0
 	}) : e[t] = n, e;
 }
-function A(e, t, n, r, i, a) {
+function F(e, t, n, r, i, a) {
 	function o(e, t, n) {
 		return function(r, i) {
 			return n && n(r), e[t].call(r, i);
@@ -56,13 +57,13 @@ function A(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: N(function() {
+				get: R(function() {
 					return v(this);
 				}, r, "get"),
 				set: function(e) {
 					t[4](this, e);
 				}
-			} : b[S] = v, f || N(b[S], r, i === 2 ? "" : S)) : f || (b = Object.getOwnPropertyDescriptor(e, r));
+			} : b[S] = v, f || R(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 = {
@@ -122,7 +123,7 @@ function A(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 P(t) === e;
+			return z(t) === e;
 		}, u = /* @__PURE__ */ new Map();
 		function d(e) {
 			e && o.push(s.bind(null, e));
@@ -136,7 +137,7 @@ function A(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 : j(h), m, r, v ? a ||= [] : i ||= [], o, v, g, y, m === 1, v && g ? c : n);
+				l(v ? e : e.prototype, p, _, g ? "#" + h : I(h), m, r, v ? a ||= [] : i ||= [], o, v, g, y, m === 1, v && g ? c : n);
 			}
 		}
 		return d(i), d(a), o;
@@ -149,11 +150,11 @@ function A(e, t, n, r, i, a) {
 		}
 	};
 }
-function j(e) {
-	var t = M(e, "string");
+function I(e) {
+	var t = L(e, "string");
 	return typeof t == "symbol" ? t : t + "";
 }
-function M(e, t) {
+function L(e, t) {
 	if (typeof e != "object" || !e) return e;
 	var n = e[Symbol.toPrimitive];
 	if (n !== void 0) {
@@ -163,7 +164,7 @@ function M(e, t) {
 	}
 	return (t === "string" ? String : Number)(e);
 }
-function N(e, t, n) {
+function R(e, t, n) {
 	typeof t == "symbol" && (t = (t = t.description) ? "[" + t + "]" : "");
 	try {
 		Object.defineProperty(e, "name", {
@@ -173,94 +174,121 @@ function N(e, t, n) {
 	} catch {}
 	return e;
 }
-function P(e) {
+function z(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 F(e) {
+function B(e) {
 	return e;
 }
-h = [o("file-explorer-header-controls")];
-var I;
-new (S = (u = /*#__PURE__*/ new WeakMap(), d = /*#__PURE__*/ new WeakMap(), f = /*#__PURE__*/ new WeakMap(), C = (g = a({
-	context: n,
+v = [i("file-explorer-header-controls")];
+var V;
+new (D = (f = /*#__PURE__*/ new WeakMap(), p = /*#__PURE__*/ new WeakMap(), m = /*#__PURE__*/ new WeakMap(), h = /*#__PURE__*/ new WeakMap(), O = (y = s({
+	context: r,
 	subscribe: !0
-}), v = s({ attribute: !1 }), b = s({ type: Boolean }), "fileExplorerContext"), l = class extends t {
+}), x = a({ attribute: !1 }), C = a({ type: Boolean }), T = o(), "mobileMediaQuery"), d = class extends n {
 	constructor(...e) {
-		super(...e), w(this, u, (p(this), _(this, void 0))), w(this, d, y(this, [])), w(this, f, x(this, !1));
+		super(...e), P(this, O, void g(this)), P(this, "mobileQuery", "(max-width: 600px)"), P(this, "handleMobileMediaChange", (e) => {
+			this.isMobile = e.matches;
+		}), k(this, f, b(this, void 0)), k(this, p, S(this, [])), k(this, m, w(this, !1)), k(this, h, E(this, typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(max-width: 600px)").matches));
 	}
-	get [C]() {
-		return D(u, this);
+	get fileExplorerContext() {
+		return M(f, this);
 	}
 	set fileExplorerContext(e) {
-		E(u, this, e);
+		j(f, this, e);
 	}
 	get menuItems() {
-		return D(d, this);
+		return M(p, this);
 	}
 	set menuItems(e) {
-		E(d, this, e);
+		j(p, this, e);
 	}
 	get canEdit() {
-		return D(f, this);
+		return M(m, this);
 	}
 	set canEdit(e) {
-		E(f, this, e);
+		j(m, this, e);
 	}
-	handleEditingClick() {
-		this.fileExplorerContext.edit?.onEdit?.();
+	get isMobile() {
+		return M(h, this);
+	}
+	set isMobile(e) {
+		j(h, 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.fileExplorerContext.paneSupportsEditing ? this.canEdit ? "Edit" : "No Access" : "Not Supported";
+		return this.canEdit ? "Edit" : "No Access";
 	}
 	renderDirtyIndicator() {
-		return this.fileExplorerContext.edit?.isDirty ? r`<span class="dirtyIndicator" title="This file has unsaved changes">Unsaved</span>` : i;
+		return this.fileExplorerContext.edit?.isDirty ? c`<span class="dirtyIndicator" title="This file has unsaved changes">Unsaved</span>` : l;
 	}
 	render() {
-		return r`
+		let t = e(this.fileExplorerContext.store, this.fileExplorerContext.subjectUri), n = this.fileExplorerContext.paneSupportsEditing;
+		return c`
       <div>
         ${this.renderDirtyIndicator()}
-        <solid-ui-button variant="ghost" title="Share" @click=${this.fileExplorerContext.handleSharingClick}>
-          <icon-lucide-share-2 slot="icon"></icon-lucide-share-2>
-        </solid-ui-button>
-        <solid-ui-button
-          variant="ghost"
-          title=${this.getEditTooltip()}
-          ?disabled=${!this.fileExplorerContext.paneSupportsEditing || !this.canEdit}
-          @click=${this.handleEditingClick}
-        >
-          <icon-lucide-pencil slot="icon"></icon-lucide-pencil>
-        </solid-ui-button>
+        ${!t && !this.isMobile ? c`
+              <solid-ui-button class="file-explorer-header-action-button" variant="ghost" title="Manage Access" @click=${this.fileExplorerContext.handleAccessClick}>
+                <icon-lucide-user-round-cog slot="icon"></icon-lucide-user-round-cog>
+              </solid-ui-button>
+              ${n ? c`
+                    <solid-ui-button
+                      class="file-explorer-header-action-button"
+                      variant="ghost"
+                      title=${this.getEditTooltip()}
+                      ?disabled=${!this.canEdit}
+                      @click=${this.fileExplorerContext.edit?.onEdit}
+                    >
+                      <icon-lucide-pencil slot="icon"></icon-lucide-pencil>
+                    </solid-ui-button>
+                  ` : l}
+            ` : l}
         <resource-actions-menu
-          .store=${this.fileExplorerContext?.store}
+          .store=${this.fileExplorerContext.store}
+          .handleAccessClick=${this.fileExplorerContext.handleAccessClick}
+          .handleEditingClick=${this.fileExplorerContext.edit?.onEdit}
+          .paneSupportsEditing=${this.fileExplorerContext.paneSupportsEditing}
+          .canEdit=${this.canEdit}
           .subjectUri=${this.fileExplorerContext?.subjectUri}
           .menuItems=${this.menuItems}
+          .isMobile=${this.isMobile}
         ></resource-actions-menu>
       </div>
     `;
 	}
-}, {e: [_, y, x, p], c: [I, m]} = A(l, [
+}, {e: [b, S, w, E, g], c: [V, _]} = F(d, [
 	[
-		g,
+		y,
 		1,
 		"fileExplorerContext"
 	],
 	[
-		v,
+		x,
 		1,
 		"menuItems"
 	],
 	[
-		b,
+		C,
 		1,
 		"canEdit"
+	],
+	[
+		T,
+		1,
+		"isMobile"
 	]
-], h, 0, void 0, t), l), c = class extends F {
+], v, 0, void 0, n), d), u = class extends B {
 	constructor() {
-		super(I), k(this, "styles", e), m();
+		super(V), P(this, "styles", t), _();
 	}
-}, k(c, S, void 0), c)();
+}, P(u, D, void 0), u)();
 //#endregion
-export { I as default };
+export { V as default };
 
 //# sourceMappingURL=FileExplorerHeaderControls.esm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FileExplorerHeaderControls.esm.js","names":["WebComponent","customElement","property","consume","html","nothing","styles","fileExplorerContext","_classDecs","_FileExplorerHeaderCo","_FileExplorerHeaderCo2","_A","WeakMap","_B","_C","_ref","_fileExplorerContextDecs","context","subscribe","_menuItemsDecs","attribute","_canEditDecs","type","Boolean","_FileExplorerHeaderControls","FileExplorerHeaderControls","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_fileExplorerContext","undefined","_init_menuItems","_init_canEdit","_classPrivateFieldGet","v","_classPrivateFieldSet","menuItems","canEdit","handleEditingClick","edit","onEdit","getEditTooltip","paneSupportsEditing","renderDirtyIndicator","isDirty","render","handleSharingClick","store","subjectUri","e","c","_initClass","_applyDecs","_Class","_identity","_defineProperty","default"],"sources":["../../../src/components/file-explorer-header/FileExplorerHeaderControls.ts"],"sourcesContent":["import { WebComponent } from 'solid-ui'\nimport { customElement, property } from 'lit/decorators.js'\nimport { consume } from '@lit/context'\nimport { html, nothing } from 'lit'\nimport 'solid-ui/components/button'\nimport '~icons/lucide/share-2'\nimport '~icons/lucide/pencil'\nimport styles from './FileExplorerHeaderControls.styles.css'\nimport '../resource-actions-menu/ResourceActionsMenu'\nimport { fileExplorerContext, type FileExplorerContext } from 'solid-ui'\n\n@customElement('file-explorer-header-controls')\nexport default class FileExplorerHeaderControls extends WebComponent {\n  static styles = styles\n\n  @consume({ context: fileExplorerContext, subscribe: true })\n  accessor fileExplorerContext: FileExplorerContext = undefined as unknown as FileExplorerContext\n\n  @property({ attribute: false })\n  accessor menuItems: Array<{ label: string, action: (event: Event) => void }> = []\n\n  @property({ type: Boolean })\n  accessor canEdit: boolean = false\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 handleEditingClick () {\n    this.fileExplorerContext.edit?.onEdit?.()\n  }\n\n  private getEditTooltip () {\n    if (!this.fileExplorerContext.paneSupportsEditing) return 'Not Supported'\n    if (!this.canEdit) return 'No Access'\n    return 'Edit'\n  }\n\n  private renderDirtyIndicator () {\n    if (!this.fileExplorerContext.edit?.isDirty) return nothing\n\n    return html`<span class=\"dirtyIndicator\" title=\"This file has unsaved changes\">Unsaved</span>`\n  }\n\n  render () {\n    return html`\n      <div>\n        ${this.renderDirtyIndicator()}\n        <solid-ui-button variant=\"ghost\" title=\"Share\" @click=${this.fileExplorerContext.handleSharingClick}>\n          <icon-lucide-share-2 slot=\"icon\"></icon-lucide-share-2>\n        </solid-ui-button>\n        <solid-ui-button\n          variant=\"ghost\"\n          title=${this.getEditTooltip()}\n          ?disabled=${!this.fileExplorerContext.paneSupportsEditing || !this.canEdit}\n          @click=${this.handleEditingClick}\n        >\n          <icon-lucide-pencil slot=\"icon\"></icon-lucide-pencil>\n        </solid-ui-button>\n        <resource-actions-menu\n          .store=${this.fileExplorerContext?.store}\n          .subjectUri=${this.fileExplorerContext?.subjectUri}\n          .menuItems=${this.menuItems}\n        ></resource-actions-menu>\n      </div>\n    `\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASwEQ,IAAA,CAEvEP,EAAc,+BAA+B,CAAC;AAAA,IAAAQ;AAAA,KAAAC,KAAAC,kBAAA,IAAAC,QAAA,GAAAC,kBAAA,IAAAD,QAAA,GAAAE,kBAAA,IAAAF,QAAA,GAAAG,KAAAC,IAI5Cb,EAAQ;CAAEc,SAASV;CAAqBW,WAAW;AAAK,CAAC,GAACC,IAG1DjB,EAAS,EAAEkB,WAAW,GAAM,CAAC,GAACC,IAG9BnB,EAAS,EAAEoB,MAAMC,QAAQ,CAAC,GAAC,wBAAAC,IAV9B,cACwDxB,EAAa;CAAA0B,YAAA,GAAAC,GAAA;EAOcC,AAPd,MAAA,GAAAD,CAAA,GAAAC,EAAA,MAAAjB,IAAAkB,EAAA,IAAA,GAAAC,EAAA,MAIfC,KAAAA,CAAS,EAAA,GAAAH,EAAA,MAAAf,GAAAmB,EAAA,MAGkB,CAAA,CAAE,CAAA,GAAAJ,EAAA,MAAAd,GAAAmB,EAAA,MAGrD,EAAK,CAAA;CAAA;CAAA,KAAAlB,KAAA;EAAA,OAAAmB,EAAAvB,GAAA,IAAA;CAAA;CAAA,IANxBJ,oBAAmB4B,GAAA;EAAAC,EAAAzB,GAAA,MAAAwB,CAAA;CAAA;CAAA,IAGnBE,YAAS;EAAA,OAAAH,EAAArB,GAAA,IAAA;CAAA;CAAA,IAATwB,UAASF,GAAA;EAAAC,EAAAvB,GAAA,MAAAsB,CAAA;CAAA;CAMlB,IAHSG,UAAO;EAAA,OAAAJ,EAAApB,GAAA,IAAA;CAAA;CAAA,IAAPwB,QAAOH,GAAA;EAAAC,EAAAtB,GAAA,MAAAqB,CAAA;CAAA;CAYRI,qBAAsB;EAC5B,KAAKhC,oBAAoBiC,MAAMC,SAAS;CAC1C;CAEQC,iBAAkB;EAGxB,OAFK,KAAKnC,oBAAoBoC,sBACzB,KAAKL,UACH,SADmB,cADgC;CAG5D;CAEQM,uBAAwB;EAG9B,OAFK,KAAKrC,oBAAoBiC,MAAMK,UAE7BzC,CAAI,sFAFyCC;CAGtD;CAEAyC,SAAU;EACR,OAAO1C,CAAI;;UAEL,KAAKwC,qBAAqB,EAAC;gEAC2B,KAAKrC,oBAAoBwC,mBAAkB;;;;;kBAKzF,KAAKL,eAAe,EAAC;sBACjB,CAAC,KAAKnC,oBAAoBoC,uBAAuB,CAAC,KAAKL,QAAO;mBACjE,KAAKC,mBAAkB;;;;;mBAKvB,KAAKhC,qBAAqByC,MAAK;wBAC1B,KAAKzC,qBAAqB0C,WAAU;uBACrC,KAAKZ,UAAS;;;;CAInC;AACF,GAAC,CAAAa,GAAA,CAAApB,GAAAE,GAAAC,GAAAJ,IAAAsB,GAAA,CAAA1C,GAAA2C,MAAAC,EAAA7B,GAAA;CAAA;EAAAR;EAAA;EAAA;CAAA;CAAA;EAAAG;EAAA;EAAA;CAAA;CAAA;EAAAE;EAAA;EAAA;CAAA;AAAA,GAAAb,GAAA,GAAA,KAAA,GA7DuDR,CAAY,GAAAwB,IAAA8B,IAAA,cAAAC,EAAA;CAAA7B,cAAA;EAAA,MAAAjB,CAAA,GAAA+C,EAAA,MAAA,UAClDlD,CAAM,GAAA8C,EAAA;CAAA;AAAA,GAAAI,EAAAF,GAAA5C,GAAA,KAAA,CAAA,GAAA4C,GAAA"}
+{"version":3,"file":"FileExplorerHeaderControls.esm.js","names":["WebComponent","customElement","property","state","consume","html","nothing","styles","fileExplorerContext","isContainerSubject","_classDecs","_FileExplorerHeaderCo","_FileExplorerHeaderCo2","_A","WeakMap","_B","_C","_D","_ref","_fileExplorerContextDecs","context","subscribe","_menuItemsDecs","attribute","_canEditDecs","type","Boolean","_isMobileDecs","_FileExplorerHeaderControls","FileExplorerHeaderControls","constructor","args","_defineProperty","_initProto","event","isMobile","matches","_classPrivateFieldInitSpec","_init_fileExplorerContext","undefined","_init_menuItems","_init_canEdit","_init_isMobile","window","matchMedia","_classPrivateFieldGet","v","_classPrivateFieldSet","menuItems","canEdit","connectedCallback","mobileMediaQuery","mobileQuery","addEventListener","handleMobileMediaChange","disconnectedCallback","removeEventListener","getEditTooltip","renderDirtyIndicator","edit","isDirty","render","isContainerResource","store","subjectUri","supportsEditing","paneSupportsEditing","handleAccessClick","onEdit","e","c","_initClass","_applyDecs","_Class","_identity","default","customElement","styles","FileExplorerHeaderControls_styles_default","customElement$1","_Class","_FileExplorerHeaderControls","_A","_B","_C","_D","_initProto","_initClass","_classDecs","_fileExplorerContextDecs","_init_fileExplorerContext","_menuItemsDecs","_init_menuItems","_canEditDecs","_init_canEdit","_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","_FileExplorerHeaderCo","consume","fileExplorerContext","property","state","WebComponent","args","event","nothing","isContainerResource","isContainerSubject","supportsEditing"],"sources":["../../../src/components/file-explorer-header/FileExplorerHeaderControls.ts"],"sourcesContent":["import { WebComponent } from 'solid-ui'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { consume } from '@lit/context'\nimport { html, nothing } from 'lit'\nimport 'solid-ui/components/button'\nimport '~icons/lucide/user-round-cog'\nimport '~icons/lucide/pencil'\nimport styles from './FileExplorerHeaderControls.styles.css'\nimport '../resource-actions-menu/ResourceActionsMenu'\nimport { fileExplorerContext, type FileExplorerContext } from 'solid-ui'\nimport { isContainerSubject } from '../../utils/podUtils'\n\n@customElement('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: FileExplorerContext = undefined as unknown as FileExplorerContext\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  @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 renderDirtyIndicator () {\n    if (!this.fileExplorerContext.edit?.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.paneSupportsEditing\n\n    return html`\n      <div>\n        ${this.renderDirtyIndicator()}\n        ${!isContainerResource && !this.isMobile\n          ? html`\n              <solid-ui-button class=\"file-explorer-header-action-button\" variant=\"ghost\" title=\"Manage Access\" @click=${this.fileExplorerContext.handleAccessClick}>\n                <icon-lucide-user-round-cog slot=\"icon\"></icon-lucide-user-round-cog>\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.edit?.onEdit}\n                    >\n                      <icon-lucide-pencil slot=\"icon\"></icon-lucide-pencil>\n                    </solid-ui-button>\n                  `\n                : nothing}\n            `\n          : nothing}\n        <resource-actions-menu\n          .store=${this.fileExplorerContext.store}\n          .handleAccessClick=${this.fileExplorerContext.handleAccessClick}\n          .handleEditingClick=${this.fileExplorerContext.edit?.onEdit}\n          .paneSupportsEditing=${this.fileExplorerContext.paneSupportsEditing}\n          .canEdit=${this.canEdit}\n          .subjectUri=${this.fileExplorerContext?.subjectUri}\n          .menuItems=${this.menuItems}\n          .isMobile=${this.isMobile}\n        ></resource-actions-menu>\n      </div>\n    `\n  }\n}\n"],"mappings":"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"}

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

@@ -1,2 +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 .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}@media (width<=900px){:host div{padding-right:3px}}@media (width<=600px){:host div{justify-content:flex-start;gap:5px}}`;exports.default=e;
+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

@@ -1 +1 @@
-{"version":3,"file":"FileExplorerHeaderControls.styles.cjs.js","names":[],"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  /* 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  @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}\n"],"mappings":""}
+{"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

@@ -1,6 +1,6 @@
 import { css as e } from "lit";
 //#region 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 .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}@media (width<=900px){:host div{padding-right:3px}}@media (width<=600px){:host div{justify-content:flex-start;gap:5px}}`;
+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}}`;
 //#endregion
 export { t as default };
 

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

@@ -1 +1 @@
-{"version":3,"file":"FileExplorerHeaderControls.styles.esm.js","names":[],"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  /* 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  @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}\n"],"mappings":""}
+{"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

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