@scaleflex/asset-picker 0.2.6 → 0.2.7

package/.claude/settings.local.json

@@ -1,50 +1,43 @@
 {
   "permissions": {
     "allow": [
-      "Bash(ls:*)",
+      "Bash(grep -r \"ap-icon.*grid\\\\|ap-icon.*list\\\\|ap-icon.*sort\\\\|ap-icon.*globe\" /Users/dmitry_stremous/scaleflex/asset-picker/src/components --include=*.ts)",
+      "Bash(git add:*)",
+      "Bash(git commit:*)",
+      "Bash(npx tsc:*)",
+      "Bash(/tmp/report.txt:*)",
+      "Read(//tmp/**)",
+      "Bash(grep -r \"chip\\\\|pinned\" /Users/dmitry_stremous/scaleflex/asset-picker/src/styles/ --include=*.css --include=*.ts)",
       "Bash(grep:*)",
+      "Bash(find /Users/dmitry_stremous/scaleflex/asset-picker/src/components -name *checkbox* -o -name *check*)",
+      "Bash(find /Users/dmitry_stremous/scaleflex/asset-picker/src -name *checkbox* -o -name *icon*)",
+      "WebFetch(domain:lucide.dev)",
+      "Bash(find /Users/dmitry_stremous/scaleflex/asset-picker/src -name *regional* -o -name *dropdown*)",
+      "Bash(find src/components/header src/components/shared -type f -name *.ts)",
+      "Bash(find /Users/dmitry_stremous/scaleflex/uploader/src -type f -name *.ts -o -name *.tsx)",
       "Bash(npm install:*)",
-      "Bash(npx tsc:*)",
       "Bash(npx vite:*)",
-      "WebFetch(domain:localhost)",
-      "Bash(curl:*)",
-      "Bash(node:*)",
-      "WebSearch",
       "Bash(npm run:*)",
-      "Bash(wc:*)",
-      "WebFetch(domain:unpkg.com)",
-      "Bash(git:*)",
-      "Bash(find /Users/dmitrystremous/scaleflex -maxdepth 3 -type d -name \"*admin*\" 2>/dev/null | grep -i filerobot)",
-      "Bash(gh run:*)",
-      "Bash(gh workflow:*)",
-      "Bash(find:*)",
-      "Bash(npx playwright:*)",
-      "Bash(npm ls:*)",
-      "Read(//Users/dmitrystremous/**)",
-      "Bash(npx:*)",
-      "Bash(rm:*)",
-      "Bash(tail:*)",
-      "WebFetch(domain:raw.githubusercontent.com)",
-      "Bash(gh api:*)",
-      "WebFetch(domain:www.scaleflex.com)",
-      "WebFetch(domain:scaleflex.github.io)",
-      "WebFetch(domain:github.com)",
-      "WebFetch(domain:portals.scaleflex.com)",
-      "Bash(for f:*)",
-      "Bash(do echo:*)",
-      "Read(//Users/dmitrystremous/scaleflex/asset-picker/**)",
-      "Bash(done)",
-      "Bash(cd:*)",
-      "Bash(chmod:*)",
-      "Bash(./scripts/publish-github.sh \"v0.1.0 — initial release\" 2>&1)",
-      "Bash(npm whoami:*)",
+      "Bash(git push:*)",
       "Bash(npm publish:*)",
-      "Bash(gh repo:*)",
-      "Bash(./scripts/publish-github.sh \"Update README with demo and docs links\" 2>&1)",
-      "Bash(lsof:*)",
-      "Bash(kill:*)",
+      "Bash(find /Users/dmitry_stremous/scaleflex/uploader -maxdepth 2 -type f -name *DEPLOY* -o -name *deploy* -o -name *publish*)",
+      "Bash(find /Users/dmitry_stremous/scaleflex/asset-picker -maxdepth 2 -type f \\\\\\(-name *DEPLOY* -o -name *deploy* -o -name *publish* \\\\\\))",
+      "WebFetch(domain:unpkg.com)",
+      "Bash(git status:*)",
+      "Bash(find /Users/dmitry_stremous/scaleflex/asset-picker/src -name \"*.ts\" -type f -exec grep -l \"ap-filter-metadata\\\\|metadata.*popover\\\\|MetadataFilter\" {})",
       "Bash(npm view:*)",
-      "Bash(find ~/.claude -type f \\\\\\(-name *release* -o -name *.mdc -o -name *.md \\\\\\))"
+      "Bash(node:*)",
+      "Bash(npm pack:*)",
+      "Bash(find /Users/dmitry_stremous/scaleflex/asset-picker -name *.test.ts -o -name *.spec.ts)",
+      "Bash(git show:*)",
+      "Bash(npm update:*)",
+      "Bash(npm ls:*)",
+      "Bash(curl -s \"https://api.filerobot.com/fbmjmuoeb/v5/files?format=json,regvar:api,select:internal&preview=2301&limit=2&q=type:video&sort=created_at:desc\" -H \"X-Filerobot-Key: SECU_47D57B3106A841F7A1FEA951846CC5F3\")",
+      "Bash(python3 -m json.tool)",
+      "Bash(curl -s \"https://api.filerobot.com/fbmjmuoeb/v5/files?format=json,regvar:api,select:internal&preview=2301&limit=2&q=extension:mp4&sort=created_at:desc\" -H \"X-Filerobot-Key: SECU_47D57B3106A841F7A1FEA951846CC5F3\")",
+      "Bash(curl -s \"https://api.filerobot.com/fbmjmuoeb/v5/files?format=json,regvar:api,select:internal&preview=2301&limit=5&sort=created_at:desc\" -H \"X-Filerobot-Key: SECU_47D57B3106A841F7A1FEA951846CC5F3\")",
+      "Bash(find /Users/dmitry_stremous/scaleflex/asset-picker/src/components/preview -type f -name *.ts -o -name *.tsx)",
+      "WebFetch(domain:localhost)"
     ]
   }
 }

package/dist/{asset-picker-D62afrSd.cjs → asset-picker-BKbeybMY.cjs}

@@ -5797,7 +5797,7 @@
         font-family: inherit;
         user-select: none;
       }
-    `];Pe([l.property()],ne.prototype,"value",2);Pe([l.property({type:Array})],ne.prototype,"options",2);Pe([l.property({type:Boolean})],ne.prototype,"disabled",2);Pe([l.property({reflect:!0})],ne.prototype,"direction",2);Pe([l.property({reflect:!0})],ne.prototype,"columns",2);ne=Pe([l.customElement("ap-radio-group")],ne);var _r=Object.defineProperty,Rt=(t,e,s,i)=>{for(var a=void 0,r=t.length-1,n;r>=0;r--)(n=t[r])&&(a=n(e,s,a)||a);return a&&_r(e,s,a),a};const Nt=class Nt extends o.LitElement{constructor(){super(),this._initFailed=!1,this._loadId=0,this._loadMoreId=0,this._loadDataTimer=null,this._pendingFilter=null,this._pendingMetadataField=null,this._uploaderEl=null,this._uploaderImportPromise=null,this._dragCounter=0,this._isDragOver=!1,this._isUploaderOpen=!1,this._onDragEnter=e=>{var s;!((s=this.config)!=null&&s.uploader)||!this._hasFileTransfer(e)||(e.preventDefault(),this._dragCounter++,this._dragCounter===1&&(this._isDragOver=!0))},this._onDragOver=e=>{var s;!((s=this.config)!=null&&s.uploader)||!this._hasFileTransfer(e)||(e.preventDefault(),e.dataTransfer&&(e.dataTransfer.dropEffect="copy"))},this._onDragLeave=e=>{var s;!((s=this.config)!=null&&s.uploader)||!this._hasFileTransfer(e)||(e.preventDefault(),this._dragCounter--,this._dragCounter<=0&&(this._dragCounter=0,this._isDragOver=!1))},this._onDrop=e=>{var i,a;if(!((i=this.config)!=null&&i.uploader)||!this._hasFileTransfer(e))return;e.preventDefault(),this._dragCounter=0,this._isDragOver=!1;const s=Array.from(((a=e.dataTransfer)==null?void 0:a.files)??[]);s.length>0&&this._openUploader(s)},this.store=Ls(),this.storeCtrl=new Ps(this,this.store),this.selectionCtrl=new Is(this,this.store),this.infiniteScrollCtrl=new Ds(this,()=>this._loadMore()),this.marqueeCtrl=new zs(this,this.store)}get _isInline(){var e;return((e=this.config)==null?void 0:e.displayMode)==="inline"}connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback(),this._uploaderEl&&(this._uploaderEl.remove(),this._uploaderEl=null),this._uploaderImportPromise=null,this._dragCounter=0,this._isDragOver=!1,this._isUploaderOpen=!1}updated(e){super.updated(e),e.has("config")&&this.config&&this._initConfig(this.config);const s=this.renderRoot.querySelector("#sentinel");if(s&&s!==this._lastSentinel){this._lastSentinel=s;const a=this.renderRoot.querySelector(".main-content");this.infiniteScrollCtrl.observe(s,a)}const i=this.renderRoot.querySelector(".main-content");i&&i!==this._lastMarqueeContainer&&(this._lastMarqueeContainer=i,this.marqueeCtrl.attach(i))}_initConfig(e){this._initFailed=!1,this._initPromise=this._doInit(e).catch(()=>{this._initFailed=!0}),e.displayMode==="inline"&&!this.store.getState().isOpen&&this.open()}async _doInit(e){const s=Sa(),i=s.sortBy??e.defaultSortBy??"created_at",a=s.sortDirection??e.defaultSortDirection??"desc";this.store.setState({config:e,projectToken:e.auth.projectToken,viewMode:e.rememberLastView&&Fa()||e.defaultViewMode||"grid",sortBy:i,sortDirection:a,currentFolder:null,currentFolderPath:e.rootFolderPath??"/"}),this.apiClient=new Rs(e.auth,e.apiBase);try{if(e.auth.mode==="securityTemplate"){const p=await qs(this.apiClient);this.apiClient.setSassKey(p),this.store.setState({sassKey:p})}const[r,n,c]=await Promise.allSettled([oa(this.apiClient),Bs(this.apiClient),Vs(this.apiClient)]);if(r.status==="fulfilled"){const{fields:p,regionalVariantGroups:g,regionalFilters:v,brandColor:x}=r.value;this.store.setState({metadataFields:p,regionalVariantGroups:g,regionalFilters:v,...x?{brandColor:x}:{}})}n.status==="fulfilled"&&this.store.setState({labels:n.value.labels||[]}),c.status==="fulfilled"&&this.store.setState({tags:c.value});const{pinnedFilters:d,pinnedMetadata:h}=wa(e.auth.projectToken??null),u=this.store.getState().filters;this.store.setState({filters:{...u,pinned:d,visible:[...d],metadata:{...u.metadata,pinned:h,visible:[...h]}}});const f=e.brandColor||this.store.getState().brandColor;f&&(this.store.setState({brandColor:f}),Pa(this,f))}catch(r){throw this.dispatchEvent(new CustomEvent("ap-error",{detail:{error:r,context:"init"},bubbles:!0,composed:!0})),r}}_ensureUploaderImport(){return this._uploaderImportPromise?this._uploaderImportPromise:(this._uploaderImportPromise=import("@scaleflex/uploader/define").then(()=>{},e=>{throw this._uploaderImportPromise=null,e}),this._uploaderImportPromise)}_buildUploaderConfig(){const e=this.config,s=e.uploader,i=this.store.getState();let a;return e.auth.mode==="securityTemplate"?a={mode:"security-template",container:e.auth.projectToken,securityTemplateId:e.auth.securityTemplateKey}:a={mode:"sass-key",container:e.auth.projectToken,sassKey:e.auth.sassKey},{auth:a,targetFolder:i.currentFolderPath||"/",mode:"inline",restrictions:s.restrictions,concurrency:s.concurrency,autoProceed:s.autoProceed,showFillMetadata:s.showFillMetadata,connectors:s.connectors,sourcesLayout:s.sourcesLayout,headerButton:s.headerButton??"back",clearOnClose:s.clearOnClose,clearOnComplete:s.clearOnComplete,rejectedFileAutoRemoveDelay:s.rejectedFileAutoRemoveDelay}}async _openUploader(e){var i;if(!((i=this.config)!=null&&i.uploader)||this._isUploaderOpen)return;try{await this._ensureUploaderImport()}catch(a){this.dispatchEvent(new CustomEvent("ap-error",{detail:{error:a instanceof Error?a:new Error(String(a)),context:"uploader-load"},bubbles:!0,composed:!0}));return}this._uploaderEl=document.createElement("sfx-uploader");const s=this._uploaderEl;s.addEventListener("sfx-all-complete",()=>{this.store.getState().isOpen&&this._loadData()}),s.addEventListener("sfx-complete-action",()=>{this._closeUploader()}),s.addEventListener("sfx-cancel",()=>{this._closeUploader()}),this._isUploaderOpen=!0,await this.updateComplete,s.config=this._buildUploaderConfig(),await s.updateComplete,e!=null&&e.length&&s.addFiles(e)}_closeUploader(){this._isUploaderOpen=!1,this._uploaderEl=null}_handleUploadClick(){this._openUploader()}_hasFileTransfer(e){var s,i;return!!((i=(s=e.dataTransfer)==null?void 0:s.types)!=null&&i.includes("Files"))}async open(){var u,f,p,g,v,x,b;const e=this.store.getState(),s=De((u=this.config)==null?void 0:u.forcedFilters),i=new Set(Object.keys(s)),a={},r=De((f=this.config)==null?void 0:f.defaultFilters);for(const[k,$]of Object.entries(r))i.has(k)||(a[k]=$);const n=Object.keys(a),c=((p=this.config)==null?void 0:p.tabs)??["assets","folders"],d=(g=this.config)!=null&&g.rememberLastTab?Ta():null,h=(d&&c.includes(d)?d:null)??((v=this.config)!=null&&v.defaultTab&&c.includes(this.config.defaultTab)?this.config.defaultTab:null)??c[0]??"assets";this.store.setState({isOpen:!0,activeTab:h,searchQuery:"",filters:{metadata:{pinned:e.filters.metadata.pinned,visible:[...e.filters.metadata.pinned],applied:{}},pinned:e.filters.pinned,visible:[...new Set([...e.filters.pinned,...n])],applied:a},offset:0,assets:[],folders:[],currentFolder:null,currentFolderPath:((x=this.config)==null?void 0:x.rememberLastFolder)&&Ca()||((b=this.config)==null?void 0:b.rootFolderPath)||"/",breadcrumb:[],selectedAssets:new Map,folderPreviews:{},isPreviewOpen:!1,previewAsset:null,isLoading:!0,isSelectingAll:!1}),this._dragCounter=0,this._isDragOver=!1,this.dispatchEvent(new CustomEvent("ap-open",{detail:{timestamp:Date.now()},bubbles:!0,composed:!0})),await this.updateComplete,!this._initPromise&&this.config&&this._initConfig(this.config),!(this._initPromise&&(await this._initPromise,this._initFailed))&&this._loadData()}close(){this.store.setState({isOpen:!1}),this._dragCounter=0,this._isDragOver=!1,this._isUploaderOpen=!1}_scrollToTop(){var e;(e=this.renderRoot.querySelector(".main-content"))==null||e.scrollTo({top:0})}async _loadData(){var i,a,r,n,c,d,h,u,f,p,g,v,x,b;if(!this.apiClient)return;const e=++this._loadId,s=this.store.getState();this._scrollToTop(),this.store.setState({isLoading:!0});try{const k=s.activeTab;if(k==="assets"){const $=this._buildSearchNotation(),F=s.currentFolderPath||"/",j=Ye(this.apiClient,{folder:F,offset:0,limit:s.limit,sort_by:s.sortBy,sort_direction:s.sortDirection,search:s.searchQuery||void 0,q:$||void 0,recursive:1}),S=Vt(this.apiClient,{folder:F,q:$||void 0,search:s.searchQuery||void 0,recursive:1}).catch(()=>null),[L,D]=await Promise.all([j,S]);if(e!==this._loadId)return;const se=((i=L.files)==null?void 0:i.length)??0,ce=se>=s.limit,we=((a=D==null?void 0:D.stats)==null?void 0:a.approx_files_count)??((r=D==null?void 0:D.info)==null?void 0:r.total_files_count)??((n=L.info)==null?void 0:n.total_files_count)??((d=(c=L.base)==null?void 0:c.count)==null?void 0:d.files_recursive)??((u=(h=L.base)==null?void 0:h.count)==null?void 0:u.files_direct)??se;this.store.setState({assets:L.files||[],folders:[],totalCount:we,totalFolderCount:0,offset:0,hasMore:ce,isLoading:!1})}else if(k==="folders"){const $=this._buildSearchNotation(),F=s.currentFolderPath||"/",[j,S,L]=await Promise.all([js(this.apiClient,{folderPath:s.currentFolderPath,q:s.searchQuery||void 0,recursive:s.searchQuery?1:0,sort_by:s.sortBy,sort_direction:s.sortDirection}),Ye(this.apiClient,{folder:F,offset:0,limit:s.limit,sort_by:s.sortBy,sort_direction:s.sortDirection,search:s.searchQuery||void 0,q:$||void 0,recursive:0}),Vt(this.apiClient,{folder:F,q:$||void 0,search:s.searchQuery||void 0,recursive:0}).catch(()=>null)]);if(e!==this._loadId)return;const D=j.folders||[];let se={};if(D.length>0)try{se=await Us(this.apiClient,D.map(de=>de.uuid))}catch{}if(e!==this._loadId)return;const ce=((f=S.files)==null?void 0:f.length)??0,we=ce>=s.limit,Ge=((p=L==null?void 0:L.stats)==null?void 0:p.approx_files_count)??((g=L==null?void 0:L.info)==null?void 0:g.total_files_count)??((v=S.info)==null?void 0:v.total_files_count)??((b=(x=S.base)==null?void 0:x.count)==null?void 0:b.files_direct)??ce;this.store.setState({assets:S.files||[],folders:D,folderPreviews:se,totalCount:Ge,totalFolderCount:j.total??D.length,offset:0,hasMore:we,isLoading:!1})}}catch(k){if(e!==this._loadId)return;this.store.setState({isLoading:!1}),this.dispatchEvent(new CustomEvent("ap-error",{detail:{error:k,context:"loadData"},bubbles:!0,composed:!0}))}}async _loadMore(){const e=this.store.getState();if(e.isLoading||!e.hasMore||!this.apiClient)return;const s=++this._loadMoreId,i=e.offset+e.limit;this.store.setState({isLoading:!0});try{const a=this._buildSearchNotation(),r=await Ye(this.apiClient,{folder:e.currentFolderPath||"/",offset:i,limit:e.limit,sort_by:e.sortBy,sort_direction:e.sortDirection,search:e.searchQuery||void 0,q:a||void 0,recursive:e.activeTab==="folders"?0:1});if(s!==this._loadMoreId)return;const n=this.store.getState().assets,c=r.files||[],d=c.length>=e.limit,h=[...n,...c];this.store.setState({assets:h,offset:i,hasMore:d,isLoading:!1})}catch{if(s!==this._loadMoreId)return;this.store.setState({isLoading:!1})}}_debouncedLoadData(e=120){this._loadDataTimer&&clearTimeout(this._loadDataTimer),this._loadDataTimer=setTimeout(()=>{this._loadDataTimer=null,this._loadData()},e)}_handleCancel(e){var s,i;this.close(),(i=(s=this.config)==null?void 0:s.onCancel)==null||i.call(s),this.dispatchEvent(new CustomEvent("ap-cancel",{detail:{reason:e},bubbles:!0,composed:!0}))}_handleSearchChange(e){this.store.setState({searchQuery:e.detail.value,offset:0,assets:[],folders:[]}),this.selectionCtrl.resetRange(),this._loadData()}_handleViewChange(e){var i;const s=e.detail.mode;this.store.setState({viewMode:s}),(i=this.config)!=null&&i.rememberLastView&&Ea(s),this._scrollToTop()}_handleRegionalChange(e){const{groupUuid:s,value:i}=e.detail,a=this.store.getState().regionalFilters;this.store.setState({regionalFilters:{...a,[s]:i}})}_handleSortChange(e){const s=e.detail.value,i=this.store.getState();this.store.setState({sortBy:s,offset:0,assets:[],folders:[]}),Wt(s,i.sortDirection),this.selectionCtrl.resetRange(),this._loadData()}_handleSortDirectionChange(e){const s=e.detail.value,i=this.store.getState();this.store.setState({sortDirection:s,offset:0,assets:[],folders:[]}),Wt(i.sortBy,s),this.selectionCtrl.resetRange(),this._loadData()}_handleTabChange(e){var i,a;const s=e.detail.tab;(i=this.config)!=null&&i.rememberLastTab&&Aa(s),this.store.setState({activeTab:s,currentFolder:null,currentFolderPath:((a=this.config)==null?void 0:a.rootFolderPath)??"/",breadcrumb:[],offset:0,assets:[],folders:[]}),this.selectionCtrl.resetRange(),this._loadData()}_handleAssetSelect(e){this.selectionCtrl.handleSelect(e.detail.asset,e.detail.index,e.detail.event)}_handleAssetPreview(e){this.store.setState({previewAsset:e.detail.asset,isPreviewOpen:!0})}_handleQuickSelect(e){var i,a;const s=e.detail.asset;(a=(i=this.config)==null?void 0:i.onSelect)==null||a.call(i,[s]),this.dispatchEvent(new CustomEvent("ap-select",{detail:{assets:[s]},bubbles:!0,composed:!0})),this._isInline||this.close()}_handleFolderOpen(e){var r;const s=e.detail.folder,i=this.store.getState(),a=s.path||`${i.currentFolderPath}${s.name}/`;(r=this.config)!=null&&r.rememberLastFolder&&Qt(a),this.store.setState({currentFolder:s.uuid,currentFolderPath:a,breadcrumb:[...i.breadcrumb,{uuid:s.uuid,name:s.name,path:a}],searchQuery:"",offset:0,assets:[],folders:[]}),this.selectionCtrl.resetRange(),this._loadData()}_handleBreadcrumbNavigate(e){var c,d;const s=e.detail.uuid,i=this.store.getState(),a=s?i.breadcrumb.findIndex(h=>h.uuid===s):-1,r=s?i.breadcrumb.slice(0,a+1):[],n=r.length>0?r[r.length-1].path:((c=this.config)==null?void 0:c.rootFolderPath)||"/";(d=this.config)!=null&&d.rememberLastFolder&&Qt(n),this.store.setState({currentFolder:s||null,currentFolderPath:n,breadcrumb:r,offset:0,assets:[],folders:[]}),this.selectionCtrl.resetRange(),this._loadData()}_handlePreviewClose(){this.store.setState({isPreviewOpen:!1,previewAsset:null})}_handlePreviewNavigate(e){this.store.setState({previewAsset:e.detail.asset})}_handleSelectionConfirm(e){var i,a;const s=e.detail.assets;(a=(i=this.config)==null?void 0:i.onSelect)==null||a.call(i,s),this.dispatchEvent(new CustomEvent("ap-select",{detail:{assets:s},bubbles:!0,composed:!0})),this._isInline||this.close()}async _handleSelectAll(){var i;const e=this.store.getState();if(!(e.isSelectingAll||!this.apiClient||!(((i=e.config)==null?void 0:i.multiSelect)??!0))){if(e.assets.length>=e.totalCount){this.selectionCtrl.selectAll(e.assets);return}this.store.setState({isSelectingAll:!0});try{const a=this._buildSearchNotation(),r=e.currentFolderPath||"/",n=e.limit,c=e.assets,d=e.totalCount,h=e.activeTab==="folders"?0:1,u=[];for(let b=c.length;b<d;b+=n)u.push(b);const f=4,p=[];for(let b=0;b<u.length;b+=f){const k=u.slice(b,b+f),$=await Promise.all(k.map(F=>Ye(this.apiClient,{folder:r,offset:F,limit:n,sort_by:e.sortBy,sort_direction:e.sortDirection,search:e.searchQuery||void 0,q:a||void 0,recursive:h})));for(const F of $)F.files&&p.push(...F.files)}const g=new Set(c.map(b=>b.uuid)),v=p.filter(b=>g.has(b.uuid)?!1:(g.add(b.uuid),!0)),x=[...c,...v];this.store.setState({assets:x,offset:Math.max(0,x.length-n),hasMore:!1,isSelectingAll:!1}),this.selectionCtrl.selectAll(x)}catch(a){this.store.setState({isSelectingAll:!1}),this.dispatchEvent(new CustomEvent("ap-error",{detail:{error:a,context:"selectAll"},bubbles:!0,composed:!0}))}}}_handleSelectionClear(){this.selectionCtrl.clearSelection()}_handleSelectionDeselect(e){const s=new Map(this.store.getState().selectedAssets);s.delete(e.detail.uuid),this.store.setState({selectedAssets:s})}_isDateFilterKey(e){return e===m.DATE||e===m.LICENSE_EXPIRY||e===z.DUE_DATE}_handleFilterUpdate(e){const{key:s,values:i,operator:a}=e.detail,n={...this.store.getState().filters};let c=i===""||i===null||i===void 0||Array.isArray(i)&&i.length===0||typeof i=="object"&&!Array.isArray(i)&&Object.values(i).every(d=>d==null||d===""||Array.isArray(d)&&d.length===0);if(!c&&this._isDateFilterKey(s)&&typeof i=="object"&&!Array.isArray(i)){const{kind:d,preset:h,from:u,to:f}=i;c=!d&&!h&&!u&&!f}if(c){const d={...n.applied};delete d[s],n.applied=d,n.pinned.includes(s)||(n.visible=n.visible.filter(h=>h!==s))}else{const d={...n.applied};this._isDateFilterKey(s)&&typeof i=="object"&&!Array.isArray(i)?d[s]={type:"date",field:i.field||"created",kind:i.kind||null,preset:i.preset||null,from:i.from||null,to:i.to||null}:s===m.IMAGE&&typeof i=="object"&&!Array.isArray(i)?d[s]=i:d[s]={type:"string",values:Array.isArray(i)?i:[i],operator:a||":"},n.applied=d,n.visible.includes(s)||(n.visible=[...n.visible,s])}if(this.store.setState({filters:n,offset:0,assets:[],folders:[],isLoading:!0}),this.selectionCtrl.resetRange(),this._debouncedLoadData(),this._pendingFilter===s){this._pendingFilter=null;const d=this.renderRoot.querySelector("ap-filters-bar");d&&(d.pendingFilter=null)}}_handleFilterOpen(e){const s=e.detail.key,i=e.detail.chipRect,a=this.renderRoot.querySelector("ap-content-toolbar");let r,n;if(i){const c=this.renderRoot.querySelector(".toolbar-filters-wrapper");if(c){const d=c.getBoundingClientRect();r=i.left-d.left,n=i.bottom-d.top}}a==null||a.openFilterPanel(s,!0,r,n)}_handleMetadataFilterOpen(e){const{fieldKey:s,chipRect:i}=e.detail,a=this.renderRoot.querySelector("ap-content-toolbar");let r,n;if(i){const c=this.renderRoot.querySelector(".toolbar-filters-wrapper");if(c){const d=c.getBoundingClientRect();r=i.left-d.left,n=i.bottom-d.top}}a==null||a.openMetadataFieldPanel(s,!0,r,n)}_handleFilterPanelChange(e){const s=this.renderRoot.querySelector("ap-filters-bar");s&&(s.activeFilter=e.detail.key,s.activeMetadataField=e.detail.metadataFieldKey||null),!e.detail.key&&!e.detail.metadataFieldKey&&(this._pendingFilter||this._pendingMetadataField)&&(this._pendingFilter=null,this._pendingMetadataField=null,s&&(s.pendingFilter=null,s.pendingMetadataField=null))}async _handleFilterPending(e){var p,g,v;const{key:s,metadataFieldKey:i}=e.detail,a=this.renderRoot.querySelector("ap-filters-bar"),r=this.renderRoot.querySelector("ap-content-toolbar");if(!a||!r)return;i?(this._pendingMetadataField=i,a.pendingMetadataField=i):s&&(this._pendingFilter=s,a.pendingFilter=s),await a.updateComplete;let n=a.renderRoot.querySelector(".chip.pending");if(!n){const x=a.renderRoot.querySelectorAll(".chip.pinned-empty"),b=i?(p=a._getMetadataLabel)==null?void 0:p.call(a,i):void 0;for(const k of x){const $=(v=(g=k.querySelector(".chip-label"))==null?void 0:g.textContent)==null?void 0:v.trim();if(i&&$===b){n=k;break}if(s&&$===(ke[s]||s)){n=k;break}}}if(!n)return;const c=n.getBoundingClientRect(),d=this.renderRoot.querySelector(".toolbar-filters-wrapper"),h=d==null?void 0:d.getBoundingClientRect(),u=h?c.left-h.left:c.left,f=h?c.bottom-h.top:void 0;i?r.openMetadataFieldPanel(i,!0,u,f):s&&r.openFilterPanel(s,!0,u,f)}_handleFilterRemove(e){var n;const s=e.detail.key;if(s in(((n=this.config)==null?void 0:n.forcedFilters)??{}))return;const a={...this.store.getState().filters},r={...a.applied};delete r[s],a.applied=r,a.pinned.includes(s)||(a.visible=a.visible.filter(c=>c!==s)),this.store.setState({filters:a,offset:0,assets:[],folders:[],isLoading:!0}),this.selectionCtrl.resetRange(),this._debouncedLoadData()}_handleMetadataFilterChange(e){const{fieldKey:s,operator:i,values:a,metadataType:r}=e.detail,c={...this.store.getState().filters},d={...c.metadata},h={...d.applied};if(!a||Array.isArray(a)&&a.length===0?(delete h[s],d.applied=h,d.pinned.includes(s)||(d.visible=d.visible.filter(f=>f!==s))):(h[s]={type:"string",values:Array.isArray(a)?a:[a],operator:i||":",metadataType:r},d.applied=h,d.visible.includes(s)||(d.visible=[...d.visible,s])),c.metadata=d,this.store.setState({filters:c,offset:0,assets:[],folders:[],isLoading:!0}),this.selectionCtrl.resetRange(),this._debouncedLoadData(),this._pendingMetadataField===s){this._pendingMetadataField=null;const f=this.renderRoot.querySelector("ap-filters-bar");f&&(f.pendingMetadataField=null)}}_handleMetadataFieldToggle(e){const{fieldKey:s,visible:i}=e.detail,r={...this.store.getState().filters},n={...r.metadata};i?n.visible.includes(s)||(n.visible=[...n.visible,s]):n.visible=n.visible.filter(c=>c!==s),r.metadata=n,this.store.setState({filters:r})}_handleMetadataFilterRemove(e){const{fieldKey:s}=e.detail,a={...this.store.getState().filters},r={...a.metadata},n={...r.applied};delete n[s],r.applied=n,r.pinned.includes(s)||(r.visible=r.visible.filter(c=>c!==s)),a.metadata=r,this.store.setState({filters:a,offset:0,assets:[],folders:[],isLoading:!0}),this.selectionCtrl.resetRange(),this._debouncedLoadData()}_handleFilterPin(e){var c,d;const{key:s,pinned:i}=e.detail,r={...this.store.getState().filters};i?r.pinned.includes(s)||(r.pinned=[...r.pinned,s]):(r.pinned=r.pinned.filter(h=>h!==s),s in r.applied||(r.visible=r.visible.filter(h=>h!==s))),this.store.setState({filters:r});const n=((d=(c=this.store.getState().config)==null?void 0:c.auth)==null?void 0:d.projectToken)??null;$a(n,r.pinned)}_handleMetadataPin(e){var d,h;const{fieldKey:s,pinned:i}=e.detail,r={...this.store.getState().filters},n={...r.metadata};i?n.pinned.includes(s)||(n.pinned=[...n.pinned,s]):(n.pinned=n.pinned.filter(u=>u!==s),s in n.applied||(n.visible=n.visible.filter(u=>u!==s))),r.metadata=n,this.store.setState({filters:r});const c=((h=(d=this.store.getState().config)==null?void 0:d.auth)==null?void 0:h.projectToken)??null;ka(c,n.pinned)}_handleFiltersClearAll(){const e=this.store.getState();this.store.setState({filters:{...e.filters,applied:{},visible:[...e.filters.pinned],metadata:{...e.filters.metadata,applied:{},visible:[...e.filters.metadata.pinned]}},offset:0,assets:[],folders:[],isLoading:!0});const s=this.renderRoot.querySelector("ap-filters-bar");s&&(s.activeFilter=null),this.selectionCtrl.resetRange(),this._debouncedLoadData()}_handleFilterDeactivate(e){const s=e.detail.key,a={...this.store.getState().filters};a.visible=a.visible.filter(r=>r!==s),this.store.setState({filters:a})}_handleMetadataFieldDeactivate(e){const{fieldKey:s}=e.detail,a={...this.store.getState().filters},r={...a.metadata};r.visible=r.visible.filter(n=>n!==s),a.metadata=r,this.store.setState({filters:a})}_handleFiltersSet(e){var h;const{applied:s,metadata:i}=e.detail,r={...this.store.getState().filters},n=new Set(Object.keys(((h=this.config)==null?void 0:h.forcedFilters)??{})),c={...s};for(const u of n)delete c[u];r.applied=c;const d=Object.keys(s);if(r.visible=[...new Set([...r.pinned,...d])],i){const u={...r.metadata};u.applied=i.applied;const f=Object.keys(i.applied);u.visible=[...new Set([...u.pinned,...f])],r.metadata=u}this.store.setState({filters:r,offset:0,assets:[],folders:[],isLoading:!0}),this.selectionCtrl.resetRange(),this._debouncedLoadData()}_getSortOptions(){const e=this.storeCtrl.state;return e.searchQuery?Ia:e.activeTab==="folders"?Da:At}_buildSearchNotation(){var a;const e=this.store.getState(),s={...De((a=this.config)==null?void 0:a.forcedFilters),...e.filters.applied};return ca(s,e.filters.metadata.applied).join(" ")}render(){var h,u,f,p,g,v,x,b;const e=this.storeCtrl.state,s=Array.from(e.selectedAssets.keys()),i=this.selectionCtrl.getSelectedAssets(),a=o.html`
+    `];Pe([l.property()],ne.prototype,"value",2);Pe([l.property({type:Array})],ne.prototype,"options",2);Pe([l.property({type:Boolean})],ne.prototype,"disabled",2);Pe([l.property({reflect:!0})],ne.prototype,"direction",2);Pe([l.property({reflect:!0})],ne.prototype,"columns",2);ne=Pe([l.customElement("ap-radio-group")],ne);var _r=Object.defineProperty,Rt=(t,e,s,i)=>{for(var a=void 0,r=t.length-1,n;r>=0;r--)(n=t[r])&&(a=n(e,s,a)||a);return a&&_r(e,s,a),a};const Nt=class Nt extends o.LitElement{constructor(){super(),this._initFailed=!1,this._loadId=0,this._loadMoreId=0,this._loadDataTimer=null,this._pendingFilter=null,this._pendingMetadataField=null,this._uploaderEl=null,this._uploaderImportPromise=null,this._dragCounter=0,this._isDragOver=!1,this._isUploaderOpen=!1,this._onDragEnter=e=>{var s;!((s=this.config)!=null&&s.uploader)||!this._hasFileTransfer(e)||(e.preventDefault(),this._dragCounter++,this._dragCounter===1&&(this._isDragOver=!0))},this._onDragOver=e=>{var s;!((s=this.config)!=null&&s.uploader)||!this._hasFileTransfer(e)||(e.preventDefault(),e.dataTransfer&&(e.dataTransfer.dropEffect="copy"))},this._onDragLeave=e=>{var s;!((s=this.config)!=null&&s.uploader)||!this._hasFileTransfer(e)||(e.preventDefault(),this._dragCounter--,this._dragCounter<=0&&(this._dragCounter=0,this._isDragOver=!1))},this._onDrop=e=>{var i,a;if(!((i=this.config)!=null&&i.uploader)||!this._hasFileTransfer(e))return;e.preventDefault(),this._dragCounter=0,this._isDragOver=!1;const s=Array.from(((a=e.dataTransfer)==null?void 0:a.files)??[]);s.length>0&&this._openUploader(s)},this.store=Ls(),this.storeCtrl=new Ps(this,this.store),this.selectionCtrl=new Is(this,this.store),this.infiniteScrollCtrl=new Ds(this,()=>this._loadMore()),this.marqueeCtrl=new zs(this,this.store)}get _isInline(){var e;return((e=this.config)==null?void 0:e.displayMode)==="inline"}connectedCallback(){super.connectedCallback()}disconnectedCallback(){super.disconnectedCallback(),this._uploaderEl&&(this._uploaderEl.remove(),this._uploaderEl=null),this._uploaderImportPromise=null,this._dragCounter=0,this._isDragOver=!1,this._isUploaderOpen=!1}updated(e){super.updated(e),e.has("config")&&this.config&&this._initConfig(this.config);const s=this.renderRoot.querySelector("#sentinel");if(s&&s!==this._lastSentinel){this._lastSentinel=s;const a=this.renderRoot.querySelector(".main-content");this.infiniteScrollCtrl.observe(s,a)}const i=this.renderRoot.querySelector(".main-content");i&&i!==this._lastMarqueeContainer&&(this._lastMarqueeContainer=i,this.marqueeCtrl.attach(i))}_initConfig(e){this._initFailed=!1,this._initPromise=this._doInit(e).catch(()=>{this._initFailed=!0}),e.displayMode==="inline"&&!this.store.getState().isOpen&&this.open()}async _doInit(e){const s=Sa(),i=s.sortBy??e.defaultSortBy??"created_at",a=s.sortDirection??e.defaultSortDirection??"desc";this.store.setState({config:e,projectToken:e.auth.projectToken,viewMode:e.rememberLastView&&Fa()||e.defaultViewMode||"grid",sortBy:i,sortDirection:a,currentFolder:null,currentFolderPath:e.rootFolderPath??"/"}),this.apiClient=new Rs(e.auth,e.apiBase);try{if(e.auth.mode==="securityTemplate"){const p=await qs(this.apiClient);this.apiClient.setSassKey(p),this.store.setState({sassKey:p})}const[r,n,c]=await Promise.allSettled([oa(this.apiClient),Bs(this.apiClient),Vs(this.apiClient)]);if(r.status==="fulfilled"){const{fields:p,regionalVariantGroups:g,regionalFilters:v,brandColor:x}=r.value;this.store.setState({metadataFields:p,regionalVariantGroups:g,regionalFilters:v,...x?{brandColor:x}:{}})}n.status==="fulfilled"&&this.store.setState({labels:n.value.labels||[]}),c.status==="fulfilled"&&this.store.setState({tags:c.value});const{pinnedFilters:d,pinnedMetadata:h}=wa(e.auth.projectToken??null),u=this.store.getState().filters;this.store.setState({filters:{...u,pinned:d,visible:[...d],metadata:{...u.metadata,pinned:h,visible:[...h]}}});const f=e.brandColor||this.store.getState().brandColor;f&&(this.store.setState({brandColor:f}),Pa(this,f))}catch(r){throw this.dispatchEvent(new CustomEvent("ap-error",{detail:{error:r,context:"init"},bubbles:!0,composed:!0})),r}}_ensureUploaderImport(){return this._uploaderImportPromise?this._uploaderImportPromise:(this._uploaderImportPromise=import("@scaleflex/uploader/define").then(()=>{},e=>{throw this._uploaderImportPromise=null,e}),this._uploaderImportPromise)}_buildUploaderConfig(){const e=this.config,s=e.uploader,i=this.store.getState();let a;return e.auth.mode==="securityTemplate"?a={mode:"security-template",container:e.auth.projectToken,securityTemplateId:e.auth.securityTemplateKey}:a={mode:"sass-key",container:e.auth.projectToken,sassKey:e.auth.sassKey},{auth:a,targetFolder:i.currentFolderPath||"/",mode:"inline",restrictions:s.restrictions,concurrency:s.concurrency,autoProceed:s.autoProceed,showFillMetadata:s.showFillMetadata,connectors:s.connectors,sourcesLayout:s.sourcesLayout,headerButton:s.headerButton??"back",clearOnClose:s.clearOnClose,clearOnComplete:s.clearOnComplete,rejectedFileAutoRemoveDelay:s.rejectedFileAutoRemoveDelay}}async _openUploader(e){var i;if(!((i=this.config)!=null&&i.uploader)||this._isUploaderOpen)return;try{await this._ensureUploaderImport()}catch(a){this.dispatchEvent(new CustomEvent("ap-error",{detail:{error:a instanceof Error?a:new Error(String(a)),context:"uploader-load"},bubbles:!0,composed:!0}));return}this._uploaderEl=document.createElement("sfx-uploader");const s=this._uploaderEl;s.addEventListener("sfx-all-complete",()=>{this.store.getState().isOpen&&this._loadData()}),s.addEventListener("sfx-complete-action",()=>{this._closeUploader()}),s.addEventListener("sfx-cancel",()=>{this._closeUploader()}),this._isUploaderOpen=!0,await this.updateComplete,s.config=this._buildUploaderConfig(),await s.updateComplete,e!=null&&e.length&&s.addFiles(e)}_closeUploader(){this._isUploaderOpen=!1,this._uploaderEl=null}_handleUploadClick(){this._openUploader()}_hasFileTransfer(e){var s,i;return!!((i=(s=e.dataTransfer)==null?void 0:s.types)!=null&&i.includes("Files"))}async open(){var u,f,p,g,v,x,b;const e=this.store.getState(),s=De((u=this.config)==null?void 0:u.forcedFilters),i=new Set(Object.keys(s)),a={},r=De((f=this.config)==null?void 0:f.defaultFilters);for(const[k,$]of Object.entries(r))i.has(k)||(a[k]=$);const n=Object.keys(a),c=((p=this.config)==null?void 0:p.tabs)??["assets","folders"],d=(g=this.config)!=null&&g.rememberLastTab?Ta():null,h=(d&&c.includes(d)?d:null)??((v=this.config)!=null&&v.defaultTab&&c.includes(this.config.defaultTab)?this.config.defaultTab:null)??c[0]??"assets";this.store.setState({isOpen:!0,activeTab:h,searchQuery:"",filters:{metadata:{pinned:e.filters.metadata.pinned,visible:[...e.filters.metadata.pinned],applied:{}},pinned:e.filters.pinned,visible:[...new Set([...e.filters.pinned,...n])],applied:a},offset:0,assets:[],folders:[],currentFolder:null,currentFolderPath:((x=this.config)==null?void 0:x.rememberLastFolder)&&Ca()||((b=this.config)==null?void 0:b.rootFolderPath)||"/",breadcrumb:[],selectedAssets:new Map,folderPreviews:{},isPreviewOpen:!1,previewAsset:null,isLoading:!0,isSelectingAll:!1}),this._dragCounter=0,this._isDragOver=!1,this.dispatchEvent(new CustomEvent("ap-open",{detail:{timestamp:Date.now()},bubbles:!0,composed:!0})),await this.updateComplete,!this._initPromise&&this.config&&this._initConfig(this.config),!(this._initPromise&&(await this._initPromise,this._initFailed))&&this._loadData()}close(){this.store.setState({isOpen:!1}),this._dragCounter=0,this._isDragOver=!1,this._isUploaderOpen=!1}_scrollToTop(){var e;(e=this.renderRoot.querySelector(".main-content"))==null||e.scrollTo({top:0})}async _loadData(){var i,a,r,n,c,d,h,u,f,p,g,v,x,b;if(!this.apiClient)return;const e=++this._loadId,s=this.store.getState();this._scrollToTop(),this.store.setState({isLoading:!0});try{const k=s.activeTab;if(k==="assets"){const $=this._buildSearchNotation(),F=s.currentFolderPath||"/",j=Ye(this.apiClient,{folder:F,offset:0,limit:s.limit,sort_by:s.sortBy,sort_direction:s.sortDirection,search:s.searchQuery||void 0,q:$||void 0,recursive:1}),S=Vt(this.apiClient,{folder:F,q:$||void 0,search:s.searchQuery||void 0,recursive:1}).catch(()=>null),[L,D]=await Promise.all([j,S]);if(e!==this._loadId)return;const se=((i=L.files)==null?void 0:i.length)??0,ce=se>=s.limit,we=((a=D==null?void 0:D.stats)==null?void 0:a.approx_files_count)??((r=D==null?void 0:D.info)==null?void 0:r.total_files_count)??((n=L.info)==null?void 0:n.total_files_count)??((d=(c=L.base)==null?void 0:c.count)==null?void 0:d.files_recursive)??((u=(h=L.base)==null?void 0:h.count)==null?void 0:u.files_direct)??se;this.store.setState({assets:L.files||[],folders:[],totalCount:we,totalFolderCount:0,offset:0,hasMore:ce,isLoading:!1})}else if(k==="folders"){const $=this._buildSearchNotation(),F=s.currentFolderPath||"/",[j,S,L]=await Promise.all([js(this.apiClient,{folderPath:s.currentFolderPath,q:s.searchQuery||void 0,recursive:s.searchQuery?1:0,sort_by:s.sortBy,sort_direction:s.sortDirection}),Ye(this.apiClient,{folder:F,offset:0,limit:s.limit,sort_by:s.sortBy,sort_direction:s.sortDirection,search:s.searchQuery||void 0,q:$||void 0,recursive:0}),Vt(this.apiClient,{folder:F,q:$||void 0,search:s.searchQuery||void 0,recursive:0}).catch(()=>null)]);if(e!==this._loadId)return;const D=j.folders||[];let se={};if(D.length>0)try{se=await Us(this.apiClient,D.map(de=>de.uuid))}catch{}if(e!==this._loadId)return;const ce=((f=S.files)==null?void 0:f.length)??0,we=ce>=s.limit,Ge=((p=L==null?void 0:L.stats)==null?void 0:p.approx_files_count)??((g=L==null?void 0:L.info)==null?void 0:g.total_files_count)??((v=S.info)==null?void 0:v.total_files_count)??((b=(x=S.base)==null?void 0:x.count)==null?void 0:b.files_direct)??ce;this.store.setState({assets:S.files||[],folders:D,folderPreviews:se,totalCount:Ge,totalFolderCount:j.total??D.length,offset:0,hasMore:we,isLoading:!1})}}catch(k){if(e!==this._loadId)return;this.store.setState({isLoading:!1}),this.dispatchEvent(new CustomEvent("ap-error",{detail:{error:k,context:"loadData"},bubbles:!0,composed:!0}))}}async _loadMore(){const e=this.store.getState();if(e.isLoading||!e.hasMore||!this.apiClient)return;const s=++this._loadMoreId,i=e.offset+e.limit;this.store.setState({isLoading:!0});try{const a=this._buildSearchNotation(),r=await Ye(this.apiClient,{folder:e.currentFolderPath||"/",offset:i,limit:e.limit,sort_by:e.sortBy,sort_direction:e.sortDirection,search:e.searchQuery||void 0,q:a||void 0,recursive:e.activeTab==="folders"?0:1});if(s!==this._loadMoreId)return;const n=this.store.getState().assets,c=r.files||[],d=c.length>=e.limit,h=[...n,...c];this.store.setState({assets:h,offset:i,hasMore:d,isLoading:!1})}catch{if(s!==this._loadMoreId)return;this.store.setState({isLoading:!1})}}_debouncedLoadData(e=120){this._loadDataTimer&&clearTimeout(this._loadDataTimer),this._loadDataTimer=setTimeout(()=>{this._loadDataTimer=null,this._loadData()},e)}_handleCancel(e){var s,i;this.close(),(i=(s=this.config)==null?void 0:s.onCancel)==null||i.call(s),this.dispatchEvent(new CustomEvent("ap-cancel",{detail:{reason:e},bubbles:!0,composed:!0}))}_handleSearchChange(e){this.store.setState({searchQuery:e.detail.value,offset:0,assets:[],folders:[]}),this.selectionCtrl.resetRange(),this._loadData()}_handleViewChange(e){var i;const s=e.detail.mode;this.store.setState({viewMode:s}),(i=this.config)!=null&&i.rememberLastView&&Ea(s),this._scrollToTop()}_handleRegionalChange(e){const{groupUuid:s,value:i}=e.detail,a=this.store.getState().regionalFilters;this.store.setState({regionalFilters:{...a,[s]:i}})}_handleSortChange(e){const s=e.detail.value,i=this.store.getState();this.store.setState({sortBy:s,offset:0,assets:[],folders:[]}),Wt(s,i.sortDirection),this.selectionCtrl.resetRange(),this._loadData()}_handleSortDirectionChange(e){const s=e.detail.value,i=this.store.getState();this.store.setState({sortDirection:s,offset:0,assets:[],folders:[]}),Wt(i.sortBy,s),this.selectionCtrl.resetRange(),this._loadData()}_handleTabChange(e){var i,a;const s=e.detail.tab;(i=this.config)!=null&&i.rememberLastTab&&Aa(s),this.store.setState({activeTab:s,currentFolder:null,currentFolderPath:((a=this.config)==null?void 0:a.rootFolderPath)??"/",breadcrumb:[],offset:0,assets:[],folders:[]}),this.selectionCtrl.resetRange(),this._loadData()}_handleAssetSelect(e){this.selectionCtrl.handleSelect(e.detail.asset,e.detail.index,e.detail.event)}_handleAssetPreview(e){this.store.setState({previewAsset:e.detail.asset,isPreviewOpen:!0})}_handleQuickSelect(e){var i,a;const s=e.detail.asset;(a=(i=this.config)==null?void 0:i.onSelect)==null||a.call(i,[s]),this.dispatchEvent(new CustomEvent("ap-select",{detail:{assets:[s]},bubbles:!0,composed:!0})),this._isInline||this.close()}_handleFolderOpen(e){var r;const s=e.detail.folder,i=this.store.getState(),a=s.path||`${i.currentFolderPath}${s.name}/`;(r=this.config)!=null&&r.rememberLastFolder&&Qt(a),this.store.setState({currentFolder:s.uuid,currentFolderPath:a,breadcrumb:[...i.breadcrumb,{uuid:s.uuid,name:s.name,path:a}],searchQuery:"",offset:0,assets:[],folders:[]}),this.selectionCtrl.resetRange(),this._loadData()}_handleBreadcrumbNavigate(e){var c,d;const s=e.detail.uuid,i=this.store.getState(),a=s?i.breadcrumb.findIndex(h=>h.uuid===s):-1,r=s?i.breadcrumb.slice(0,a+1):[],n=r.length>0?r[r.length-1].path:((c=this.config)==null?void 0:c.rootFolderPath)||"/";(d=this.config)!=null&&d.rememberLastFolder&&Qt(n),this.store.setState({currentFolder:s||null,currentFolderPath:n,breadcrumb:r,offset:0,assets:[],folders:[]}),this.selectionCtrl.resetRange(),this._loadData()}_handlePreviewClose(){this.store.setState({isPreviewOpen:!1,previewAsset:null})}_handlePreviewNavigate(e){this.store.setState({previewAsset:e.detail.asset})}_handleSelectionConfirm(e){var i,a;const s=e.detail.assets;(a=(i=this.config)==null?void 0:i.onSelect)==null||a.call(i,s),this.dispatchEvent(new CustomEvent("ap-select",{detail:{assets:s},bubbles:!0,composed:!0})),this._isInline||this.close()}async _handleSelectAll(){var i;const e=this.store.getState();if(!(e.isSelectingAll||!this.apiClient||!(((i=e.config)==null?void 0:i.multiSelect)??!0))){if(e.assets.length>=e.totalCount){this.selectionCtrl.selectAll(e.assets);return}this.store.setState({isSelectingAll:!0});try{const a=this._buildSearchNotation(),r=e.currentFolderPath||"/",n=e.limit,c=e.assets,d=e.totalCount,h=e.activeTab==="folders"?0:1,u=[];for(let b=c.length;b<d;b+=n)u.push(b);const f=4,p=[];for(let b=0;b<u.length;b+=f){const k=u.slice(b,b+f),$=await Promise.all(k.map(F=>Ye(this.apiClient,{folder:r,offset:F,limit:n,sort_by:e.sortBy,sort_direction:e.sortDirection,search:e.searchQuery||void 0,q:a||void 0,recursive:h})));for(const F of $)F.files&&p.push(...F.files)}const g=new Set(c.map(b=>b.uuid)),v=p.filter(b=>g.has(b.uuid)?!1:(g.add(b.uuid),!0)),x=[...c,...v];this.store.setState({assets:x,offset:Math.max(0,x.length-n),hasMore:!1,isSelectingAll:!1}),this.selectionCtrl.selectAll(x)}catch(a){this.store.setState({isSelectingAll:!1}),this.dispatchEvent(new CustomEvent("ap-error",{detail:{error:a,context:"selectAll"},bubbles:!0,composed:!0}))}}}_handleSelectionClear(){this.selectionCtrl.clearSelection()}_handleSelectionDeselect(e){const s=new Map(this.store.getState().selectedAssets);s.delete(e.detail.uuid),this.store.setState({selectedAssets:s})}_isDateFilterKey(e){return e===m.DATE||e===m.LICENSE_EXPIRY||e===z.DUE_DATE}_handleFilterUpdate(e){const{key:s,values:i,operator:a}=e.detail,n={...this.store.getState().filters};let c=i===""||i===null||i===void 0||Array.isArray(i)&&i.length===0||typeof i=="object"&&!Array.isArray(i)&&Object.values(i).every(d=>d==null||d===""||Array.isArray(d)&&d.length===0);if(!c&&this._isDateFilterKey(s)&&typeof i=="object"&&!Array.isArray(i)){const{kind:d,preset:h,from:u,to:f}=i;c=!d&&!h&&!u&&!f}if(c){const d={...n.applied};delete d[s],n.applied=d,n.pinned.includes(s)||(n.visible=n.visible.filter(h=>h!==s))}else{const d={...n.applied};this._isDateFilterKey(s)&&typeof i=="object"&&!Array.isArray(i)?d[s]={type:"date",field:i.field||"created",kind:i.kind||null,preset:i.preset||null,from:i.from||null,to:i.to||null}:s===m.IMAGE&&typeof i=="object"&&!Array.isArray(i)?d[s]=i:d[s]={type:"string",values:Array.isArray(i)?i:[i],operator:a||":"},n.applied=d,n.visible.includes(s)||(n.visible=[...n.visible,s])}if(this.store.setState({filters:n,offset:0,assets:[],folders:[],isLoading:!0}),this.selectionCtrl.resetRange(),this._debouncedLoadData(),this._pendingFilter===s){this._pendingFilter=null;const d=this.renderRoot.querySelector("ap-filters-bar");d&&(d.pendingFilter=null)}}_handleFilterOpen(e){const s=e.detail.key,i=e.detail.chipRect,a=this.renderRoot.querySelector("ap-content-toolbar");let r,n;if(i){const c=this.renderRoot.querySelector(".toolbar-filters-wrapper");if(c){const d=c.getBoundingClientRect();r=i.left-d.left,n=i.bottom-d.top}}a==null||a.openFilterPanel(s,!0,r,n)}_handleMetadataFilterOpen(e){const{fieldKey:s,chipRect:i}=e.detail,a=this.renderRoot.querySelector("ap-content-toolbar");let r,n;if(i){const c=this.renderRoot.querySelector(".toolbar-filters-wrapper");if(c){const d=c.getBoundingClientRect();r=i.left-d.left,n=i.bottom-d.top}}a==null||a.openMetadataFieldPanel(s,!0,r,n)}_handleFilterPanelChange(e){const s=this.renderRoot.querySelector("ap-filters-bar");s&&(s.activeFilter=e.detail.key,s.activeMetadataField=e.detail.metadataFieldKey||null),!e.detail.key&&!e.detail.metadataFieldKey&&(this._pendingFilter||this._pendingMetadataField)&&(this._pendingFilter=null,this._pendingMetadataField=null,s&&(s.pendingFilter=null,s.pendingMetadataField=null))}async _handleFilterPending(e){var p,g,v;const{key:s,metadataFieldKey:i}=e.detail,a=this.renderRoot.querySelector("ap-filters-bar"),r=this.renderRoot.querySelector("ap-content-toolbar");if(!a||!r)return;i?(this._pendingMetadataField=i,a.pendingMetadataField=i):s&&(this._pendingFilter=s,a.pendingFilter=s),await a.updateComplete;let n=a.renderRoot.querySelector(".chip.pending");if(!n){const x=a.renderRoot.querySelectorAll(".chip.pinned-empty"),b=i?(p=a._getMetadataLabel)==null?void 0:p.call(a,i):void 0;for(const k of x){const $=(v=(g=k.querySelector(".chip-label"))==null?void 0:g.textContent)==null?void 0:v.trim();if(i&&$===b){n=k;break}if(s&&$===(ke[s]||s)){n=k;break}}}if(!n)return;const c=n.getBoundingClientRect(),d=this.renderRoot.querySelector(".toolbar-filters-wrapper"),h=d==null?void 0:d.getBoundingClientRect(),u=h?c.left-h.left:c.left,f=h?c.bottom-h.top:void 0;i?r.openMetadataFieldPanel(i,!0,u,f):s&&r.openFilterPanel(s,!0,u,f)}_handleFilterRemove(e){var n;const s=e.detail.key;if(s in(((n=this.config)==null?void 0:n.forcedFilters)??{}))return;const a={...this.store.getState().filters},r={...a.applied};delete r[s],a.applied=r,a.pinned.includes(s)||(a.visible=a.visible.filter(c=>c!==s)),this.store.setState({filters:a,offset:0,assets:[],folders:[],isLoading:!0}),this.selectionCtrl.resetRange(),this._debouncedLoadData()}_handleMetadataFilterChange(e){const{fieldKey:s,operator:i,values:a,metadataType:r}=e.detail,c={...this.store.getState().filters},d={...c.metadata},h={...d.applied};if(!a||Array.isArray(a)&&a.length===0?(delete h[s],d.applied=h,d.pinned.includes(s)||(d.visible=d.visible.filter(f=>f!==s))):(h[s]={type:"string",values:Array.isArray(a)?a:[a],operator:i||":",metadataType:r},d.applied=h,d.visible.includes(s)||(d.visible=[...d.visible,s])),c.metadata=d,this.store.setState({filters:c,offset:0,assets:[],folders:[],isLoading:!0}),this.selectionCtrl.resetRange(),this._debouncedLoadData(),this._pendingMetadataField===s){this._pendingMetadataField=null;const f=this.renderRoot.querySelector("ap-filters-bar");f&&(f.pendingMetadataField=null)}}_handleMetadataFieldToggle(e){const{fieldKey:s,visible:i}=e.detail,r={...this.store.getState().filters},n={...r.metadata};i?n.visible.includes(s)||(n.visible=[...n.visible,s]):n.visible=n.visible.filter(c=>c!==s),r.metadata=n,this.store.setState({filters:r})}_handleMetadataFilterRemove(e){const{fieldKey:s}=e.detail,a={...this.store.getState().filters},r={...a.metadata},n={...r.applied};delete n[s],r.applied=n,r.pinned.includes(s)||(r.visible=r.visible.filter(c=>c!==s)),a.metadata=r,this.store.setState({filters:a,offset:0,assets:[],folders:[],isLoading:!0}),this.selectionCtrl.resetRange(),this._debouncedLoadData()}_handleFilterPin(e){var c,d;const{key:s,pinned:i}=e.detail,r={...this.store.getState().filters};i?r.pinned.includes(s)||(r.pinned=[...r.pinned,s]):(r.pinned=r.pinned.filter(h=>h!==s),s in r.applied||(r.visible=r.visible.filter(h=>h!==s))),this.store.setState({filters:r});const n=((d=(c=this.store.getState().config)==null?void 0:c.auth)==null?void 0:d.projectToken)??null;$a(n,r.pinned)}_handleMetadataPin(e){var d,h;const{fieldKey:s,pinned:i}=e.detail,r={...this.store.getState().filters},n={...r.metadata};i?n.pinned.includes(s)||(n.pinned=[...n.pinned,s]):(n.pinned=n.pinned.filter(u=>u!==s),s in n.applied||(n.visible=n.visible.filter(u=>u!==s))),r.metadata=n,this.store.setState({filters:r});const c=((h=(d=this.store.getState().config)==null?void 0:d.auth)==null?void 0:h.projectToken)??null;ka(c,n.pinned)}_handleFiltersClearAll(){const e=this.store.getState();this.store.setState({filters:{...e.filters,applied:{},visible:[...e.filters.pinned],metadata:{...e.filters.metadata,applied:{},visible:[...e.filters.metadata.pinned]}},offset:0,assets:[],folders:[],isLoading:!0});const s=this.renderRoot.querySelector("ap-filters-bar");s&&(s.activeFilter=null),this.selectionCtrl.resetRange(),this._debouncedLoadData()}_handleFilterDeactivate(e){const s=e.detail.key,a={...this.store.getState().filters};a.visible=a.visible.filter(r=>r!==s),this.store.setState({filters:a})}_handleMetadataFieldDeactivate(e){const{fieldKey:s}=e.detail,a={...this.store.getState().filters},r={...a.metadata};r.visible=r.visible.filter(n=>n!==s),a.metadata=r,this.store.setState({filters:a})}_handleFiltersSet(e){var h;const{applied:s,metadata:i}=e.detail,r={...this.store.getState().filters},n=new Set(Object.keys(((h=this.config)==null?void 0:h.forcedFilters)??{})),c={...s};for(const u of n)delete c[u];r.applied=c;const d=Object.keys(s);if(r.visible=[...new Set([...r.pinned,...d])],i){const u={...r.metadata};u.applied=i.applied;const f=Object.keys(i.applied);u.visible=[...new Set([...u.pinned,...f])],r.metadata=u}this.store.setState({filters:r,offset:0,assets:[],folders:[],isLoading:!0}),this.selectionCtrl.resetRange(),this._debouncedLoadData()}_getSortOptions(){const e=this.storeCtrl.state;return e.searchQuery?Ia:e.activeTab==="folders"?Da:At}_buildSearchNotation(){var a;const e=this.store.getState(),s={...De((a=this.config)==null?void 0:a.forcedFilters),...e.filters.applied};return ca(s,e.filters.metadata.applied).join(" ")}render(){var h,u,f,p,g,v,x,b,k;const e=this.storeCtrl.state,s=Array.from(e.selectedAssets.keys()),i=this.selectionCtrl.getSelectedAssets(),a=o.html`
       <ap-header
         .activeTab=${e.activeTab}
         .tabs=${((h=this.config)==null?void 0:h.tabs)??["assets","folders"]}
@@ -5828,7 +5828,7 @@
           </div>
         `:o.nothing}
         <div class="main-content">
-          <div class="toolbar-filters-wrapper">
+          <div class="toolbar-filters-wrapper${(f=this.config)!=null&&f.stickyFilters?" sticky":""}">
             <ap-content-toolbar
               .isLoading=${e.isLoading}
               .totalCount=${e.totalCount}
@@ -5843,7 +5843,7 @@
               .metadataFields=${e.metadataFields}
               .pinnedFilters=${e.filters.pinned}
               .apiClient=${this.apiClient}
-              .forcedFilterKeys=${Object.keys(De((f=this.config)==null?void 0:f.forcedFilters))}
+              .forcedFilterKeys=${Object.keys(De((p=this.config)==null?void 0:p.forcedFilters))}
               @sort-change=${this._handleSortChange}
               @sort-direction-change=${this._handleSortDirectionChange}
               @filter-update=${this._handleFilterUpdate}
@@ -5864,7 +5864,7 @@
               .labels=${e.labels}
               .pinnedFilters=${e.filters.pinned}
               .pinnedMetadataFields=${e.filters.metadata.pinned}
-              .forcedFilters=${((p=this.config)==null?void 0:p.forcedFilters)??{}}
+              .forcedFilters=${((g=this.config)==null?void 0:g.forcedFilters)??{}}
               @filter-remove=${this._handleFilterRemove}
               @filter-deactivate=${this._handleFilterDeactivate}
               @filter-open=${this._handleFilterOpen}
@@ -5892,11 +5892,11 @@
               .assets=${e.assets}
               .selectedIds=${s}
               .containerToken=${e.projectToken}
-              .showMetadata=${((g=this.config)==null?void 0:g.showMetadata)!==!1}
+              .showMetadata=${((v=this.config)==null?void 0:v.showMetadata)!==!1}
               .metadataFields=${e.metadataFields}
               .labels=${e.labels}
               .regionalFilters=${e.regionalFilters}
-              .multiSelect=${((v=this.config)==null?void 0:v.multiSelect)??!0}
+              .multiSelect=${((x=this.config)==null?void 0:x.multiSelect)??!0}
               @preview-close=${this._handlePreviewClose}
               @preview-navigate=${this._handlePreviewNavigate}
               @asset-select=${this._handleAssetSelect}
@@ -5909,8 +5909,8 @@
         .selectedAssets=${i}
         .totalCount=${e.totalCount}
         .isSelectingAll=${e.isSelectingAll}
-        .multiSelect=${((x=this.config)==null?void 0:x.multiSelect)??!0}
-        .maxSelections=${(b=this.config)==null?void 0:b.maxSelections}
+        .multiSelect=${((b=this.config)==null?void 0:b.multiSelect)??!0}
+        .maxSelections=${(k=this.config)==null?void 0:k.maxSelections}
         @selection-confirm=${this._handleSelectionConfirm}
         @selection-clear=${this._handleSelectionClear}
         @selection-deselect=${this._handleSelectionDeselect}
@@ -5936,7 +5936,7 @@
       `:o.nothing:o.html`
       <ap-modal
         ?open=${e.isOpen}
-        @ap-cancel=${k=>this._handleCancel(k.detail.reason)}
+        @ap-cancel=${$=>this._handleCancel($.detail.reason)}
       >
         ${this._isUploaderOpen?d:o.html`
           <div slot="header">${a}</div>
@@ -6036,6 +6036,12 @@
         position: relative;
         z-index: 10;
       }
+      .toolbar-filters-wrapper.sticky {
+        position: sticky;
+        top: 0;
+        z-index: 20;
+        background: var(--ap-background, oklch(1 0 0));
+      }
       .empty-state {
         display: flex;
         flex-direction: column;

package/dist/{asset-picker-Cc1NFvo6.js → asset-picker-BRSDmf39.js}

@@ -598,7 +598,7 @@ const ra = Object.values(mt), Ue = {
   { label: "Is", value: w.IS_EXACT },
   { label: "Contains", value: w.IS },
   { label: "Does not contain", value: w.IS_NOT }
-], Et = [
+], Ft = [
   { label: "Is", value: w.IS },
   { label: "Greater than", value: w.GREATER_THAN_OR_EQUAL },
   { label: "Is not", value: w.IS_NOT },
@@ -618,7 +618,7 @@ const ra = Object.values(mt), Ue = {
 ], ye = [
   { label: "Empty", value: K },
   { label: "Not empty", value: G }
-], Ft = [
+], Et = [
   ...ye,
   { label: "Specific", value: be }
 ], ss = [
@@ -673,22 +673,22 @@ async function rs(t) {
   const d = r.groups ?? [], g = [];
   for (const _ of d) {
     const A = _.name || "Root fields";
-    for (const F of _.fields ?? []) {
-      const P = F.possible_values, H = P == null ? void 0 : P.map((T) => ({
+    for (const E of _.fields ?? []) {
+      const P = E.possible_values, H = P == null ? void 0 : P.map((T) => ({
         api_value: T.api_value ?? T.value ?? "",
         internal_unique_value: T.internal_unique_value ?? T.api_value ?? "",
         label: T.label ?? T.name ?? T.api_value ?? ""
       }));
       g.push({
         // Use field.key (not ckey) — this is what a.meta uses as keys
-        key: F.key ?? F.ckey,
-        label: F.title ?? F.label ?? F.key ?? "",
-        type: F.type ?? "text",
-        slug: F.slug,
-        ckey: F.ckey,
+        key: E.key ?? E.ckey,
+        label: E.title ?? E.label ?? E.key ?? "",
+        type: E.type ?? "text",
+        slug: E.slug,
+        ckey: E.ckey,
         possible_values: H,
         group: A,
-        regionalVariantsGroupUuid: F.regional_variants_group_uuid
+        regionalVariantsGroupUuid: E.regional_variants_group_uuid
       });
     }
   }
@@ -981,14 +981,14 @@ function Cs(t) {
   } catch {
   }
 }
-function Es() {
+function Fs() {
   try {
     return localStorage.getItem(ma);
   } catch {
     return null;
   }
 }
-function Fs(t) {
+function Es(t) {
   try {
     localStorage.setItem(ba, t);
   } catch {
@@ -3331,7 +3331,7 @@ Re([
 pe = Re([
   C("ap-filter-color")
 ], pe);
-var ri = Object.defineProperty, oi = Object.getOwnPropertyDescriptor, Ee = (t, e, a, s) => {
+var ri = Object.defineProperty, oi = Object.getOwnPropertyDescriptor, Fe = (t, e, a, s) => {
   for (var i = s > 1 ? void 0 : s ? oi(e, a) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (i = (s ? o(e, a, i) : o(i)) || i);
   return s && i && ri(e, a, i), i;
@@ -3473,25 +3473,25 @@ ae.styles = [
       }
     `
 ];
-Ee([
+Fe([
   h({ type: Number })
 ], ae.prototype, "min", 2);
-Ee([
+Fe([
   h({ type: Number })
 ], ae.prototype, "max", 2);
-Ee([
+Fe([
   y()
 ], ae.prototype, "_minVal", 2);
-Ee([
+Fe([
   y()
 ], ae.prototype, "_maxVal", 2);
-Ee([
+Fe([
   y()
 ], ae.prototype, "_unit", 2);
-Ee([
+Fe([
   y()
 ], ae.prototype, "_initialized", 2);
-ae = Ee([
+ae = Fe([
   C("ap-filter-size")
 ], ae);
 var ci = Object.defineProperty, di = Object.getOwnPropertyDescriptor, _t = (t, e, a, s) => {
@@ -3673,7 +3673,7 @@ var vi = Object.defineProperty, mi = Object.getOwnPropertyDescriptor, I = (t, e,
     (o = t[r]) && (i = (s ? o(e, a, i) : o(i)) || i);
   return s && i && vi(e, a, i), i;
 };
-function E(t) {
+function F(t) {
   return `${mt[t.type] || ""}${t.key}`;
 }
 let L = class extends S {
@@ -3697,7 +3697,7 @@ let L = class extends S {
     return this.visibleFields.length >= at;
   }
   _getField(t) {
-    return this.fields.find((e) => E(e) === t);
+    return this.fields.find((e) => F(e) === t);
   }
   _getUIType(t) {
     return is[t.type];
@@ -3716,7 +3716,7 @@ let L = class extends S {
   }
   // ── Event dispatchers ────────────────────────────────────────────
   _emitFilterChange(t, e, a) {
-    const s = E(t);
+    const s = F(t);
     this.dispatchEvent(
       new CustomEvent("metadata-filter-change", {
         detail: {
@@ -3731,7 +3731,7 @@ let L = class extends S {
     );
   }
   _emitFieldToggle(t, e) {
-    const a = E(t);
+    const a = F(t);
     this.dispatchEvent(
       new CustomEvent("metadata-field-toggle", {
         detail: { fieldKey: a, visible: e },
@@ -3741,7 +3741,7 @@ let L = class extends S {
     );
   }
   _emitFieldSelect(t) {
-    const e = E(t);
+    const e = F(t);
     !this.visibleFields.includes(e) && this._atFieldLimit || (this.visibleFields.includes(e) || this._emitFieldToggle(t, !0), this.dispatchEvent(
       new CustomEvent("metadata-field-select", {
         detail: { fieldKey: e },
@@ -3768,7 +3768,7 @@ let L = class extends S {
   }
   _addField(t) {
     if (this._atFieldLimit) return;
-    const e = E(t);
+    const e = F(t);
     this.visibleFields.includes(e) || this._emitFieldToggle(t, !0);
   }
   _removeField(t) {
@@ -3780,12 +3780,12 @@ let L = class extends S {
   }
   // ── Operator change (via radio group) ─────────────────────────────
   _onOperatorChange(t, e) {
-    const s = this._getApplied(E(t)).values || [];
+    const s = this._getApplied(F(t)).values || [];
     this._emitFilterChange(t, e, s);
   }
   // ── Content mode change ─────────────────────────────────────────
   _onContentModeChange(t, e) {
-    const a = E(t);
+    const a = F(t);
     if (e === be) {
       const s = new Set(this._specificModeFields);
       s.add(a), this._specificModeFields = s;
@@ -3801,7 +3801,7 @@ let L = class extends S {
   }
   // ── Clear field filter ──────────────────────────────────────────
   _clearFieldFilter(t) {
-    const e = E(t);
+    const e = F(t);
     if (this._specificModeFields.has(e)) {
       const d = new Set(this._specificModeFields);
       d.delete(e), this._specificModeFields = d;
@@ -3819,12 +3819,12 @@ let L = class extends S {
   }
   // ── Text filter ──────────────────────────────────────────────────
   _onTextInput(t, e) {
-    const a = e.target.value, i = this._getApplied(E(t)).operator || St[0].value;
+    const a = e.target.value, i = this._getApplied(F(t)).operator || St[0].value;
     this._emitFilterChange(t, i, a ? [a] : []);
   }
   // ── Number filter ────────────────────────────────────────────────
   _onNumberInput(t, e, a) {
-    const s = e.target.value, i = E(t), r = this._getApplied(i), o = r.operator || Et[0].value, l = [...r.values || []];
+    const s = e.target.value, i = F(t), r = this._getApplied(i), o = r.operator || Ft[0].value, l = [...r.values || []];
     a === 0 ? l[0] = s : l[1] = s;
     const c = l.filter((p) => p !== "" && p !== void 0);
     if (c.length > 0) {
@@ -3838,22 +3838,22 @@ let L = class extends S {
   // ── Boolean filter ───────────────────────────────────────────────
   _onBooleanSelect(t, e) {
     var i;
-    const a = this._getApplied(E(t));
+    const a = this._getApplied(F(t));
     ((i = a.values) == null ? void 0 : i[0]) === e ? this._emitFilterChange(t, void 0, []) : this._emitFilterChange(t, a.operator, [e]);
   }
   // ── Select-one filter ────────────────────────────────────────────
   _onSelectOneToggle(t, e) {
-    const a = E(t), s = this._getApplied(a), i = s.operator || ee[0].value, r = s.values || [];
+    const a = F(t), s = this._getApplied(a), i = s.operator || ee[0].value, r = s.values || [];
     r.length === 1 && r[0] === e ? this._emitFilterChange(t, i, []) : this._emitFilterChange(t, i, [e]);
   }
   // ── Multi-select filter ──────────────────────────────────────────
   _onMultiSelectToggle(t, e) {
-    const a = E(t), s = this._getApplied(a), i = s.operator || Ct[0].value, r = s.values || [], o = r.includes(e) ? r.filter((l) => l !== e) : [...r, e];
+    const a = F(t), s = this._getApplied(a), i = s.operator || Ct[0].value, r = s.values || [], o = r.includes(e) ? r.filter((l) => l !== e) : [...r, e];
     this._emitFilterChange(t, i, o);
   }
   // ── Tags filter ──────────────────────────────────────────────────
   _onTagKeydown(t, e) {
-    const a = E(t);
+    const a = F(t);
     (e.key === "Enter" || e.key === ",") && (e.preventDefault(), this._commitTagInput(t, a));
   }
   _onTagInput(t, e, a) {
@@ -3866,7 +3866,7 @@ let L = class extends S {
     this._tagInputs = { ...this._tagInputs, [e]: s }, this._fetchTagSuggestions(t, e, s.trim());
   }
   _selectTagSuggestion(t, e) {
-    const a = E(t), s = this._getApplied(a), i = s.operator || ee[0].value, r = s.values || [];
+    const a = F(t), s = this._getApplied(a), i = s.operator || ee[0].value, r = s.values || [];
     r.includes(e) || this._emitFilterChange(t, i, [...r, e]), this._tagInputs = { ...this._tagInputs, [a]: "" }, this._tagSuggestions = { ...this._tagSuggestions, [a]: [] };
   }
   _fetchTagSuggestions(t, e, a) {
@@ -3899,7 +3899,7 @@ let L = class extends S {
     r.includes(a) || this._emitFilterChange(t, i, [...r, a]), this._tagInputs = { ...this._tagInputs, [e]: "" }, this._tagSuggestions = { ...this._tagSuggestions, [e]: [] };
   }
   _removeTag(t, e) {
-    const a = E(t), s = this._getApplied(a), i = s.operator || ee[0].value, r = s.values || [];
+    const a = F(t), s = this._getApplied(a), i = s.operator || ee[0].value, r = s.values || [];
     this._emitFilterChange(
       t,
       i,
@@ -3907,12 +3907,12 @@ let L = class extends S {
     );
   }
   _onTagOperatorChange(t, e) {
-    const a = E(t), i = this._getApplied(a).values || [];
+    const a = F(t), i = this._getApplied(a).values || [];
     this._emitFilterChange(t, e, i);
   }
   // ── Date filter ──────────────────────────────────────────────────
   _onDatePreset(t, e) {
-    const a = E(t);
+    const a = F(t);
     if (this._datePresets = { ...this._datePresets, [a]: e }, ["before", "after", "between"].includes(e)) {
       this._dateFroms = { ...this._dateFroms, [a]: "" }, this._dateTos = { ...this._dateTos, [a]: "" };
       return;
@@ -3950,7 +3950,7 @@ let L = class extends S {
     i && r && (this._dateFroms = { ...this._dateFroms, [a]: i }, this._dateTos = { ...this._dateTos, [a]: r }, this._emitFilterChange(t, "..", [i, r]));
   }
   _onDateInput(t, e, a) {
-    const s = a.target.value, i = E(t), r = this._datePresets[i] || "", o = s ? (/* @__PURE__ */ new Date(s + "T00:00:00")).toISOString() : "";
+    const s = a.target.value, i = F(t), r = this._datePresets[i] || "", o = s ? (/* @__PURE__ */ new Date(s + "T00:00:00")).toISOString() : "";
     e === "from" ? this._dateFroms = { ...this._dateFroms, [i]: o } : this._dateTos = { ...this._dateTos, [i]: o };
     let l = this._dateFroms[i] || "", c = this._dateTos[i] || "";
     r === "after" && l && (c = (/* @__PURE__ */ new Date()).toISOString(), this._dateTos = { ...this._dateTos, [i]: c }), r === "before" && c && (l = (/* @__PURE__ */ new Date(0)).toISOString(), this._dateFroms = { ...this._dateFroms, [i]: l }), l && c && this._emitFilterChange(t, "..", [l, c]);
@@ -3958,7 +3958,7 @@ let L = class extends S {
   // ── Geo filter ───────────────────────────────────────────────────
   _onGeoLocationInput(t, e) {
     var v;
-    const a = e.target.value.trim(), s = E(t), i = (v = this.shadowRoot) == null ? void 0 : v.querySelector(
+    const a = e.target.value.trim(), s = F(t), i = (v = this.shadowRoot) == null ? void 0 : v.querySelector(
       `[data-geo-radius="${s}"]`
     ), r = (i == null ? void 0 : i.value) || "";
     if (!a) {
@@ -3974,7 +3974,7 @@ let L = class extends S {
   }
   _onGeoRadiusInput(t, e) {
     var c;
-    const a = e.target.value, s = E(t), i = this._getApplied(s);
+    const a = e.target.value, s = F(t), i = this._getApplied(s);
     if (!((c = i.values) != null && c[0])) return;
     const r = i.values[0], [o] = r.split("..");
     let l = o;
@@ -3983,7 +3983,7 @@ let L = class extends S {
   // ── Empty/non-empty option click ─────────────────────────────────
   _onEmptyOption(t, e) {
     var i;
-    const a = this._getApplied(E(t));
+    const a = this._getApplied(F(t));
     ((i = a.values) == null ? void 0 : i[0]) === e ? this._emitFilterChange(t, a.operator, []) : this._emitFilterChange(t, a.operator, [e]);
   }
   // ── Render: Field selection panel ────────────────────────────────
@@ -4001,7 +4001,7 @@ let L = class extends S {
     ), a = this._getGroupedFields(e), s = (i, r) => r.length === 0 ? f : n`
         <div class="field-group-label">${i}</div>
         ${r.map((o) => {
-      const l = E(o), c = this.visibleFields.includes(l), p = !c && this._atFieldLimit;
+      const l = F(o), c = this.visibleFields.includes(l), p = !c && this._atFieldLimit;
       return n`
             <div
               class="field-item ${c ? "selected" : ""} ${p ? "disabled" : ""}"
@@ -4047,7 +4047,7 @@ let L = class extends S {
   // ── Render: Text filter ──────────────────────────────────────────
   _renderTextFilter(t) {
     var p, u;
-    const e = E(t), a = this._getApplied(e), i = this._isSpecialValue(a.values) ? "" : ((p = a.values) == null ? void 0 : p[0]) || "", r = this._getContentMode(e), o = r === K || r === G, l = a.operator || St[0].value, c = t.type === x.TEXT_AREA;
+    const e = F(t), a = this._getApplied(e), i = this._isSpecialValue(a.values) ? "" : ((p = a.values) == null ? void 0 : p[0]) || "", r = this._getContentMode(e), o = r === K || r === G, l = a.operator || St[0].value, c = t.type === x.TEXT_AREA;
     return n`
       <div class="filter-content" style="position: relative;">
         <button
@@ -4070,7 +4070,7 @@ let L = class extends S {
         <div class="filter-section">
           <span class="section-label">Content</span>
           <ap-radio-group
-            .options=${Ft}
+            .options=${Et}
             .value=${r}
             @ap-change=${(v) => this._onContentModeChange(t, v.detail.value)}
           ></ap-radio-group>
@@ -4105,8 +4105,8 @@ let L = class extends S {
   }
   // ── Render: Number filter ────────────────────────────────────────
   _renderNumberFilter(t) {
-    var F, P, H;
-    const e = E(t), a = this._getApplied(e), s = a.operator || Et[0].value, i = this._isSpecialValue(a.values), r = this._getContentMode(e), o = r === K || r === G, l = s === w.RANGE, c = s === w.GREATER_THAN_OR_EQUAL, p = s === w.LESS_THAN_OR_EQUAL, u = t.type === x.DECIMAL2, v = u ? "0.01" : "1", d = u ? "0.00" : "0", g = i ? "" : ((F = a.values) == null ? void 0 : F[0]) || "", b = i ? "" : ((P = a.values) == null ? void 0 : P[1]) || "", k = l || c || p, _ = l || c || p ? "Min" : "Value";
+    var E, P, H;
+    const e = F(t), a = this._getApplied(e), s = a.operator || Ft[0].value, i = this._isSpecialValue(a.values), r = this._getContentMode(e), o = r === K || r === G, l = s === w.RANGE, c = s === w.GREATER_THAN_OR_EQUAL, p = s === w.LESS_THAN_OR_EQUAL, u = t.type === x.DECIMAL2, v = u ? "0.01" : "1", d = u ? "0.00" : "0", g = i ? "" : ((E = a.values) == null ? void 0 : E[0]) || "", b = i ? "" : ((P = a.values) == null ? void 0 : P[1]) || "", k = l || c || p, _ = l || c || p ? "Min" : "Value";
     return n`
       <div class="filter-content" style="position: relative;">
         <button
@@ -4119,7 +4119,7 @@ let L = class extends S {
           <span class="section-label">Condition</span>
           <ap-radio-group
             columns="2"
-            .options=${Et}
+            .options=${Ft}
             .value=${s}
             ?disabled=${o}
             @ap-change=${(T) => this._onOperatorChange(t, T.detail.value)}
@@ -4129,7 +4129,7 @@ let L = class extends S {
         <div class="filter-section">
           <span class="section-label">Content</span>
           <ap-radio-group
-            .options=${Ft}
+            .options=${Et}
             .value=${r}
             @ap-change=${(T) => this._onContentModeChange(t, T.detail.value)}
           ></ap-radio-group>
@@ -4173,7 +4173,7 @@ let L = class extends S {
   // ── Render: Boolean filter ───────────────────────────────────────
   _renderBooleanFilter(t) {
     var s, i;
-    const e = this._getApplied(E(t)), a = ((s = e.values) == null ? void 0 : s[0]) || "";
+    const e = this._getApplied(F(t)), a = ((s = e.values) == null ? void 0 : s[0]) || "";
     return n`
       <div class="filter-content" style="position: relative;">
         <button
@@ -4195,7 +4195,7 @@ let L = class extends S {
   }
   // ── Render: Select-one filter ────────────────────────────────────
   _renderSelectOneFilter(t) {
-    const e = E(t), a = this._getApplied(e), s = this._isSpecialValue(a.values), i = s ? [] : a.values || [], r = t.possible_values || [], o = a.operator || ee[0].value, l = (this._selectSearches[e] || "").toLowerCase(), c = l.length > 0, p = i.length > 0 || s, u = l ? r.filter((d) => d.label.toLowerCase().includes(l)) : r, v = i.length >= at;
+    const e = F(t), a = this._getApplied(e), s = this._isSpecialValue(a.values), i = s ? [] : a.values || [], r = t.possible_values || [], o = a.operator || ee[0].value, l = (this._selectSearches[e] || "").toLowerCase(), c = l.length > 0, p = i.length > 0 || s, u = l ? r.filter((d) => d.label.toLowerCase().includes(l)) : r, v = i.length >= at;
     return n`
       <div class="filter-content">
         <!-- Search input -->
@@ -4315,7 +4315,7 @@ let L = class extends S {
   }
   // ── Render: Multi-select filter ──────────────────────────────────
   _renderMultiSelectFilter(t) {
-    const e = E(t), a = this._getApplied(e), s = this._isSpecialValue(a.values), i = s ? [] : a.values || [], r = t.possible_values || [], o = a.operator || Ct[0].value, l = (this._selectSearches[e] || "").toLowerCase(), c = l.length > 0, p = i.length > 0 || s, u = l ? r.filter((d) => d.label.toLowerCase().includes(l)) : r, v = i.length >= at;
+    const e = F(t), a = this._getApplied(e), s = this._isSpecialValue(a.values), i = s ? [] : a.values || [], r = t.possible_values || [], o = a.operator || Ct[0].value, l = (this._selectSearches[e] || "").toLowerCase(), c = l.length > 0, p = i.length > 0 || s, u = l ? r.filter((d) => d.label.toLowerCase().includes(l)) : r, v = i.length >= at;
     return n`
       <div class="filter-content">
         <!-- Search input -->
@@ -4435,7 +4435,7 @@ let L = class extends S {
   }
   // ── Render: Tags filter ──────────────────────────────────────────
   _renderTagsFilter(t) {
-    const e = E(t), a = this._getApplied(e), s = this._isSpecialValue(a.values), i = s ? [] : a.values || [], r = this._tagInputs[e] || "", o = a.operator || ee[0].value, l = i.length > 0 || s, c = this._tagSuggestions[e] || [], p = this._tagLoading[e] || !1, u = r.trim().length > 0, v = i.length >= at;
+    const e = F(t), a = this._getApplied(e), s = this._isSpecialValue(a.values), i = s ? [] : a.values || [], r = this._tagInputs[e] || "", o = a.operator || ee[0].value, l = i.length > 0 || s, c = this._tagSuggestions[e] || [], p = this._tagLoading[e] || !1, u = r.trim().length > 0, v = i.length >= at;
     return n`
       <div class="filter-content">
         <!-- Search input -->
@@ -4554,7 +4554,7 @@ let L = class extends S {
   // ── Render: Date filter ──────────────────────────────────────────
   _renderDateFilter(t) {
     var u, v;
-    const e = E(t), a = this._datePresets[e] || "", s = this._getApplied(e), r = this._isSpecialValue(s.values) ? ((u = s.values) == null ? void 0 : u[0]) || "" : a, o = [
+    const e = F(t), a = this._datePresets[e] || "", s = this._getApplied(e), r = this._isSpecialValue(s.values) ? ((u = s.values) == null ? void 0 : u[0]) || "" : a, o = [
       { value: "empty", label: "Empty" },
       { value: "non-empty", label: "Not empty" }
     ], l = this._dateFroms[e] ? new Date(this._dateFroms[e]).toISOString().split("T")[0] : "", c = this._dateTos[e] ? new Date(this._dateTos[e]).toISOString().split("T")[0] : "", p = ["before", "after", "between"].includes(r);
@@ -4635,7 +4635,7 @@ let L = class extends S {
   // ── Render: Geo filter ───────────────────────────────────────────
   _renderGeoFilter(t) {
     var u, v;
-    const e = E(t), a = this._getApplied(e), s = this._isSpecialValue(a.values), i = this._getContentMode(e);
+    const e = F(t), a = this._getApplied(e), s = this._isSpecialValue(a.values), i = this._getContentMode(e);
     let r = "", o = "";
     if (!s && ((u = a.values) != null && u[0])) {
       const d = a.values[0], [g, b] = d.split("..");
@@ -4653,7 +4653,7 @@ let L = class extends S {
         <div class="filter-section">
           <span class="section-label">Content</span>
           <ap-radio-group
-            .options=${Ft}
+            .options=${Et}
             .value=${i}
             @ap-change=${(d) => this._onContentModeChange(t, d.detail.value)}
           ></ap-radio-group>
@@ -4693,7 +4693,7 @@ let L = class extends S {
   // ── Render: Attachment filter ────────────────────────────────────
   _renderAttachmentFilter(t) {
     var s, i;
-    const e = this._getApplied(E(t)), a = ((s = e.values) == null ? void 0 : s[0]) || "";
+    const e = this._getApplied(F(t)), a = ((s = e.values) == null ? void 0 : s[0]) || "";
     return n`
       <div class="filter-content" style="position: relative;">
         <button
@@ -4714,7 +4714,7 @@ let L = class extends S {
   }
   // ── Render: Face matcher (integer-list with slug face_matcher) ──
   _renderFaceMatcherFilter(t) {
-    const e = E(t), a = this._getApplied(e), s = a.values || [], i = a.operator || w.IS;
+    const e = F(t), a = this._getApplied(e), s = a.values || [], i = a.operator || w.IS;
     return n`
       <div class="filter-content" style="position: relative;">
         <button
@@ -4815,7 +4815,7 @@ let L = class extends S {
     ), a = this._getGroupedFields(e), s = (i, r) => r.length === 0 ? f : n`
         <div class="field-group-label">${i}</div>
         ${r.map((o) => {
-      const l = E(o), c = this.visibleFields.includes(l), p = !!this.appliedMetadata[l] || !!this.appliedFilters[l], u = this.pinnedFields.includes(l), v = !c && this._atFieldLimit;
+      const l = F(o), c = this.visibleFields.includes(l), p = !!this.appliedMetadata[l] || !!this.appliedFilters[l], u = this.pinnedFields.includes(l), v = !c && this._atFieldLimit;
       return n`
             <div
               class="field-item ${p ? "has-filter" : ""} ${v ? "disabled" : ""}"
@@ -6996,8 +6996,8 @@ O([
 M = O([
   C("ap-content-toolbar")
 ], M);
-var Ci = Object.defineProperty, Ei = Object.getOwnPropertyDescriptor, V = (t, e, a, s) => {
-  for (var i = s > 1 ? void 0 : s ? Ei(e, a) : e, r = t.length - 1, o; r >= 0; r--)
+var Ci = Object.defineProperty, Fi = Object.getOwnPropertyDescriptor, V = (t, e, a, s) => {
+  for (var i = s > 1 ? void 0 : s ? Fi(e, a) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (i = (s ? o(e, a, i) : o(i)) || i);
   return s && i && Ci(e, a, i), i;
 };
@@ -7420,10 +7420,10 @@ V([
 N = V([
   C("ap-filters-bar")
 ], N);
-var Fi = Object.defineProperty, Ai = Object.getOwnPropertyDescriptor, Fe = (t, e, a, s) => {
+var Ei = Object.defineProperty, Ai = Object.getOwnPropertyDescriptor, Ee = (t, e, a, s) => {
   for (var i = s > 1 ? void 0 : s ? Ai(e, a) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (i = (s ? o(e, a, i) : o(i)) || i);
-  return s && i && Fi(e, a, i), i;
+  return s && i && Ei(e, a, i), i;
 };
 const Ti = 6;
 let se = class extends S {
@@ -7503,25 +7503,25 @@ se.styles = $`
       .ghost-card { animation: none; }
     }
   `;
-Fe([
+Ee([
   h({ type: Array })
 ], se.prototype, "assets", 2);
-Fe([
+Ee([
   h({ type: Array })
 ], se.prototype, "folders", 2);
-Fe([
+Ee([
   h({ type: Object })
 ], se.prototype, "folderPreviews", 2);
-Fe([
+Ee([
   h({ type: Array })
 ], se.prototype, "selectedIds", 2);
-Fe([
+Ee([
   h({ type: Boolean })
 ], se.prototype, "isLoading", 2);
-Fe([
+Ee([
   h({ type: Boolean })
 ], se.prototype, "multiSelect", 2);
-se = Fe([
+se = Ee([
   C("ap-grid-view")
 ], se);
 var Mi = Object.defineProperty, Oi = Object.getOwnPropertyDescriptor, ge = (t, e, a, s) => {
@@ -7956,8 +7956,8 @@ let $e = class extends S {
         <div class="info">
           <div class="name" title=${t.name}>${t.name}</div>
           <div class="meta">${(v = t.extension) == null ? void 0 : v.toUpperCase()}${(() => {
-      var _, A, F, P;
-      const g = ((_ = t.info) == null ? void 0 : _.img_w) || ((A = t.info) == null ? void 0 : A.video_w), b = ((F = t.info) == null ? void 0 : F.img_h) || ((P = t.info) == null ? void 0 : P.video_h), k = wa(g, b);
+      var _, A, E, P;
+      const g = ((_ = t.info) == null ? void 0 : _.img_w) || ((A = t.info) == null ? void 0 : A.video_w), b = ((E = t.info) == null ? void 0 : E.img_h) || ((P = t.info) == null ? void 0 : P.video_h), k = wa(g, b);
       return k ? ` · ${k}` : "";
     })()} · ${jt(((d = t.size) == null ? void 0 : d.bytes) || 0)}</div>
         </div>
@@ -9134,7 +9134,7 @@ let D = class extends S {
     var H, T, R, U, ne, fe, Ae, et;
     const t = this.asset;
     if (!t) return f;
-    const e = Oe(t.type), a = e === "image", s = e === "video", i = e === "audio", r = ((H = t.extension) == null ? void 0 : H.toLowerCase()) === "pdf", o = yt(t.extension || ""), l = Ut(t.extension || ""), c = ((T = t.extension) == null ? void 0 : T.toLowerCase()) === "svg", p = ct(t), u = a ? c ? ((R = t.url) == null ? void 0 : R.cdn) || "" : p || Ie(((U = t.url) == null ? void 0 : U.cdn) || "", this.containerToken) : "", v = a ? this._getFullscreenImageUrl(t) : "", d = a && !c ? this._getBlurDimensions(t) : null, g = s && ((ne = t.url) == null ? void 0 : ne.cdn) || "", b = s && (((fe = t.info) == null ? void 0 : fe.video_thumbnail) || ((Ae = t.info) == null ? void 0 : Ae.preview)) || "", k = r && !a ? Nt(t) : "", _ = this._getCurrentIndex(), A = _ > 0 && this._findNavTarget(_, -1) >= 0, F = _ >= 0 && this._findNavTarget(_, 1) >= 0, P = this.assets.length > 1;
+    const e = Oe(t.type), a = e === "image", s = e === "video", i = e === "audio", r = ((H = t.extension) == null ? void 0 : H.toLowerCase()) === "pdf", o = yt(t.extension || ""), l = Ut(t.extension || ""), c = ((T = t.extension) == null ? void 0 : T.toLowerCase()) === "svg", p = ct(t), u = a ? c ? ((R = t.url) == null ? void 0 : R.cdn) || "" : p || Ie(((U = t.url) == null ? void 0 : U.cdn) || "", this.containerToken) : "", v = a ? this._getFullscreenImageUrl(t) : "", d = a && !c ? this._getBlurDimensions(t) : null, g = s && ((ne = t.url) == null ? void 0 : ne.cdn) || "", b = s && (((fe = t.info) == null ? void 0 : fe.video_thumbnail) || ((Ae = t.info) == null ? void 0 : Ae.preview)) || "", k = r && !a ? Nt(t) : "", _ = this._getCurrentIndex(), A = _ > 0 && this._findNavTarget(_, -1) >= 0, E = _ >= 0 && this._findNavTarget(_, 1) >= 0, P = this.assets.length > 1;
     return n`
       <div class="panel">
         <div class="panel-header">
@@ -9158,7 +9158,7 @@ let D = class extends S {
             <button class="nav-btn prev" @click=${this._prev} ?disabled=${!A} aria-label="Previous">
               <ap-icon name="chevron-left" .size=${16}></ap-icon>
             </button>
-            <button class="nav-btn next" @click=${this._next} ?disabled=${!F} aria-label="Next">
+            <button class="nav-btn next" @click=${this._next} ?disabled=${!E} aria-label="Next">
               <ap-icon name="chevron-right" .size=${16}></ap-icon>
             </button>
           ` : f}
@@ -10175,7 +10175,7 @@ qt([
 Xe = qt([
   C("ap-marquee-overlay")
 ], Xe);
-var ir = Object.defineProperty, rr = Object.getOwnPropertyDescriptor, Ea = (t, e, a, s) => {
+var ir = Object.defineProperty, rr = Object.getOwnPropertyDescriptor, Fa = (t, e, a, s) => {
   for (var i = s > 1 ? void 0 : s ? rr(e, a) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (i = (s ? o(e, a, i) : o(i)) || i);
   return s && i && ir(e, a, i), i;
@@ -10204,10 +10204,10 @@ ut.styles = [
       }
     `
 ];
-Ea([
+Fa([
   h({ type: Number })
 ], ut.prototype, "size", 2);
-ut = Ea([
+ut = Fa([
   C("ap-spinner")
 ], ut);
 var or = Object.defineProperty, nr = Object.getOwnPropertyDescriptor, xt = (t, e, a, s) => {
@@ -10323,7 +10323,7 @@ xt([
 De = xt([
   C("ap-checkbox")
 ], De);
-var lr = Object.defineProperty, cr = Object.getOwnPropertyDescriptor, Fa = (t, e, a, s) => {
+var lr = Object.defineProperty, cr = Object.getOwnPropertyDescriptor, Ea = (t, e, a, s) => {
   for (var i = s > 1 ? void 0 : s ? cr(e, a) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (i = (s ? o(e, a, i) : o(i)) || i);
   return s && i && lr(e, a, i), i;
@@ -10373,10 +10373,10 @@ gt.styles = [
       }
     `
 ];
-Fa([
+Ea([
   y()
 ], gt.prototype, "open", 2);
-gt = Fa([
+gt = Ea([
   C("ap-popover")
 ], gt);
 var dr = Object.defineProperty, pr = Object.getOwnPropertyDescriptor, q = (t, e, a, s) => {
@@ -10909,7 +10909,7 @@ const Kt = class Kt extends S {
     this.store.setState({
       config: e,
       projectToken: e.auth.projectToken,
-      viewMode: e.rememberLastView && Es() || e.defaultViewMode || "grid",
+      viewMode: e.rememberLastView && Fs() || e.defaultViewMode || "grid",
       sortBy: s,
       sortDirection: i,
       currentFolder: null,
@@ -11041,8 +11041,8 @@ const Kt = class Kt extends S {
   async open() {
     var u, v, d, g, b, k, _;
     const e = this.store.getState(), a = Be((u = this.config) == null ? void 0 : u.forcedFilters), s = new Set(Object.keys(a)), i = {}, r = Be((v = this.config) == null ? void 0 : v.defaultFilters);
-    for (const [A, F] of Object.entries(r))
-      s.has(A) || (i[A] = F);
+    for (const [A, E] of Object.entries(r))
+      s.has(A) || (i[A] = E);
     const o = Object.keys(i), l = ((d = this.config) == null ? void 0 : d.tabs) ?? ["assets", "folders"], c = (g = this.config) != null && g.rememberLastTab ? As() : null, p = (c && l.includes(c) ? c : null) ?? ((b = this.config) != null && b.defaultTab && l.includes(this.config.defaultTab) ? this.config.defaultTab : null) ?? l[0] ?? "assets";
     this.store.setState({
       isOpen: !0,
@@ -11091,18 +11091,18 @@ const Kt = class Kt extends S {
     try {
       const A = a.activeTab;
       if (A === "assets") {
-        const F = this._buildSearchNotation(), P = a.currentFolderPath || "/", H = tt(this.apiClient, {
+        const E = this._buildSearchNotation(), P = a.currentFolderPath || "/", H = tt(this.apiClient, {
           folder: P,
           offset: 0,
           limit: a.limit,
           sort_by: a.sortBy,
           sort_direction: a.sortDirection,
           search: a.searchQuery || void 0,
-          q: F || void 0,
+          q: E || void 0,
           recursive: 1
         }), T = Xt(this.apiClient, {
           folder: P,
-          q: F || void 0,
+          q: E || void 0,
           search: a.searchQuery || void 0,
           recursive: 1
         }).catch(() => null), [R, U] = await Promise.all([H, T]);
@@ -11118,7 +11118,7 @@ const Kt = class Kt extends S {
           isLoading: !1
         });
       } else if (A === "folders") {
-        const F = this._buildSearchNotation(), P = a.currentFolderPath || "/", [H, T, R] = await Promise.all([
+        const E = this._buildSearchNotation(), P = a.currentFolderPath || "/", [H, T, R] = await Promise.all([
           Na(this.apiClient, {
             folderPath: a.currentFolderPath,
             q: a.searchQuery || void 0,
@@ -11133,12 +11133,12 @@ const Kt = class Kt extends S {
             sort_by: a.sortBy,
             sort_direction: a.sortDirection,
             search: a.searchQuery || void 0,
-            q: F || void 0,
+            q: E || void 0,
             recursive: 0
           }),
           Xt(this.apiClient, {
             folder: P,
-            q: F || void 0,
+            q: E || void 0,
             search: a.searchQuery || void 0,
             recursive: 0
           }).catch(() => null)
@@ -11250,7 +11250,7 @@ const Kt = class Kt extends S {
   _handleTabChange(e) {
     var s, i;
     const a = e.detail.tab;
-    (s = this.config) != null && s.rememberLastTab && Fs(a), this.store.setState({
+    (s = this.config) != null && s.rememberLastTab && Es(a), this.store.setState({
       activeTab: a,
       currentFolder: null,
       currentFolderPath: ((i = this.config) == null ? void 0 : i.rootFolderPath) ?? "/",
@@ -11333,7 +11333,7 @@ const Kt = class Kt extends S {
           u.push(_);
         const v = 4, d = [];
         for (let _ = 0; _ < u.length; _ += v) {
-          const A = u.slice(_, _ + v), F = await Promise.all(
+          const A = u.slice(_, _ + v), E = await Promise.all(
             A.map(
               (P) => tt(this.apiClient, {
                 folder: r,
@@ -11347,7 +11347,7 @@ const Kt = class Kt extends S {
               })
             )
           );
-          for (const P of F)
+          for (const P of E)
             P.files && d.push(...P.files);
         }
         const g = new Set(l.map((_) => _.uuid)), b = d.filter((_) => g.has(_.uuid) ? !1 : (g.add(_.uuid), !0)), k = [...l, ...b];
@@ -11447,12 +11447,12 @@ const Kt = class Kt extends S {
     if (!o) {
       const k = i.renderRoot.querySelectorAll(".chip.pinned-empty"), _ = s ? (d = i._getMetadataLabel) == null ? void 0 : d.call(i, s) : void 0;
       for (const A of k) {
-        const F = (b = (g = A.querySelector(".chip-label")) == null ? void 0 : g.textContent) == null ? void 0 : b.trim();
-        if (s && F === _) {
+        const E = (b = (g = A.querySelector(".chip-label")) == null ? void 0 : g.textContent) == null ? void 0 : b.trim();
+        if (s && E === _) {
           o = A;
           break;
         }
-        if (a && F === (Me[a] || a)) {
+        if (a && E === (Me[a] || a)) {
           o = A;
           break;
         }
@@ -11559,7 +11559,7 @@ const Kt = class Kt extends S {
     return ls(a, e.filters.metadata.applied).join(" ");
   }
   render() {
-    var p, u, v, d, g, b, k, _;
+    var p, u, v, d, g, b, k, _, A;
     const e = this.storeCtrl.state, a = Array.from(e.selectedAssets.keys()), s = this.selectionCtrl.getSelectedAssets(), i = n`
       <ap-header
         .activeTab=${e.activeTab}
@@ -11591,7 +11591,7 @@ const Kt = class Kt extends S {
           </div>
         ` : f}
         <div class="main-content">
-          <div class="toolbar-filters-wrapper">
+          <div class="toolbar-filters-wrapper${(v = this.config) != null && v.stickyFilters ? " sticky" : ""}">
             <ap-content-toolbar
               .isLoading=${e.isLoading}
               .totalCount=${e.totalCount}
@@ -11606,7 +11606,7 @@ const Kt = class Kt extends S {
               .metadataFields=${e.metadataFields}
               .pinnedFilters=${e.filters.pinned}
               .apiClient=${this.apiClient}
-              .forcedFilterKeys=${Object.keys(Be((v = this.config) == null ? void 0 : v.forcedFilters))}
+              .forcedFilterKeys=${Object.keys(Be((d = this.config) == null ? void 0 : d.forcedFilters))}
               @sort-change=${this._handleSortChange}
               @sort-direction-change=${this._handleSortDirectionChange}
               @filter-update=${this._handleFilterUpdate}
@@ -11627,7 +11627,7 @@ const Kt = class Kt extends S {
               .labels=${e.labels}
               .pinnedFilters=${e.filters.pinned}
               .pinnedMetadataFields=${e.filters.metadata.pinned}
-              .forcedFilters=${((d = this.config) == null ? void 0 : d.forcedFilters) ?? {}}
+              .forcedFilters=${((g = this.config) == null ? void 0 : g.forcedFilters) ?? {}}
               @filter-remove=${this._handleFilterRemove}
               @filter-deactivate=${this._handleFilterDeactivate}
               @filter-open=${this._handleFilterOpen}
@@ -11655,11 +11655,11 @@ const Kt = class Kt extends S {
               .assets=${e.assets}
               .selectedIds=${a}
               .containerToken=${e.projectToken}
-              .showMetadata=${((g = this.config) == null ? void 0 : g.showMetadata) !== !1}
+              .showMetadata=${((b = this.config) == null ? void 0 : b.showMetadata) !== !1}
               .metadataFields=${e.metadataFields}
               .labels=${e.labels}
               .regionalFilters=${e.regionalFilters}
-              .multiSelect=${((b = this.config) == null ? void 0 : b.multiSelect) ?? !0}
+              .multiSelect=${((k = this.config) == null ? void 0 : k.multiSelect) ?? !0}
               @preview-close=${this._handlePreviewClose}
               @preview-navigate=${this._handlePreviewNavigate}
               @asset-select=${this._handleAssetSelect}
@@ -11672,8 +11672,8 @@ const Kt = class Kt extends S {
         .selectedAssets=${s}
         .totalCount=${e.totalCount}
         .isSelectingAll=${e.isSelectingAll}
-        .multiSelect=${((k = this.config) == null ? void 0 : k.multiSelect) ?? !0}
-        .maxSelections=${(_ = this.config) == null ? void 0 : _.maxSelections}
+        .multiSelect=${((_ = this.config) == null ? void 0 : _.multiSelect) ?? !0}
+        .maxSelections=${(A = this.config) == null ? void 0 : A.maxSelections}
         @selection-confirm=${this._handleSelectionConfirm}
         @selection-clear=${this._handleSelectionClear}
         @selection-deselect=${this._handleSelectionDeselect}
@@ -11700,7 +11700,7 @@ const Kt = class Kt extends S {
       ` : f : n`
       <ap-modal
         ?open=${e.isOpen}
-        @ap-cancel=${(A) => this._handleCancel(A.detail.reason)}
+        @ap-cancel=${(E) => this._handleCancel(E.detail.reason)}
       >
         ${this._isUploaderOpen ? c : n`
           <div slot="header">${i}</div>
@@ -11808,6 +11808,12 @@ Kt.styles = [
         position: relative;
         z-index: 10;
       }
+      .toolbar-filters-wrapper.sticky {
+        position: sticky;
+        top: 0;
+        z-index: 20;
+        background: var(--ap-background, oklch(1 0 0));
+      }
       .empty-state {
         display: flex;
         flex-direction: column;

package/dist/asset-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"asset-picker.d.ts","sourceRoot":"","sources":["../src/asset-picker.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"asset-picker.d.ts","sourceRoot":"","sources":["../src/asset-picker.ts"],"names":[],"mappings":"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"}

package/dist/define.cjs

@@ -1 +1 @@
-"use strict";const e=require("./asset-picker-D62afrSd.cjs");typeof customElements<"u"&&!customElements.get("sfx-asset-picker")&&customElements.define("sfx-asset-picker",e.AssetPicker);
+"use strict";const e=require("./asset-picker-BKbeybMY.cjs");typeof customElements<"u"&&!customElements.get("sfx-asset-picker")&&customElements.define("sfx-asset-picker",e.AssetPicker);

package/dist/define.js

@@ -1,2 +1,2 @@
-import { A as e } from "./asset-picker-Cc1NFvo6.js";
+import { A as e } from "./asset-picker-BRSDmf39.js";
 typeof customElements < "u" && !customElements.get("sfx-asset-picker") && customElements.define("sfx-asset-picker", e);

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./asset-picker-D62afrSd.cjs");exports.AssetPicker=e.AssetPicker;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./asset-picker-BKbeybMY.cjs");exports.AssetPicker=e.AssetPicker;

package/dist/index.js

@@ -1,4 +1,4 @@
-import { A as s } from "./asset-picker-Cc1NFvo6.js";
+import { A as s } from "./asset-picker-BRSDmf39.js";
 export {
   s as AssetPicker
 };

package/dist/types/config.types.d.ts

@@ -48,6 +48,8 @@ export interface AssetPickerConfig {
     rememberLastView?: boolean;
     /** Remember the last active tab and restore it on next open. Defaults to false. */
     rememberLastTab?: boolean;
+    /** Make the toolbar and filters bar sticky so they remain visible while scrolling content. Defaults to false. */
+    stickyFilters?: boolean;
     onSelect?: (assets: import('./asset.types').Asset[]) => void;
     onCancel?: () => void;
     /**

package/dist/types/config.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"config.types.d.ts","sourceRoot":"","sources":["../../src/types/config.types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"config.types.d.ts","sourceRoot":"","sources":["../../src/types/config.types.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scaleflex/asset-picker",
-  "version": "0.2.6",
+  "version": "0.2.7",
   "description": "Framework-agnostic Asset Picker for Scaleflex VXP DAM",
   "type": "module",
   "main": "dist/index.cjs",
@@ -55,7 +55,7 @@
     "vite-plugin-dts": "^4.0.0"
   },
   "peerDependencies": {
-    "@scaleflex/uploader": "^0.2.1",
+    "@scaleflex/uploader": "^0.2.2",
     "react": ">=18",
     "react-dom": ">=18"
   },