@opencloud-eu/web-pkg 6.0.0 → 6.1.0

package/dist/web-pkg.js

@@ -1,353 +1,4252 @@
-import { bz as e } from "./index-OU30YA6H.js";
-import { A as i, h as c, i as r, j as n, k as u, l, m as d, n as p, p as S, q as A, s as m, t as b, v as F, x as v, y as h, z as R, B as C, C as g, D, E as T, F as L, G as M, H as y, I as P, J as f, K as I, L as w, M as E, N as k, O as B, P as x, Q as V, R as W, S as O, T as N, U, V as H, W as Q, X as _, Y as K, Z as G, $ as z, a0 as j, a1 as q, a2 as J, a3 as X, a4 as Y, a5 as Z, a6 as $, a7 as ee, a8 as ae, a9 as se, aa as oe, ab as te, ac as ie, ad as ce, ae as re, af as ne, ag as ue, ah as le, ai as de, aj as pe, ak as Se, al as Ae, am as me, an as be, ao as Fe, ap as ve, aq as he, ar as Re, as as Ce, at as ge, au as De, av as Te, aw as Le, ax as Me, ay as ye, az as Pe, aA as fe, aB as Ie, aC as we, aD as Ee, aE as ke, aF as Be, aG as xe, aH as Ve, aI as We, aJ as Oe, aK as Ne, aL as Ue, aM as He, aN as Qe, aO as _e, aP as Ke, aQ as Ge, aR as ze, aS as je, aT as qe, aU as Je, aV as Xe, aW as Ye, aX as Ze, aY as $e, aZ as ea, a_ as aa, a$ as sa, b0 as oa, b1 as ta, b2 as ia, b3 as ca, b4 as ra, b5 as na, b6 as ua, b7 as la, b8 as da, b9 as pa, ba as Sa, bb as Aa, bc as ma, bd as ba, be as Fa, bf as va, bg as ha, bh as Ra, bi as Ca, bj as ga, bk as Da, bl as Ta, bm as La, bn as Ma, bo as ya, bp as Pa, bq as fa, br as Ia, bs as wa, bt as Ea, bu as ka, bv as Ba, bw as xa, bx as Va, by as Wa, bA as Oa, bB as Na, bC as Ua, bD as Ha, bE as Qa, bF as _a, bG as Ka, bH as Ga, bI as za, bJ as ja, bK as qa, bL as Ja, bM as Xa, bN as Ya, bO as Za, bP as $a, bQ as es, bR as as, bS as ss, bT as os, bU as ts, bV as is, bW as cs, bX as rs, bY as ns, bZ as us, b_ as ls, b$ as ds, c0 as ps, c1 as Ss, c2 as As, c3 as ms, c4 as bs, c5 as Fs, c6 as vs, c7 as hs, c8 as Rs, c9 as Cs, ca as gs, cb as Ds, cc as Ts, cd as Ls, ce as Ms, cf as ys, cg as Ps, ch as fs, ci as Is, cj as ws, ck as Es, cl as ks, cm as Bs, cn as xs, co as Vs, cp as Ws, cq as Os, cr as Ns, cs as Us, ct as Hs, cu as Qs, cv as _s, cw as Ks, cx as Gs, cy as zs, cz as js, cA as qs, cB as Js, cC as Xs, cD as Ys, cE as Zs, cF as $s, cG as eo, cH as ao, cI as so, cJ as oo, cK as to, cL as io, cM as co, cN as ro, cO as no, cP as uo, cQ as lo, cR as po, cS as So, cT as Ao, cU as mo, cV as bo, cW as Fo, cX as vo, cY as ho, cZ as Ro, c_ as Co, c$ as go, d0 as Do, d1 as To, d2 as Lo, d3 as Mo, d4 as yo, d5 as Po, d6 as fo, d7 as Io, d8 as wo, d9 as Eo, da as ko, db as Bo, dc as xo, dd as Vo, de as Wo, df as Oo, dg as No, dh as Uo, di as Ho, dj as Qo, dk as _o, dl as Ko, dm as Go, dn as zo, dp as jo, dq as qo, dr as Jo, ds as Xo, dt as Yo, du as Zo, dv as $o, dw as et, dx as at, dy as st, dz as ot, dA as tt, dB as it, dC as ct, dD as rt, dE as nt, dF as ut, dG as lt, dH as dt, dI as pt, dJ as St, dK as At, dL as mt, dM as bt, dN as Ft, dO as vt, dP as ht, dQ as Rt, dR as Ct, dS as gt, dT as Dt, dU as Tt, dV as Lt, dW as Mt, dX as yt, dY as Pt, dZ as ft, d_ as It, d$ as wt, e0 as Et, e1 as kt, e2 as Bt, e3 as xt, e4 as Vt, e5 as Wt, e6 as Ot, e7 as Nt, e8 as Ut, e9 as Ht, ea as Qt, eb as _t, ec as Kt, ed as Gt, ee as zt, ef as jt, eg as qt, eh as Jt, ei as Xt, ej as Yt, ek as Zt, el as $t, em as ei, en as ai, eo as si, ep as oi, eq as ti, er as ii, es as ci, et as ri, eu as ni, ev as ui, ew as li, ex as di, ey as pi, ez as Si, eA as Ai, eB as mi, eC as bi, eD as Fi, u as vi, eE as hi, eF as Ri, eG as Ci, eH as gi, eI as Di, eJ as Ti, eK as Li, eL as Mi, eM as yi, eN as Pi } from "./index-OU30YA6H.js";
-const s = e.dirname;
-export {
-  i as AVATAR_UPLOAD_MAX_FILE_SIZE_MB,
-  c as AccountCapabilitiesSchema,
-  r as AccountSchema,
-  n as AccountsSchema,
-  u as ActionMenuDropItem,
-  l as ActionMenuItem,
-  d as ApiError,
-  p as AppBar,
-  S as AppLoadingSpinner,
-  A as AppProviderService,
-  m as AppTopBar,
-  b as AppWrapper,
-  F as AppWrapperRoute,
-  v as ArchiverService,
-  h as Auth,
-  R as AvatarUpload,
-  C as BatchActions,
-  g as Cache,
-  D as ClientService,
-  T as ClipboardActions,
-  L as CompareSaveDialog,
-  M as ConflictDialog,
-  y as ContextActionMenu,
-  P as ContextActions,
-  f as ContextMenuQuickAction,
-  I as CreateLinkModal,
-  w as CreateShortcutModal,
-  E as CustomComponentTarget,
-  k as DateFilter,
-  B as DatePickerModal,
-  x as EmojiPickerModal,
-  V as EventBus,
-  W as FileInfo,
-  O as FilePickerModal,
-  N as FileSideBar,
-  U as FolderLoaderFavorites,
-  H as FolderLoaderSharedViaLink,
-  Q as FolderLoaderSharedWithMe,
-  _ as FolderLoaderSharedWithOthers,
-  K as FolderLoaderSpace,
-  G as FolderLoaderTrashbin,
-  z as FolderService,
-  j as FolderViewModeConstants,
-  q as HttpClient,
-  J as IdentitySchema,
-  X as ImageDimension,
-  Y as ImageType,
-  Z as ItemFilter,
-  $ as ItemFilterInline,
-  ee as ItemFilterToggle,
-  ae as Key,
-  se as LimitsSchema,
-  oe as LinkRoleDropdown,
-  te as LoadingEventTopics,
-  ie as LoadingIndicator,
-  ce as LoadingService,
-  re as MailCapabilitiesSchema,
-  ne as MimeTypesToAppsSchema,
-  ue as MobileNav,
-  le as Modifier,
-  de as NoContentMessage,
-  pe as Pagination,
-  Se as PaginationConstants,
-  Ae as PasswordPolicyService,
-  me as PreviewService,
-  be as PrimaryAccountsSchema,
-  Fe as ProcessorType,
-  ve as QuotaModal,
-  he as QuotaSelect,
-  Re as RESOURCE_MAX_CHARACTER_LENGTH,
-  Ce as RESOURCE_NAME_MAX_BYTES,
-  ge as RawConfigSchema,
-  De as RawGroupwareConfigSchema,
-  Te as ResolveStrategy,
-  Le as ResourceConflictModal,
-  Me as ResourceGhostElement,
-  ye as ResourceIcon,
-  Pe as ResourceLink,
-  fe as ResourceListItem,
-  Ie as ResourceName,
-  we as ResourcePreview,
-  Ee as ResourceSize,
-  ke as ResourceTable,
-  Be as ResourceTile,
-  xe as ResourceTiles,
-  Ve as ResourceTransfer,
-  We as RuntimeError,
-  Oe as SaveAsModal,
-  Ne as SearchBarFilter,
-  Ue as SearchLocationFilterConstants,
-  He as SideBar,
-  Qe as SideBarPanels,
-  _e as SieveCapabilitiesSchema,
-  Ke as SortConstants,
-  Ge as SpaceDetails,
-  ze as SpaceDetailsMultiple,
-  je as SpaceImageModal,
-  qe as SpaceInfo,
-  Je as SpaceMoveInfoModal,
-  Xe as SpaceNoSelection,
-  Ye as SpaceQuota,
-  Ze as TextEditor,
-  $e as ThemeConfig,
-  ea as TransferType,
-  aa as UnsavedChangesModal,
-  sa as UppyService,
-  oa as UserAvatar,
-  ta as VersionCheck,
-  ia as ViewOptions,
-  ca as VisibilityObserver,
-  ra as WebDavDetails,
-  na as WebThemeConfig,
-  ua as activeApp,
-  la as authContextValues,
-  da as blobToArrayBuffer,
-  pa as breadcrumbsFromPath,
-  Sa as buildRoutes,
-  Aa as buildUrl,
-  ma as cacheService,
-  ba as canvasToBlob,
-  Fa as cloneStateObject,
-  va as compareVersions,
-  ha as concatBreadcrumbs,
-  Ra as contextQueryToFileContextProps,
-  Ca as contextRouteNameKey,
-  ga as contextRouteParamsKey,
-  Da as contextRouteQueryKey,
-  Ta as convertToMinimalUppyFile,
-  La as createDefaultFileIconMapping,
-  Ma as createFileRouteOptions,
-  ya as createFolderDummyFile,
-  Pa as createLocation,
-  fa as createLocationCommon,
-  Ia as createLocationPublic,
-  wa as createLocationShares,
-  Ea as createLocationSpaces,
-  ka as createLocationTrash,
-  Ba as defaultFuseOptions,
-  xa as defineWebApplication,
-  Va as determineResourceTableSortFields,
-  Wa as determineResourceTilesSortFields,
-  s as dirname,
-  Oa as encodePath,
-  Na as eventBus,
-  Ua as extensionPoints,
-  Ha as fileSideBarSpaceDetailsTableExtensionPoint,
-  Qa as filterResources,
-  _a as focusCheckbox,
-  Ka as folderService,
-  Ga as formatDateFromDateTime,
-  za as formatDateFromHTTP,
-  ja as formatDateFromISO,
-  qa as formatDateFromJSDate,
-  Ja as formatDateFromRFC,
-  Xa as formatFileSize,
-  Ya as formatRelativeDateFromDateTime,
-  Za as formatRelativeDateFromHTTP,
-  $a as formatRelativeDateFromISO,
-  es as formatRelativeDateFromJSDate,
-  as as formatRelativeDateFromRFC,
-  ss as getBackendVersion,
-  os as getExtensionNavItems,
-  ts as getLocaleFromLanguage,
-  is as getParentPaths,
-  cs as getSharedAncestorRoute,
-  rs as getSharedDriveItem,
-  ns as getSpacesByType,
-  us as getTextByteSize,
-  ls as getWebVersion,
-  ds as isItemInCurrentFolder,
-  ps as isLocationActive,
-  Ss as isLocationActiveDirector,
-  As as isLocationCommonActive,
-  ms as isLocationPublicActive,
-  bs as isLocationSharesActive,
-  Fs as isLocationSpacesActive,
-  vs as isLocationTrashActive,
-  hs as isMacOs,
-  Rs as isPromiseFulfilled,
-  Cs as isPromiseRejected,
-  gs as isResourceBeeingMovedToSameLocation,
-  Ds as isSameResource,
-  Ts as locationPublicLink,
-  Ls as locationPublicUpload,
-  Ms as locationSharesViaLink,
-  ys as locationSharesWithMe,
-  Ps as locationSharesWithOthers,
-  fs as locationSpacesGeneric,
-  Is as objectKeys,
-  ws as parseVersion,
-  Es as queryItemAsString,
-  ks as renameResource,
-  Bs as resolveFileNameDuplicate,
-  xs as resourceIconMappingInjectionKey,
-  Vs as routeToContextQuery,
-  Ws as setCurrentUserShareSpacePermissions,
-  Os as sortFields,
-  Ns as sortHelper,
-  Us as sortSpaceMembers,
-  Hs as translateSortFields,
-  Qs as triggerDownloadWithFilename,
-  _s as useAbility,
-  Ks as useActionsShowDetails,
-  Gs as useActiveApp,
-  zs as useActiveLocation,
-  js as useAppConfig,
-  qs as useAppDefaults,
-  Js as useAppFileHandling,
-  Xs as useAppFolderHandling,
-  Ys as useAppMeta,
-  Zs as useAppNavigation,
-  $s as useAppProviderService,
-  eo as useAppsStore,
-  ao as useArchiverService,
-  so as useAuthService,
-  oo as useAuthStore,
-  to as useAvatarsStore,
-  io as useBreadcrumbsFromPath,
-  co as useCanBeOpenedWithSecureView,
-  ro as useCanListShares,
-  no as useCanListVersions,
-  uo as useCanShare,
-  lo as useCapabilityStore,
-  po as useClientService,
-  So as useClipboardStore,
-  Ao as useConfigStore,
-  mo as useCopyLink,
-  bo as useCreateSpace,
-  Fo as useCropperKeyboardActions,
-  vo as useDeleteWorker,
-  ho as useDocumentTitle,
-  Ro as useDownloadFile,
-  Co as useDriveResolver,
-  go as useEmbedMode,
-  Do as useEventBus,
-  To as useExtensionPreferencesStore,
-  Lo as useExtensionRegistry,
-  Mo as useFileActionFallbackToDownload,
-  yo as useFileActions,
-  Po as useFileActionsCopy,
-  fo as useFileActionsCopyPermanentLink,
-  Io as useFileActionsCreateLink,
-  wo as useFileActionsCreateNewFile,
-  Eo as useFileActionsCreateNewFolder,
-  ko as useFileActionsCreateNewShortcut,
-  Bo as useFileActionsCreateSpaceFromResource,
-  xo as useFileActionsDelete,
-  Vo as useFileActionsDeleteResources,
-  Wo as useFileActionsDisableSync,
-  Oo as useFileActionsDownloadArchive,
-  No as useFileActionsDownloadFile,
-  Uo as useFileActionsEmptyTrashBin,
-  Ho as useFileActionsEnableSync,
-  Qo as useFileActionsFavorite,
-  _o as useFileActionsMove,
-  Ko as useFileActionsNavigate,
-  Go as useFileActionsOpenShortcut,
-  zo as useFileActionsOpenWithApp,
-  jo as useFileActionsOpenWithDefault,
-  qo as useFileActionsPaste,
-  Jo as useFileActionsRename,
-  Xo as useFileActionsRestore,
-  Yo as useFileActionsSaveAs,
-  Zo as useFileActionsSetImage,
-  $o as useFileActionsShowActions,
-  et as useFileActionsShowDetails,
-  at as useFileActionsShowShares,
-  st as useFileActionsToggleHideShare,
-  ot as useFileActionsUndoDelete,
-  tt as useFileListHeaderPosition,
-  it as useFileRouteReplace,
-  ct as useFolderLink,
-  rt as useGetMatchingSpace,
-  nt as useGetResourceContext,
-  ut as useGroupwareConfigStore,
-  lt as useInterceptModifierClick,
-  dt as useIsAppActive,
-  pt as useIsFilesAppActive,
-  St as useIsResourceNameValid,
-  At as useIsSearchActive,
-  mt as useIsTopBarSticky,
-  bt as useKeyboardActions,
-  Ft as useLinkTypes,
-  vt as useLoadAvatars,
-  ht as useLoadPreview,
-  Rt as useLoadingService,
-  Ct as useLocalStorage,
-  gt as useMessages,
-  Dt as useModals,
-  Tt as useNavItems,
-  Lt as useOpenEmptyEditor,
-  Mt as useOpenWithDefaultApp,
-  yt as usePagination,
-  Pt as usePasswordPolicyService,
-  ft as usePasteWorker,
-  It as usePreviewService,
-  wt as useRequest,
-  Et as useRequestHeaders,
-  kt as useResourceContents,
-  Bt as useResourceIndicators,
-  xt as useResourceRouteResolver,
-  Vt as useResourceViewContextMenu,
-  Wt as useResourceViewDrag,
-  Ot as useResourceViewHelpers,
-  Nt as useResourceViewSelection,
-  Ut as useResourcesStore,
-  Ht as useRestoreWorker,
-  Qt as useRoute,
-  _t as useRouteMeta,
-  Kt as useRouteName,
-  Gt as useRouteParam,
-  zt as useRouteQuery,
-  jt as useRouteQueryPersisted,
-  qt as useRouter,
-  Jt as useScrollTo,
-  Xt as useSearch,
-  Yt as useSelectedResources,
-  Zt as useService,
-  $t as useSharesStore,
-  ei as useSideBar,
-  ai as useSort,
-  si as useSpaceActionsCreate,
-  oi as useSpaceActionsDelete,
-  ti as useSpaceActionsDeleteImage,
-  ii as useSpaceActionsDisable,
-  ci as useSpaceActionsDuplicate,
-  ri as useSpaceActionsEditDescription,
-  ni as useSpaceActionsEditQuota,
-  ui as useSpaceActionsEditReadmeContent,
-  li as useSpaceActionsNavigateToTrash,
-  di as useSpaceActionsRename,
-  pi as useSpaceActionsRestore,
-  Si as useSpaceActionsSetIcon,
-  Ai as useSpaceActionsShowMembers,
-  mi as useSpaceHelpers,
-  bi as useSpacesLoading,
-  Fi as useSpacesStore,
-  vi as useThemeStore,
-  hi as useTileSize,
-  Ri as useTokenTimerWorker,
-  Ci as useUpdatesStore,
-  gi as useUpload,
-  Di as useUserStore,
-  Ti as useViewMode,
-  Li as useViewSize,
-  Mi as useViewSizeMax,
-  yi as useWebWorkersStore,
-  Pi as useWindowOpen
+import { $ as e, $a as t, $i as n, $n as r, $r as i, $t as a, A as o, Aa as s, Ai as c, An as l, Ao as u, Ar as d, At as f, B as p, Ba as m, Bi as h, Bn as g, Bo as _, Br as v, Bt as y, C as b, Ca as x, Ci as S, Cn as C, Co as ee, Cr as w, Ct as T, D as te, Da as E, Di as D, Dn as O, Do as k, Dr as A, Dt as ne, E as re, Ea as j, Ei as ie, En as ae, Eo as M, Er as oe, Et as se, F as ce, Fa as le, Fi as ue, Fn as de, Fo as fe, Fr as pe, Ft as me, G as he, Ga as ge, Gi as _e, Gn as ve, Go as ye, Gr as be, Gt as xe, H as Se, Ha as Ce, Hi as we, Hn as Te, Ho as Ee, Hr as De, Ht as Oe, I as ke, Ia as Ae, Ii as je, In as Me, Io as N, Ir as Ne, It as Pe, J as Fe, Ja as Ie, Ji as Le, Jn as Re, Jr as ze, Jt as Be, K as Ve, Ka as He, Ki as Ue, Kn as We, Kr as Ge, Kt as Ke, L as qe, La as Je, Li as Ye, Ln as Xe, Lo as P, Lr as Ze, Lt as Qe, M as $e, Ma as et, Mi as tt, Mn as nt, Mo as rt, Mr as it, Mt as at, N as ot, Na as st, Ni as ct, Nn as lt, No as ut, Nr as dt, Nt as ft, O as pt, Oa as mt, Oi as ht, On as gt, Oo as F, Or as _t, Ot as vt, P as yt, Pa as bt, Pi as xt, Pn as St, Po as Ct, Pr as wt, Pt as Tt, Q as Et, Qa as Dt, Qi as Ot, Qn as kt, Qr as At, Qt as jt, R as Mt, Ra as Nt, Ri as Pt, Rn as Ft, Ro as I, Rr as It, Rt as Lt, S as Rt, Sa as zt, Si as Bt, Sn as Vt, So as Ht, Sr as Ut, St as Wt, T as Gt, Ta as Kt, Ti as qt, Tn as Jt, To as Yt, Tr as Xt, Tt as Zt, U as Qt, Ua as $t, Ui as en, Un as tn, Uo as L, Ur as nn, Ut as rn, V as an, Va as on, Vi as sn, Vn as cn, Vo as R, Vr as ln, Vt as un, W as dn, Wa as fn, Wi as pn, Wn as mn, Wo as hn, Wr as gn, Wt as _n, X as vn, Xa as z, Xi as yn, Xn as bn, Xr as xn, Xt as Sn, Y as Cn, Ya as wn, Yi as Tn, Yn as En, Yr as Dn, Yt as On, Z as kn, Za as An, Zi as jn, Zn as Mn, Zr as Nn, Zt as Pn, _ as Fn, _a as In, _i as Ln, _n as Rn, _o as zn, _r as Bn, _t as Vn, a as Hn, aa as Un, ai as Wn, an as Gn, ao as Kn, ar as qn, at as Jn, b as Yn, ba as Xn, bi as Zn, bn as Qn, bo as B, br as $n, bt as er, c as tr, ca as nr, ci as rr, cn as ir, co as V, cr as ar, ct as or, d as sr, da as cr, di as lr, dn as ur, do as dr, dr as fr, dt as pr, ea as mr, ei as hr, en as gr, eo as _r, er as vr, et as yr, f as br, fa as xr, fi as Sr, fn as Cr, fo as wr, fr as Tr, ft as Er, g as Dr, ga as Or, gi as kr, gn as Ar, go as jr, gr as Mr, gt as Nr, h as Pr, ha as Fr, hi as Ir, hn as Lr, ho as H, hr as Rr, ht as zr, i as Br, ia as Vr, ii as Hr, in as Ur, io as U, ir as Wr, it as Gr, j as Kr, ja as qr, ji as Jr, jn as Yr, jo as W, jr as Xr, jt as Zr, k as Qr, ka as $r, ki as ei, kn as ti, ko as ni, kr as ri, kt as ii, l as ai, la as oi, li as si, ln as ci, lo as G, lr as li, lt as ui, m as di, ma as fi, mi as pi, mn as mi, mo as hi, mr as gi, mt as _i, n as vi, na as yi, ni as bi, nn as xi, no as Si, nr as Ci, nt as wi, o as Ti, oa as Ei, oi as Di, on as Oi, oo as K, or as ki, ot as Ai, p as ji, pa as Mi, pi as Ni, pn as Pi, po as q, pr as Fi, pt as Ii, q as Li, qa as Ri, qi as zi, qn as Bi, qr as Vi, qt as Hi, r as Ui, ra as Wi, ri as Gi, rn as Ki, ro as J, rr as qi, rt as Ji, s as Yi, sa as Xi, si as Zi, sn as Qi, so as Y, sr as $i, st as ea, t as ta, ta as na, ti as ra, tn as ia, to as aa, tr as oa, tt as sa, u as ca, ua as la, ui as ua, un as da, uo as X, ur as fa, ut as pa, v as ma, va as ha, vi as ga, vn as _a, vo as va, vr as ya, vt as ba, w as xa, wa as Sa, wi as Ca, wn as wa, wo as Z, wr as Ta, wt as Ea, x as Da, xa as Oa, xi as ka, xn as Aa, xo as ja, xr as Ma, xt as Na, y as Pa, ya as Fa, yi as Ia, yn as La, yo as Ra, yr as za, yt as Ba, z as Va, za as Ha, zi as Ua, zn as Wa, zo as Ga, zr as Ka, zt as qa } from "./composables-TkULFBg4.js";
+import { HttpError as Ja, ShareTypes as Ya, buildIncomingShareResource as Xa, buildSpaceImageResource as Za, call as Qa, extractDomSelector as $a, getSpaceManagers as eo, isCollaboratorShare as to, isIncomingShareResource as no, isLinkShare as ro, isManager as io, isOutgoingShareResource as ao, isPersonalSpaceResource as oo, isProjectSpaceResource as so, isPublicSpaceResource as co, isShareResource as lo, isShareSpaceResource as uo, isSpaceResource as fo } from "@opencloud-eu/web-client";
+import { useGettext as Q } from "vue3-gettext";
+import po from "fuse.js";
+import { isNil as mo } from "lodash-es";
+import { storeToRefs as $ } from "pinia";
+import ho from "p-queue";
+import { useTask as go } from "vue-concurrency";
+import { DateTime as _o, Duration as vo } from "luxon";
+import { useWindowSize as yo } from "@vueuse/core";
+import bo from "mark.js";
+import xo from "cropperjs";
+import { onBeforeRouteLeave as So, useRouter as Co } from "vue-router";
+//#region src/apps/types.ts
+var wo = (e) => e, To = H({
+	name: "ActionMenuItem",
+	props: {
+		action: {
+			type: Object,
+			required: !0
+		},
+		actionOptions: {
+			type: Object,
+			required: !0
+		},
+		size: {
+			type: String,
+			required: !1,
+			default: "medium"
+		},
+		appearance: {
+			type: String,
+			default: "raw"
+		},
+		shortcutHint: {
+			type: Boolean,
+			default: !0,
+			required: !1
+		},
+		showTooltip: {
+			type: Boolean,
+			default: !1,
+			required: !1
+		},
+		buttonClasses: {
+			type: Array,
+			default: () => []
+		}
+	},
+	setup(e) {
+		let { options: t } = $(Un()), n = K(() => Object.hasOwn(e.action, "route") ? "router-link" : Object.hasOwn(e.action, "href") ? "a" : (Object.hasOwn(e.action, "handler") || console.warn("ActionMenuItem: No handler, route or href callback found in action", e.action), "button"));
+		return {
+			componentType: n,
+			componentProps: K(() => ({
+				appearance: e.action.appearance || e.appearance,
+				...e.action.isDisabled && { disabled: e.action.isDisabled(e.actionOptions) },
+				...e.action.id && { id: e.action.id },
+				...L(n) === "router-link" && { to: e.action.route(e.actionOptions) },
+				...L(n) === "a" && { href: e.action.href(e.actionOptions) },
+				...["router-link", "a"].includes(L(n)) && { target: t.value.openFilesInNewTab ? "_blank" : "_self" }
+			})),
+			actionIcon: K(() => typeof e.action.icon == "function" ? e.action.icon(e.actionOptions) : e.action.icon)
+		};
+	},
+	computed: {
+		hasExternalImageIcon() {
+			return this.actionIcon && /^https?:\/\//i.test(this.actionIcon);
+		},
+		componentListeners() {
+			if (typeof this.action.handler != "function") return {};
+			let e = () => this.action.handler({ ...this.actionOptions });
+			return this.action.keepOpen ? { click: (t) => {
+				t.stopPropagation(), e();
+			} } : { click: e };
+		}
+	}
+}), Eo = {
+	key: 3,
+	class: "oc-files-context-action-label flex flex-col",
+	"data-testid": "action-label"
+}, Do = ["textContent"], Oo = ["textContent"];
+function ko(e, t, n, r, i, a) {
+	let o = F("oc-image"), s = F("oc-icon"), c = F("oc-button"), l = ni("oc-tooltip");
+	return I((Z(), X("li", null, [I((Z(), V(c, va({ type: e.componentType }, e.componentProps, {
+		class: [
+			e.action.class,
+			"action-menu-item",
+			"align-middle",
+			"w-full",
+			...e.buttonClasses
+		],
+		"aria-label": e.componentProps.disabled ? e.action.disabledTooltip?.(e.actionOptions) ?? e.action.label(e.actionOptions) : e.action.label(e.actionOptions),
+		"data-testid": "action-handler",
+		size: e.size,
+		"justify-content": "left"
+	}, rt(e.componentListeners)), {
+		default: P(() => [
+			e.action.img ? (Z(), V(o, {
+				key: 0,
+				"data-testid": "action-img",
+				src: e.action.img,
+				alt: "",
+				class: "oc-icon oc-icon-m w-[22px]"
+			}, null, 8, ["src"])) : e.hasExternalImageIcon ? (Z(), V(o, {
+				key: 1,
+				"data-testid": "action-img",
+				src: e.actionIcon,
+				alt: "",
+				class: "oc-icon oc-icon-m w-[22px]"
+			}, null, 8, ["src"])) : e.actionIcon ? (Z(), V(s, {
+				key: 2,
+				"data-testid": "action-icon",
+				name: e.actionIcon,
+				"fill-type": e.action.iconFillType || "line",
+				size: e.size
+			}, null, 8, [
+				"name",
+				"fill-type",
+				"size"
+			])) : G("", !0),
+			e.action.hideLabel ? G("", !0) : (Z(), X("span", Eo, [Y("span", {
+				class: "text-left",
+				textContent: W(e.action.label(e.actionOptions))
+			}, null, 8, Do)])),
+			e.action.shortcut && e.shortcutHint ? (Z(), X("span", {
+				key: 4,
+				class: "text-sm flex-row-reverse",
+				textContent: W(e.action.shortcut)
+			}, null, 8, Oo)) : G("", !0)
+		]),
+		_: 1
+	}, 16, [
+		"type",
+		"class",
+		"aria-label",
+		"size"
+	])), [[l, e.showTooltip || e.action.hideLabel ? e.action.label(e.actionOptions) : ""]])])), [[l, e.componentProps.disabled ? e.action.disabledTooltip?.(e.actionOptions) : ""]]);
+}
+var Ao = /* @__PURE__ */ z(To, [["render", ko]]), jo = H({
+	name: "BatchActions",
+	components: { ActionMenuItem: Ao },
+	props: {
+		actions: {
+			type: Array,
+			required: !0
+		},
+		actionOptions: {
+			type: Object,
+			required: !0
+		},
+		limitedScreenSpace: {
+			type: Boolean,
+			default: !1,
+			required: !1
+		}
+	}
+});
+//#endregion
+//#region src/components/BatchActions.vue
+function Mo(e, t, n, r, i, a) {
+	let o = F("action-menu-item"), s = F("oc-list");
+	return Z(), X("div", null, [q(s, {
+		id: "oc-appbar-batch-actions",
+		class: B(["block xl:flex xl:items-center", { "oc-appbar-batch-actions-squashed [&_.oc-files-context-action-label]:hidden": e.limitedScreenSpace }])
+	}, {
+		default: P(() => [(Z(!0), X(U, null, M(e.actions, (t, n) => (Z(), V(o, {
+			key: `action-${n}`,
+			action: t,
+			"action-options": e.actionOptions,
+			appearance: "raw",
+			class: "batch-actions mr-2 float-left [&_.action-menu-item]:p-2 [&_.action-menu-item]:gap-1",
+			"shortcut-hint": !1,
+			"show-tooltip": e.limitedScreenSpace
+		}, null, 8, [
+			"action",
+			"action-options",
+			"show-tooltip"
+		]))), 128))]),
+		_: 1
+	}, 8, ["class"])]);
+}
+var No = /* @__PURE__ */ z(jo, [["render", Mo]]), Po = { class: "context-menu px-2" }, Fo = { class: "inline-flex gap-2" }, Io = { class: "flex oc-files-context-action-label" }, Lo = ["textContent"], Ro = /* @__PURE__ */ H({
+	__name: "ActionMenuDropItem",
+	props: {
+		menuSectionDrop: {},
+		appearance: {},
+		actionOptions: {}
+	},
+	setup(e) {
+		let t = Tn(`oc-files-context-actions-${e.menuSectionDrop.name}-drop-`), n = Tn(`oc-files-context-actions-${e.menuSectionDrop.name}-toggle-`);
+		return (r, i) => {
+			let a = F("oc-icon"), o = F("oc-button"), s = F("oc-list");
+			return Z(), X("li", Po, [q(o, {
+				id: L(n),
+				appearance: "raw",
+				"justify-content": "space-between",
+				"gap-size": "medium",
+				class: "w-full flex justify-between",
+				"aria-expanded": "false"
+			}, {
+				default: P(() => [Y("span", Fo, [q(a, {
+					name: e.menuSectionDrop.icon,
+					size: "medium",
+					"fill-type": "line"
+				}, null, 8, ["name"]), Y("span", Io, [Y("span", { textContent: W(e.menuSectionDrop.label) }, null, 8, Lo)])]), q(a, {
+					name: "arrow-right-s",
+					size: "small",
+					"fill-type": "line"
+				})]),
+				_: 1
+			}, 8, ["id"]), q(L(ci), {
+				title: e.menuSectionDrop.label,
+				"drop-id": L(t),
+				toggle: `#${L(n)}`,
+				mode: "hover",
+				class: "w-3xs oc-files-context-action-drop",
+				"padding-size": "small",
+				teleport: "#app-runtime-drop",
+				position: "right-start",
+				"close-on-click": ""
+			}, {
+				default: P(() => [e.menuSectionDrop.items.length ? (Z(), V(s, { key: 0 }, {
+					default: P(() => [(Z(!0), X(U, null, M(e.menuSectionDrop.items, (t, n) => (Z(), V(Ao, {
+						key: `section-${e.menuSectionDrop.label}-action-${n}`,
+						action: t,
+						appearance: e.appearance,
+						"action-options": e.actionOptions
+					}, null, 8, [
+						"action",
+						"appearance",
+						"action-options"
+					]))), 128))]),
+					_: 1
+				})) : G("", !0)]),
+				_: 1
+			}, 8, [
+				"title",
+				"drop-id",
+				"toggle"
+			])]);
+		};
+	}
+}), zo = H({
+	name: "ContextActionMenu",
+	components: {
+		ActionMenuDropItem: Ro,
+		ActionMenuItem: Ao
+	},
+	props: {
+		menuSections: {
+			type: Array,
+			required: !0
+		},
+		appearance: {
+			type: String,
+			default: "raw"
+		},
+		actionOptions: {
+			type: Object,
+			required: !0
+		}
+	},
+	methods: { getSectionClasses(e) {
+		let t = [];
+		return this.menuSections.length ? (e < this.menuSections.length - 1 && t.push("pb-2"), e > 0 && t.push("pt-2"), e < this.menuSections.length - 1 && t.push("border-b"), t) : t;
+	} }
+}), Bo = { id: "oc-files-context-menu" };
+function Vo(e, t, n, r, i, a) {
+	let o = F("action-menu-item"), s = F("action-menu-drop-item"), c = F("oc-list");
+	return Z(), X("div", Bo, [(Z(!0), X(U, null, M(e.menuSections, (t, n) => (Z(), V(c, {
+		id: `oc-files-context-actions-${t.name}`,
+		key: `section-${t.name}-list`,
+		class: B(["[&_li]:px-0", e.getSectionClasses(n)])
+	}, {
+		default: P(() => [t.items ? (Z(!0), X(U, { key: 0 }, M(t.items, (n, r) => (Z(), V(o, {
+			key: `section-${t.name}-action-${r}`,
+			action: n,
+			appearance: e.appearance,
+			"action-options": e.actionOptions,
+			class: "context-menu"
+		}, null, 8, [
+			"action",
+			"appearance",
+			"action-options"
+		]))), 128)) : G("", !0), (Z(!0), X(U, null, M(t.dropItems, (t) => (Z(), X(U, null, [t.items.length ? (Z(), V(s, {
+			key: t.name,
+			"menu-section-drop": t,
+			appearance: e.appearance,
+			"action-options": e.actionOptions
+		}, null, 8, [
+			"menu-section-drop",
+			"appearance",
+			"action-options"
+		])) : G("", !0)], 64))), 256))]),
+		_: 2
+	}, 1032, ["id", "class"]))), 128))]);
+}
+var Ho = /* @__PURE__ */ z(zo, [["render", Vo]]), Uo = H({
+	name: "ContextActions",
+	components: { ContextActionMenu: Ho },
+	props: { actionOptions: {
+		type: Object,
+		required: !0
+	} },
+	setup(e) {
+		let { getAllOpenWithActions: t } = La(), { $gettext: n } = Q(), { actions: r } = Ea(), { actions: i } = vt(), { actions: a } = Jn(), { actions: o } = _a(), { actions: s } = Cr(), { actions: c } = Tt(), { actions: l } = me(), { actions: u } = at(), { actions: d } = f(), { actions: p } = ne(), { actions: m } = se(), { actions: h } = Vn(), { actions: g } = Nr(), { actions: _ } = zr(), { actions: v } = pr(), { actions: y } = ui(), { actions: b } = Pe(), { actions: x } = Ai(), S = dt(), C = K(() => S.requestExtensions({
+			id: "global.files.context-actions",
+			extensionType: "action"
+		}).map((e) => e.action)), ee = K(() => S.requestExtensions({
+			id: "global.files.batch-actions",
+			extensionType: "action"
+		}).map((e) => e.action)), w = Ee(e, "actionOptions"), T = K(() => [
+			...L(i),
+			...L(c),
+			...L(u),
+			...L(m),
+			...L(o),
+			...L(l),
+			...L(_),
+			...L(b),
+			...L(ee).filter((e) => e.category === "actions" || mo(e.category))
+		].filter((e) => e.isVisible(L(w)))), te = K(() => [...L(y), ...L(ee).filter((e) => e.category === "sidebar")].filter((e) => e.isVisible(L(w)))), E = K(() => L(r).filter((e) => e.isVisible(L(w))).sort((e, t) => Number(t.hasPriority) - Number(e.hasPriority))), D = K(() => t({
+			...L(w),
+			omitSystemActions: !0
+		}).filter((e) => e.isVisible(L(w))).sort((e, t) => Number(t.hasPriority) - Number(e.hasPriority))), O = K(() => [
+			...L(x),
+			...L(s),
+			...L(C).filter((e) => e.category === "share")
+		].filter((e) => e.isVisible(L(w)))), k = K(() => [
+			...L(u),
+			...L(d),
+			...L(l),
+			...L(m),
+			...L(o),
+			...L(h),
+			...L(g),
+			...L(b),
+			...L(_),
+			...L(i),
+			...L(c),
+			...L(a),
+			...L(v),
+			...L(C).filter((e) => e.category === "actions" || mo(e.category))
+		].filter((e) => e.isVisible(L(w)))), A = K(() => [
+			...L(p),
+			...L(y),
+			...L(C).filter((e) => e.category === "sidebar")
+		].filter((e) => e.isVisible(L(w))));
+		return { menuSections: K(() => {
+			let e = [];
+			return L(w).resources.length > 1 ? (L(T).length && e.push({
+				name: "batch-actions",
+				items: [...L(T)]
+			}), e.push({
+				name: "batch-details",
+				items: [...L(te)]
+			}), e) : ([...L(E), ...L(D)].length && e.push({
+				name: "context",
+				items: [...L(E)],
+				dropItems: [{
+					label: n("Open with..."),
+					name: "open-with",
+					icon: "apps",
+					items: [...L(D)]
+				}]
+			}), L(O).length && e.push({
+				name: "share",
+				items: L(O)
+			}), L(k).length && e.push({
+				name: "actions",
+				items: L(k)
+			}), L(A).length && e.push({
+				name: "sidebar",
+				items: L(A)
+			}), e);
+		}) };
+	}
+});
+//#endregion
+//#region src/components/FilesList/ContextActions.vue
+function Wo(e, t, n, r, i, a) {
+	let o = F("context-action-menu");
+	return Z(), V(o, {
+		"menu-sections": e.menuSections,
+		"action-options": e.actionOptions
+	}, null, 8, ["menu-sections", "action-options"]);
+}
+var Go = /* @__PURE__ */ z(Uo, [["render", Wo]]), Ko = { class: "flex items-center" }, qo = { class: "flex justify-between w-full" }, Jo = { class: "flex items-center gap-2" }, Yo = ["textContent"], Xo = {
+	key: 0,
+	class: "mt-2 mb-4 last:mb-0 [&>*]:flex [&>*]:justify-between"
+}, Zo = {
+	key: 1,
+	class: "mt-2 mb-4 last:mb-0 [&>*]:flex [&>*]:justify-between"
+}, Qo = {
+	key: 2,
+	class: "mt-2 mb-4 last:mb-0 [&>*]:flex [&>*]:justify-between"
+}, $o = {
+	key: 3,
+	class: "mt-2 mb-4 last:mb-0 [&>*]:flex [&>*]:justify-between"
+}, es = {
+	key: 4,
+	class: "mt-2 mb-4 last:mb-0 [&>*]:flex [&>*]:justify-between"
+}, ts = {
+	key: 5,
+	class: "mt-2 mb-4 last:mb-0 flex justify-between items-center [&>*]:flex [&>*]:justify-between"
+}, ns = ["textContent"], rs = ["max"], is = /* @__PURE__ */ z(/* @__PURE__ */ H({
+	__name: "ViewOptions",
+	props: {
+		perPageStoragePrefix: {},
+		hasHiddenFiles: {
+			type: Boolean,
+			default: !0
+		},
+		hasFileExtensions: {
+			type: Boolean,
+			default: !0
+		},
+		hasPagination: {
+			type: Boolean,
+			default: !0
+		},
+		paginationOptions: { default: () => Gt.options },
+		perPageQueryName: { default: () => Gt.perPageQueryName },
+		perPageDefault: { default: () => Gt.perPageDefault },
+		viewModeDefault: { default: () => ma.defaultModeName },
+		viewModes: { default: () => [] }
+	},
+	setup(e) {
+		let t = Mi(), n = xr(), { $gettext: i } = Q(), a = fr(), { setAreHiddenFilesShown: o, setAreFileExtensionsShown: s, setAreDisabledSpacesShown: c, setAreEmptyTrashesShown: l } = a, { areHiddenFilesShown: u, areFileExtensionsShown: d, areDisabledSpacesShown: f, areEmptyTrashesShown: p } = $(a), m = R(!1), h = Mn($r, "files-spaces-projects"), g = Mn(ha, "files-trash-overview"), _ = r("page"), v = K(() => L(_) ? parseInt(Re(L(_))) : 1), y = kt({
+			name: e.perPageQueryName,
+			defaultValue: e.perPageDefault,
+			storagePrefix: e.perPageStoragePrefix
+		}), b = kt({
+			name: ma.queryName,
+			defaultValue: e.viewModeDefault
+		}), x = K(() => e.viewModes.find((e) => e.name === Re(L(b)))), S = kt({
+			name: ma.tilesSizeQueryName,
+			defaultValue: ma.tilesSizeDefault.toString()
+		}), C = (r) => t.replace({ query: {
+			...L(n).query,
+			[e.perPageQueryName]: r.toString(),
+			...L(v) > 1 && { page: "1" }
+		} }), ee = (e) => {
+			b.value = e.name;
+		};
+		N([
+			y,
+			b,
+			S
+		], (e) => {
+			m.value = e.some((e) => !e);
+		}, {
+			immediate: !0,
+			deep: !0
+		});
+		let w = Dr(), T = K({
+			get() {
+				return L(u);
+			},
+			set(e) {
+				o(e);
+			}
+		}), te = K({
+			get() {
+				return L(d);
+			},
+			set(e) {
+				s(e);
+			}
+		}), E = K({
+			get() {
+				return L(f);
+			},
+			set(e) {
+				c(e);
+			}
+		}), D = K({
+			get() {
+				return L(p);
+			},
+			set(e) {
+				l(e);
+			}
+		}), O = (e) => {
+			T.value = e;
+		}, k = (e) => {
+			te.value = e;
+		}, A = (e) => {
+			E.value = e;
+		}, ne = (e) => {
+			D.value = e;
+		};
+		return (t, n) => {
+			let r = F("oc-icon"), a = F("oc-button"), o = F("oc-list"), s = F("oc-drop"), c = F("oc-switch"), l = F("oc-page-size"), u = ni("oc-tooltip");
+			return Z(), X("div", Ko, [
+				e.viewModes.length > 1 ? (Z(), X(U, { key: 0 }, [I((Z(), V(a, {
+					id: "viewmode-switch-toggle",
+					"aria-label": L(i)("Switch view mode"),
+					appearance: "raw",
+					class: "my-2 mx-1 p-1 align-middle"
+				}, {
+					default: P(() => [x.value ? (Z(), V(r, {
+						key: 0,
+						name: x.value.icon.name,
+						"fill-type": x.value.icon.fillType
+					}, null, 8, ["name", "fill-type"])) : G("", !0)]),
+					_: 1
+				}, 8, ["aria-label"])), [[u, L(i)("Switch view mode")]]), q(s, {
+					title: L(i)("View mode"),
+					"drop-id": "viewmode-switch-drop",
+					toggle: "#viewmode-switch-toggle",
+					class: "w-auto",
+					"padding-size": "small",
+					"close-on-click": ""
+				}, {
+					default: P(() => [q(o, null, {
+						default: P(() => [(Z(!0), X(U, null, M(e.viewModes, (e) => (Z(), X("li", { key: e.name }, [q(a, {
+							appearance: L(b) === e.name ? "filled" : "raw",
+							"color-role": L(b) === e.name ? "secondaryContainer" : "secondary",
+							"no-hover": L(b) === e.name,
+							class: B([[e.name], "p-2"]),
+							"justify-content": "left",
+							onClick: (t) => ee(e)
+						}, {
+							default: P(() => [Y("div", qo, [Y("span", Jo, [q(r, {
+								name: e.icon.name,
+								"fill-type": e.icon.fillType,
+								size: "medium"
+							}, null, 8, ["name", "fill-type"]), Y("span", { textContent: W(e.label) }, null, 8, Yo)]), L(b) === e.name ? (Z(), V(r, {
+								key: 0,
+								name: "check",
+								size: "medium",
+								class: "ml-1"
+							})) : G("", !0)])]),
+							_: 2
+						}, 1032, [
+							"appearance",
+							"color-role",
+							"no-hover",
+							"class",
+							"onClick"
+						])]))), 128))]),
+						_: 1
+					})]),
+					_: 1
+				}, 8, ["title"])], 64)) : G("", !0),
+				I((Z(), V(a, {
+					id: "files-view-options-btn",
+					key: "files-view-options-btn",
+					"data-testid": "files-view-options-btn",
+					"aria-label": L(i)("Display customization options of the files list"),
+					appearance: "raw",
+					class: "my-2 mx-1 p-1 align-middle"
+				}, {
+					default: P(() => [q(r, {
+						name: "settings-3",
+						"fill-type": "line"
+					})]),
+					_: 1
+				}, 8, ["aria-label"])), [[u, L(i)("Display customization options of the files list")]]),
+				q(s, {
+					title: L(i)("View options"),
+					"drop-id": "files-view-options-drop",
+					toggle: "#files-view-options-btn",
+					mode: "click",
+					class: "w-auto [&.oc-drop]:overflow-visible",
+					"padding-size": "medium",
+					"is-menu": !1
+				}, {
+					default: P(() => [q(o, null, {
+						default: P(() => [
+							e.hasHiddenFiles ? (Z(), X("li", Xo, [q(c, {
+								checked: T.value,
+								"onUpdate:checked": [n[0] ||= (e) => T.value = e, O],
+								"data-testid": "files-switch-hidden-files",
+								label: L(i)("Show hidden files")
+							}, null, 8, ["checked", "label"])])) : G("", !0),
+							e.hasFileExtensions ? (Z(), X("li", Zo, [q(c, {
+								checked: te.value,
+								"onUpdate:checked": [n[1] ||= (e) => te.value = e, k],
+								"data-testid": "files-switch-files-extensions-files",
+								label: L(i)("Show file extensions")
+							}, null, 8, ["checked", "label"])])) : G("", !0),
+							e.hasPagination ? (Z(), X("li", Qo, [m.value ? G("", !0) : (Z(), V(l, {
+								key: 0,
+								selected: L(Re)(L(y)),
+								"data-testid": "files-pagination-size",
+								label: L(i)("Items per page"),
+								options: e.paginationOptions,
+								class: "files-pagination-size",
+								onChange: C
+							}, null, 8, [
+								"selected",
+								"label",
+								"options"
+							]))])) : G("", !0),
+							L(h) ? (Z(), X("li", $o, [q(c, {
+								checked: E.value,
+								"onUpdate:checked": [n[2] ||= (e) => E.value = e, A],
+								"data-testid": "files-switch-projects-show-disabled",
+								label: L(i)("Show disabled Spaces")
+							}, null, 8, ["checked", "label"])])) : G("", !0),
+							L(g) ? (Z(), X("li", es, [q(c, {
+								checked: D.value,
+								"onUpdate:checked": [n[3] ||= (e) => D.value = e, ne],
+								"data-testid": "files-switch-projects-show-disabled",
+								label: L(i)("Show empty trash bins")
+							}, null, 8, ["checked", "label"])])) : G("", !0),
+							L(b) === L(ma).name.tiles ? (Z(), X("li", ts, [Y("label", {
+								for: "tiles-size-slider",
+								textContent: W(L(i)("Tile size"))
+							}, null, 8, ns), I(Y("input", {
+								id: "tiles-size-slider",
+								"onUpdate:modelValue": n[4] ||= (e) => Ga(S) ? S.value = e : null,
+								type: "range",
+								min: 1,
+								max: L(w),
+								class: "oc-range bg-role-surface-container-high rounded-sm outline-0 w-full max-w-[50%] h-1.5 hover:opacity-100 appearance-none",
+								"data-testid": "files-tiles-size-slider"
+							}, null, 8, rs), [[aa, L(S)]])])) : G("", !0)
+						]),
+						_: 1
+					})]),
+					_: 1
+				}, 8, ["title"])
+			]);
+		};
+	}
+}), [["__scopeId", "data-v-c5e89ed1"]]), as = {
+	key: 0,
+	id: "mobile-nav"
+}, os = ["aria-current"], ss = { class: "flex" }, cs = ["textContent"], ls = { class: "versions flex flex-col items-center justify-center py-2 mt-4 bg-role-surface-container text-xs text-role-on-surface-variant" }, us = ["textContent"], ds = /* @__PURE__ */ H({
+	__name: "MobileNav",
+	setup(e) {
+		let t = yi(), { isMobile: n } = $i(), { navItems: r } = te(), i = K(() => Ze({ capabilityStore: t })), a = K(() => L(r).find((e) => e.active) || L(r)[0]);
+		return (e, t) => {
+			let o = F("oc-icon"), s = F("oc-button"), c = F("oc-list"), l = F("version-check"), u = F("oc-drop");
+			return L(n) ? (Z(), X("nav", as, [q(s, {
+				id: "mobile-nav-button",
+				class: "p-1",
+				appearance: "raw",
+				"aria-current": "page"
+			}, {
+				default: P(() => [wr(W(a.value.name) + " ", 1), q(o, { name: "arrow-drop-down" })]),
+				_: 1
+			}), q(u, {
+				title: e.$gettext("Navigation"),
+				"drop-id": "mobile-nav-drop",
+				toggle: "#mobile-nav-button",
+				mode: "click",
+				"padding-size": "small",
+				"close-on-click": ""
+			}, {
+				default: P(() => [q(c, null, {
+					default: P(() => [(Z(!0), X(U, null, M(L(r), (e, t) => (Z(), X("li", {
+						key: t,
+						class: "mobile-nav-item w-full",
+						"aria-current": e.active ? "page" : null
+					}, [q(s, {
+						type: "router-link",
+						appearance: e.active ? "filled" : "raw-inverse",
+						"color-role": e.active ? "secondaryContainer" : "surface",
+						"justify-content": "left",
+						"no-hover": e.active,
+						to: e.route,
+						class: B(["block p-2", { "router-link-active": e.active }])
+					}, {
+						default: P(() => [Y("span", ss, [q(o, { name: e.icon }, null, 8, ["name"]), Y("span", {
+							class: "ml-4 text",
+							textContent: W(e.name)
+						}, null, 8, cs)])]),
+						_: 2
+					}, 1032, [
+						"appearance",
+						"color-role",
+						"no-hover",
+						"to",
+						"class"
+					])], 8, os))), 128))]),
+					_: 1
+				}), Y("div", ls, [Y("div", { textContent: W(i.value) }, null, 8, us), q(l)])]),
+				_: 1
+			}, 8, ["title"])])) : G("", !0);
+		};
+	}
+}), fs = H({
+	name: "AppBar",
+	components: {
+		BatchActions: No,
+		ContextActions: Go,
+		ViewOptions: is,
+		MobileNav: ds
+	},
+	props: {
+		viewModeDefault: {
+			type: String,
+			required: !1,
+			default: () => ma.defaultModeName
+		},
+		breadcrumbs: {
+			type: Array,
+			default: () => []
+		},
+		breadcrumbsContextActionsItems: {
+			type: Array,
+			default: () => []
+		},
+		viewModes: {
+			type: Array,
+			default: () => []
+		},
+		hasBulkActions: {
+			type: Boolean,
+			default: !1
+		},
+		hasViewOptions: {
+			type: Boolean,
+			default: !0
+		},
+		hasHiddenFiles: {
+			type: Boolean,
+			default: !0
+		},
+		hasFileExtensions: {
+			type: Boolean,
+			default: !0
+		},
+		hasPagination: {
+			type: Boolean,
+			default: !0
+		},
+		showActionsOnSelection: {
+			type: Boolean,
+			default: !1
+		},
+		batchActionsLoading: {
+			type: Boolean,
+			default: !1
+		},
+		space: {
+			type: Object,
+			required: !1,
+			default: null
+		}
+	},
+	setup(e, { emit: t }) {
+		let n = gi(), { $gettext: r } = Q(), { can: i } = _r(), a = Mi(), { requestExtensions: o } = dt(), { isSticky: s } = pt(), { isSideBarOpen: c } = $(ki()), l = fr(), { selectedResources: u } = $(l), d = K(() => e.space), { actions: p } = vt(), { actions: m } = Jn(), { actions: h } = _a(), { actions: g } = Cn(), { actions: _ } = Tt(), { actions: v } = me(), { actions: y } = at(), { actions: b } = f(), { actions: x } = se(), { actions: S } = zr(), { actions: C } = ne(), { actions: ee } = kn(), { actions: w } = vn(), { actions: T } = he(), { actions: te } = an(), E = R(0), D = Mn(et, "files-common-search"), O = K(() => Object.hasOwn(Ct(), "navigation") && i("create-all", "Share")), k = K(() => {
+			let e = [
+				...L(m),
+				...L(p),
+				...L(_),
+				...L(y),
+				...L(b),
+				...L(x),
+				...L(h),
+				...L(v),
+				...L(S),
+				...L(C)
+			];
+			D.value || (e = [
+				...e,
+				...L(g),
+				...L(T),
+				...L(te),
+				...L(ee),
+				...L(w)
+			]);
+			let t = o({
+				id: "global.files.batch-actions",
+				extensionType: "action"
+			});
+			return t.length && (e = [...e, ...t.map((e) => e.action)]), e.filter((e) => e.isVisible({
+				space: L(d),
+				resources: l.selectedResources
+			}));
+		}), A = K(() => n.spaces.filter((e) => oo(e) || so(e))), re = zn("isMobileWidth"), j = Mn(ha, "files-trash-generic"), ie = K(() => !L(re) && e.breadcrumbs.length ? !0 : L(j) && L(A).length === 1 ? !1 : e.breadcrumbs.length > 1), ae = K(() => L(j) && L(A).length === 1 ? e.breadcrumbs.length <= 2 : e.breadcrumbs.length <= 1), M = K(() => L(d) && (so(L(d)) || uo(L(d))) ? 3 : 2), oe = (e) => {
+			t(yn, e);
+		}, ce = oa("title");
+		return {
+			router: a,
+			hasSharesNavigation: O,
+			batchActions: k,
+			showBreadcrumb: ie,
+			showMobileNav: ae,
+			breadcrumbMaxWidth: E,
+			breadcrumbTruncationOffset: M,
+			fileDroppedBreadcrumb: oe,
+			pageTitle: K(() => L(ce) ? r(L(ce)) : L(d)?.name || ""),
+			selectedResources: u,
+			isSticky: s,
+			isSideBarOpen: c
+		};
+	},
+	data: function() {
+		return {
+			resizeObserver: new ResizeObserver(this.onResize),
+			limitedScreenSpace: !1
+		};
+	},
+	computed: {
+		showContextActions() {
+			return hn(this.breadcrumbs).allowContextActions;
+		},
+		showBatchActions() {
+			return this.hasBulkActions && (this.selectedResources.length >= 1 || ha(this.router, "files-trash-generic"));
+		},
+		selectedResourcesAnnouncement() {
+			return this.selectedResources.length === 0 ? this.$gettext("No items selected.") : this.$ngettext("%{ amount } item selected. Actions are available above the table.", "%{ amount } items selected. Actions are available above the table.", this.selectedResources.length, { amount: this.selectedResources.length.toString() });
+		}
+	},
+	mounted() {
+		this.resizeObserver.observe(this.$refs.filesAppBar), window.addEventListener("resize", this.onResize);
+	},
+	beforeUnmount() {
+		this.resizeObserver.unobserve(this.$refs.filesAppBar), window.removeEventListener("resize", this.onResize);
+	},
+	methods: { onResize() {
+		let e = document.getElementById("web-content-main")?.getBoundingClientRect().width || 0, t = document.getElementById("web-nav-sidebar")?.getBoundingClientRect().width || 0, n = document.getElementById("app-sidebar")?.getBoundingClientRect().width || 0, r = document.getElementById("files-app-bar-controls-right")?.clientWidth;
+		this.breadcrumbMaxWidth = e - t - n - r, this.limitedScreenSpace = this.isSideBarOpen ? window.innerWidth <= 1280 : window.innerWidth <= 1e3;
+	} }
+}), ps = { class: "files-topbar py-1 w-full" }, ms = ["textContent"], hs = {
+	key: 2,
+	id: "files-app-bar-controls-right",
+	class: "flex"
+}, gs = { class: "files-app-bar-actions flex items-center justify-end mt-1 min-h-10 gap-2" }, _s = { class: "flex-1 flex justify-start items-center" }, vs = { key: 1 };
+function ys(e, t, n, r, i, a) {
+	let o = F("oc-hidden-announcer"), s = F("context-actions"), c = F("oc-breadcrumb"), l = F("mobile-nav"), u = F("view-options"), d = F("batch-actions"), f = F("oc-spinner");
+	return Z(), X("div", {
+		id: "files-app-bar",
+		ref: "filesAppBar",
+		class: B(["px-4 bg-role-surface rounded-t-xl [display:inherit] top-0 z-20", {
+			"files-app-bar-squashed": e.isSideBarOpen,
+			sticky: e.isSticky
+		}])
+	}, [Y("div", ps, [
+		Y("h1", {
+			class: "sr-only",
+			textContent: W(e.pageTitle)
+		}, null, 8, ms),
+		q(o, {
+			announcement: e.selectedResourcesAnnouncement,
+			level: "polite"
+		}, null, 8, ["announcement"]),
+		Y("div", { class: B(["flex items-center files-app-bar-controls min-h-12", {
+			"justify-between": e.breadcrumbs.length || e.hasSharesNavigation,
+			"justify-end": !e.breadcrumbs.length && !e.hasSharesNavigation
+		}]) }, [
+			e.showBreadcrumb ? (Z(), V(c, {
+				key: 0,
+				id: "files-breadcrumb",
+				"context-menu-padding": "small",
+				"show-context-actions": e.showContextActions,
+				items: e.breadcrumbs,
+				"max-width": e.breadcrumbMaxWidth,
+				"truncation-offset": e.breadcrumbTruncationOffset,
+				"mobile-breakpoint": e.isSideBarOpen ? "md" : "sm",
+				onItemDroppedBreadcrumb: e.fileDroppedBreadcrumb
+			}, {
+				contextMenu: P(() => [q(s, { "action-options": {
+					space: e.space,
+					resources: e.breadcrumbsContextActionsItems.filter(Boolean)
+				} }, null, 8, ["action-options"])]),
+				_: 1
+			}, 8, [
+				"show-context-actions",
+				"items",
+				"max-width",
+				"truncation-offset",
+				"mobile-breakpoint",
+				"onItemDroppedBreadcrumb"
+			])) : G("", !0),
+			e.showMobileNav ? (Z(), V(l, { key: 1 })) : G("", !0),
+			e.hasViewOptions ? (Z(), X("div", hs, [q(u, {
+				"view-modes": e.viewModes,
+				"has-hidden-files": e.hasHiddenFiles,
+				"has-file-extensions": e.hasFileExtensions,
+				"has-pagination": e.hasPagination,
+				"per-page-storage-prefix": "files",
+				"view-mode-default": e.viewModeDefault
+			}, null, 8, [
+				"view-modes",
+				"has-hidden-files",
+				"has-file-extensions",
+				"has-pagination",
+				"view-mode-default"
+			])])) : G("", !0)
+		], 2),
+		e.hasSharesNavigation ? k(e.$slots, "navigation", { key: 0 }) : G("", !0),
+		Y("div", gs, [Y("div", _s, [k(e.$slots, "actions", { limitedScreenSpace: e.limitedScreenSpace }), e.showBatchActions && !e.batchActionsLoading ? (Z(), V(d, {
+			key: 0,
+			actions: e.batchActions,
+			"action-options": {
+				space: e.space,
+				resources: e.selectedResources
+			},
+			"limited-screen-space": e.limitedScreenSpace
+		}, null, 8, [
+			"actions",
+			"action-options",
+			"limited-screen-space"
+		])) : e.showBatchActions && e.batchActionsLoading ? (Z(), X("div", vs, [q(f, { "aria-label": e.$gettext("Loading actions") }, null, 8, ["aria-label"])])) : G("", !0)])]),
+		k(e.$slots, "content")
+	])], 2);
+}
+var bs = /* @__PURE__ */ z(fs, [["render", ys]]), xs = { class: "oc-app-top-bar self-center flex col-[1/4] row-2 sm:col-2 sm:row-1 [&_.parent-folder]:text-role-on-chrome" }, Ss = { class: "pl-4 pr-1 my-2 mx-auto sm:m-0 inline-flex items-center justify-between bg-role-chrome border border-role-on-chrome rounded-lg h-10 gap-4 w-full sm:w-fit" }, Cs = { class: "open-file-bar flex" }, ws = { class: "flex" }, Ts = {
+	key: 1,
+	class: "flex items-center",
+	"data-testid": "autosave-indicator"
+}, Es = /* @__PURE__ */ H({
+	__name: "AppTopBar",
+	props: {
+		dropDownMenuSections: { default: () => [] },
+		dropDownActionOptions: { default: () => ({
+			space: null,
+			resources: []
+		}) },
+		mainActions: { default: () => [] },
+		hasAutoSave: {
+			type: Boolean,
+			default: !0
+		},
+		isEditor: {
+			type: Boolean,
+			default: !1
+		},
+		resource: { default: null },
+		isReadOnly: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: ["close"],
+	setup(e) {
+		let { $gettext: t, current: n } = Q(), r = fr(), i = Un(), { getMatchingSpace: a } = O(), { getParentFolderName: o, getPathPrefix: s, getParentFolderLinkIconAdditionalAttributes: c } = Ba(), l = K(() => r.areFileExtensionsShown), u = K(() => t("Show context menu")), d = K(() => e.isEditor && e.hasAutoSave && i.options.editor.autosaveEnabled), f = K(() => t("Autosave (every %{ duration })", { duration: vo.fromObject({ seconds: i.options.editor.autosaveInterval }, { locale: n }).toHuman() })), p = K(() => a(e.resource)), m = K(() => !co(L(p)));
+		return (n, r) => {
+			let i = F("oc-icon"), a = F("oc-button"), p = F("oc-drop"), h = ni("oc-tooltip");
+			return Z(), X("div", xs, [Y("div", Ss, [Y("div", Cs, [e.resource ? (Z(), V(y, {
+				key: 0,
+				id: "app-top-bar-resource",
+				class: "[&_.oc-resource-name]:max-w-60 xs:[&_.oc-resource-name]:max-w-full sm:[&_.oc-resource-name]:max-w-20 md:[&_.oc-resource-name]:max-w-60 [&_svg]:!fill-role-on-chrome [&_span]:text-role-on-chrome",
+				"is-thumbnail-displayed": !1,
+				"is-extension-displayed": l.value,
+				"path-prefix": L(s)(e.resource),
+				resource: e.resource,
+				"parent-folder-name": L(o)(e.resource),
+				"parent-folder-link-icon-additional-attributes": L(c)(e.resource),
+				"is-path-displayed": m.value,
+				"is-resource-clickable": !1
+			}, null, 8, [
+				"is-extension-displayed",
+				"path-prefix",
+				"resource",
+				"parent-folder-name",
+				"parent-folder-link-icon-additional-attributes",
+				"is-path-displayed"
+			])) : G("", !0)]), Y("div", ws, [
+				e.dropDownMenuSections.length ? (Z(), X(U, { key: 0 }, [I((Z(), V(a, {
+					id: "oc-openfile-contextmenu-trigger",
+					"aria-label": u.value,
+					appearance: "raw-inverse",
+					"color-role": "chrome",
+					class: "p-1"
+				}, {
+					default: P(() => [q(i, { name: "more-2" })]),
+					_: 1
+				}, 8, ["aria-label"])), [[h, u.value]]), q(p, {
+					"drop-id": "oc-openfile-contextmenu",
+					mode: "click",
+					"padding-size": "small",
+					toggle: "#oc-openfile-contextmenu-trigger",
+					"close-on-click": "",
+					title: e.resource.name,
+					onClick: r[0] ||= J(() => {}, ["stop", "prevent"])
+				}, {
+					default: P(() => [q(Ho, {
+						"menu-sections": e.dropDownMenuSections,
+						"action-options": e.dropDownActionOptions
+					}, null, 8, ["menu-sections", "action-options"])]),
+					_: 1
+				}, 8, ["title"])], 64)) : G("", !0),
+				d.value && !e.isReadOnly ? (Z(), X("span", Ts, [I(q(i, {
+					"accessible-label": f.value,
+					name: "refresh",
+					color: "white",
+					class: "ox-p-xs mx-1"
+				}, null, 8, ["accessible-label"]), [[h, f.value]])])) : G("", !0),
+				e.mainActions.length && e.resource ? (Z(), V(Ho, {
+					key: 2,
+					"menu-sections": [{
+						name: "main-actions",
+						items: e.mainActions.filter((e) => e.isVisible()).map((e) => ({
+							...e,
+							class: "p-1 text-role-on-chrome [&_svg]:!fill-role-on-chrome [&:hover:not(:disabled)_svg]:!fill-role-chrome",
+							hideLabel: !0
+						}))
+					}],
+					"action-options": { resources: [e.resource] },
+					appearance: "raw-inverse",
+					"color-role": "chrome"
+				}, null, 8, ["menu-sections", "action-options"])) : G("", !0),
+				q(a, {
+					id: "app-top-bar-close",
+					appearance: "raw-inverse",
+					"color-role": "chrome",
+					class: "p-1",
+					"aria-label": L(t)("Close"),
+					onClick: r[1] ||= (e) => n.$emit("close")
+				}, {
+					default: P(() => [q(i, { name: "close" })]),
+					_: 1
+				}, 8, ["aria-label"])
+			])])]);
+		};
+	}
+}), Ds = H({
+	name: "ErrorScreen",
+	props: { message: {
+		default: "",
+		type: String,
+		required: !1
+	} }
+}), Os = { class: "text-center flex justify-center items-center h-full" }, ks = {
+	key: 0,
+	class: "text-xl"
 };
+function As(e, t, n, r, i, a) {
+	let o = F("oc-icon");
+	return Z(), X("div", Os, [q(o, {
+		size: "xxlarge",
+		name: "error-warning",
+		"fill-type": "line"
+	}), e.message ? (Z(), X("p", ks, W(e.message), 1)) : G("", !0)]);
+}
+var js = /* @__PURE__ */ z(Ds, [["render", As]]), Ms = H({ name: "LoadingScreen" }), Ns = { class: "text-center flex justify-center items-center h-full" }, Ps = ["textContent"];
+function Fs(e, t, n, r, i, a) {
+	let o = F("oc-spinner");
+	return Z(), X("div", Ns, [q(o, { size: "xlarge" }), Y("p", {
+		class: "sr-only",
+		textContent: W(e.$gettext("Loading app"))
+	}, null, 8, Ps)]);
+}
+var Is = /* @__PURE__ */ z(Ms, [["render", Fs]]), Ls = [
+	"id",
+	"data-testid",
+	"tabindex",
+	"inert"
+], Rs = {
+	key: 0,
+	class: "sidebar-panel__header header grid grid-cols-[auto_1fr_auto] items-center pt-2 px-2"
+}, zs = { class: "col-start-2 text-center my-0 text-lg" }, Bs = {
+	key: 0,
+	class: "mt-4"
+}, Vs = /* @__PURE__ */ z(/* @__PURE__ */ H({
+	__name: "SideBarPanels",
+	props: {
+		loading: { type: Boolean },
+		availablePanels: {},
+		panelContext: {},
+		activePanel: { default: "" }
+	},
+	emits: [
+		"selectPanel",
+		"close",
+		"closePanel"
+	],
+	setup(e, { emit: t }) {
+		let n = t, { $gettext: r } = Q(), i = K(() => e.availablePanels.filter((t) => t.isVisible(e.panelContext) && t.isRoot?.(e.panelContext))), a = K(() => e.availablePanels.filter((t) => t.isVisible(e.panelContext) && !t.isRoot?.(e.panelContext))), o = K(() => L(i).length ? [L(i)[0], ...L(a)] : L(a)), s = K(() => {
+			let t = e.activePanel?.split("#")[0];
+			return !t || !L(a).map((e) => e.name).includes(t) ? null : t;
+		}), c = K(() => L(s) !== null), l = K(() => L(s) === null), d = R(null), f = (e) => {
+			d.value = e;
+		}, p = K(() => L(c) ? L(s) : L(i)[0].name), m = K(() => L(i).length === 1 ? r("Back to %{panel} panel", { panel: L(i)[0].title(e.panelContext) }) : r("Back to main panels")), h = (e) => {
+			n("selectPanel", e);
+		}, g = () => {
+			n("selectPanel", null);
+		}, _ = () => {
+			n("close");
+		}, v = (e) => {
+			f(L(p)), h(e);
+		}, y = () => {
+			f(L(p)), g(), n("closePanel");
+		};
+		return (t, n) => {
+			let f = F("oc-spinner"), h = F("oc-icon"), g = F("oc-button"), b = ni("oc-tooltip");
+			return e.loading ? (Z(), V(f, {
+				key: 0,
+				"aria-label": L(r)("Loading sidebar content")
+			}, null, 8, ["aria-label"])) : (Z(!0), X(U, { key: 1 }, M(o.value, (n) => (Z(), X("div", {
+				id: `sidebar-panel-${n.name}`,
+				key: `panel-${n.name}`,
+				"data-testid": `sidebar-panel-${n.name}`,
+				tabindex: p.value === n.name ? -1 : null,
+				class: B(["sidebar-panel absolute top-0 grid grid-rows-[auto_auto_1fr] bg-role-surface w-full size-full max-w-full max-h-full motion-reduce:transition-none", {
+					"is-root-panel transition-[right] duration-[0.4s,0s]": n.isRoot?.(e.panelContext),
+					"is-active-sub-panel": c.value && s.value === n.name,
+					"is-active-root-panel transition-[right] duration-[0.4s,0s]": l.value && n.isRoot?.(e.panelContext)
+				}]),
+				inert: p.value !== n.name
+			}, [
+				[p.value, d.value].includes(n.name) ? (Z(), X("div", Rs, [
+					n.isRoot?.(e.panelContext) ? G("", !0) : I((Z(), V(g, {
+						key: 0,
+						class: "header__back col-start-1 p-1",
+						appearance: "raw",
+						"aria-label": m.value,
+						onClick: y
+					}, {
+						default: P(() => [q(h, {
+							name: "arrow-left-s",
+							"fill-type": "line"
+						})]),
+						_: 1
+					}, 8, ["aria-label"])), [[b, m.value]]),
+					Y("h2", zs, W(n.title(e.panelContext)), 1),
+					q(g, {
+						appearance: "raw",
+						class: "header__close col-start-3 p-1",
+						"aria-label": L(r)("Close file sidebar"),
+						onClick: _
+					}, {
+						default: P(() => [q(h, { name: "close" })]),
+						_: 1
+					}, 8, ["aria-label"])
+				])) : G("", !0),
+				Y("div", null, [n.isRoot?.(e.panelContext) ? k(t.$slots, "rootHeader", { key: 0 }, void 0, !0) : k(t.$slots, "subHeader", { key: 1 }, void 0, !0)]),
+				Y("div", { class: B(["sidebar-panel__body flex flex-col p-2 overflow-y-auto overflow-x-hidden", [`sidebar-panel__body-${n.name}`]]) }, [Y("div", { class: B(["sidebar-panel__body-content", { "flex-1 ": !n.isRoot?.(e.panelContext) }]) }, [k(t.$slots, "body", {}, () => [(Z(!0), X(U, null, M(n.isRoot?.(e.panelContext) ? i.value : [n], (t, n) => (Z(), X("div", { key: `sidebar-panel-${t.name}` }, [(l.value ? t.isRoot?.(e.panelContext) : [p.value, d.value].includes(t.name)) ? (Z(), V(u(t.component), va({
+					key: 0,
+					class: [{ "multi-root-panel-separator mt-4 pt-2 border-t": n > 0 }, "rounded-sm"]
+				}, { ref_for: !0 }, t.componentAttrs?.(e.panelContext) || {}), null, 16, ["class"])) : G("", !0)]))), 128))], !0)], 2), n.isRoot?.(e.panelContext) && a.value.length > 0 ? (Z(), X("div", Bs, [(Z(!0), X(U, null, M(a.value, (t) => (Z(), V(g, {
+					id: `sidebar-panel-${t.name}-select`,
+					key: `panel-select-${t.name}`,
+					"data-testid": `sidebar-panel-${t.name}-select`,
+					appearance: "raw-inverse",
+					"color-role": "surface",
+					class: "!grid !grid-cols-[auto_1fr_auto] text-left px-2 w-full h-12",
+					onClick: (e) => v(t.name)
+				}, {
+					default: P(() => [
+						q(h, {
+							name: t.icon,
+							"fill-type": t.iconFillType
+						}, null, 8, ["name", "fill-type"]),
+						wr(" " + W(t.title(e.panelContext)) + " ", 1),
+						q(h, {
+							name: "arrow-right-s",
+							"fill-type": "line"
+						})
+					]),
+					_: 2
+				}, 1032, [
+					"id",
+					"data-testid",
+					"onClick"
+				]))), 128))])) : G("", !0)], 2)
+			], 10, Ls))), 128));
+		};
+	}
+}), [["__scopeId", "data-v-839c4e7a"]]), Hs = /* @__PURE__ */ H({
+	inheritAttrs: !1,
+	__name: "SideBar",
+	props: {
+		loading: { type: Boolean },
+		availablePanels: {},
+		panelContext: {}
+	},
+	emits: ["selectPanel", "close"],
+	setup(e, { emit: t }) {
+		let n = t, r = ut(), { isMobile: i } = $i(), a = ki(), { focusSidebar: o } = a, { sideBarActivePanel: s } = $(a), c = K(() => {
+			if (L(i)) return {
+				...L(r),
+				isFocusTrapActive: !e.loading,
+				hasFullHeight: !0,
+				maxHeight: "max-h-[80vh]",
+				class: "z-100",
+				onClicked: l
+			};
+			let t = [
+				"border-l",
+				"focus:outline-0",
+				"focus-visible:outline-0",
+				"w-[360px]",
+				"min-w-[360px]",
+				"overflow-hidden",
+				"relative",
+				"focus:shadow-none",
+				"focus-visible:shadow-none",
+				...L(r)?.class ? [L(r).class] : []
+			];
+			return e.loading && t.push("flex", "justify-center", "items-center"), {
+				...L(r),
+				class: t
+			};
+		}), l = (e) => {
+			if (!e.target) return;
+			let t = e.target === e.currentTarget, n = e.target instanceof HTMLAnchorElement, r = e.target.closest("ul.sidebar-actions-panel");
+			(t || n || r) && d();
+		}, d = () => {
+			a.closeSideBar(), n("close");
+		}, f = (e) => {
+			a.openSideBarPanel(e), n("selectPanel", e);
+		};
+		return ee(() => {
+			L(i) && d();
+		}), (t, n) => (Z(), V(Kn, {
+			to: "#mobile-right-sidebar",
+			disabled: !L(i)
+		}, [(Z(), V(u(L(i) ? "oc-bottom-drawer" : "div"), va({
+			id: "app-sidebar",
+			tabindex: "-1"
+		}, c.value), {
+			default: P(() => [q(Vs, {
+				loading: e.loading,
+				"available-panels": e.availablePanels,
+				"panel-context": e.panelContext,
+				"active-panel": L(s),
+				onSelectPanel: f,
+				onClose: d,
+				onClosePanel: L(o)
+			}, {
+				body: P(() => [k(t.$slots, "body")]),
+				rootHeader: P(() => [k(t.$slots, "rootHeader")]),
+				subHeader: P(() => [k(t.$slots, "subHeader")]),
+				_: 3
+			}, 8, [
+				"loading",
+				"available-panels",
+				"panel-context",
+				"active-panel",
+				"onClosePanel"
+			])]),
+			_: 3
+		}, 16))], 8, ["disabled"]));
+	}
+}), Us = { class: "grid items-center p-2" }, Ws = { class: "flex items-center text-sm" }, Gs = ["textContent"], Ks = ["textContent"], qs = /* @__PURE__ */ H({
+	__name: "SpaceInfo",
+	setup(e) {
+		let t = zn("resource");
+		return (e, n) => {
+			let r = F("oc-icon");
+			return Z(), X("div", Us, [Y("div", Ws, [q(r, {
+				name: "layout-grid",
+				size: L(t).description ? "large" : "medium",
+				class: "block mr-2"
+			}, null, 8, ["size"]), Y("div", null, [Y("h3", {
+				"data-testid": "space-info-name",
+				class: "font-semibold m-0 text-base break-all",
+				textContent: W(L(t).name)
+			}, null, 8, Gs), Y("span", {
+				"data-testid": "space-info-subtitle",
+				textContent: W(L(t).description)
+			}, null, 8, Ks)])])]);
+		};
+	}
+}), Js = { class: "flex justify-between p-2" }, Ys = { class: "flex items-center" }, Xs = {
+	"data-testid": "files-info-name",
+	class: "font-semibold m-0 text-base break-all"
+}, Zs = /* @__PURE__ */ H({
+	__name: "FileInfo",
+	props: { isSubPanelActive: {
+		type: Boolean,
+		default: !0
+	} },
+	setup(e) {
+		let t = fr(), { isPersonalSpaceRoot: n } = O(), r = zn("resource"), i = zn("space"), a = K(() => t.areFileExtensionsShown), o = K(() => n(L(r)) ? L(i).name : L(r).name);
+		return (t, n) => (Z(), X("div", Js, [Y("div", Ys, [e.isSubPanelActive ? (Z(), V(rn, {
+			key: 0,
+			resource: L(r),
+			size: "large",
+			class: "mr-2 relative"
+		}, null, 8, ["resource"])) : G("", !0), Y("div", null, [Y("h3", Xs, [q(un, {
+			name: o.value,
+			extension: L(r).extension,
+			type: L(r).type,
+			"full-path": L(r).webDavPath,
+			"is-extension-displayed": a.value,
+			"is-path-displayed": !1,
+			"truncate-name": !1,
+			class: "[&_span]:break-all"
+		}, null, 8, [
+			"name",
+			"extension",
+			"type",
+			"full-path",
+			"is-extension-displayed"
+		])])])])]));
+	}
+}), Qs = /* @__PURE__ */ H({
+	__name: "FileSideBar",
+	props: { space: { default: () => void 0 } },
+	setup(e) {
+		let t = Mi(), n = tn(), r = dt(), i = gi(), a = Mr(), o = Un(), s = Xi(), { canListShares: c } = or(), { canListVersions: l } = Yn(), u = fr(), { currentFolder: d } = $(u), { isSideBarOpen: f, sideBarActivePanel: p } = $(ki()), m = R(), h = R([]), g = R([]), v = R([]), { selectedResources: y } = Ti(), b = R(!1), x = K(() => L(b)), S = K(() => L(y).length === 0 ? {
+			root: e.space,
+			parent: null,
+			items: L(d)?.id ? [L(d)] : []
+		} : {
+			root: e.space,
+			parent: L(d),
+			items: L(y)
+		}), C = Mn(Sa, "files-shares-with-me"), ee = Mn(Sa, "files-shares-with-others"), w = Mn(Sa, "files-shares-via-link"), T = $r(t, "files-spaces-projects"), te = Mn(et, "files-common-favorites"), E = Mn(et, "files-common-search"), D = K(() => L(S).items?.length === 1 && !so(L(S).items[0])), O = K(() => L(S).items?.length === 1 && so(L(S).items[0])), k = K(() => L(C) || L(ee) || L(w)), A = K(() => L(k) || L(E) || L(te)), ne = K(() => r.requestExtensions({
+			id: "global.files.sidebar",
+			extensionType: "sidebarPanel"
+		}).map((e) => e.panel)), re = go(function* (e, t) {
+			h.value = yield n.webdav.listFileVersions(t.id, { signal: e });
+		}), j = go(function* (r, c) {
+			a.setLoading(!0), a.removeOrphanedShares();
+			let { collaboratorShares: l, linkShares: d } = a, f = n.graphAuthenticated.permissions, p = e.space?.id;
+			if (uo(e.space)) {
+				let t = yield i.getMountPointForSpace({
+					graphClient: n.graphAuthenticated,
+					space: e.space,
+					signal: r
+				});
+				t && (p = t.root.remoteItem.rootId);
+			}
+			let { shares: m, allowedRoles: h } = yield* Qa(f.listPermissions(p, c.fileId, a.graphRoles, {}, { signal: r })), _ = m.filter(to), y = m.filter(ro), b = Object.values(a.graphRoles);
+			if (g.value = h?.map((e) => ({
+				...e,
+				icon: b.find((t) => t.id === e.id)?.icon
+			})) || [], s.isAppEnabled("open-cloud-mesh")) {
+				let { allowedRoles: e } = yield* Qa(f.listPermissions(p, c.fileId, a.graphRoles, {
+					filter: "@libre.graph.permissions.roles.allowedValues/rolePermissions/any(p:contains(p/condition, '@Subject.UserType==\"Federated\"'))",
+					select: [Rr.LibreGraphPermissionsRolesAllowedValues]
+				}, { signal: r }));
+				v.value = e?.map((e) => ({
+					...e,
+					icon: b.find((t) => t.id === e.id)?.icon
+				})) || [];
+			}
+			!L(A) && !L(T) && (l.forEach((e) => {
+				_.some((t) => t.id === e.id) || _.push({
+					...e,
+					indirect: !0
+				});
+			}), d.forEach((e) => {
+				y.some((t) => t.id === e.id) || y.push({
+					...e,
+					indirect: !0
+				});
+			})), et(t, "files-common-search") && (yield u.loadAncestorMetaData({
+				folder: L(c),
+				space: e.space,
+				client: n.webdav,
+				signal: r
+			}));
+			let x = [...l, ...d].map(({ resourceId: e }) => e), S = Object.values(u.ancestorMetaData).filter(({ id: t, path: n }) => t === c.id || x.includes(t) || no(c) ? !1 : oo(e.space) ? n !== "/" : !0).map(({ id: e }) => e);
+			L(A) && so(e.space) && !so(c) && S.push(e.space.id);
+			let C = new ho({ concurrency: o.options.concurrentRequests.shares.list }), ee = [...new Set(S)].map((e) => C.add(() => n.graphAuthenticated.permissions.listPermissions(p, e, a.graphRoles, {}, { signal: r }).then((e) => {
+				let t = e.shares.map((e) => ({
+					...e,
+					indirect: !0
+				}));
+				_.push(...t.filter(to)), y.push(...t.filter(ro));
+			})));
+			yield Promise.allSettled(ee), a.setCollaboratorShares(_), a.setLinkShares(y), a.setLoading(!1);
+		}).restartable(), ie = R();
+		N(() => [...L(S).items, f], async (t, n) => {
+			if (L(S).items?.length !== 1) return;
+			if (!L(f)) {
+				ie.value = void 0, h.value = [];
+				return;
+			}
+			let r = t?.[0], i = n?.[0];
+			if (r?.id === i?.id && r?.mdate === L(ie)) return;
+			let a = L(S).items[0];
+			if (ie.value = a.mdate, re.isRunning && re.cancelAll(), l({
+				space: e.space,
+				resource: a
+			})) try {
+				await re.perform(a);
+			} catch (e) {
+				console.error(e);
+			}
+		}, {
+			immediate: !0,
+			deep: !0
+		});
+		let ae = K(() => L(S).items.map((e) => e.id));
+		return N(() => [ae, f], async () => {
+			if (!L(f) || !L(S).items?.length) {
+				a.pruneShares(), m.value = null;
+				return;
+			}
+			if (L(S).items?.length !== 1) return;
+			let t = L(S).items[0];
+			if (b.value = !0, so(t) && await i.loadGraphPermissions({
+				ids: [t.id],
+				graphClient: n.graphAuthenticated
+			}), c({
+				space: e.space,
+				resource: t
+			})) try {
+				j.isRunning && j.cancelAll(), j.perform(t);
+			} catch (e) {
+				console.error(e);
+			}
+			if (!ao(t) && !no(t)) {
+				m.value = t, b.value = !1;
+				return;
+			}
+			try {
+				let r = await n.webdav.getFileInfo(e.space, { path: t.path });
+				m.value = {
+					...r,
+					...t,
+					tags: r.tags
+				};
+			} catch (e) {
+				m.value = t, console.error(e);
+			}
+			b.value = !1;
+		}, {
+			deep: !0,
+			immediate: !0
+		}), Yt("resource", _(m)), Yt("versions", _(h)), Yt("space", K(() => e.space)), Yt("availableInternalShareRoles", _(g)), Yt("availableExternalShareRoles", _(v)), Yt("versionsLoading", K(() => re.isRunning)), (e, t) => L(f) ? (Z(), V(Hs, va({
+			key: 0,
+			ref: "sidebar",
+			class: "files-side-bar z-30",
+			"available-panels": ne.value,
+			"panel-context": S.value,
+			loading: x.value
+		}, e.$attrs, { "data-custom-key-bindings-disabled": "true" }), {
+			rootHeader: P(() => [D.value ? (Z(), V(Zs, {
+				key: 0,
+				class: "px-2 pt-2",
+				"is-sub-panel-active": !1
+			})) : O.value ? (Z(), V(qs, { key: 1 })) : G("", !0)]),
+			subHeader: P(() => [D.value ? (Z(), V(Zs, {
+				key: 0,
+				class: "px-2 pt-2",
+				"is-sub-panel-active": !0
+			})) : O.value ? (Z(), V(qs, { key: 1 })) : G("", !0)]),
+			_: 1
+		}, 16, [
+			"available-panels",
+			"panel-context",
+			"loading"
+		])) : G("", !0);
+	}
+}), $s = /* @__PURE__ */ ye(An(), 1), ec = H({
+	name: "DatePickerModal",
+	props: {
+		modal: {
+			type: Object,
+			required: !0
+		},
+		currentDate: {
+			type: Object,
+			required: !1,
+			default: null
+		},
+		minDate: {
+			type: Object,
+			required: !1,
+			default: null
+		},
+		isClearable: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: ["confirm", "cancel"],
+	setup() {
+		let { currentTheme: e } = $(za()), t = R(), n = R(!0);
+		return {
+			confirmDisabled: n,
+			onDateChanged: ({ date: e, error: r }) => {
+				n.value = r || !e, t.value = e;
+			},
+			currentTheme: e,
+			dateTime: t
+		};
+	}
+}), tc = { class: "flex justify-end items-center mt-2" };
+function nc(e, t, n, r, i, a) {
+	let o = F("oc-datepicker"), s = F("oc-button");
+	return Z(), X(U, null, [q(o, {
+		label: e.$gettext("Expiration date"),
+		type: "date",
+		"min-date": e.minDate,
+		"current-date": e.currentDate,
+		"is-clearable": e.isClearable,
+		"is-dark": e.currentTheme.isDark,
+		"required-mark": "",
+		onDateChanged: e.onDateChanged
+	}, null, 8, [
+		"label",
+		"min-date",
+		"current-date",
+		"is-clearable",
+		"is-dark",
+		"onDateChanged"
+	]), Y("div", tc, [q(s, {
+		disabled: e.confirmDisabled,
+		class: "oc-modal-body-actions-confirm ml-2",
+		appearance: "filled",
+		onClick: t[0] ||= (t) => e.$emit("confirm", e.dateTime)
+	}, {
+		default: P(() => [wr(W(e.$gettext("Confirm")), 1)]),
+		_: 1
+	}, 8, ["disabled"])])], 64);
+}
+var rc = /* @__PURE__ */ z(ec, [["render", nc]]), ic = H({
+	name: "UnsavedChangesModal",
+	props: {
+		modal: {
+			type: Object,
+			required: !0
+		},
+		closeCallback: {
+			type: Function,
+			required: !0
+		}
+	},
+	emits: ["cancel", "confirm"],
+	setup(e) {
+		let { removeModal: t } = Ma();
+		return { onClose: () => {
+			t(e.modal.id), e.closeCallback();
+		} };
+	}
+}), ac = ["textContent"], oc = { class: "flex justify-end items-center mt-4" }, sc = { class: "oc-modal-body-actions-grid" };
+function cc(e, t, n, r, i, a) {
+	let o = F("oc-button");
+	return Z(), X(U, null, [
+		Y("span", {
+			class: "inline-block mb-4",
+			textContent: W(e.$gettext("Your changes were not saved. Do you want to save them?"))
+		}, null, 8, ac),
+		t[2] ||= Y("div", { class: "my-4" }, null, -1),
+		Y("div", oc, [Y("div", sc, [
+			q(o, {
+				class: "oc-modal-body-actions-cancel ml-2",
+				onClick: t[0] ||= (t) => e.$emit("cancel")
+			}, {
+				default: P(() => [wr(W(e.$gettext("Cancel")), 1)]),
+				_: 1
+			}),
+			q(o, {
+				class: "oc-modal-body-actions-secondary ml-2",
+				onClick: e.onClose
+			}, {
+				default: P(() => [wr(W(e.$gettext("Don't Save")), 1)]),
+				_: 1
+			}, 8, ["onClick"]),
+			q(o, {
+				class: "oc-modal-body-actions-confirm ml-2",
+				appearance: "filled",
+				onClick: t[1] ||= (t) => e.$emit("confirm")
+			}, {
+				default: P(() => [wr(W(e.$gettext("Save")), 1)]),
+				_: 1
+			})
+		])])
+	], 64);
+}
+var lc = /* @__PURE__ */ z(ic, [["render", cc]]), uc = /\s/;
+function dc(e) {
+	for (var t = e.length; t-- && uc.test(e.charAt(t)););
+	return t;
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.17.23/node_modules/lodash-es/_baseTrim.js
+var fc = /^\s+/;
+function pc(e) {
+	return e && e.slice(0, dc(e) + 1).replace(fc, "");
+}
+//#endregion
+//#region ../../node_modules/.pnpm/lodash-es@4.17.23/node_modules/lodash-es/toNumber.js
+var mc = NaN, hc = /^[-+]0x[0-9a-f]+$/i, gc = /^0b[01]+$/i, _c = /^0o[0-7]+$/i, vc = parseInt;
+function yc(e) {
+	if (typeof e == "number") return e;
+	if (ie(e)) return mc;
+	if (le(e)) {
+		var t = typeof e.valueOf == "function" ? e.valueOf() : e;
+		e = le(t) ? t + "" : t;
+	}
+	if (typeof e != "string") return e === 0 ? e : +e;
+	e = pc(e);
+	var n = gc.test(e);
+	return n || _c.test(e) ? vc(e.slice(2), n ? 2 : 8) : hc.test(e) ? mc : +e;
+}
+//#endregion
+//#region src/components/AppTemplates/AppWrapper.vue?vue&type=script&setup=true&lang.ts
+var bc = ["id"], xc = ["textContent"], Sc = {
+	key: 2,
+	class: "flex size-full"
+}, Cc = "app.app-wrapper.app-top-bar", wc = /* @__PURE__ */ H({
+	__name: "AppWrapper",
+	props: {
+		applicationId: {},
+		urlForResourceOptions: { default: null },
+		fileContentOptions: { default: null },
+		wrappedComponent: { default: null },
+		importResourceWithExtension: {
+			type: Function,
+			default: () => null
+		},
+		disableAutoSave: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(e) {
+		let { $gettext: t, current: n } = Q(), i = Xi(), { showMessage: a, showErrorMessage: o } = Ne(), s = Co(), c = xr(), l = tn(), u = Jt(), { getResourceContext: d } = Pa(), { selectedResources: p } = Ti(), { dispatchModal: m } = Ma(), h = gi(), g = Un(), _ = fr(), v = Mr(), y = Me(), { isMobile: b } = $i(), { isSideBarOpen: x } = $(ki()), { actions: S } = ba({ appId: e.applicationId }), { actions: C } = Cr(), { actions: ee } = f(), { actions: w } = ui(), { actions: T } = Ai(), { actions: te } = me(), E = K(() => !!e.wrappedComponent.emits?.includes("update:resource")), O = R(), A = R(), ne = R(""), re = R(""), j = R(!L(E)), ie = R(), ae = R(!1), M = R(), oe = R(), se = "", ce = null, { registerExtensions: le, unregisterExtensions: ue } = dt();
+		le(K(() => L(j) || L(ie) || !L(O) ? [] : [{
+			id: Cc,
+			type: "customComponent",
+			extensionPointIds: ["app.runtime.header.left"],
+			content: Es,
+			componentProps: () => ({
+				resource: L(O),
+				isReadOnly: L(ae),
+				isEditor: L(fe),
+				hasAutoSave: !e.disableAutoSave,
+				mainActions: L(rt),
+				dropDownMenuSections: L(nt),
+				dropDownActionOptions: L(Ye),
+				onClose: () => {
+					ve();
+				}
+			})
+		}]));
+		let { actions: de } = Ii({ content: oe }), fe = K(() => !!e.wrappedComponent.emits?.includes("update:currentContent")), pe = (t) => !!Object.keys(e.wrappedComponent.props).includes(t), he = K(() => L(oe) !== L(M)), ge = (e) => {
+			e.preventDefault();
+		};
+		N(he, (e) => {
+			e ? window.addEventListener("beforeunload", ge) : window.removeEventListener("beforeunload", ge);
+		});
+		let { applicationConfig: _e, closeApp: ve, currentFileContext: ye, getFileContents: be, getFileInfo: xe, getUrlForResource: Se, putFileContents: Ce, replaceInvalidFileRoute: we, revokeUrl: Te, activeFiles: Ee, loadFolderForFileContext: De, isFolderLoading: Oe } = Yr({ applicationId: e.applicationId }), { applicationMeta: ke } = Xe({
+			applicationId: e.applicationId,
+			appsStore: i
+		}), Ae = K(() => L(ke).meta?.fileSizeLimit), je = K(() => {
+			let { name: e } = L(ke);
+			return t("%{appName} for %{fileName}", {
+				appName: t(e),
+				fileName: L(L(ye).fileName)
+			});
+		}), Pe = vr("driveAliasAndItem"), Fe = r("fileId"), Ie = K(() => Re(L(Fe))), Le = async () => {
+			let e = L(Ie), { space: t, path: n } = await d(e), r = t.getDriveAliasAndItem({ path: n });
+			return oo(t) ? s.push({
+				params: {
+					...L(c).params,
+					driveAliasAndItem: r
+				},
+				query: {
+					...L(c).query,
+					fileId: e,
+					contextRouteName: "files-spaces-generic",
+					contextRouteParams: { driveAliasAndItem: (0, $s.dirname)(r) }
+				}
+			}) : s.push({
+				params: {
+					...L(c).params,
+					driveAliasAndItem: r
+				},
+				query: {
+					...L(c).query,
+					fileId: e,
+					contextRouteName: n === "/" ? "files-shares-with-me" : "files-spaces-generic",
+					...uo(t) && { shareId: t.id },
+					contextRouteParams: { driveAliasAndItem: (0, $s.dirname)(r) },
+					contextRouteQuery: { ...uo(t) && { shareId: t.id } }
+				}
+			});
+		}, ze = go(function* (e) {
+			try {
+				L(Pe) || (yield Le()), A.value = L(L(ye).space);
+				let t = yield xe(L(ye), { signal: e });
+				if (O.value = t, uo(L(A)) && (L(O).remoteItemId = L(A).id, L(O).id === L(O).remoteItemId)) {
+					let e = yield* Qa(mr({
+						graphClient: l.graphAuthenticated,
+						spacesStore: h,
+						space: L(A)
+					}));
+					e && (O.value = {
+						...t,
+						...Xa({
+							graphRoles: v.graphRoles,
+							driveItem: e,
+							serverUrl: g.serverUrl
+						}),
+						tags: t.tags
+					});
+				}
+				_.initResourceList({
+					currentFolder: null,
+					resources: [L(O)]
+				}), p.value = [L(O)];
+			} catch (e) {
+				console.error(e), ie.value = e, j.value = !1;
+			}
+		}).restartable(), Be = go(function* (n) {
+			try {
+				let r = e.importResourceWithExtension(L(O));
+				if (r) {
+					let e = _o.local().toFormat("yyyyMMddHHmmss"), i = `${L(O).name}_${e}.${r}`;
+					if (!(yield l.webdav.copyFiles(L(A), L(O), L(A), { path: i }, { signal: n }))) throw Error(t("Importing failed"));
+					O.value = { path: i };
+				}
+				if (we(ye, L(O))) return;
+				if (ae.value = ![D.Updateable, D.FileUpdateable].some((e) => (L(O).permissions || "").indexOf(e) > -1), L(pe("currentContent"))) {
+					let t = yield* Qa(be(ye, {
+						...e.fileContentOptions,
+						signal: n
+					}));
+					M.value = oe.value = t.body, ne.value = t.headers["OC-ETag"];
+				}
+				L(pe("url")) && (re.value = yield Se(L(A), L(O), {
+					...e.urlForResourceOptions,
+					signal: n
+				}));
+			} catch (e) {
+				console.error(e), ie.value = e;
+			} finally {
+				j.value = !1;
+			}
+		}).restartable();
+		N(ye, async () => {
+			L(E) ? A.value = L(L(ye).space) : (await ze.perform(), L(Ae) && yc(L(O).size) > L(Ae) ? m({
+				title: t("File exceeds %{threshold}", { threshold: Ge(L(Ae), n) }),
+				message: t("%{resource} exceeds the recommended size of %{threshold} for editing, and may cause performance issues.", {
+					resource: L(O).name,
+					threshold: Ge(L(Ae), n)
+				}),
+				confirmText: t("Continue"),
+				onCancel: () => {
+					ve();
+				},
+				onConfirm: () => {
+					Be.perform();
+				}
+			}) : Be.perform());
+		}, { immediate: !0 });
+		let Ve = (e) => {
+			console.error(e), o({
+				title: t("An error occurred"),
+				desc: e.message,
+				errors: [e]
+			});
+		}, He = () => {
+			a({ title: t("File autosaved") });
+		}, Ue = go(function* () {
+			let e = L(oe);
+			try {
+				let t = yield Ce(ye, {
+					content: e,
+					previousEntityTag: L(ne)
+				});
+				M.value = e, ne.value = t.etag, _.upsertResource(t);
+			} catch (e) {
+				switch (e.statusCode) {
+					case 401:
+					case 403:
+						Ve(new Ja(t("You're not authorized to save this file"), e.response));
+						break;
+					case 409:
+					case 412:
+						Ve(new Ja(t("This file was updated outside this window. Please copy your changes or save the file under a new name (»Save As...«)."), e.response));
+						break;
+					case 507:
+						let n = h.spaces.find((e) => e.id === L(O).storageId && so(e));
+						if (n) {
+							Ve(new Ja(t("Insufficient quota on \"%{spaceName}\" to save this file", { spaceName: n.name }), e.response));
+							break;
+						}
+						Ve(new Ja(t("Insufficient quota for saving this file"), e.response));
+						break;
+					default: Ve(new Ja("", e.response));
+				}
+			}
+		}).drop(), We = async () => {
+			await Ue.perform();
+		}, Ke = null;
+		Ht(() => {
+			if (se = y.subscribe("runtime.resource.deleted", Ze), _.ancestorMetaData?.["/"] && L(A) && _.ancestorMetaData["/"].spaceId !== L(A).id && _.setAncestorMetaData({}), !L(fe)) return;
+			let t = g.options.editor;
+			t.autosaveEnabled && !e.disableAutoSave && (Ke = setInterval(async () => {
+				he.value && (await We(), He());
+			}, (t.autosaveInterval || 120) * 1e3));
+		}), ja(() => {
+			y.unsubscribe("runtime.resource.deleted", se), ue([Cc]), u.isLoading || window.removeEventListener("beforeunload", ge), L(pe("url")) && Te(re.value), L(fe) && (clearInterval(Ke), Ke = null);
+		});
+		let { bindKeyAction: qe } = Rn({ skipDisabledKeyBindingsCheck: !0 });
+		qe({
+			modifier: Ar.Ctrl,
+			primary: Lr.S
+		}, () => {
+			L(he) && We();
+		});
+		let Je = K(() => [{
+			name: "save-file",
+			disabledTooltip: () => "",
+			isVisible: () => L(fe) && !L(ae),
+			isDisabled: () => !L(he),
+			icon: "save",
+			id: "app-save-action",
+			label: () => t("Save"),
+			handler: We
+		}]), Ye = K(() => ({
+			space: L(A),
+			resources: [L(O)]
+		})), P = async (e, t) => {
+			L(he) && (await We(), He()), t(e);
+		}, Ze = (e) => {
+			if (e.find((e) => e.id === L(O).id)) {
+				if (ce) return ce();
+				ve();
+			}
+		}, Qe = K(() => [
+			...L(S),
+			...L(Je),
+			...L(de).map((e) => ({
+				...e,
+				isVisible: (t) => fe.value && e.isVisible(t)
+			}))
+		].filter((e) => e.isVisible(L(Ye)))), $e = K(() => [...L(T), ...L(C)].filter((e) => e.isVisible(L(Ye)))), et = K(() => [...L(ee).map((e) => ({
+			...e,
+			handler: (t) => P(t, e.handler)
+		})), ...L(te)].filter((e) => e.isVisible(L(Ye)))), tt = K(() => [...L(w)].filter((e) => e.isVisible(L(Ye)))), nt = K(() => {
+			let e = [];
+			return L(Qe).length && e.push({
+				name: "context",
+				items: L(Qe)
+			}), L($e).length && e.push({
+				name: "share",
+				items: L($e)
+			}), L(et).length && e.push({
+				name: "actions",
+				items: L(et)
+			}), L(tt).length && e.push({
+				name: "sidebar",
+				items: L(tt)
+			}), e;
+		}), rt = K(() => [...L(Je)]);
+		So((e, n, r) => {
+			L(he) ? m({
+				title: t("Unsaved changes"),
+				customComponent: lc,
+				focusTrapInitial: ".oc-modal-body-actions-confirm",
+				hideActions: !0,
+				hideCancelButton: !0,
+				customComponentAttrs: () => ({ closeCallback: () => {
+					ue([Cc]), r();
+				} }),
+				async onConfirm() {
+					ue([Cc]), await We(), r();
+				}
+			}) : (ue([Cc]), r());
+		});
+		let it = K(() => ({
+			url: L(re),
+			space: L(L(ye).space),
+			resource: L(O),
+			activeFiles: L(Ee),
+			isDirty: L(he),
+			isReadOnly: L(ae),
+			applicationConfig: L(_e),
+			currentFileContext: L(ye),
+			currentContent: L(oe),
+			isFolderLoading: L(Oe),
+			"onUpdate:resource": (e) => {
+				A.value = L(L(ye).space), O.value = {
+					...e,
+					...uo(L(A)) && { remoteItemId: L(A).id }
+				}, p.value = [L(O)];
+			},
+			"onUpdate:currentContent": (e) => {
+				oe.value = e;
+			},
+			"onRegister:onDeleteResourceCallback": (e) => {
+				ce = e;
+			},
+			"onDelete:resource": () => {
+				L(te)[0].isVisible({
+					space: L(A),
+					resources: [L(O)]
+				}) && L(te)[0].handler({
+					space: L(A),
+					resources: [L(O)]
+				});
+			},
+			onSave: We,
+			onClose: ve,
+			loadFolderForFileContext: De,
+			revokeUrl: Te,
+			getUrlForResource: Se
+		}));
+		return (t, n) => (Z(), X("main", {
+			id: e.applicationId,
+			class: "app-wrapper h-full border-0",
+			onKeydown: n[0] ||= Si((...e) => L(ve) && L(ve)(...e), ["esc"])
+		}, [Y("h1", {
+			class: "sr-only",
+			textContent: W(je.value)
+		}, null, 8, xc), j.value ? (Z(), V(Is, { key: 0 })) : ie.value ? (Z(), V(js, {
+			key: 1,
+			message: ie.value.message
+		}, null, 8, ["message"])) : (Z(), X("div", Sc, [k(t.$slots, "default", va({ class: ["app-wrapper-content size-full", { "w-[calc(100%-360px)]": L(x) && !L(b) }] }, it.value)), q(Qs, { space: A.value }, null, 8, ["space"])]))], 40, bc));
+	}
+});
+//#endregion
+//#region src/components/AppTemplates/AppWrapperRoute.ts
+function Tc(e, t) {
+	return H({ render() {
+		return jr(wc, {
+			wrappedComponent: e,
+			...t
+		}, { default: (t) => jr(e, t) });
+	} });
+}
+//#endregion
+//#region src/components/ContextActions/ContextMenuQuickAction.vue
+var Ec = /* @__PURE__ */ H({
+	__name: "ContextMenuQuickAction",
+	props: {
+		item: {},
+		resourceDomSelector: {
+			type: Function,
+			default: (e) => $a(e.id)
+		},
+		title: { default: "" }
+	},
+	emits: ["quickActionClicked"],
+	setup(e, { expose: t }) {
+		let { $gettext: n } = Q(), r = fe("drop");
+		t({ drop: r });
+		let i = K(() => n("Show context menu"));
+		return (t, n) => {
+			let a = F("oc-icon"), o = F("oc-button"), s = ni("oc-tooltip");
+			return Z(), X(U, null, [I((Z(), V(o, {
+				id: `context-menu-trigger-${e.resourceDomSelector(e.item)}`,
+				"data-test-context-menu-resource-name": e.item.name,
+				"aria-label": i.value,
+				appearance: "raw",
+				class: B(["quick-action-button ml-1 p-1", t.$attrs.class]),
+				onClick: n[0] ||= (e) => t.$emit("quickActionClicked", e)
+			}, {
+				default: P(() => [q(a, { name: "more-2" })]),
+				_: 1
+			}, 8, [
+				"id",
+				"data-test-context-menu-resource-name",
+				"aria-label",
+				"class"
+			])), [[s, i.value]]), q(L(ci), {
+				ref_key: "drop",
+				ref: r,
+				"drop-id": `context-menu-drop-${e.resourceDomSelector(e.item)}`,
+				toggle: `#context-menu-trigger-${e.resourceDomSelector(e.item)}`,
+				title: e.title,
+				position: "left-start",
+				mode: "manual",
+				"padding-size": "small",
+				"close-on-click": ""
+			}, {
+				default: P(() => [k(t.$slots, "contextMenu", { item: e.item })]),
+				_: 3
+			}, 8, [
+				"drop-id",
+				"toggle",
+				"title"
+			])], 64);
+		};
+	}
+}), Dc = H({
+	name: "ResourceGhostElement",
+	components: { ResourceIcon: rn },
+	props: { previewItems: {
+		type: Array,
+		required: !0
+	} },
+	computed: {
+		layerCount() {
+			return Math.min(this.previewItems.length, 3);
+		},
+		showSecondLayer() {
+			return this.layerCount > 1;
+		},
+		showThirdLayer() {
+			return this.layerCount > 2;
+		},
+		itemCount() {
+			return this.previewItems.length;
+		}
+	}
+}), Oc = {
+	id: "ghost-element",
+	class: "z-[var(--z-index-modal)] absolute pt-1 pl-4 bg-transparent"
+}, kc = { class: "relative rounded-sm bg-role-surface-container-high" }, Ac = {
+	key: 0,
+	class: "-z-10 absolute top-[3px] left-[3px] right-[-3px] bottom-[-3px] rounded-sm bg-role-surface-container-high brightness-82"
+}, jc = {
+	key: 1,
+	class: "-z-20 absolute top-[6px] left-[6px] right-[-6px] bottom-[-6px] rounded-sm bg-role-surface-container-high brightness-72"
+}, Mc = { class: "badge absolute top-[-2px] right-[-8px] p-1 text-sm text-center leading-2 bg-red-600 text-white rounded-4xl box-content min-w-2 h-2" };
+function Nc(e, t, n, r, i, a) {
+	let o = F("resource-icon");
+	return Z(), X("div", Oc, [Y("div", kc, [
+		q(o, {
+			class: "p-1",
+			resource: e.previewItems[0]
+		}, null, 8, ["resource"]),
+		e.showSecondLayer ? (Z(), X("div", Ac)) : G("", !0),
+		e.showThirdLayer ? (Z(), X("div", jc)) : G("", !0)
+	]), Y("span", Mc, W(e.itemCount), 1)]);
+}
+var Pc = /* @__PURE__ */ z(Dc, [["render", Nc]]), Fc = H({
+	name: "ResourceSize",
+	props: { size: {
+		type: [String, Number],
+		required: !0
+	} },
+	setup: (e) => {
+		let { current: t } = Q();
+		return { formattedSize: K(() => Ge(e.size, t)) };
+	}
+}), Ic = ["textContent"];
+function Lc(e, t, n, r, i, a) {
+	return Z(), X("span", { textContent: W(e.formattedSize) }, null, 8, Ic);
+}
+var Rc = /* @__PURE__ */ z(Fc, [["render", Lc]]), zc = /* @__PURE__ */ H({
+	__name: "ResourceStatusIndicators",
+	props: {
+		resource: {},
+		space: { default: () => void 0 },
+		filter: {
+			type: Function,
+			default: void 0
+		}
+	},
+	setup(e) {
+		let t = ut(), { getIndicators: n } = sr(), r = K(() => {
+			let t = n({
+				space: e.space,
+				resource: e.resource
+			});
+			return e.filter ? t.filter(e.filter) : t;
+		});
+		return (n, i) => r.value.length > 0 ? (Z(), V(L(Gn), va({ key: 0 }, L(t), {
+			indicators: r.value,
+			resource: e.resource
+		}), null, 16, ["indicators", "resource"])) : G("", !0);
+	}
+}), Bc = /* @__PURE__ */ H({
+	__name: "UserAvatar",
+	props: {
+		userId: {},
+		userName: {},
+		width: { default: 36 }
+	},
+	setup(e) {
+		let { avatarMap: t } = $(Wi()), { enqueueAvatar: n } = ta(), r = K(() => L(t)[e.userId]);
+		return Ht(() => {
+			n(e.userId);
+		}), (t, n) => {
+			let i = F("oc-avatar");
+			return Z(), V(i, {
+				"user-name": e.userName,
+				src: r.value,
+				width: e.width
+			}, null, 8, [
+				"user-name",
+				"src",
+				"width"
+			]);
+		};
+	}
+}), Vc = { class: /* @__PURE__ */ B([
+	"[&_.cropper-crop-box]:!outline-1",
+	"[&_.cropper-crop-box]:!outline-role-outline",
+	"[&_.cropper-view-box]:!rounded-[50%]",
+	"[&_.cropper-crop-box]:!rounded-[50%]",
+	"[&_.cropper-line]:!bg-role-outline",
+	"[&_.cropper-point]:!bg-role-outline"
+]) }, Hc = { class: "flex flex-col items-center" }, Uc = { class: "oc-button-group" }, Wc = { key: 0 }, Gc = ["src"], Kc = { class: "text-sm text-role-on-surface-variant flex items-center mt-1" }, qc = ["textContent"], Jc = /* @__PURE__ */ H({
+	__name: "AvatarUpload",
+	setup(e) {
+		let t = $n(), n = Wi(), { avatarMap: r } = $(n), { user: i } = $(t), { $gettext: a } = Q(), { showErrorMessage: o, showMessage: s } = Ne(), { graphAuthenticated: c } = tn(), { setCropperInstance: l } = Pi(), u = R(null), d = R(null), f = R(null), p = R(!1), m = R(!1), h = R(!1), g = R(null), _ = K(() => !!L(r)[L(i).id]), v = (e) => {
+			let t = e.target.files?.[0];
+			if (t) {
+				if (t.size > 10485760) {
+					o({ title: a("File size exceeds the limit of %{size}MB", { size: "10" }) });
+					return;
+				}
+				u.value = URL.createObjectURL(t), m.value = !0;
+			}
+		};
+		N(u, async (e) => {
+			e && (await Ra(), f.value && f.value.destroy(), d.value && (f.value = new xo(d.value, {
+				aspectRatio: 1,
+				viewMode: 1,
+				dragMode: "move",
+				autoCropArea: .8,
+				responsive: !0,
+				background: !1,
+				ready() {
+					p.value = !0;
+				}
+			}), l(f)));
+		});
+		let y = () => f.value.getCroppedCanvas({
+			width: 256,
+			height: 256,
+			imageSmoothingQuality: "high"
+		}), b = async (e) => await new Promise((t) => {
+			e.toBlob((e) => t(e), "image/png");
+		}), x = () => {
+			g.value?.click();
+		}, S = () => {
+			m.value = !1, w();
+		}, C = async () => {
+			let e = await b(y()), t = URL.createObjectURL(e), r = new File([e], "avatar.png", {
+				type: "image/png",
+				lastModified: Date.now()
+			});
+			try {
+				await c.photos.updateOwnUserPhotoPatch(r), n.addAvatar(L(i).id, t), s({ title: a("Profile picture was set successfully") });
+			} catch (e) {
+				o({
+					title: a("Failed to set profile picture"),
+					errors: [e]
+				});
+			}
+			m.value = !1, w();
+		}, ee = async () => {
+			try {
+				await c.photos.deleteOwnUserPhoto(), n.removeAvatar(L(i).id), s({ title: a("Profile picture was removed successfully") });
+			} catch (e) {
+				o({
+					title: a("Failed to remove profile picture"),
+					errors: [e]
+				});
+			}
+			h.value = !1;
+		}, w = () => {
+			f.value?.destroy(), f.value = null, g.value && (g.value.value = ""), u.value = null;
+		};
+		return (e, t) => {
+			let n = F("oc-button"), r = F("oc-icon"), o = F("oc-modal");
+			return Z(), X("div", Vc, [
+				Y("input", {
+					ref_key: "fileInputRef",
+					ref: g,
+					class: "invisible avatar-file-input",
+					type: "file",
+					accept: "image/jpeg, image/png",
+					onChange: v
+				}, null, 544),
+				Y("div", Hc, [q(Bc, {
+					class: "mb-4",
+					width: 128,
+					"user-id": L(i).id,
+					"user-name": L(i).displayName
+				}, null, 8, ["user-id", "user-name"]), Y("div", null, [Y("div", Uc, [q(n, {
+					size: "small",
+					onClick: x
+				}, {
+					default: P(() => [wr(W(L(a)("Upload")), 1)]),
+					_: 1
+				}), _.value ? (Z(), V(n, {
+					key: 0,
+					class: "avatar-upload-remove-button",
+					size: "small",
+					onClick: t[0] ||= (e) => h.value = !0
+				}, {
+					default: P(() => [wr(W(L(a)("Remove")), 1)]),
+					_: 1
+				})) : G("", !0)])])]),
+				m.value ? (Z(), V(o, {
+					key: 0,
+					title: L(a)("Crop your new profile picture"),
+					"button-cancel-text": L(a)("Cancel"),
+					"button-confirm-text": L(a)("Set"),
+					"button-confirm-disabled": !p.value,
+					"focus-trap-initial": !1,
+					onCancel: S,
+					onConfirm: C
+				}, {
+					content: P(() => [u.value ? (Z(), X("div", Wc, [Y("img", {
+						ref_key: "imageRef",
+						ref: d,
+						class: "max-h-[400px]",
+						src: u.value
+					}, null, 8, Gc), Y("div", Kc, [q(r, {
+						class: "mr-1",
+						name: "information",
+						size: "small",
+						"fill-type": "line"
+					}), Y("span", { textContent: W(L(a)("Zoom via %{ zoomKeys }, pan via %{ panKeys }", {
+						zoomKeys: L(a)("+-"),
+						panKeys: L(a)("↑↓←→")
+					})) }, null, 8, qc)])])) : G("", !0)]),
+					_: 1
+				}, 8, [
+					"title",
+					"button-cancel-text",
+					"button-confirm-text",
+					"button-confirm-disabled"
+				])) : G("", !0),
+				h.value ? (Z(), V(o, {
+					key: 1,
+					message: L(a)("Are you sure you want to remove your profile picture?"),
+					title: L(a)("Remove profile picture"),
+					"button-cancel-text": L(a)("Cancel"),
+					"button-confirm-text": L(a)("Remove"),
+					onCancel: t[1] ||= (e) => h.value = !1,
+					onConfirm: ee
+				}, null, 8, [
+					"message",
+					"title",
+					"button-cancel-text",
+					"button-confirm-text"
+				])) : G("", !0)
+			]);
+		};
+	}
+}), Yc = { class: "resource-table-select-all flex justify-center items-center" }, Xc = { class: "truncate" }, Zc = ["textContent"], Qc = ["textContent"], $c = ["textContent"], el = {
+	key: 0,
+	class: "flex items-center justify-end flex-row flex-nowrap"
+}, tl = 850, nl = /* @__PURE__ */ H({
+	__name: "ResourceTable",
+	props: {
+		resources: {},
+		resourceDomSelector: {
+			type: Function,
+			default: (e) => $a(e.id)
+		},
+		arePathsDisplayed: {
+			type: Boolean,
+			default: !1
+		},
+		selectedIds: { default: () => [] },
+		hasActions: {
+			type: Boolean,
+			default: !0
+		},
+		showRenameQuickAction: {
+			type: Boolean,
+			default: !0
+		},
+		areResourcesClickable: {
+			type: Boolean,
+			default: !0
+		},
+		headerPosition: { default: 0 },
+		isSelectable: {
+			type: Boolean,
+			default: !0
+		},
+		dragDrop: {
+			type: Boolean,
+			default: !1
+		},
+		viewMode: { default: () => ma.defaultModeName },
+		hover: {
+			type: Boolean,
+			default: !0
+		},
+		sortBy: { default: () => void 0 },
+		fieldsDisplayed: { default: () => void 0 },
+		sortDir: { default: () => void 0 },
+		space: { default: () => void 0 },
+		resourceType: { default: "file" },
+		lazy: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	emits: [
+		"fileClick",
+		"sort",
+		"fileDropped",
+		"update:selectedIds",
+		"update:modelValue"
+	],
+	setup(e, { emit: t }) {
+		let n = t, r = Mi(), i = yi(), { getMatchingSpace: a } = O(), { interceptModifierClick: o } = mi(), { getParentFolderLink: s, getParentFolderLinkIconAdditionalAttributes: c, getParentFolderName: l, getPathPrefix: d } = Ba({ space: R(e.space) }), { isSticky: f } = pt(), { $gettext: p, $ngettext: m, current: h } = Q(), { isLocationPicker: g, isFilePicker: _ } = li(), { selectedResources: v, disabledResources: b, isResourceSelected: x, fileContainerClicked: S, fileNameClicked: C, fileCheckboxClicked: ee, isResourceDisabled: w, isResourceInDeleteQueue: T, isResourceClickable: te, isResourceCut: E, getResourceLink: D, dragItem: A, dragSelection: ne, dragStart: re, fileDropped: j, setDropStyling: ie, shouldShowContextDrop: ae, showContextMenuOnRightClick: oe, showContextMenuOnBtnClick: se, selectAllCheckboxLabel: ce, getResourceCheckboxLabel: le, toggleSelectionAll: ue, areAllResourcesSelected: de } = Yi({
+			space: K(() => e.space),
+			resources: K(() => e.resources),
+			selectedIds: K(() => e.selectedIds),
+			emit: n
+		}), fe = ki(), { isSideBarOpen: pe } = $(fe), { userContextReady: me } = $(Ei()), { areFileExtensionsShown: he, latestSelectedId: ge } = $(fr()), { width: _e } = yo(), ve = K(() => i.filesTags && _e.value >= tl), { actions: ye } = Nr(), { actions: be } = Se(), xe = K(() => L(ye)[0].handler), Ce = K(() => L(be)[0].handler), we = R({}), Te = (e) => p("Search for tag %{tag}", { tag: e }), Ee = K(() => {
+			if (e.resources.length === 0) return [];
+			let t = e.resources[0], n = [];
+			e.isSelectable && n.push({
+				name: "select",
+				title: "",
+				type: "slot",
+				headerType: "slot",
+				width: "shrink"
+			});
+			let r = Le(t);
+			return n.push(...[
+				{
+					name: "name",
+					title: p("Name"),
+					type: "slot",
+					width: "expand",
+					wrap: "truncate"
+				},
+				{
+					name: "manager",
+					prop: "members",
+					title: p("Manager"),
+					type: "slot"
+				},
+				{
+					name: "members",
+					title: p("Members"),
+					prop: "members",
+					type: "slot"
+				},
+				{
+					name: "totalQuota",
+					prop: "spaceQuota.total",
+					title: p("Total quota"),
+					type: "slot",
+					sortable: !0
+				},
+				{
+					name: "usedQuota",
+					prop: "spaceQuota.used",
+					title: p("Used quota"),
+					type: "slot",
+					sortable: !0
+				},
+				{
+					name: "remainingQuota",
+					prop: "spaceQuota.remaining",
+					title: p("Remaining quota"),
+					type: "slot",
+					sortable: !0
+				},
+				{
+					name: "indicators",
+					title: p("Status"),
+					type: "slot",
+					alignH: "right",
+					wrap: "nowrap",
+					width: "shrink"
+				},
+				{
+					name: "size",
+					title: p("Size"),
+					type: "slot",
+					alignH: "right",
+					wrap: "nowrap",
+					width: "shrink"
+				},
+				{
+					name: "syncEnabled",
+					title: p("Info"),
+					type: "slot",
+					alignH: "right",
+					wrap: "nowrap",
+					width: "shrink"
+				},
+				{
+					name: "tags",
+					title: p("Tags"),
+					type: "slot",
+					alignH: "right",
+					wrap: "nowrap",
+					width: "shrink"
+				},
+				{
+					name: "sharedBy",
+					title: p("Shared by"),
+					type: "slot",
+					alignH: "right",
+					wrap: "nowrap",
+					width: "shrink"
+				},
+				{
+					name: "sharedWith",
+					title: p("Shared with"),
+					type: "slot",
+					alignH: "right",
+					wrap: "nowrap",
+					width: "shrink"
+				},
+				{
+					name: "mdate",
+					title: p("Modified"),
+					type: "slot",
+					alignH: "right",
+					wrap: "nowrap",
+					width: "shrink",
+					accessibleLabelCallback: (e) => N(e.mdate) + " (" + Me(e.mdate) + ")"
+				},
+				{
+					name: "sdate",
+					title: p("Shared on"),
+					type: "slot",
+					alignH: "right",
+					wrap: "nowrap",
+					width: "shrink",
+					accessibleLabelCallback: (e) => N(e.sdate) + " (" + Me(e.sdate) + ")"
+				},
+				{
+					name: "ddate",
+					title: p("Deleted"),
+					type: "slot",
+					alignH: "right",
+					wrap: "nowrap",
+					width: "shrink",
+					accessibleLabelCallback: (e) => N(e.ddate) + " (" + Me(e.ddate) + ")"
+				}
+			].filter((n) => {
+				if (n.name === "tags" && !L(ve)) return !1;
+				if (n.name === "indicators") return !0;
+				let r;
+				return r = n.prop ? qt(t, n.prop) !== void 0 : Object.prototype.hasOwnProperty.call(t, n.name), e.fieldsDisplayed ? r && e.fieldsDisplayed.includes(n.name) : r;
+			}).map((e) => {
+				let t = r.find((t) => t.name === e.name);
+				return t && Object.assign(e, {
+					sortable: t.sortable,
+					sortDir: t.sortDir
+				}), e;
+			})), e.hasActions && n.push({
+				name: "actions",
+				title: p("Actions"),
+				type: "slot",
+				alignH: "right",
+				wrap: "nowrap",
+				width: "shrink"
+			}), n;
+		}), De = (e) => {
+			let t = L(r.currentRoute).query?.term;
+			return qr("files-common-search", { query: {
+				provider: "files.sdk",
+				q_tags: e,
+				...t && { term: t }
+			} });
+		}, Oe = (e) => L(me) ? { to: De(e) } : {}, ke = (e) => e.id === L(ge), Ae = (t) => e.showRenameQuickAction ? so(t) ? L(be).filter((e) => e.isVisible({ resources: [t] })).length : L(ye).filter((n) => n.isVisible({
+			space: e.space,
+			resources: [t]
+		})).length : !1, je = (e) => {
+			if (so(e)) return L(Ce)({ resources: [e] });
+			L(xe)({
+				space: a(e),
+				resources: [e]
+			});
+		}, Me = (e) => xn(new Date(e), h), N = (e) => ra(new Date(e), h), Ne = (e) => {
+			if (!lo(e)) return;
+			let t = e.type === "folder" ? p("folder") : p("file"), n = e.sharedWith.filter(({ shareType: e }) => Ya.authenticated.includes(Ya.getByValue(e))).length;
+			return n ? m("This %{ resourceType } is shared via %{ shareCount } invite", "This %{ resourceType } is shared via %{ shareCount } invites", n, {
+				resourceType: t,
+				shareCount: n.toString()
+			}) : "";
+		}, Pe = (e) => lo(e) ? p("This %{ resourceType } is shared by %{ user }", {
+			resourceType: e.type === "folder" ? p("folder") : p("file"),
+			user: e.sharedBy.map(({ displayName: e }) => e).join(", ")
+		}) : "", Fe = (e) => lo(e) ? e.sharedBy.map((e) => ({
+			displayName: e.displayName,
+			name: e.displayName,
+			avatarType: Ya.user.key,
+			username: e.id,
+			userId: e.id
+		})) : [], Ie = (e) => lo(e) ? e.sharedWith.filter(({ shareType: e }) => Ya.authenticated.includes(Ya.getByValue(e))).map((e) => ({
+			displayName: e.displayName,
+			name: e.displayName,
+			avatarType: Ya.getByValue(e.shareType).key,
+			username: e.id,
+			userId: e.id
+		})) : [];
+		return (t, n) => {
+			let r = F("oc-checkbox"), i = F("oc-icon"), a = F("oc-tag"), m = F("oc-avatars"), h = ni("oc-tooltip");
+			return Z(), X(U, null, [q(L(Ur), va(t.$attrs, {
+				id: "files-space-table",
+				class: [{
+					condensed: e.viewMode === L(ma).name.condensedTable,
+					"files-table": e.resourceType === "file",
+					"files-table-squashed": e.resourceType === "file" && L(pe),
+					"spaces-table": e.resourceType === "space",
+					"spaces-table-squashed": e.resourceType === "space" && L(pe)
+				}],
+				data: e.resources,
+				fields: Ee.value,
+				highlighted: e.selectedIds,
+				disabled: L(b),
+				sticky: L(f),
+				"header-position": e.headerPosition,
+				"drag-drop": e.dragDrop,
+				hover: e.hover,
+				"item-dom-selector": e.resourceDomSelector,
+				selection: L(v),
+				"sort-by": e.sortBy,
+				"sort-dir": e.sortDir,
+				lazy: e.lazy,
+				"padding-x": "medium",
+				onHighlight: n[1] ||= (e) => L(S)({
+					resource: e[0],
+					event: e[1]
+				}),
+				onContextmenuClicked: n[2] ||= (e, t, n) => L(oe)(t, n, we.value[n.id]),
+				onItemDropped: n[3] ||= (e) => L(j)(e[0], e[1]),
+				onItemDragged: n[4] ||= (e) => L(re)(e[0], e[1]),
+				onDropRowStyling: L(ie),
+				onSort: n[5] ||= (e) => t.$emit("sort", e),
+				"onUpdate:modelValue": n[6] ||= (e) => t.$emit("update:modelValue", e)
+			}), dr({
+				name: P(({ item: n }) => [Y("div", { class: B(["resource-table-resource-wrapper flex items-center", [{ "resource-table-resource-wrapper-limit-max-width": Ae(n) }]]) }, [
+					k(t.$slots, "image", { resource: n }),
+					(Z(), V(y, {
+						key: `${n.path}-${e.resourceDomSelector(n)}-${n.thumbnail}`,
+						resource: n,
+						"path-prefix": L(d)(n),
+						"is-path-displayed": e.arePathsDisplayed,
+						"parent-folder-name": L(l)(n),
+						"is-icon-displayed": !t.$slots.image,
+						"is-extension-displayed": L(he),
+						"is-resource-clickable": L(te)(n, e.areResourcesClickable),
+						link: L(D)(n),
+						"parent-folder-link": L(s)(n),
+						"parent-folder-link-icon-additional-attributes": L(c)(n),
+						class: B({ "opacity-60": L(E)(n) }),
+						onClick: J((e) => L(C)({
+							resource: n,
+							event: e
+						}), ["stop"])
+					}, null, 8, [
+						"resource",
+						"path-prefix",
+						"is-path-displayed",
+						"parent-folder-name",
+						"is-icon-displayed",
+						"is-extension-displayed",
+						"is-resource-clickable",
+						"link",
+						"parent-folder-link",
+						"parent-folder-link-icon-additional-attributes",
+						"class",
+						"onClick"
+					])),
+					Ae(n) ? (Z(), V(L(ur), {
+						key: 0,
+						class: "resource-table-edit-name inline-flex raw-hover-surface p-1 ml-1",
+						appearance: "raw",
+						"aria-label": L(p)("Rename file »%{name}«", { name: n.name }),
+						title: L(p)("Rename"),
+						onClick: J((e) => {
+							L(o)(e, n) || je(n);
+						}, ["stop"])
+					}, {
+						default: P(() => [q(i, {
+							name: "edit-2",
+							"fill-type": "line",
+							size: "small",
+							color: "var(--oc-role-on-surface)"
+						})]),
+						_: 1
+					}, 8, [
+						"aria-label",
+						"title",
+						"onClick"
+					])) : G("", !0)
+				], 2), k(t.$slots, "additionalResourceContent", { resource: n })]),
+				syncEnabled: P(({ item: e }) => [k(t.$slots, "syncEnabled", { resource: e })]),
+				size: P(({ item: e }) => [q(Rc, { size: e.size || NaN }, null, 8, ["size"])]),
+				tags: P(({ item: e }) => [(Z(!0), X(U, null, M(e.tags.slice(0, 2), (e) => (Z(), V(u(L(me) ? "router-link" : "span"), va({ key: e }, { ref_for: !0 }, Oe(e), { class: "resource-table-tag-wrapper" }), {
+					default: P(() => [I((Z(), V(a, {
+						class: "resource-table-tag ml-1 max-w-20",
+						rounded: !0,
+						size: "small"
+					}, {
+						default: P(() => [q(i, {
+							name: "price-tag-3",
+							size: "small"
+						}), Y("span", Xc, W(e), 1)]),
+						_: 2
+					}, 1024)), [[h, Te(e)]])]),
+					_: 2
+				}, 1040))), 128)), e.tags.length > 2 ? (Z(), V(a, {
+					key: 0,
+					size: "small",
+					class: "resource-table-tag-more align-text-bottom cursor-pointer",
+					onClick: n[0] ||= (e) => L(fe).openSideBar()
+				}, {
+					default: P(() => [wr(" + " + W(e.tags.length - 2), 1)]),
+					_: 2
+				}, 1024)) : G("", !0)]),
+				manager: P(({ item: e }) => [k(t.$slots, "manager", { resource: e })]),
+				members: P(({ item: e }) => [k(t.$slots, "members", { resource: e })]),
+				totalQuota: P(({ item: e }) => [k(t.$slots, "totalQuota", { resource: e })]),
+				usedQuota: P(({ item: e }) => [k(t.$slots, "usedQuota", { resource: e })]),
+				remainingQuota: P(({ item: e }) => [k(t.$slots, "remainingQuota", { resource: e })]),
+				mdate: P(({ item: e }) => [I(Y("span", {
+					tabindex: "0",
+					textContent: W(N(e.mdate))
+				}, null, 8, Zc), [[h, Me(e.mdate)]])]),
+				indicators: P(({ item: t }) => [q(zc, {
+					space: e.space,
+					resource: t,
+					"disable-handler": L(w)(t)
+				}, null, 8, [
+					"space",
+					"resource",
+					"disable-handler"
+				])]),
+				sdate: P(({ item: e }) => [I(Y("span", {
+					tabindex: "0",
+					textContent: W(N(e.sdate))
+				}, null, 8, Qc), [[h, Me(e.sdate)]])]),
+				ddate: P(({ item: e }) => [I(Y("p", {
+					tabindex: "0",
+					class: "m-0",
+					textContent: W(N(e.ddate))
+				}, null, 8, $c), [[h, Me(e.ddate)]])]),
+				sharedBy: P(({ item: e }) => [q(m, {
+					class: "flex items-center justify-end flex-row flex-nowrap",
+					"is-tooltip-displayed": !0,
+					items: Fe(e),
+					"accessible-description": Pe(e),
+					"hover-effect": ""
+				}, {
+					userAvatars: P(({ avatars: e, width: t }) => [(Z(!0), X(U, null, M(e, (e) => (Z(), V(L(Bc), {
+						key: e.userId,
+						"user-id": e.userId,
+						"user-name": e.displayName,
+						width: t
+					}, null, 8, [
+						"user-id",
+						"user-name",
+						"width"
+					]))), 128))]),
+					_: 1
+				}, 8, ["items", "accessible-description"])]),
+				sharedWith: P(({ item: e }) => [q(m, {
+					class: "flex items-center justify-end flex-row flex-nowrap",
+					"data-testid": "resource-table-shared-with",
+					items: Ie(e),
+					stacked: !0,
+					"max-displayed": 3,
+					"is-tooltip-displayed": !0,
+					"accessible-description": Ne(e),
+					"hover-effect": ""
+				}, {
+					userAvatars: P(({ avatars: e, width: t }) => [(Z(!0), X(U, null, M(e, (e) => (Z(), V(L(Bc), {
+						key: e.userId,
+						"user-id": e.userId,
+						"user-name": e.displayName,
+						width: t
+					}, null, 8, [
+						"user-id",
+						"user-name",
+						"width"
+					]))), 128))]),
+					_: 1
+				}, 8, ["items", "accessible-description"])]),
+				actions: P(({ item: n }) => [L(ae)(n) ? (Z(), X("div", el, [k(t.$slots, "quickActions", { resource: n }), q(Ec, {
+					ref: (e) => we.value[n.id] = e?.drop,
+					title: n.name,
+					item: n,
+					"resource-dom-selector": e.resourceDomSelector,
+					class: "resource-table-btn-action-dropdown",
+					onQuickActionClicked: (e) => L(se)(e, n, we.value[n.id])
+				}, {
+					contextMenu: P(() => [k(t.$slots, "contextMenu", { resource: n })]),
+					_: 2
+				}, 1032, [
+					"title",
+					"item",
+					"resource-dom-selector",
+					"onQuickActionClicked"
+				])])) : G("", !0)]),
+				_: 2
+			}, [
+				!L(g) && !L(_) ? {
+					name: "selectHeader",
+					fn: P(() => [Y("div", Yc, [I(q(r, {
+						id: "resource-table-select-all",
+						size: "large",
+						label: L(ce),
+						disabled: e.resources.length === L(b).length,
+						"label-hidden": !0,
+						"model-value": L(de),
+						onClick: J(L(ue), ["stop"])
+					}, null, 8, [
+						"label",
+						"disabled",
+						"model-value",
+						"onClick"
+					]), [[h, L(ce)]])])]),
+					key: "0"
+				} : void 0,
+				!L(g) && !L(_) ? {
+					name: "select",
+					fn: P(({ item: t }) => [L(T)(t.id) ? (Z(), V(L(Oi), {
+						key: 0,
+						class: "inline-flex ml-1",
+						size: "medium",
+						"aria-label": L(p)("File is being processed")
+					}, null, 8, ["aria-label"])) : (Z(), V(r, {
+						key: 1,
+						id: `resource-table-select-${e.resourceDomSelector(t)}`,
+						label: L(le)(t),
+						"label-hidden": !0,
+						size: "large",
+						disabled: L(w)(t),
+						"model-value": L(x)(t),
+						outline: ke(t),
+						"data-test-selection-resource-name": t.name,
+						"data-test-selection-resource-path": t.path,
+						onClick: J((e) => L(ee)({
+							resource: t,
+							event: e
+						}), ["stop"])
+					}, null, 8, [
+						"id",
+						"label",
+						"disabled",
+						"model-value",
+						"outline",
+						"data-test-selection-resource-name",
+						"data-test-selection-resource-path",
+						"onClick"
+					]))]),
+					key: "1"
+				} : void 0,
+				t.$slots.footer ? {
+					name: "footer",
+					fn: P(() => [k(t.$slots, "footer")]),
+					key: "2"
+				} : void 0
+			]), 1040, [
+				"class",
+				"data",
+				"fields",
+				"highlighted",
+				"disabled",
+				"sticky",
+				"header-position",
+				"drag-drop",
+				"hover",
+				"item-dom-selector",
+				"selection",
+				"sort-by",
+				"sort-dir",
+				"lazy",
+				"onDropRowStyling"
+			]), L(A) ? (Z(), V(Kn, {
+				key: 0,
+				to: "body"
+			}, [q(Pc, {
+				ref: "ghostElement",
+				"preview-items": [L(A), ...L(ne)]
+			}, null, 8, ["preview-items"])])) : G("", !0)], 64);
+		};
+	}
+}), rl = {
+	key: 0,
+	class: "oc-tile-card-lazy-shimmer h-30 overflow-hidden relative after:absolute after:inset-0 after:transform-[translateX(-100%)] opacity-20 after:animate-shimmer"
+}, il = { class: "z-10 absolute top-0 left-0 [&_input]:not-[.oc-checkbox-checked]:bg-role-surface-container" }, al = {
+	key: 0,
+	class: "oc-tile-card-loading-spinner z-990 m-2"
+}, ol = ["textContent"], sl = ["aria-label"], cl = { class: "flex justify-between items-center" }, ll = { class: "flex items-center truncate resource-name-wrapper text-role-on-surface overflow-hidden" }, ul = { class: "flex items-center" }, dl = {
+	key: 0,
+	class: "text-left my-0 truncate"
+}, fl = ["textContent"], pl = /* @__PURE__ */ H({
+	__name: "ResourceTile",
+	props: {
+		resource: {},
+		resourceRoute: {},
+		space: {},
+		isResourceSelected: {
+			type: Boolean,
+			default: !1
+		},
+		isResourceClickable: {
+			type: Boolean,
+			default: !0
+		},
+		isResourceDisabled: {
+			type: Boolean,
+			default: !1
+		},
+		isExtensionDisplayed: {
+			type: Boolean,
+			default: !0
+		},
+		isPathDisplayed: {
+			type: Boolean,
+			default: !1
+		},
+		resourceIconSize: { default: "xlarge" },
+		lazy: {
+			type: Boolean,
+			default: !1
+		},
+		isLoading: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: [
+		"fileNameClicked",
+		"contextmenu",
+		"itemVisible",
+		"tileClicked"
+	],
+	setup(e, { emit: t }) {
+		let n = t, { $gettext: r } = Q(), { getParentFolderName: i, getParentFolderLink: a } = Ba({ space: R(e.space) }), o = fe("observerTarget"), s = K(() => L(o)?.$el), c = K(() => e.resource.locked || e.resource.processing), l = K(() => e.resource.locked ? {
+			name: "lock",
+			fillType: "fill"
+		} : e.resource.processing ? {
+			name: "loop-right",
+			fillType: "line"
+		} : {}), u = K(() => e.resource.locked ? r("This item is locked") : null), d = K(() => fo(e.resource) ? e.resource.description : ""), { isVisible: f } = e.lazy ? ar({
+			target: s,
+			onVisibleCallback: () => n("itemVisible")
+		}) : { isVisible: R(!0) }, p = K(() => !L(f));
+		return e.lazy || n("itemVisible"), (t, n) => {
+			let s = F("oc-spinner"), f = F("oc-tag"), m = F("oc-image"), h = F("oc-icon"), g = ni("oc-tooltip");
+			return Z(), V(L(da), {
+				ref_key: "observerTarget",
+				ref: o,
+				"body-class": "p-0",
+				class: B(["oc-tile-card flex flex-col h-full shadow-none [&.item-accentuated]:bg-role-secondary-container", {
+					"oc-tile-card-selected bg-role-secondary-container outline-2 outline-role-outline": e.isResourceSelected,
+					"bg-role-surface-container hover:bg-role-surface-container-highest outline outline-role-surface-container-highest": !e.isResourceSelected,
+					"oc-tile-card-disabled opacity-70 grayscale-60 pointer-events-none": e.isResourceDisabled,
+					"state-trashed [&_.tile-preview]:opacity-80 [&_.tile-default-image_svg]:opacity-80 [&_.tile-preview]:grayscale [&_.tile-default-image_svg]:grayscale": L(so)(e.resource) && e.resource.disabled
+				}]),
+				"data-item-id": e.resource.id,
+				onContextmenu: n[4] ||= (e) => t.$emit("contextmenu", e)
+			}, {
+				default: P(() => [p.value ? (Z(), X("div", rl)) : (Z(), X(U, { key: 1 }, [q(Oe, {
+					class: "oc-card-media-top flex justify-center items-center m-0 w-full relative aspect-[16/9]",
+					resource: e.resource,
+					link: e.resourceRoute,
+					"is-resource-clickable": e.isResourceClickable,
+					tabindex: "-1",
+					onClick: n[1] ||= (e) => t.$emit("fileNameClicked", e)
+				}, {
+					default: P(() => [
+						Y("div", il, [e.isLoading ? (Z(), X("div", al, [q(s, { "aria-label": L(r)("File is being processed") }, null, 8, ["aria-label"])])) : k(t.$slots, "selection", {
+							key: 1,
+							item: e.resource
+						})]),
+						L(so)(e.resource) && e.resource.disabled ? (Z(), V(f, {
+							key: 0,
+							class: "z-10 absolute text-role-on-surface",
+							type: "span"
+						}, {
+							default: P(() => [Y("span", { textContent: W(L(r)("Disabled")) }, null, 8, ol)]),
+							_: 1
+						})) : G("", !0),
+						I((Z(), X("div", {
+							class: B(["oc-tile-card-preview flex items-center justify-center text-center size-full absolute", {
+								"p-2": e.isResourceSelected,
+								"hover:p-2": !e.isResourceSelected
+							}]),
+							"aria-label": u.value
+						}, [k(t.$slots, "imageField", { item: e.resource }, () => [e.resource.thumbnail ? (Z(), V(m, {
+							key: 0,
+							class: B(["tile-preview rounded-t-sm size-full object-cover aspect-[16/9] pointer-events-none", { "rounded-sm": e.isResourceSelected }]),
+							src: e.resource.thumbnail,
+							"data-test-thumbnail-resource-name": e.resource.name,
+							onClick: n[0] ||= J((n) => t.$emit("tileClicked", [e.resource, n]), ["stop"])
+						}, null, 8, [
+							"class",
+							"src",
+							"data-test-thumbnail-resource-name"
+						])) : (Z(), V(rn, {
+							key: 1,
+							resource: e.resource,
+							size: e.resourceIconSize,
+							class: "tile-default-image pt-1 relative"
+						}, dr({ _: 2 }, [c.value ? {
+							name: "status",
+							fn: P(() => [q(h, va(l.value, { size: "xsmall" }), null, 16)]),
+							key: "0"
+						} : void 0]), 1032, ["resource", "size"]))])], 10, sl)), [[g, u.value]])
+					]),
+					_: 3
+				}, 8, [
+					"resource",
+					"link",
+					"is-resource-clickable"
+				]), Y("div", {
+					class: "p-2",
+					onClick: n[3] ||= J((n) => t.$emit("tileClicked", [e.resource, n]), ["stop"])
+				}, [
+					Y("div", cl, [Y("div", ll, [q(y, {
+						resource: e.resource,
+						"is-icon-displayed": !1,
+						"is-extension-displayed": e.isExtensionDisplayed,
+						"is-resource-clickable": e.isResourceClickable,
+						"is-path-displayed": e.isPathDisplayed,
+						"parent-folder-name": L(i)(e.resource),
+						"parent-folder-link": L(a)(e.resource),
+						link: e.resourceRoute,
+						onClick: n[2] ||= J((e) => t.$emit("fileNameClicked", e), ["stop"])
+					}, null, 8, [
+						"resource",
+						"is-extension-displayed",
+						"is-resource-clickable",
+						"is-path-displayed",
+						"parent-folder-name",
+						"parent-folder-link",
+						"link"
+					])]), Y("div", ul, [
+						k(t.$slots, "indicators", {
+							item: e.resource,
+							class: "resource-indicators"
+						}),
+						k(t.$slots, "actions", { item: e.resource }),
+						k(t.$slots, "contextMenu", { item: e.resource })
+					])]),
+					d.value ? (Z(), X("p", dl, [Y("span", {
+						class: "text-sm",
+						textContent: W(d.value)
+					}, null, 8, fl)])) : G("", !0),
+					k(t.$slots, "additionalResourceContent", { item: e.resource })
+				])], 64))]),
+				_: 3
+			}, 8, ["data-item-id", "class"]);
+		};
+	}
+}), ml = {
+	id: "tiles-view",
+	class: "px-4 pt-2"
+}, hl = { class: "flex items-center mb-2 pb-2 oc-tiles-controls" }, gl = {
+	key: 1,
+	class: "oc-tiles-sort"
+}, _l = {
+	key: 0,
+	class: "flex"
+}, vl = { class: "p-1 text-sm" }, yl = /* @__PURE__ */ z(/* @__PURE__ */ H({
+	__name: "ResourceTiles",
+	props: {
+		resources: { default: () => [] },
+		selectedIds: { default: () => [] },
+		isSelectable: {
+			type: Boolean,
+			default: !0
+		},
+		space: {},
+		sortFields: { default: () => [] },
+		sortBy: {},
+		sortDir: {},
+		viewSize: { default: () => ma.tilesSizeDefault },
+		dragDrop: {
+			type: Boolean,
+			default: !1
+		},
+		lazy: {
+			type: Boolean,
+			default: !0
+		},
+		areResourcesClickable: {
+			type: Boolean,
+			default: !0
+		},
+		arePathsDisplayed: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: [
+		"fileClick",
+		"fileDropped",
+		"sort",
+		"itemVisible",
+		"update:selectedIds"
+	],
+	setup(e, { emit: t }) {
+		let n = t, { $gettext: r } = Q(), { areFileExtensionsShown: i } = $(fr()), { isLocationPicker: a, isFilePicker: o } = li(), s = Dr(), c = K(() => Math.min(L(s), e.viewSize)), { isSideBarOpen: l } = $(ki()), { disabledResources: u, isResourceSelected: d, fileContainerClicked: f, fileNameClicked: p, fileCheckboxClicked: m, isResourceDisabled: h, isResourceInDeleteQueue: g, isResourceClickable: _, isResourceCut: v, getResourceLink: y, dragItem: b, dragSelection: x, dragStart: S, fileDropped: C, setDropStyling: ee, shouldShowContextDrop: w, showContextMenuOnRightClick: T, showContextMenuOnBtnClick: te, selectAllCheckboxLabel: E, getResourceCheckboxLabel: D, toggleSelectionAll: O, areAllResourcesSelected: A } = Yi({
+			space: K(() => e.space),
+			resources: K(() => e.resources),
+			selectedIds: K(() => e.selectedIds),
+			emit: n
+		}), ne = R({}), re = window.__E2E__ === !0 ? !1 : e.lazy, j = K(() => e.sortFields.find((t) => t.name === e.sortBy && t.sortDir === e.sortDir) || e.sortFields[0]), ie = (e) => {
+			n("sort", {
+				sortBy: e.name,
+				sortDir: L(e.sortDir)
+			});
+		}, ae = K(() => ({
+			1: "xlarge",
+			2: "xlarge",
+			3: "xxlarge",
+			4: "xxlarge",
+			5: "xxxlarge",
+			6: "xxxlarge"
+		})[L(c)] ?? "xxlarge"), oe = R(0), se = () => {
+			let e = document.getElementById("tiles-view"), t = getComputedStyle(e), n = parseInt(t.getPropertyValue("padding-left"), 10) | 0, r = parseInt(t.getPropertyValue("padding-right"), 10) | 0;
+			oe.value = e.clientWidth - n - r;
+		}, ce = K(() => parseFloat(getComputedStyle(document.documentElement).fontSize)), { calculateTileSizePixels: le } = Fn(), ue = K(() => {
+			let e = [...Array(ma.tilesSizeMax).keys()].map((e) => e + 1);
+			return [...new Set(e.map((e) => {
+				let t = le(e);
+				return t ? Math.round(L(oe) / (t + L(ce))) : 0;
+			}))];
+		}), de = K(() => {
+			let e = L(ue);
+			return e.length < L(c) ? e[e.length - 1] : e[L(c) - 1];
+		}), fe = K(() => {
+			let t = L(de) ? e.resources.length % L(de) : 0;
+			return t ? L(de) - t : 0;
+		});
+		return N(K(() => L(oe) / L(de) - L(ce)), (e) => {
+			e && !isNaN(e) && document.documentElement.style.setProperty("--oc-size-tiles-actual", `${e}px`);
+		}, { immediate: !0 }), N(ue, (e) => {
+			s.value = Math.max(e.length, 1);
+		}), N(l, () => {
+			se();
+		}), Ht(() => {
+			window.addEventListener("resize", se), se();
+		}), ja(() => {
+			window.removeEventListener("resize", se);
+		}), (t, n) => {
+			let s = F("oc-checkbox"), c = F("oc-icon"), l = F("oc-button"), oe = F("oc-list"), se = F("oc-filter-chip"), ce = ni("oc-tooltip");
+			return Z(), X("div", ml, [
+				Y("div", hl, [e.isSelectable && !L(o) ? I((Z(), V(s, {
+					key: 0,
+					id: "tiles-view-select-all",
+					class: "ml-2",
+					size: "large",
+					label: L(E),
+					"label-hidden": !0,
+					disabled: e.resources.length === L(u).length,
+					"model-value": L(A),
+					onClick: J(L(O), ["stop"])
+				}, null, 8, [
+					"label",
+					"disabled",
+					"model-value",
+					"onClick"
+				])), [[ce, L(E)]]) : G("", !0), e.sortFields.length ? (Z(), X("div", gl, [q(se, {
+					class: "[&_.oc-filter-chip-label]:text-sm",
+					"filter-label": L(r)("Sort by"),
+					"selected-item-names": [j.value.label],
+					"has-active-state": !1,
+					"close-on-click": "",
+					raw: ""
+				}, {
+					default: P(() => [q(oe, null, {
+						default: P(() => [(Z(!0), X(U, null, M(e.sortFields, (e, t) => (Z(), X("li", { key: t }, [q(l, {
+							appearance: j.value === e ? "filled" : "raw-inverse",
+							"color-role": j.value === e ? "secondaryContainer" : "surface",
+							"no-hover": j.value === e,
+							"justify-content": "space-between",
+							class: "oc-tiles-sort-filter-chip-item",
+							onClick: (t) => ie(e)
+						}, {
+							default: P(() => [Y("span", null, W(e.label), 1), e === j.value ? (Z(), X("div", _l, [q(c, { name: "check" })])) : G("", !0)]),
+							_: 2
+						}, 1032, [
+							"appearance",
+							"color-role",
+							"no-hover",
+							"onClick"
+						])]))), 128))]),
+						_: 1
+					})]),
+					_: 1
+				}, 8, ["filter-label", "selected-item-names"])])) : G("", !0)]),
+				q(oe, { class: "oc-tiles grid justify-start gap-3" }, {
+					default: P(() => [(Z(!0), X(U, null, M(e.resources, (r) => (Z(), X("li", {
+						key: r.id,
+						class: "oc-tiles-item has-item-context-menu"
+					}, [q(pl, {
+						resource: r,
+						space: e.space,
+						"resource-route": L(y)(r),
+						"is-resource-selected": L(d)(r),
+						"is-resource-clickable": L(_)(r, e.areResourcesClickable),
+						"is-resource-disabled": L(h)(r),
+						"is-extension-displayed": L(i),
+						"is-path-displayed": e.arePathsDisplayed,
+						"resource-icon-size": ae.value,
+						draggable: e.dragDrop,
+						lazy: L(re),
+						"is-loading": L(g)(r.id),
+						class: B({ "opacity-60": L(v)(r) }),
+						onContextmenu: (e) => L(T)(e, r, ne.value[r.id]),
+						onFileNameClicked: J((e) => L(p)({
+							resource: r,
+							event: e
+						}), ["stop"]),
+						onDragstart: (e) => L(S)(r, e),
+						onDragenter: J((e) => L(ee)(r, !1, e), ["prevent"]),
+						onDragleave: J((e) => L(ee)(r, !0, e), ["prevent"]),
+						onDrop: (e) => L(C)(r, e),
+						onDragover: n[0] ||= (e) => e.preventDefault(),
+						onItemVisible: (e) => t.$emit("itemVisible", r),
+						onTileClicked: (e) => L(f)({
+							resource: r,
+							event: e[1]
+						})
+					}, {
+						selection: P(() => [e.isSelectable && !L(a) && !L(o) ? (Z(), V(s, {
+							key: 0,
+							label: L(D)(r),
+							"label-hidden": !0,
+							size: "large",
+							class: "inline-flex p-2.5",
+							disabled: L(h)(r),
+							"model-value": L(d)(r),
+							"data-test-selection-resource-name": r.name,
+							"data-test-selection-resource-path": r.path,
+							onClick: J((e) => L(m)({
+								resource: r,
+								event: e
+							}), ["stop", "prevent"])
+						}, null, 8, [
+							"label",
+							"disabled",
+							"model-value",
+							"data-test-selection-resource-name",
+							"data-test-selection-resource-path",
+							"onClick"
+						])) : G("", !0)]),
+						imageField: P(() => [k(t.$slots, "image", { resource: r }, void 0, !0)]),
+						indicators: P(() => [q(zc, {
+							space: e.space,
+							class: "ml-2",
+							resource: r,
+							filter: (e) => ["system", "sharing"].includes(e.category),
+							"disable-handler": L(h)(r)
+						}, null, 8, [
+							"space",
+							"resource",
+							"filter",
+							"disable-handler"
+						])]),
+						actions: P(() => [k(t.$slots, "actions", { resource: r }, void 0, !0)]),
+						contextMenu: P(() => [L(w)(r) ? (Z(), V(L(Ec), {
+							key: 0,
+							ref_for: !0,
+							ref: (e) => ne.value[r.id] = e?.drop,
+							item: r,
+							title: r.name,
+							class: "resource-tiles-btn-action-dropdown",
+							onQuickActionClicked: (e) => L(te)(e, r, ne.value[r.id])
+						}, {
+							contextMenu: P(() => [k(t.$slots, "contextMenu", { resource: r }, void 0, !0)]),
+							_: 2
+						}, 1032, [
+							"item",
+							"title",
+							"onQuickActionClicked"
+						])) : G("", !0)]),
+						additionalResourceContent: P(() => [k(t.$slots, "additionalResourceContent", { resource: r }, void 0, !0)]),
+						_: 2
+					}, 1032, [
+						"resource",
+						"space",
+						"resource-route",
+						"is-resource-selected",
+						"is-resource-clickable",
+						"is-resource-disabled",
+						"is-extension-displayed",
+						"is-path-displayed",
+						"resource-icon-size",
+						"draggable",
+						"lazy",
+						"is-loading",
+						"class",
+						"onContextmenu",
+						"onFileNameClicked",
+						"onDragstart",
+						"onDragenter",
+						"onDragleave",
+						"onDrop",
+						"onItemVisible",
+						"onTileClicked"
+					])]))), 128)), (Z(!0), X(U, null, M(fe.value, (e) => (Z(), X("li", {
+						key: `ghost-tile-${e}`,
+						class: "list-item",
+						"aria-hidden": !0
+					}))), 128))]),
+					_: 3
+				}),
+				L(b) ? (Z(), V(Kn, {
+					key: 0,
+					to: "body"
+				}, [q(Pc, {
+					ref: "ghostElement",
+					"preview-items": [L(b), ...L(x)]
+				}, null, 8, ["preview-items"])])) : G("", !0),
+				Y("div", vl, [k(t.$slots, "footer", {}, void 0, !0)])
+			]);
+		};
+	}
+}), [["__scopeId", "data-v-8798a647"]]), bl = { class: "flex items-center truncate" }, xl = { class: "truncate ml-2" }, Sl = { class: "flex" }, Cl = { class: "my-1" }, wl = { class: "flex items-center truncate" }, Tl = { class: "truncate ml-2" }, El = ["textContent"], Dl = { class: "flex" }, Ol = { class: "flex items-center justify-between mb-4" }, kl = ["textContent"], Al = { class: "mt-2" }, jl = { class: "date-filter-apply-btn text-end" }, Ml = /* @__PURE__ */ z(/* @__PURE__ */ H({
+	__name: "DateFilter",
+	props: {
+		filterLabel: {},
+		filterName: {},
+		items: {},
+		idAttribute: { default: "id" },
+		displayNameAttribute: { default: "name" }
+	},
+	emits: ["selectionChange"],
+	setup(e, { expose: t, emit: n }) {
+		let i = n, a = Mi(), { current: o } = Q(), s = xr(), { currentTheme: c } = $(za()), l = R(), u = R(e.items), d = R(), f = R(), p = R(!1), m = R(), h = `q_${e.filterName}`, g = r(h), _ = (t) => t[e.idAttribute], v = () => a.push({ query: {
+			...Zi(L(s).query, [h]),
+			...L(l) && { [h]: _(L(l)) }
+		} }), y = (e) => L(l) && _(L(l)) === _(e), b = () => {
+			d.value = void 0, f.value = void 0;
+		}, x = async (e) => {
+			b(), y(e) ? l.value = void 0 : (l.value = e, L(m).hideDrop()), await v(), i("selectionChange", L(l));
+		}, S = () => {
+			l.value = void 0, p.value = !1, b(), i("selectionChange", L(l)), v();
+		}, C = () => {
+			u.value = e.items;
+		}, ee = () => {
+			p.value = !1;
+		}, w = () => {
+			let t = Re(L(g));
+			if (!t) return;
+			let n = e.items.find((e) => _(e) === t);
+			if (n) {
+				l.value = n;
+				return;
+			}
+			if (L(T)) {
+				let e = t.replace("range:", ""), n = Number(e.split(" - ")[0]), r = Number(e.split(" - ")[1]);
+				d.value = _o.fromMillis(n), f.value = _o.fromMillis(r), l.value = L(E);
+			}
+		}, T = K(() => Re(L(g))?.startsWith("range:")), te = K(() => !L(d) || !L(f) ? !1 : L(d) <= L(f)), E = K(() => {
+			if (!L(d) || !L(f)) return null;
+			let t = Vi(L(d), o, _o.DATE_SHORT), n = Vi(L(f), o, _o.DATE_SHORT), r = L(d).toMillis(), i = L(f).toMillis();
+			return {
+				[e.idAttribute]: `range:${r} - ${i}`,
+				[e.displayNameAttribute]: `${t} - ${n}`
+			};
+		}), D = async () => {
+			l.value = L(E), await v(), L(m).hideDrop(), i("selectionChange", L(l));
+		}, O = ({ date: e, error: t }, n) => {
+			if (t) {
+				console.error("date could not be set");
+				return;
+			}
+			let r = n === "from" ? d : f;
+			if (!e) {
+				r.value = void 0;
+				return;
+			}
+			r.value = n === "from" ? e.startOf("day") : e.endOf("day");
+		};
+		return t({ setSelectedItemsBasedOnQuery: w }), Ht(() => {
+			w();
+		}), (t, n) => {
+			let r = F("oc-icon"), i = F("oc-button"), a = F("oc-list"), o = F("oc-datepicker");
+			return Z(), X("div", { class: B(["date-filter flex overflow-hidden [&_label]:text-sm", `date-filter-${e.filterName}`]) }, [q(L(ir), {
+				ref_key: "filterChip",
+				ref: m,
+				"filter-label": e.filterLabel,
+				"selected-item-names": l.value ? [l.value[e.displayNameAttribute]] : void 0,
+				onClearFilter: S,
+				onShowDrop: C,
+				onHideDrop: ee
+			}, {
+				default: P(() => [q(a, { class: B({ "invisible min-h-[225px] transition-[visibility] duration-[0.4s,0s]": p.value }) }, {
+					default: P(() => [(Z(!0), X(U, null, M(u.value, (n, a) => (Z(), X("li", {
+						key: a,
+						class: "my-1 first:mt-0 last:mb-0"
+					}, [q(i, {
+						class: B(["date-filter-list-item flex justify-between items-center w-full p-1", { "date-filter-list-item-active": y(n) }]),
+						"justify-content": "space-between",
+						appearance: "raw",
+						"data-testid": n[e.displayNameAttribute],
+						onClick: (e) => x(n)
+					}, {
+						default: P(() => [Y("div", bl, [Y("div", xl, [k(t.$slots, "item", { item: n }, void 0, !0)])]), Y("div", Sl, [y(n) ? (Z(), V(r, {
+							key: 0,
+							name: "check"
+						})) : G("", !0)])]),
+						_: 2
+					}, 1032, [
+						"class",
+						"data-testid",
+						"onClick"
+					])]))), 128)), Y("li", Cl, [q(i, {
+						class: B(["date-filter-list-item flex justify-between items-center w-full p-1", { "date-filter-list-item-active": T.value }]),
+						"justify-content": "space-between",
+						appearance: "raw",
+						"data-testid": "custom-date-range",
+						onClick: n[0] ||= (e) => p.value = !0
+					}, {
+						default: P(() => [Y("div", wl, [Y("div", Tl, [Y("span", { textContent: W(t.$gettext("Custom date range")) }, null, 8, El)])]), Y("div", Dl, [T.value ? (Z(), V(r, {
+							key: 0,
+							name: "check"
+						})) : G("", !0)])]),
+						_: 1
+					}, 8, ["class"])])]),
+					_: 3
+				}, 8, ["class"]), Y("div", { class: B(["date-filter-range-panel absolute top-0 p-2 bg-role-surface", {
+					"transform-[translateX(0)] visible": p.value,
+					"transform-[translateX(100%)] invisible": !p.value
+				}]) }, [
+					Y("div", Ol, [
+						q(i, {
+							appearance: "raw",
+							class: "date-filter-range-panel-back",
+							"aria-label": t.$gettext("Go back to filter options"),
+							onClick: n[1] ||= (e) => p.value = !1
+						}, {
+							default: P(() => [q(r, {
+								name: "arrow-left-s",
+								"fill-type": "line"
+							})]),
+							_: 1
+						}, 8, ["aria-label"]),
+						Y("span", { textContent: W(t.$gettext("Custom date range")) }, null, 8, kl),
+						q(i, {
+							appearance: "raw",
+							class: "date-filter-range-panel-close",
+							"aria-label": t.$gettext("Close filter"),
+							onClick: n[2] ||= (e) => m.value.hideDrop()
+						}, {
+							default: P(() => [q(r, { name: "close" })]),
+							_: 1
+						}, 8, ["aria-label"])
+					]),
+					Y("div", Al, [q(o, {
+						label: t.$gettext("From"),
+						"is-clearable": !0,
+						"current-date": d.value,
+						"is-dark": L(c).isDark,
+						onDateChanged: n[3] ||= (e) => O(e, "from")
+					}, null, 8, [
+						"label",
+						"current-date",
+						"is-dark"
+					]), q(o, {
+						label: t.$gettext("To"),
+						"is-clearable": !0,
+						"current-date": f.value,
+						"min-date": d.value ? d.value : void 0,
+						"is-dark": L(c).isDark,
+						onDateChanged: n[4] ||= (e) => O(e, "to")
+					}, null, 8, [
+						"label",
+						"current-date",
+						"min-date",
+						"is-dark"
+					])]),
+					Y("div", jl, [q(i, {
+						size: "small",
+						disabled: !te.value,
+						onClick: D
+					}, {
+						default: P(() => [wr(W(t.$gettext("Apply")), 1)]),
+						_: 1
+					}, 8, ["disabled"])])
+				], 2)]),
+				_: 3
+			}, 8, ["filter-label", "selected-item-names"])], 2);
+		};
+	}
+}), [["__scopeId", "data-v-9c476fec"]]), Nl = H({
+	name: "ItemFilterInline",
+	props: {
+		filterName: {
+			type: String,
+			required: !0
+		},
+		filterOptions: {
+			type: Array,
+			required: !0
+		}
+	},
+	emits: ["toggleFilter"],
+	setup: function(e, { emit: t }) {
+		let n = Mi(), i = xr(), a = R(e.filterOptions[0].name), o = `q_${e.filterName}`, s = r(o), c = (e) => n.push({ query: {
+			...Zi(L(i).query, [o]),
+			[o]: e
+		} });
+		return Ht(() => {
+			let n = Re(L(s));
+			n && e.filterOptions.some(({ name: e }) => e === n) && (a.value = n, t("toggleFilter", e.filterOptions.find(({ name: e }) => e === n)));
+		}), {
+			queryParam: o,
+			activeOption: a,
+			toggleFilter: async (e) => {
+				a.value = e.name, await c(e.name), t("toggleFilter", e);
+			}
+		};
+	}
+}), Pl = ["textContent"];
+function Fl(e, t, n, r, i, a) {
+	let o = F("oc-button");
+	return Z(), X("div", null, [Y("div", { class: B(["item-inline-filter inline-flex outline outline-offset-[-1px] rounded-md", `item-inline-filter-${e.filterName}`]) }, [(Z(!0), X(U, null, M(e.filterOptions, (t, n) => (Z(), V(o, {
+		id: t.name,
+		key: n,
+		class: B(["item-inline-filter-option py-1 px-2 first:rounded-l-md last:rounded-r-md h-[32px]", { "item-inline-filter-option-selected": e.activeOption === t.name }]),
+		appearance: e.activeOption === t.name ? "filled" : "raw-inverse",
+		"color-role": e.activeOption === t.name ? "secondaryContainer" : "surface",
+		"no-hover": e.activeOption === t.name,
+		onClick: (n) => e.toggleFilter(t)
+	}, {
+		default: P(() => [Y("span", {
+			class: "truncate item-inline-filter-option-label",
+			textContent: W(t.label)
+		}, null, 8, Pl)]),
+		_: 2
+	}, 1032, [
+		"id",
+		"class",
+		"appearance",
+		"color-role",
+		"no-hover",
+		"onClick"
+	]))), 128))], 2)]);
+}
+var Il = /* @__PURE__ */ z(Nl, [["render", Fl]]), Ll = {
+	key: 1,
+	class: "flex justify-between items-center w-full"
+}, Rl = { class: "flex items-center truncate" }, zl = { class: "flex flex-col items-start ml-5 truncate" }, Bl = ["textContent"], Vl = ["textContent"], Hl = { class: "flex justify-between items-center w-full" }, Ul = { class: "flex items-center truncate" }, Wl = { class: "flex flex-col items-start ml-5 truncate" }, Gl = ["textContent"], Kl = ["textContent"], ql = /* @__PURE__ */ H({
+	__name: "AccountsSwitch",
+	setup(e) {
+		let t = w(), { accounts: n, currentAccount: r, isLoading: i } = $(t), { setCurrentAccount: a } = t, o = (e) => {
+			a(e);
+		};
+		return (e, t) => {
+			let a = F("oc-spinner"), s = F("oc-avatar"), c = F("oc-icon"), l = F("oc-button"), u = F("oc-list"), d = F("oc-drop");
+			return Z(), X(U, null, [q(l, {
+				id: "account-list-toggle",
+				class: "w-auto m-2",
+				appearance: "filled",
+				"color-role": "surface",
+				"justify-content": "space-between",
+				"no-hover": ""
+			}, {
+				default: P(() => [L(i) ? (Z(), V(a, {
+					key: 0,
+					"aria-label": e.$gettext("Loading accounts")
+				}, null, 8, ["aria-label"])) : (Z(), X("div", Ll, [Y("div", Rl, [q(s, { "user-name": L(r)?.name || "" }, null, 8, ["user-name"]), Y("div", zl, [Y("span", {
+					class: "font-bold",
+					textContent: W(L(r)?.name || "")
+				}, null, 8, Bl), L(r)?.identities?.[0]?.email ? (Z(), X("span", {
+					key: 0,
+					class: "max-w-full truncate",
+					textContent: W(L(r).identities[0].email)
+				}, null, 8, Vl)) : G("", !0)])]), q(c, {
+					class: "ml-2",
+					name: "more-2"
+				})]))]),
+				_: 1
+			}), q(d, {
+				title: e.$gettext("Accounts"),
+				class: "w-md",
+				toggle: "#account-list-toggle",
+				"close-on-click": ""
+			}, {
+				default: P(() => [q(u, null, {
+					default: P(() => [(Z(!0), X(U, null, M(L(n), (e) => (Z(), X("li", {
+						key: e.accountId,
+						class: "oc-list"
+					}, [q(l, {
+						class: "p-2",
+						appearance: e.accountId === L(r).accountId ? "filled" : "raw-inverse",
+						"color-role": e.accountId === L(r).accountId ? "secondaryContainer" : "surface",
+						onClick: (t) => o(e)
+					}, {
+						default: P(() => [Y("div", Hl, [Y("div", Ul, [q(s, { "user-name": e.name }, null, 8, ["user-name"]), Y("div", Wl, [Y("span", {
+							class: "font-bold",
+							textContent: W(e.name)
+						}, null, 8, Gl), e.identities?.[0]?.email ? (Z(), X("span", {
+							key: 0,
+							textContent: W(e.identities[0].email)
+						}, null, 8, Kl)) : G("", !0)])]), e.accountId === L(r).accountId ? (Z(), V(c, {
+							key: 0,
+							class: "ml-2",
+							name: "check"
+						})) : G("", !0)])]),
+						_: 2
+					}, 1032, [
+						"appearance",
+						"color-role",
+						"onClick"
+					])]))), 128))]),
+					_: 1
+				})]),
+				_: 1
+			}, 8, ["title"])], 64);
+		};
+	}
+}), Jl = { class: "space-quota" }, Yl = ["textContent"], Xl = /* @__PURE__ */ H({
+	__name: "SpaceQuota",
+	props: { spaceQuota: {} },
+	setup(e) {
+		let { $gettext: t, current: n } = Q(), r = K(() => e.spaceQuota.total ? t("%{used} of %{total} used (%{percentage}% used)", {
+			used: L(a),
+			total: L(i),
+			percentage: L(o).toString()
+		}) : t("%{used} used (no restriction)", { used: L(a) })), i = K(() => Ge(e.spaceQuota.total, n)), a = K(() => Ge(e.spaceQuota.used, n)), o = K(() => parseFloat((e.spaceQuota.used / e.spaceQuota.total * 100).toFixed(2))), s = K(() => {
+			switch (e.spaceQuota.state) {
+				case "normal": return "var(--oc-role-secondary)";
+				default: return "var(--oc-role-error)";
+			}
+		});
+		return (e, t) => {
+			let n = F("oc-progress");
+			return Z(), X("div", Jl, [Y("p", {
+				class: "mb-2 mt-0",
+				textContent: W(r.value)
+			}, null, 8, Yl), q(n, {
+				value: o.value,
+				max: 100,
+				size: "small",
+				color: s.value,
+				"background-color": "var(--oc-role-surface)"
+			}, null, 8, ["value", "color"])]);
+		};
+	}
+}), Zl = H({
+	name: "WebDavDetails",
+	props: { space: {
+		type: Object,
+		required: !0
+	} },
+	setup(e) {
+		let t = zn("resource"), n = "check", r = "file-copy", i = R(r), a = R(r), o = K(() => Pt(L(t).webDavPath)), s = K(() => e.space?.getWebDavUrl({ path: L(t).path }));
+		return {
+			copyWebDAVPathIcon: i,
+			copyWebDAVPathToClipboard: () => {
+				navigator.clipboard.writeText(L(o)), i.value = n, setTimeout(() => i.value = r, 1500);
+			},
+			copyWebDAVUrlIcon: a,
+			copyWebDAVUrlToClipboard: () => {
+				navigator.clipboard.writeText(L(s)), a.value = n, setTimeout(() => a.value = r, 1500);
+			},
+			webDavPath: o,
+			webDavUrl: s
+		};
+	}
+}), Ql = { class: "flex" }, $l = ["textContent"], eu = { class: "flex" }, tu = ["textContent"];
+function nu(e, t, n, r, i, a) {
+	let o = F("oc-icon"), s = F("oc-button"), c = ni("oc-tooltip");
+	return Z(), X(U, null, [
+		Y("dt", null, W(e.$gettext("WebDAV path")), 1),
+		Y("dd", Ql, [I(Y("div", {
+			class: "truncate",
+			textContent: W(e.webDavPath)
+		}, null, 8, $l), [[c, e.webDavPath]]), I((Z(), V(s, {
+			class: "ml-2",
+			appearance: "raw",
+			size: "small",
+			"aria-label": e.$gettext("Copy WebDAV path to clipboard"),
+			"no-hover": "",
+			onClick: e.copyWebDAVPathToClipboard
+		}, {
+			default: P(() => [q(o, { name: e.copyWebDAVPathIcon }, null, 8, ["name"])]),
+			_: 1
+		}, 8, ["aria-label", "onClick"])), [[c, e.$gettext("Copy WebDAV path")]])]),
+		Y("dt", null, W(e.$gettext("WebDAV URL")), 1),
+		Y("dd", eu, [I(Y("div", {
+			class: "truncate",
+			textContent: W(e.webDavUrl)
+		}, null, 8, tu), [[c, e.webDavUrl]]), I((Z(), V(s, {
+			class: "ml-2",
+			appearance: "raw",
+			size: "small",
+			"aria-label": e.$gettext("Copy WebDAV URL to clipboard"),
+			"no-hover": "",
+			onClick: e.copyWebDAVUrlToClipboard
+		}, {
+			default: P(() => [q(o, { name: e.copyWebDAVUrlIcon }, null, 8, ["name"])]),
+			_: 1
+		}, 8, ["aria-label", "onClick"])), [[c, e.$gettext("Copy WebDAV URL")]])])
+	], 64);
+}
+var ru = /* @__PURE__ */ z(Zl, [["render", nu]]), iu = /* @__PURE__ */ H({
+	__name: "CustomComponentTarget",
+	props: { extensionPoint: {} },
+	setup(e) {
+		let t = e, n = dt(), r = wt(), i = K(() => n.requestExtensions(t.extensionPoint)), a = r.extractDefaultExtensionIds(t.extensionPoint, L(i)), o = K(() => {
+			if (t.extensionPoint.multiple || L(i).length <= 1) return L(i);
+			let e = r.getExtensionPreference(t.extensionPoint.id, a);
+			return e.selectedExtensionIds.length ? [L(i).find((t) => e.selectedExtensionIds.includes(t.id)) || L(i)[0]] : [L(i)[0]];
+		});
+		return (e, t) => (Z(!0), X(U, null, M(o.value, (e) => (Z(), V(u(e.content), va({ key: `custom-component-${e.id}` }, { ref_for: !0 }, e.componentProps ? e.componentProps() : void 0), null, 16))), 128));
+	}
+}), au = {
+	id: "app.files.sidebar.space-details.table",
+	extensionType: "customComponent"
+}, ou = () => K(() => [au]), su = {
+	id: "oc-space-details-sidebar",
+	class: "p-4 bg-role-surface-container rounded-sm"
+}, cu = { class: "text-center" }, lu = {
+	key: 1,
+	class: "relative mb-2"
+}, uu = ["src"], du = {
+	key: 0,
+	class: "flex items-center oc-space-details-sidebar-members mb-2 text-sm gap-2"
+}, fu = ["textContent"], pu = ["textContent"], mu = ["aria-label"], hu = /* @__PURE__ */ H({
+	__name: "SpaceDetails",
+	props: { showShareIndicators: {
+		type: Boolean,
+		default: !0
+	} },
+	setup(e) {
+		let t = $n(), n = fr(), { resourceContentsText: r } = br({ showSizeInformation: !1 }), i = Mi(), { $gettext: a, $ngettext: o, current: s } = Q(), { loadPreview: c } = ji(), { openSideBarPanel: l } = ki(), u = gi(), { imagesLoading: d } = $(u), f = Mr(), p = zn("resource"), m = R(""), { user: h } = $(t), g = K(() => u.getSpaceMembers(L(p))), _ = K(() => f.linkShares.length), v = K(() => n.areWebDavDetailsShown), y = K(() => !$r(i, "files-spaces-projects")), b = K(() => `${Ge(L(p).size, s)}, ${L(r)}`);
+		N(() => L(p).spaceImageData, async () => {
+			m.value = await c({
+				space: L(p),
+				resource: L(p).spaceImageData ? Za(L(p)) : L(p),
+				dimensions: Ke.Tile,
+				processor: Sr.enum.fit,
+				cancelRunning: !0,
+				updateStore: !1
+			});
+		}, { immediate: !0 });
+		let x = K(() => L(g).length ? L(g).filter(io).map(({ sharedWith: e }) => e.id === L(h)?.id ? a("%{displayName} (me)", { displayName: e.displayName }) : e.displayName).join(", ") : eo(L(p), f.graphRoles)?.map(({ grantedToV2: e }) => e.user?.id === L(h)?.id ? a("%{displayName} (me)", { displayName: e.user.displayName }) : e.user?.displayName || e.group?.displayName).join(", ")), S = K(() => Dn(L(p).mdate, s)), C = K(() => L(E) || L(D)), ee = K(() => {
+			if (L(E) && !L(D)) return L(k);
+			if (!L(E) && L(D)) return L(A);
+			switch (L(O)) {
+				case 1: return o("This space has one member and %{linkShareCount} link.", "This space has one member and %{linkShareCount} links.", L(_), { linkShareCount: L(_).toString() });
+				default: return L(_) === 1 ? a("This space has %{memberShareCount} members and one link.", { memberShareCount: L(O).toString() }) : a("This space has %{memberShareCount} members and %{linkShareCount} links.", {
+					memberShareCount: L(O).toString(),
+					linkShareCount: L(_).toString()
+				});
+			}
+		}), w = K(() => a("Open share panel")), T = K(() => a("Open link list in share panel")), te = K(() => a("Open member list in share panel")), E = K(() => L(O) > 0), D = K(() => L(_) > 0), O = K(() => L(g).length), k = K(() => o("This space has %{memberShareCount} member.", "This space has %{memberShareCount} members.", L(O), { memberShareCount: L(O).toString() })), A = K(() => o("%{linkShareCount} link giving access.", "%{linkShareCount} links giving access.", L(_), { linkShareCount: L(_).toString() }));
+		return (t, n) => {
+			let r = F("oc-spinner"), i = F("oc-icon"), o = F("oc-button");
+			return Z(), X("div", su, [
+				Y("div", cu, [L(d).includes(L(p).id) ? (Z(), V(r, {
+					key: 0,
+					"aria-label": L(a)("Space image is loading")
+				}, null, 8, ["aria-label"])) : m.value ? (Z(), X("div", lu, [Y("img", {
+					src: m.value,
+					alt: "",
+					class: "size-full object-cover aspect-[16/9]"
+				}, null, 8, uu)])) : (Z(), V(i, {
+					key: 2,
+					name: "layout-grid",
+					size: "xxlarge",
+					class: "space-default-image px-4 py-4"
+				}))]),
+				e.showShareIndicators && C.value && !L(p).disabled ? (Z(), X("div", du, [
+					E.value ? (Z(), V(o, {
+						key: 0,
+						appearance: "raw",
+						"aria-label": te.value,
+						"no-hover": "",
+						onClick: n[0] ||= (e) => L(l)("space-share")
+					}, {
+						default: P(() => [q(i, {
+							name: "group",
+							size: "small",
+							"fill-type": "line"
+						})]),
+						_: 1
+					}, 8, ["aria-label"])) : G("", !0),
+					D.value ? (Z(), V(o, {
+						key: 1,
+						appearance: "raw",
+						"aria-label": T.value,
+						"no-hover": "",
+						onClick: n[1] ||= (e) => L(l)("space-share")
+					}, {
+						default: P(() => [q(i, {
+							name: "link",
+							size: "small",
+							"fill-type": "line"
+						})]),
+						_: 1
+					}, 8, ["aria-label"])) : G("", !0),
+					Y("p", { textContent: W(ee.value) }, null, 8, fu),
+					q(o, {
+						appearance: "raw",
+						"aria-label": w.value,
+						size: "small",
+						"no-hover": "",
+						onClick: n[2] ||= (e) => L(l)("space-share")
+					}, {
+						default: P(() => [Y("span", {
+							class: "text-sm",
+							textContent: W(L(a)("Show"))
+						}, null, 8, pu)]),
+						_: 1
+					}, 8, ["aria-label"])
+				])) : G("", !0),
+				Y("dl", {
+					class: "details-list grid grid-cols-[auto_minmax(0,1fr)] m-0",
+					"aria-label": L(a)("Overview of the information about the selected space")
+				}, [
+					Y("dt", null, W(L(a)("Last activity")), 1),
+					Y("dd", null, W(S.value), 1),
+					L(p).description ? (Z(), X(U, { key: 0 }, [Y("dt", null, W(L(a)("Subtitle")), 1), Y("dd", null, W(L(p).description), 1)], 64)) : G("", !0),
+					Y("dt", null, W(L(a)("Manager")), 1),
+					Y("dd", null, W(x.value), 1),
+					L(p).disabled ? G("", !0) : (Z(), X(U, { key: 1 }, [Y("dt", null, W(L(a)("Quota")), 1), Y("dd", null, [q(Xl, { "space-quota": L(p).spaceQuota }, null, 8, ["space-quota"])])], 64)),
+					y.value ? (Z(), X(U, { key: 2 }, [Y("dt", null, W(L(a)("Size")), 1), Y("dd", null, W(b.value), 1)], 64)) : G("", !0),
+					v.value ? (Z(), V(ru, {
+						key: 3,
+						space: L(p)
+					}, null, 8, ["space"])) : G("", !0),
+					q(iu, { "extension-point": L(au) }, null, 8, ["extension-point"])
+				], 8, mu)
+			]);
+		};
+	}
+}), gu = {
+	id: "oc-spaces-details-multiple-sidebar",
+	class: "p-4 bg-role-surface-container rounded-sm"
+}, _u = { class: "text-center mb-6 rounded-sm" }, vu = ["textContent"], yu = /* @__PURE__ */ H({
+	__name: "SpaceDetailsMultiple",
+	props: { selectedSpaces: {} },
+	setup(e) {
+		let t = Q(), { $gettext: n, $ngettext: r } = t, i = K(() => {
+			let n = 0;
+			return e.selectedSpaces.forEach((e) => {
+				n += e.spaceQuota.total;
+			}), Ge(n, t.current);
+		}), a = K(() => {
+			let n = 0;
+			return e.selectedSpaces.forEach((e) => {
+				e.disabled || (n += e.spaceQuota.remaining);
+			}), Ge(n, t.current);
+		}), o = K(() => {
+			let n = 0;
+			return e.selectedSpaces.forEach((e) => {
+				e.disabled || (n += e.spaceQuota.used);
+			}), Ge(n, t.current);
+		}), s = K(() => e.selectedSpaces.filter((e) => !e.disabled).length), c = K(() => e.selectedSpaces.filter((e) => e.disabled).length), l = K(() => n("Overview of the information about the selected spaces")), u = K(() => r("%{ itemCount } space selected", "%{ itemCount } spaces selected", e.selectedSpaces.length, { itemCount: e.selectedSpaces.length.toString() })), d = K(() => [
+			{
+				term: n("Total quota:"),
+				definition: L(i).toString()
+			},
+			{
+				term: n("Remaining quota:"),
+				definition: L(a).toString()
+			},
+			{
+				term: n("Used quota:"),
+				definition: L(o).toString()
+			},
+			{
+				term: n("Enabled:"),
+				definition: L(s).toString()
+			},
+			{
+				term: n("Disabled:"),
+				definition: L(c).toString()
+			}
+		]);
+		return (e, t) => {
+			let n = F("oc-icon"), r = F("oc-definition-list");
+			return Z(), X("div", gu, [Y("div", _u, [Y("div", null, [q(n, {
+				size: "xxlarge",
+				name: "layout-grid"
+			}), Y("p", { textContent: W(u.value) }, null, 8, vu)])]), q(r, {
+				"aria-label": l.value,
+				items: d.value,
+				class: "m-0"
+			}, null, 8, ["aria-label", "items"])]);
+		};
+	}
+}), bu = H({ name: "SpaceNoSelection" }), xu = { class: "mt-12" }, Su = { class: "flex flex-col items-center space-info text-center" }, Cu = ["textContent"];
+function wu(e, t, n, r, i, a) {
+	let o = F("oc-icon");
+	return Z(), X("div", xu, [Y("div", Su, [q(o, {
+		name: "layout-grid",
+		size: "xxlarge"
+	}), Y("p", { textContent: W(e.$gettext("Select a space to view details")) }, null, 8, Cu)])]);
+}
+var Tu = /* @__PURE__ */ z(bu, [["render", wu]]), Eu = H({
+	name: "CompareSaveDialog",
+	props: {
+		originalObject: {
+			type: Object,
+			required: !0
+		},
+		compareObject: {
+			type: Object,
+			required: !0
+		},
+		confirmButtonDisabled: {
+			type: Boolean,
+			default: () => !1
+		}
+	},
+	emits: ["confirm", "revert"],
+	setup() {
+		let e = R(!1), t;
+		return Ht(() => {
+			t = ei.subscribe("sidebar.entity.saved", () => {
+				e.value = !0;
+			});
+		}), ja(() => {
+			ei.unsubscribe("sidebar.entity.saved", t);
+		}), { saved: e };
+	},
+	computed: {
+		unsavedChanges() {
+			return !pi(this.originalObject, this.compareObject);
+		},
+		unsavedChangesText() {
+			return this.unsavedChanges ? this.$gettext("Unsaved changes") : this.$gettext("No changes");
+		}
+	},
+	watch: {
+		unsavedChanges() {
+			this.unsavedChanges && (this.saved = !1);
+		},
+		"originalObject.id": function() {
+			this.saved = !1;
+		}
+	}
+}), Du = { class: "w-full flex flex-row flex-wrap justify-between items-center" }, Ou = {
+	key: 0,
+	class: "flex items-center"
+}, ku = ["textContent"], Au = { key: 1 }, ju = ["textContent"], Mu = ["textContent"];
+function Nu(e, t, n, r, i, a) {
+	let o = F("oc-icon"), s = F("oc-button");
+	return Z(), X("div", Du, [e.saved ? (Z(), X("span", Ou, [q(o, { name: "checkbox-circle" }), Y("span", {
+		class: "ml-2",
+		textContent: W(e.$gettext("Changes saved"))
+	}, null, 8, ku)])) : (Z(), X("span", Au, W(e.unsavedChangesText), 1)), Y("div", null, [q(s, {
+		disabled: !e.unsavedChanges,
+		class: "compare-save-dialog-revert-btn",
+		onClick: t[0] ||= (t) => e.$emit("revert")
+	}, {
+		default: P(() => [Y("span", { textContent: W(e.$gettext("Revert")) }, null, 8, ju)]),
+		_: 1
+	}, 8, ["disabled"]), q(s, {
+		appearance: "filled",
+		class: "compare-save-dialog-confirm-btn",
+		disabled: !e.unsavedChanges || e.confirmButtonDisabled,
+		onClick: t[1] ||= (t) => e.$emit("confirm")
+	}, {
+		default: P(() => [Y("span", { textContent: W(e.$gettext("Save")) }, null, 8, Mu)]),
+		_: 1
+	}, 8, ["disabled"])])]);
+}
+var Pu = /* @__PURE__ */ z(Eu, [["render", Nu]]), Fu = hi(async () => (await import("./TextEditor-B0ZZfO_w.js")).default), Iu = { class: "flex items-center truncate" }, Lu = { class: "truncate" }, Ru = { class: "flex" }, zu = /* @__PURE__ */ H({
+	__name: "ItemFilter",
+	props: {
+		filterLabel: {},
+		filterName: {},
+		items: {},
+		optionFilterLabel: { default: "" },
+		showOptionFilter: {
+			type: Boolean,
+			default: !1
+		},
+		allowMultiple: {
+			type: Boolean,
+			default: !1
+		},
+		idAttribute: { default: "id" },
+		displayNameAttribute: { default: "name" },
+		filterableAttributes: { default: () => [] },
+		closeOnClick: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["selectionChange"],
+	setup(e, { expose: t, emit: n }) {
+		let i = n, a = Mi(), o = xr(), s = fe("filterInputRef"), c = R([]), l = R(e.items), u = fe("itemFilterListRef"), d = `q_${e.filterName}`, f = r(d), p = (t) => t[e.idAttribute], m = () => a.push({ query: {
+			...Zi(L(o).query, [d]),
+			...!!L(c).length && { [d]: L(c).reduce((e, t) => (e += `${p(t)}+`, e), "").slice(0, -1) }
+		} }), h = (e) => !!L(c).find((t) => p(t) === p(e)), g = async (t) => {
+			h(t) ? c.value = L(c).filter((e) => p(e) !== p(t)) : (e.allowMultiple || (c.value = []), c.value.push(t)), await m(), i("selectionChange", L(c));
+		}, _ = R(), v = (t, n) => {
+			if (!(n || "").trim()) return t;
+			let r = new po(t, {
+				...on,
+				keys: e.filterableAttributes
+			}).search(n).map((e) => e.item);
+			return t.filter((e) => r.includes(e));
+		}, y = () => {
+			c.value = [], i("selectionChange", L(c)), m();
+		}, b = (e) => {
+			l.value = e;
+		}, x = async () => {
+			b(e.items), await Ra(), L(s)?.focus();
+		}, S;
+		N(_, () => {
+			b(v(e.items, L(_))), L(u) && (S = new bo(L(u)), S.unmark(), S.mark(L(_), {
+				element: "span",
+				className: "mark-highlight"
+			}));
+		});
+		let C = () => {
+			let t = Re(L(f));
+			if (t) {
+				let n = t.split("+");
+				c.value = e.items.filter((e) => n.includes(p(e)));
+			}
+		};
+		return t({ setSelectedItemsBasedOnQuery: C }), Ht(() => {
+			C();
+		}), (t, n) => {
+			let r = F("oc-checkbox"), i = F("oc-icon"), a = F("oc-button"), o = F("oc-list"), d = F("oc-filter-chip");
+			return Z(), X("div", { class: B(["item-filter flex", `item-filter-${e.filterName}`]) }, [q(d, {
+				"filter-label": e.filterLabel,
+				"selected-item-names": c.value.map((t) => t[e.displayNameAttribute]),
+				"close-on-click": e.closeOnClick,
+				onClearFilter: y,
+				onShowDrop: x
+			}, {
+				default: P(() => [e.showOptionFilter && e.filterableAttributes.length ? (Z(), V(L(Qi), {
+					key: 0,
+					ref_key: "filterInputRef",
+					ref: s,
+					modelValue: _.value,
+					"onUpdate:modelValue": n[0] ||= (e) => _.value = e,
+					class: "item-filter-input mb-4 mt-2",
+					autocomplete: "off",
+					label: e.optionFilterLabel === "" ? t.$gettext("Filter list") : e.optionFilterLabel
+				}, null, 8, ["modelValue", "label"])) : G("", !0), Y("div", {
+					ref_key: "itemFilterListRef",
+					ref: u
+				}, [q(o, { class: "item-filter-list" }, {
+					default: P(() => [(Z(!0), X(U, null, M(l.value, (o, s) => (Z(), X("li", {
+						key: s,
+						class: "my-1"
+					}, [q(a, {
+						class: B(["item-filter-list-item flex items-center w-full", {
+							"item-filter-list-item-active": !e.allowMultiple && h(o),
+							"justify-start": e.allowMultiple,
+							"justify-between": !e.allowMultiple
+						}]),
+						"justify-content": "space-between",
+						appearance: "raw",
+						"data-test-value": o[e.displayNameAttribute],
+						onClick: (e) => g(o)
+					}, {
+						default: P(() => [Y("div", Iu, [
+							e.allowMultiple ? (Z(), V(r, {
+								key: 0,
+								size: "large",
+								class: "mr-2",
+								label: t.$gettext("Toggle selection"),
+								"model-value": h(o),
+								"label-hidden": !0,
+								"onUpdate:modelValue": (e) => g(o),
+								onClick: n[1] ||= J(() => {}, ["stop"])
+							}, null, 8, [
+								"label",
+								"model-value",
+								"onUpdate:modelValue"
+							])) : G("", !0),
+							Y("div", null, [k(t.$slots, "image", { item: o })]),
+							Y("div", Lu, [k(t.$slots, "item", { item: o })])
+						]), Y("div", Ru, [!e.allowMultiple && h(o) ? (Z(), V(i, {
+							key: 0,
+							name: "check"
+						})) : G("", !0)])]),
+						_: 2
+					}, 1032, [
+						"class",
+						"data-test-value",
+						"onClick"
+					])]))), 128))]),
+					_: 3
+				})], 512)]),
+				_: 3
+			}, 8, [
+				"filter-label",
+				"selected-item-names",
+				"close-on-click"
+			])], 2);
+		};
+	}
+}), Bu = H({
+	name: "ItemFilterToggle",
+	props: {
+		filterLabel: {
+			type: String,
+			required: !0
+		},
+		filterName: {
+			type: String,
+			required: !0
+		}
+	},
+	emits: ["toggleFilter"],
+	setup: function(e, { emit: t }) {
+		let n = Mi(), i = xr(), a = R(!1), o = `q_${e.filterName}`, s = r(o), c = () => n.push({ query: {
+			...Zi(L(i).query, [o]),
+			...L(a) && { [o]: "true" }
+		} });
+		return Ht(() => {
+			Re(L(s)) === "true" && (a.value = !0);
+		}), {
+			queryParam: o,
+			filterActive: a,
+			toggleFilter: async () => {
+				a.value = !L(a), await c(), t("toggleFilter", L(a));
+			}
+		};
+	}
+});
+//#endregion
+//#region src/components/ItemFilterToggle.vue
+function Vu(e, t, n, r, i, a) {
+	let o = F("oc-filter-chip");
+	return Z(), X("div", { class: B(["item-filter flex", `item-filter-${e.filterName}`]) }, [q(o, {
+		"is-toggle": !0,
+		"filter-label": e.filterLabel,
+		"is-toggle-active": e.filterActive,
+		onToggleFilter: e.toggleFilter,
+		onClearFilter: e.toggleFilter
+	}, null, 8, [
+		"filter-label",
+		"is-toggle-active",
+		"onToggleFilter",
+		"onClearFilter"
+	])], 2);
+}
+var Hu = /* @__PURE__ */ z(Bu, [["render", Vu]]), Uu = H({
+	name: "LoadingIndicator",
+	setup() {
+		let e = Jt(), t, n, r, i = R(e.isLoading), a = R(e.currentProgress), o = () => {
+			a.value = e.currentProgress, i.value = e.isLoading;
+		}, s = () => {
+			a.value = e.currentProgress;
+		};
+		return Ht(() => {
+			t = ei.subscribe(Ir.add, o), n = ei.subscribe(Ir.remove, o), r = ei.subscribe(Ir.setProgress, s);
+		}), ja(() => {
+			ei.unsubscribe(Ir.add, t), ei.unsubscribe(Ir.remove, n), ei.unsubscribe(Ir.setProgress, r);
+		}), {
+			isLoading: i,
+			currentProgress: a
+		};
+	}
+}), Wu = {
+	key: 0,
+	id: "oc-loading-indicator",
+	class: "w-full"
+};
+function Gu(e, t, n, r, i, a) {
+	let o = F("oc-progress");
+	return e.isLoading ? (Z(), X("div", Wu, [q(o, {
+		max: 100,
+		indeterminate: e.currentProgress === null,
+		value: e.currentProgress,
+		size: "xsmall"
+	}, null, 8, ["indeterminate", "value"])])) : G("", !0);
+}
+var Ku = /* @__PURE__ */ z(Uu, [["render", Gu]]), qu = { class: "no-content-message flex flex-col justify-center items-center text-center" }, Ju = { class: "text-role-on-surface-variant text-xl" }, Yu = { class: "text-role-on-surface-variant mt-1" }, Xu = /* @__PURE__ */ z(/* @__PURE__ */ H({
+	__name: "NoContentMessage",
+	props: {
+		icon: { default: "" },
+		iconFillType: { default: "fill" },
+		imgSrc: { default: "" }
+	},
+	setup(e) {
+		return (t, n) => {
+			let r = F("oc-image"), i = F("oc-icon");
+			return Z(), X("div", qu, [
+				e.imgSrc ? (Z(), V(r, {
+					key: 0,
+					width: "120",
+					height: "120",
+					class: "mb-4",
+					src: e.imgSrc,
+					alt: t.$gettext("No content image")
+				}, null, 8, ["src", "alt"])) : G("", !0),
+				e.icon ? (Z(), V(i, {
+					key: 1,
+					name: e.icon,
+					type: "div",
+					size: "xxlarge",
+					"fill-type": e.iconFillType,
+					class: "mb-4"
+				}, null, 8, ["name", "fill-type"])) : G("", !0),
+				Y("div", Ju, [k(t.$slots, "message", {}, void 0, !0)]),
+				Y("div", Yu, [k(t.$slots, "callToAction", {}, void 0, !0)])
+			]);
+		};
+	}
+}), [["__scopeId", "data-v-02a07e27"]]), Zu = H({
+	props: {
+		pages: {
+			type: Number,
+			required: !0
+		},
+		currentPage: {
+			type: Number,
+			required: !0
+		}
+	},
+	watch: { currentPage: { handler: function() {
+		document.getElementsByClassName("files-view-wrapper")[0]?.scrollTo(0, 0);
+	} } }
+});
+//#endregion
+//#region src/components/Pagination.vue
+function Qu(e, t, n, r, i, a) {
+	let o = F("oc-pagination");
+	return e.pages > 1 ? (Z(), V(o, {
+		key: 0,
+		pages: e.pages,
+		"current-page": e.currentPage,
+		"max-displayed": 3,
+		"current-route": e.$route,
+		class: "files-pagination flex justify-center my-2"
+	}, null, 8, [
+		"pages",
+		"current-page",
+		"current-route"
+	])) : G("", !0);
+}
+var $u = /* @__PURE__ */ z(Zu, [["render", Qu]]), ed = H({
+	name: "SearchBarFilter",
+	props: { currentFolderAvailable: {
+		type: Boolean,
+		default: !1
+	} },
+	emits: ["update:modelValue"],
+	setup(e, { emit: t }) {
+		let { $gettext: n } = Q(), i = r("useScope"), a = R(), o = R(), s = K(() => n(a.value?.title)), c = K(() => [{
+			id: g.currentFolder,
+			title: n("Current folder"),
+			enabled: e.currentFolderAvailable
+		}, {
+			id: g.allFiles,
+			title: n("All files"),
+			enabled: !0
+		}]);
+		return N(() => e.currentFolderAvailable, () => {
+			if (L(i)) {
+				if (L(i).toString() === "true") {
+					a.value = L(c).find(({ id: e }) => e === g.currentFolder);
+					return;
+				}
+				a.value = L(c).find(({ id: e }) => e === g.allFiles);
+				return;
+			}
+			if (!e.currentFolderAvailable) {
+				a.value = L(c).find(({ id: e }) => e === g.allFiles);
+				return;
+			}
+			if (L(o)) {
+				a.value = L(c).find(({ id: e }) => e === L(o).id);
+				return;
+			}
+			a.value = L(c).find(({ id: e }) => e === g.allFiles);
+		}, { immediate: !0 }), {
+			currentSelection: a,
+			currentSelectionTitle: s,
+			onOptionSelected: (e) => {
+				o.value = e, a.value = e, t("update:modelValue", { value: e });
+			},
+			locationOptions: c
+		};
+	}
+}), td = { key: 0 }, nd = {
+	key: 0,
+	class: "flex"
+};
+function rd(e, t, n, r, i, a) {
+	let o = F("oc-icon"), s = F("oc-button"), c = F("oc-list"), l = F("oc-filter-chip");
+	return Z(), X("div", {
+		class: "z-[var(--z-index-modal)] absolute top-[50%] transform-[translateY(-50%)] right-0 ml-4 mb-4 mt-0 mr-[34px] float-right",
+		"data-testid": "search-bar-filter",
+		onClick: t[0] ||= J(() => {}, ["stop"])
+	}, [e.currentSelection ? (Z(), X("div", td, [q(l, {
+		"is-toggle": !1,
+		"is-toggle-active": !1,
+		"filter-label": e.$gettext("Location filter"),
+		"selected-item-names": [e.currentSelectionTitle],
+		class: "oc-search-bar-filter [&_button]:items-center [&_.oc-drop]:w-45",
+		size: "small",
+		"has-active-state": !1,
+		raw: "",
+		"close-on-click": ""
+	}, {
+		default: P(() => [q(c, null, {
+			default: P(() => [(Z(!0), X(U, null, M(e.locationOptions, (t, n) => (Z(), X("li", { key: n }, [q(s, {
+				appearance: t.id === e.currentSelection.id ? "filled" : "raw-inverse",
+				"color-role": t.id === e.currentSelection.id ? "secondaryContainer" : "surface",
+				"no-hover": t.id === e.currentSelection.id,
+				size: "medium",
+				class: "flex items-center w-full py-1 px-2",
+				"justify-content": "space-between",
+				disabled: !t.enabled,
+				"data-test-id": t.id,
+				onClick: (n) => e.onOptionSelected(t)
+			}, {
+				default: P(() => [Y("span", null, W(t.title), 1), t.id === e.currentSelection.id ? (Z(), X("div", nd, [q(o, { name: "check" })])) : G("", !0)]),
+				_: 2
+			}, 1032, [
+				"appearance",
+				"color-role",
+				"no-hover",
+				"disabled",
+				"data-test-id",
+				"onClick"
+			])]))), 128))]),
+			_: 1
+		})]),
+		_: 1
+	}, 8, ["filter-label", "selected-item-names"])])) : G("", !0)]);
+}
+var id = /* @__PURE__ */ z(ed, [["render", rd]]), ad = { key: 0 }, od = {
+	key: 0,
+	class: "version-check-loading flex items-center"
+}, sd = ["textContent"], cd = {
+	key: 0,
+	class: "version-check-no-updates flex items-center"
+}, ld = ["textContent"], ud = ["textContent"], dd = /* @__PURE__ */ H({
+	__name: "VersionCheck",
+	setup(e) {
+		let { $gettext: t } = Q(), n = yi(), r = qn(), { setHasError: i } = r, a = n.capabilities.core["check-for-updates"], { updates: o, isLoading: s, hasError: c } = $(r), l = K(() => a && !L(c)), u = R(!1), d = R(), f = n.status.edition || "rolling", p = n.status.productversion.split("+")[0];
+		return N(() => o, () => {
+			if (L(o)) try {
+				let e = L(o).channels[f].current_version;
+				ue(e, p) > 0 && (u.value = !0, d.value = L(o).channels[f]);
+			} catch (e) {
+				console.error(e), i(!0);
+			}
+		}, {
+			immediate: !0,
+			deep: !0
+		}), (e, n) => {
+			let r = F("oc-spinner"), i = F("oc-icon"), a = F("oc-button");
+			return l.value ? (Z(), X("div", ad, [L(s) ? (Z(), X("div", od, [Y("span", { textContent: W(L(t)("Checking for updates")) }, null, 8, sd), q(r, {
+				class: "ml-1",
+				size: "xsmall"
+			})])) : (Z(), X(U, { key: 1 }, [u.value ? (Z(), V(a, {
+				key: 1,
+				class: "version-check-update text-role-on-surface-variant",
+				size: "small",
+				type: "a",
+				href: d.value.url,
+				target: "_blank",
+				"gap-size": "small",
+				appearance: "raw",
+				"no-hover": ""
+			}, {
+				default: P(() => [Y("span", {
+					class: "text-xs",
+					textContent: W(L(t)("Version %{version} available", { version: d.value.current_version }))
+				}, null, 8, ud), q(i, {
+					name: "refresh",
+					size: "xsmall",
+					"fill-type": "line"
+				})]),
+				_: 1
+			}, 8, ["href"])) : (Z(), X("div", cd, [Y("span", { textContent: W(L(t)("Up to date")) }, null, 8, ld), q(i, {
+				class: "ml-0.5",
+				name: "checkbox-circle",
+				size: "xsmall",
+				"fill-type": "line"
+			})]))], 64))])) : G("", !0);
+		};
+	}
+}), fd = Ua.dirname;
+export { xe as AVATAR_UPLOAD_MAX_FILE_SIZE_MB, Ta as AccountCapabilitiesSchema, Xt as AccountSchema, oe as AccountsSchema, ql as AccountsSwitch, Ro as ActionMenuDropItem, Ao as ActionMenuItem, sn as ApiError, bs as AppBar, Wt as AppLoadingSpinner, en as AppProviderService, Es as AppTopBar, wc as AppWrapper, Tc as AppWrapperRoute, xt as ArchiverService, tt as Auth, Jc as AvatarUpload, No as BatchActions, na as Cache, c as ClientService, Hr as ClipboardActions, Pu as CompareSaveDialog, Ri as ConflictDialog, Ho as ContextActionMenu, Go as ContextActions, Ec as ContextMenuQuickAction, gr as CreateLinkModal, Lt as CreateShortcutModal, iu as CustomComponentTarget, Ml as DateFilter, rc as DatePickerModal, Mt as EmojiPickerModal, ht as EventBus, Zs as FileInfo, Na as FilePickerModal, Qs as FileSideBar, S as FolderLoaderFavorites, Bt as FolderLoaderSharedViaLink, ka as FolderLoaderSharedWithMe, Zn as FolderLoaderSharedWithOthers, Ca as FolderLoaderSpace, Ia as FolderLoaderTrashbin, Ln as FolderService, ma as FolderViewModeConstants, Jr as HttpClient, A as IdentitySchema, Ke as ImageDimension, Hi as ImageType, zu as ItemFilter, Il as ItemFilterInline, Hu as ItemFilterToggle, Lr as Key, _t as LimitsSchema, ia as LinkRoleDropdown, Ir as LoadingEventTopics, Ku as LoadingIndicator, kr as LoadingService, ri as MailCapabilitiesSchema, pn as MimeTypesToAppsSchema, ds as MobileNav, Ar as Modifier, Xu as NoContentMessage, $u as Pagination, Gt as PaginationConstants, lr as PasswordPolicyService, Ni as PreviewService, d as PrimaryAccountsSchema, Sr as ProcessorType, Ve as QuotaModal, Li as QuotaSelect, Be as RESOURCE_MAX_CHARACTER_LENGTH, On as RESOURCE_NAME_MAX_BYTES, Vr as RawConfigSchema, Xr as RawGroupwareConfigSchema, $t as ResolveStrategy, Ie as ResourceConflictModal, Pc as ResourceGhostElement, rn as ResourceIcon, Oe as ResourceLink, y as ResourceListItem, un as ResourceName, qa as ResourcePreview, Rc as ResourceSize, nl as ResourceTable, pl as ResourceTile, yl as ResourceTiles, Ce as ResourceTransfer, we as RuntimeError, _i as SaveAsModal, id as SearchBarFilter, g as SearchLocationFilterConstants, Hs as SideBar, Vs as SideBarPanels, it as SieveCapabilitiesSchema, Hn as SortConstants, hu as SpaceDetails, yu as SpaceDetailsMultiple, Er as SpaceImageModal, qs as SpaceInfo, wn as SpaceMoveInfoModal, Tu as SpaceNoSelection, Xl as SpaceQuota, Fu as TextEditor, Bn as ThemeConfig, fn as TransferType, lc as UnsavedChangesModal, rr as UppyService, Bc as UserAvatar, dd as VersionCheck, is as ViewOptions, _n as VisibilityObserver, ru as WebDavDetails, ya as WebThemeConfig, la as activeApp, Fr as authContextValues, nn as blobToArrayBuffer, Wn as breadcrumbsFromPath, ti as buildRoutes, nr as buildUrl, ct as cacheService, gn as canvasToBlob, t as cloneStateObject, ue as compareVersions, Di as concatBreadcrumbs, mn as contextQueryToFileContextProps, ve as contextRouteNameKey, We as contextRouteParamsKey, Bi as contextRouteQueryKey, si as convertToMinimalUppyFile, Nt as createDefaultFileIconMapping, oi as createFileRouteOptions, ua as createFolderDummyFile, st as createLocation, qr as createLocationCommon, Fa as createLocationPublic, x as createLocationShares, mt as createLocationSpaces, In as createLocationTrash, on as defaultFuseOptions, wo as defineWebApplication, Le as determineResourceTableSortFields, _e as determineResourceTilesSortFields, fd as dirname, Pt as encodePath, ei as eventBus, ou as extensionPoints, au as fileSideBarSpaceDetailsTableExtensionPoint, m as filterResources, jn as focusCheckbox, ga as folderService, Vi as formatDateFromDateTime, ze as formatDateFromHTTP, Dn as formatDateFromISO, xn as formatDateFromJSDate, Nn as formatDateFromRFC, Ge as formatFileSize, At as formatRelativeDateFromDateTime, i as formatRelativeDateFromHTTP, hr as formatRelativeDateFromISO, ra as formatRelativeDateFromJSDate, bi as formatRelativeDateFromRFC, Ze as getBackendVersion, re as getExtensionNavItems, Gi as getLocaleFromLanguage, be as getParentPaths, n as getSharedAncestorRoute, mr as getSharedDriveItem, Tr as getSpacesByType, Ka as getTextByteSize, It as getWebVersion, Je as isItemInCurrentFolder, l as isLocationActive, bt as isLocationActiveDirector, et as isLocationCommonActive, Xn as isLocationPublicActive, Sa as isLocationSharesActive, $r as isLocationSpacesActive, ha as isLocationTrashActive, De as isMacOs, v as isPromiseFulfilled, ln as isPromiseRejected, ge as isResourceBeeingMovedToSameLocation, Dt as isSameResource, Oa as locationPublicLink, zt as locationPublicUpload, Kt as locationSharesViaLink, j as locationSharesWithMe, E as locationSharesWithOthers, s as locationSpacesGeneric, Ye as objectKeys, je as parseVersion, Re as queryItemAsString, Ae as renameResource, He as resolveFileNameDuplicate, Ha as resourceIconMappingInjectionKey, En as routeToContextQuery, Ot as setCurrentUserShareSpacePermissions, Ue as sortFields, Ui as sortHelper, Fi as sortSpaceMembers, zi as translateSortFields, h as triggerDownloadWithFilename, _r as useAbility, yt as useActionsShowDetails, cr as useActiveApp, Mn as useActiveLocation, Or as useAppConfig, Yr as useAppDefaults, Te as useAppFileHandling, Ft as useAppFolderHandling, Xe as useAppMeta, bn as useAppNavigation, Kr as useAppProviderService, Xi as useAppsStore, ft as useArchiverService, cn as useAuthService, Ei as useAuthStore, Wi as useAvatarsStore, o as useBreadcrumbsFromPath, Da as useCanBeOpenedWithSecureView, or as useCanListShares, Yn as useCanListVersions, ea as useCanShare, yi as useCapabilityStore, tn as useClientService, pe as useClipboardStore, Un as useConfigStore, Ki as useCopyLink, ae as useCreateSpace, Pi as useCropperKeyboardActions, C as useDeleteWorker, de as useDocumentTitle, Zr as useDownloadFile, nt as useDriveResolver, li as useEmbedMode, Me as useEventBus, wt as useExtensionPreferencesStore, dt as useExtensionRegistry, Ji as useFileActionFallbackToDownload, La as useFileActions, _a as useFileActionsCopy, Cr as useFileActionsCopyPermanentLink, a as useFileActionsCreateLink, jt as useFileActionsCreateNewFile, Sn as useFileActionsCreateNewFolder, Qe as useFileActionsCreateNewShortcut, Pe as useFileActionsCreateSpaceFromResource, me as useFileActionsDelete, wi as useFileActionsDeleteResources, Tt as useFileActionsDisableSync, at as useFileActionsDownloadArchive, f as useFileActionsDownloadFile, ii as useFileActionsEmptyTrashBin, vt as useFileActionsEnableSync, ne as useFileActionsFavorite, se as useFileActionsMove, Zt as useFileActionsNavigate, T as useFileActionsOpenShortcut, ba as useFileActionsOpenWithApp, Ea as useFileActionsOpenWithDefault, Vn as useFileActionsPaste, Nr as useFileActionsRename, zr as useFileActionsRestore, Ii as useFileActionsSaveAs, pr as useFileActionsSetImage, pa as useFileActionsShowActions, ui as useFileActionsShowDetails, Ai as useFileActionsShowShares, Jn as useFileActionsToggleHideShare, Gr as useFileActionsUndoDelete, Qr as useFileListHeaderPosition, qi as useFileRouteReplace, Ba as useFolderLink, O as useGetMatchingSpace, Pa as useGetResourceContext, w as useGroupwareAccountsStore, Ut as useGroupwareConfigStore, mi as useInterceptModifierClick, sa as useIsAppActive, yr as useIsFilesAppActive, e as useIsResourceNameValid, Et as useIsSearchActive, pt as useIsTopBarSticky, Rn as useKeyboardActions, xi as useLinkTypes, ta as useLoadAvatars, ji as useLoadPreview, Jt as useLoadingService, fa as useLocalStorage, Ne as useMessages, Ma as useModals, te as useNavItems, ot as useOpenEmptyEditor, dn as useOpenWithDefaultApp, xa as usePagination, b as usePasswordPolicyService, Vt as usePasteWorker, Rt as usePreviewService, St as useRequest, wa as useRequestHeaders, br as useResourceContents, sr as useResourceIndicators, er as useResourceRouteResolver, ca as useResourceViewContextMenu, ai as useResourceViewDrag, Yi as useResourceViewHelpers, tr as useResourceViewSelection, fr as useResourcesStore, Aa as useRestoreWorker, xr as useRoute, oa as useRouteMeta, Ci as useRouteName, vr as useRouteParam, r as useRouteQuery, kt as useRouteQueryPersisted, Mi as useRouter, Pn as useScrollTo, Wa as useSearch, Ti as useSelectedResources, fi as useService, Mr as useSharesStore, ki as useSideBar, Br as useSort, ce as useSpaceActionsCreate, kn as useSpaceActionsDelete, ke as useSpaceActionsDeleteImage, vn as useSpaceActionsDisable, Cn as useSpaceActionsDuplicate, Fe as useSpaceActionsEditDescription, he as useSpaceActionsEditQuota, Qt as useSpaceActionsEditReadmeContent, Va as useSpaceActionsNavigateToTrash, Se as useSpaceActionsRename, an as useSpaceActionsRestore, qe as useSpaceActionsSetIcon, p as useSpaceActionsShowMembers, gt as useSpaceHelpers, lt as useSpacesLoading, gi as useSpacesStore, za as useThemeStore, Fn as useTileSize, Qn as useTokenTimerWorker, qn as useUpdatesStore, vi as useUpload, $n as useUserStore, di as useViewMode, Pr as useViewSize, Dr as useViewSizeMax, Wr as useWebWorkersStore, $e as useWindowOpen };