@scaleflex/asset-picker 0.2.13 → 0.2.14

package/dist/{asset-picker-DCcLalcQ.js → asset-picker-B6vCMWBd.js}

@@ -1,5 +1,5 @@
-import { css as k, LitElement as S, html as n, nothing as f, svg as fe } from "lit";
-import { property as p, query as Oe, customElement as F, state as _ } from "lit/decorators.js";
+import { css as $, LitElement as S, html as n, nothing as f, svg as ve } from "lit";
+import { property as h, query as Le, customElement as C, state as _ } from "lit/decorators.js";
 class Ds {
   constructor(e) {
     this.listeners = /* @__PURE__ */ new Set(), this._notifying = !1, this._pendingState = null, this.state = e;
@@ -95,10 +95,10 @@ class Rs {
     (e = this.unsubscribe) == null || e.call(this);
   }
 }
-function Ns(t) {
+function js(t) {
   return "extension" in t && !("path" in t);
 }
-class js {
+class Ns {
   constructor(e, s) {
     this.lastClickedIndex = -1, this.host = e, this.store = s, e.addController(this);
   }
@@ -122,11 +122,11 @@ class js {
     const r = this._getCombinedList();
     for (let o = e; o <= s; o++) {
       const l = r[o];
-      l && (Ns(l) ? i.set(l.uuid, l) : a.set(l.uuid, l));
+      l && (js(l) ? i.set(l.uuid, l) : a.set(l.uuid, l));
     }
   }
   handleSelect(e, s, i) {
-    var l, c, h, u;
+    var l, c, p, u;
     const a = this.store.getState(), r = new Map(a.selectedAssets);
     if (!(((l = a.config) == null ? void 0 : l.multiSelect) ?? !0)) {
       r.clear(), r.set(e.uuid, e), this.store.setState({ selectedAssets: r, selectedFolders: /* @__PURE__ */ new Map() }), this.lastClickedIndex = s;
@@ -143,7 +143,7 @@ class js {
         const v = Math.min(this.lastClickedIndex, s), d = Math.max(this.lastClickedIndex, s), g = a.assets;
         for (let x = v; x <= d; x++)
           g[x] && r.set(g[x].uuid, g[x]);
-        const m = (h = a.config) == null ? void 0 : h.maxSelections;
+        const m = (p = a.config) == null ? void 0 : p.maxSelections;
         if (m && r.size > m) return;
         this.store.setState({ selectedAssets: r });
       }
@@ -157,7 +157,7 @@ class js {
     this.lastClickedIndex = s;
   }
   handleFolderSelect(e, s, i) {
-    var l, c, h;
+    var l, c, p;
     if (!this._folderSelectionEnabled) return;
     const a = this.store.getState(), r = new Map(a.selectedFolders);
     if (!(((l = a.config) == null ? void 0 : l.multiSelect) ?? !0)) {
@@ -172,7 +172,7 @@ class js {
       this.store.setState({ selectedAssets: d, selectedFolders: r });
     } else if (i.metaKey || i.ctrlKey) {
       r.has(e.uuid) ? r.delete(e.uuid) : r.set(e.uuid, e);
-      const u = (h = a.config) == null ? void 0 : h.maxSelections, v = r.size + a.selectedAssets.size;
+      const u = (p = a.config) == null ? void 0 : p.maxSelections, v = r.size + a.selectedAssets.size;
       if (u && v > u) return;
       this.store.setState({ selectedFolders: r });
     } else
@@ -235,7 +235,7 @@ class Bs {
     this.observer && this.sentinel && (this.observer.unobserve(this.sentinel), this.observer.disconnect()), this.observer = void 0, this.sentinel = void 0;
   }
 }
-const Jt = 5, ze = 40, es = 15;
+const es = 5, ze = 40, ts = 15;
 class Us {
   constructor(e, s) {
     this.startX = 0, this.startY = 0, this.startClientX = 0, this.startClientY = 0, this.preMarqueeSelection = /* @__PURE__ */ new Map(), this.preMarqueeFolderSelection = /* @__PURE__ */ new Map(), this._dragging = !1, this._scrollRAF = null, this._lastMouseEvent = null, this.isActive = !1, this.rect = { x: 0, y: 0, width: 0, height: 0 }, this.handleMouseDown = (i) => this.onMouseDown(i), this.handleMouseMove = (i) => this.onMouseMove(i), this.handleMouseUp = () => this.onMouseUp(), this.preventSelect = (i) => i.preventDefault(), this.host = e, this.store = s, e.addController(this);
@@ -270,7 +270,7 @@ class Us {
     if (this.container) {
       if (!this._dragging) {
         const i = Math.abs(e.clientX - this.startClientX), a = Math.abs(e.clientY - this.startClientY);
-        if (i < Jt && a < Jt) return;
+        if (i < es && a < es) return;
         this._dragging = !0, this.isActive = !0, document.addEventListener("selectstart", this.preventSelect), (s = window.getSelection()) == null || s.removeAllRanges(), this.preMarqueeSelection = new Map(this.store.getState().selectedAssets), this.preMarqueeFolderSelection = new Map(this.store.getState().selectedFolders);
       }
       this._lastMouseEvent = e, this.updateMarqueeRect(e), this.startAutoScroll(e);
@@ -280,8 +280,8 @@ class Us {
     if (!this.container) return;
     const s = this.container.getBoundingClientRect(), i = e.clientX - s.left + this.container.scrollLeft, a = e.clientY - s.top + this.container.scrollTop;
     let r = Math.min(this.startX, i), o = Math.min(this.startY, a), l = Math.abs(i - this.startX), c = Math.abs(a - this.startY);
-    const h = this.container.scrollWidth, u = this.container.scrollHeight;
-    r + l > h && (l = h - r), o + c > u && (c = u - o), r < 0 && (l += r, r = 0), o < 0 && (c += o, o = 0), this.rect = { x: r, y: o, width: l, height: c }, this.host.requestUpdate(), this.selectIntersecting();
+    const p = this.container.scrollWidth, u = this.container.scrollHeight;
+    r + l > p && (l = p - r), o + c > u && (c = u - o), r < 0 && (l += r, r = 0), o < 0 && (c += o, o = 0), this.rect = { x: r, y: o, width: l, height: c }, this.host.requestUpdate(), this.selectIntersecting();
   }
   startAutoScroll(e) {
     if (!this.container) return;
@@ -296,7 +296,7 @@ class Us {
     if (this._scrollRAF = null, !this.container || !this._dragging || !this._lastMouseEvent || this.container.scrollHeight <= this.container.clientHeight) return;
     const e = this.container.getBoundingClientRect(), s = this._lastMouseEvent, i = s.clientY - e.top, a = e.bottom - s.clientY;
     let r = 0;
-    i < ze ? r = -es * (1 - i / ze) : a < ze && (r = es * (1 - a / ze)), r !== 0 && (this.container.scrollTop += r, this.updateMarqueeRect(s), this._scrollRAF = requestAnimationFrame(() => this.autoScrollTick()));
+    i < ze ? r = -ts * (1 - i / ze) : a < ze && (r = ts * (1 - a / ze)), r !== 0 && (this.container.scrollTop += r, this.updateMarqueeRect(s), this._scrollRAF = requestAnimationFrame(() => this.autoScrollTick()));
   }
   stopAutoScroll() {
     this._scrollRAF && (cancelAnimationFrame(this._scrollRAF), this._scrollRAF = null);
@@ -328,9 +328,9 @@ class Us {
     return this.rect.x < e.x + e.width && this.rect.x + this.rect.width > e.x && this.rect.y < e.y + e.height && this.rect.y + this.rect.height > e.y;
   }
   selectIntersecting() {
-    var h, u;
+    var p, u;
     if (!this.container) return;
-    const e = this.store.getState(), s = ((h = e.config) == null ? void 0 : h.folderSelection) === !0, { assetCards: i, folderCards: a } = this.querySelectableElements(), r = new Map(this.preMarqueeSelection), o = s ? new Map(this.preMarqueeFolderSelection) : e.selectedFolders;
+    const e = this.store.getState(), s = ((p = e.config) == null ? void 0 : p.folderSelection) === !0, { assetCards: i, folderCards: a } = this.querySelectableElements(), r = new Map(this.preMarqueeSelection), o = s ? new Map(this.preMarqueeFolderSelection) : e.selectedFolders;
     i.forEach((v) => {
       const d = this.getCardRelativeRect(v), g = v.dataset.assetUuid;
       if (this.intersectsMarquee(d)) {
@@ -385,13 +385,13 @@ class Vs {
     try {
       const l = await fetch(i.toString(), { headers: a, signal: r.signal });
       if (clearTimeout(o), !l.ok) {
-        let h = `API error: ${l.status} ${l.statusText}`;
+        let p = `API error: ${l.status} ${l.statusText}`;
         try {
           const u = await l.json();
-          u.msg && (h = `API error: ${l.status} - ${u.msg}`);
+          u.msg && (p = `API error: ${l.status} - ${u.msg}`);
         } catch {
         }
-        throw new Error(h);
+        throw new Error(p);
       }
       const c = await l.json();
       if (c.status === "error")
@@ -415,13 +415,13 @@ class Vs {
         signal: r.signal
       });
       if (clearTimeout(o), !l.ok) {
-        let h = `API error: ${l.status} ${l.statusText}`;
+        let p = `API error: ${l.status} ${l.statusText}`;
         try {
           const u = await l.json();
-          u.msg && (h = `API error: ${l.status} - ${u.msg}`);
+          u.msg && (p = `API error: ${l.status} - ${u.msg}`);
         } catch {
         }
-        throw new Error(h);
+        throw new Error(p);
       }
       const c = await l.json();
       if (c.status === "error")
@@ -450,11 +450,11 @@ function qs(t) {
   const r = [];
   return t.search && r.push(t.search), t.q && r.push(t.q), r.length > 0 && (e.q = r.join(" ")), e;
 }
-async function Qe(t, e) {
+async function Ze(t, e) {
   const s = qs(e);
   return t.request("/files", s);
 }
-async function ts(t, e) {
+async function ss(t, e) {
   const s = {
     folder: e.folder,
     recursive: e.recursive ?? 1
@@ -515,7 +515,7 @@ const b = {
   APPROVER: "task_approver",
   REQUESTOR: "task_requester",
   DUE_DATE: "task_duedate"
-}, $ = {
+}, w = {
   IS: ":",
   RANGE: "..",
   IS_NOT: ":-",
@@ -558,20 +558,20 @@ const b = {
 Object.fromEntries(
   Object.entries(kt).map(([t, e]) => [e, t])
 );
-const hs = Object.values(kt), Ze = {
+const hs = Object.values(kt), Je = {
   PRESET: "preset",
   AFTER: "after",
   BEFORE: "before",
   BETWEEN: "between",
   SPECIFIC: "specific"
-}, ss = {
+}, is = {
   EMPTY: "empty",
   NOT_EMPTY: "non-empty"
-}, W = "empty", Q = "non-empty", ke = "specific", Mt = 10, Ot = 10, pt = 10, us = "filters:pinned:", gs = "metadata:pinned:", is = [
+}, Y = "empty", X = "non-empty", Se = "specific", Mt = 10, Ot = 10, pt = 10, us = "filters:pinned:", gs = "metadata:pinned:", as = [
   b.DATE,
   b.TYPE,
   b.SIZE
-], fs = $.IS, ut = "20", gt = "1", Qs = 0, Zs = [
+], fs = w.IS, ut = "20", gt = "1", Qs = 0, Zs = [
   { key: b.DATE, label: "Date", icon: "calendar", type: "date" },
   { key: b.TYPE, label: "Format", icon: "file-type", type: "string" },
   { key: b.SIZE, label: "Size", icon: "scaling", type: "string" },
@@ -653,7 +653,7 @@ const hs = Object.values(kt), Ze = {
 ], vs = [
   { value: "created", label: "Created at" },
   { value: "updated", label: "Updated at" }
-], Vt = [
+], qt = [
   { value: "today", label: "Today" },
   { value: "before", label: "Before date" },
   { value: "last_week", label: "Last week" },
@@ -698,42 +698,42 @@ const hs = Object.values(kt), Ze = {
   { label: "Small", value: "1" },
   { label: "Medium", value: "2" },
   { label: "Large", value: "4" }
-], Pt = [
-  { label: "Is", value: $.IS },
-  { label: "Contains", value: $.CONTAINS_IN_TEXT }
-], ce = [
-  { label: "Is", value: $.IS },
-  { label: "Is not", value: $.IS_NOT }
 ], It = [
-  { label: "Is", value: $.IS_EXACT },
-  { label: "Contains", value: $.IS },
-  { label: "Does not contain", value: $.IS_NOT }
+  { label: "Is", value: w.IS },
+  { label: "Contains", value: w.CONTAINS_IN_TEXT }
+], de = [
+  { label: "Is", value: w.IS },
+  { label: "Is not", value: w.IS_NOT }
+], Pt = [
+  { label: "Is", value: w.IS_EXACT },
+  { label: "Contains", value: w.IS },
+  { label: "Does not contain", value: w.IS_NOT }
 ], Dt = [
-  { label: "Is", value: $.IS },
-  { label: "Greater than", value: $.GREATER_THAN_OR_EQUAL },
-  { label: "Is not", value: $.IS_NOT },
-  { label: "Less than", value: $.LESS_THAN_OR_EQUAL },
-  { label: "Between", value: $.RANGE }
+  { label: "Is", value: w.IS },
+  { label: "Greater than", value: w.GREATER_THAN_OR_EQUAL },
+  { label: "Is not", value: w.IS_NOT },
+  { label: "Less than", value: w.LESS_THAN_OR_EQUAL },
+  { label: "Between", value: w.RANGE }
 ], li = [
-  { label: "Is", value: $.IS_EXACT },
-  { label: "Is not", value: $.IS_NOT }
-], as = [
-  { label: "Contains", value: $.CONTAINS },
-  { label: "Does not contain", value: $.IS_NOT }
+  { label: "Is", value: w.IS_EXACT },
+  { label: "Is not", value: w.IS_NOT }
+], rs = [
+  { label: "Contains", value: w.CONTAINS },
+  { label: "Does not contain", value: w.IS_NOT }
 ], ci = [
   { value: "APPROVED", label: "Approved", icon: "circle-check-big", iconColor: "var(--ap-success, oklch(0.637 0.17 151.295))" },
   { value: "PENDING", label: "Pending", icon: "clock", iconColor: "var(--ap-warning, oklch(0.734 0.157 69.419))" },
   { value: "REJECTED", label: "Rejected", icon: "x-circle", iconColor: "var(--ap-destructive, oklch(0.577 0.215 27.325))" },
   { value: "CANCELLED", label: "Cancelled", icon: "ban", iconColor: "var(--ap-muted-foreground, oklch(0.685 0.033 249.82))" }
-], Ce = [
-  { label: "Empty", value: W },
-  { label: "Not empty", value: Q }
+], Fe = [
+  { label: "Empty", value: Y },
+  { label: "Not empty", value: X }
 ], zt = [
-  ...Ce,
-  { label: "Specific", value: ke }
+  ...Fe,
+  { label: "Specific", value: Se }
 ], di = [
-  { label: "Empty", value: W },
-  { label: "Not empty", value: Q },
+  { label: "Empty", value: Y },
+  { label: "Not empty", value: X },
   { label: "True", value: "true" },
   { label: "False", value: "false" }
 ], ft = {
@@ -785,48 +785,48 @@ function ui(t) {
 }
 async function gi(t) {
   var m, x;
-  const e = await t.request("/settings"), s = e.settings ?? e, i = (s == null ? void 0 : s.metadata) ?? e.metadata, r = ((i == null ? void 0 : i.model) ?? [])[Qs], o = i == null ? void 0 : i.store, c = ((o == null ? void 0 : o.regional_variants_groups) ?? []).map((w) => ({
-    uuid: w.uuid,
-    label: w.label ?? w.name ?? "",
-    variants: (w.variants ?? []).map((T) => ({
-      api_value: T.api_value ?? T.value ?? "",
-      internal_unique_value: T.internal_unique_value ?? T.api_value ?? "",
-      label: T.label ?? T.name ?? ""
+  const e = await t.request("/settings"), s = e.settings ?? e, i = (s == null ? void 0 : s.metadata) ?? e.metadata, r = ((i == null ? void 0 : i.model) ?? [])[Qs], o = i == null ? void 0 : i.store, c = ((o == null ? void 0 : o.regional_variants_groups) ?? []).map((k) => ({
+    uuid: k.uuid,
+    label: k.label ?? k.name ?? "",
+    variants: (k.variants ?? []).map((E) => ({
+      api_value: E.api_value ?? E.value ?? "",
+      internal_unique_value: E.internal_unique_value ?? E.api_value ?? "",
+      label: E.label ?? E.name ?? ""
     }))
-  })).filter((w) => w.variants.length > 1), h = {};
-  for (const w of c)
-    h[w.uuid] = ((m = w.variants[0]) == null ? void 0 : m.api_value) ?? "";
+  })).filter((k) => k.variants.length > 1), p = {};
+  for (const k of c)
+    p[k.uuid] = ((m = k.variants[0]) == null ? void 0 : m.api_value) ?? "";
   const u = (s == null ? void 0 : s.project_branding) ?? ((x = e.settings) == null ? void 0 : x.project_branding), v = u == null ? void 0 : u.brandColor;
-  if (!r) return { fields: [], regionalVariantGroups: c, regionalFilters: h, brandColor: v };
+  if (!r) return { fields: [], regionalVariantGroups: c, regionalFilters: p, brandColor: v };
   const d = r.groups ?? [], g = [];
-  for (const w of d) {
-    const T = w.name || "Root fields";
-    for (const C of w.fields ?? []) {
-      const O = C.possible_values, D = O == null ? void 0 : O.map((E) => ({
-        api_value: E.api_value ?? E.value ?? "",
-        internal_unique_value: E.internal_unique_value ?? E.api_value ?? "",
-        label: E.label ?? E.name ?? E.api_value ?? ""
+  for (const k of d) {
+    const E = k.name || "Root fields";
+    for (const A of k.fields ?? []) {
+      const I = A.possible_values, R = I == null ? void 0 : I.map((T) => ({
+        api_value: T.api_value ?? T.value ?? "",
+        internal_unique_value: T.internal_unique_value ?? T.api_value ?? "",
+        label: T.label ?? T.name ?? T.api_value ?? ""
       }));
       g.push({
         // Use field.key (not ckey) — this is what a.meta uses as keys
-        key: C.key ?? C.ckey,
-        label: C.title ?? C.label ?? C.key ?? "",
-        type: C.type ?? "text",
-        slug: C.slug,
-        ckey: C.ckey,
-        possible_values: D,
-        group: T,
-        regionalVariantsGroupUuid: C.regional_variants_group_uuid
+        key: A.key ?? A.ckey,
+        label: A.title ?? A.label ?? A.key ?? "",
+        type: A.type ?? "text",
+        slug: A.slug,
+        ckey: A.ckey,
+        possible_values: R,
+        group: E,
+        regionalVariantsGroupUuid: A.regional_variants_group_uuid
       });
     }
   }
-  return { fields: g, regionalVariantGroups: c, regionalFilters: h, brandColor: v };
+  return { fields: g, regionalVariantGroups: c, regionalFilters: p, brandColor: v };
 }
-function Se(t) {
+function Ce(t) {
   return t.toLocaleDateString("en-CA");
 }
 function ht() {
-  return Se(/* @__PURE__ */ new Date());
+  return Ce(/* @__PURE__ */ new Date());
 }
 function bs(t) {
   const e = /* @__PURE__ */ new Date();
@@ -838,33 +838,33 @@ function bs(t) {
       };
     case "last_week": {
       const s = new Date(e);
-      return s.setDate(s.getDate() - 7), { from: Se(s), to: null };
+      return s.setDate(s.getDate() - 7), { from: Ce(s), to: null };
     }
     case "within_week": {
       const s = new Date(e);
-      return s.setDate(s.getDate() + 7), { from: ht(), to: Se(s) };
+      return s.setDate(s.getDate() + 7), { from: ht(), to: Ce(s) };
     }
     case "last_month": {
       const s = new Date(e);
-      return s.setDate(s.getDate() - 30), { from: Se(s), to: null };
+      return s.setDate(s.getDate() - 30), { from: Ce(s), to: null };
     }
     case "within_month": {
       const s = new Date(e);
-      return s.setDate(s.getDate() + 30), { from: ht(), to: Se(s) };
+      return s.setDate(s.getDate() + 30), { from: ht(), to: Ce(s) };
     }
     case "last_year": {
       const s = new Date(e);
-      return s.setDate(s.getDate() - 365), { from: Se(s), to: null };
+      return s.setDate(s.getDate() - 365), { from: Ce(s), to: null };
     }
     case "within_year": {
       const s = new Date(e);
-      return s.setDate(s.getDate() + 365), { from: ht(), to: Se(s) };
+      return s.setDate(s.getDate() + 365), { from: ht(), to: Ce(s) };
     }
     default:
       return null;
   }
 }
-function rs(t, e) {
+function os(t, e) {
   return e ? e.type === "date" ? fi(e) : e.type === "string" ? vi(e) : !0 : !1;
 }
 function fi(t) {
@@ -876,12 +876,12 @@ function vi(t) {
 function mi(t, e = {}) {
   const s = [];
   for (const [i, a] of Object.entries(t)) {
-    if (!a || !rs(i, a)) continue;
+    if (!a || !os(i, a)) continue;
     const r = _i(i, a);
     s.push(...r);
   }
   for (const [i, a] of Object.entries(e)) {
-    if (!a || !rs(i, a)) continue;
+    if (!a || !os(i, a)) continue;
     const r = Ci(i, a);
     s.push(...r);
   }
@@ -911,9 +911,9 @@ function _i(t, e) {
     case b.FACES:
       return xi(t, i, a);
     case b.TAGS:
-      return Fe(t, i, os(a), ",", r);
+      return Ee(t, i, ns(a), ",", r);
     case b.LABELS:
-      return Fe(t, i, os(a), ",", r);
+      return Ee(t, i, ns(a), ",", r);
     case b.COLOR:
       return wi(i, a, r);
     case b.TYPE:
@@ -921,26 +921,26 @@ function _i(t, e) {
     case b.MIME_TYPE:
       return ki(t, a, i);
     case b.PRODUCT_REF:
-      return Fe(t, "=%", a, ",", r);
+      return Ee(t, "=%", a, ",", r);
     default:
-      return Fe(t, i, a, ",", r);
+      return Ee(t, i, a, ",", r);
   }
 }
 function _s(t, e) {
   const s = e.field || "created";
-  if (e.kind === Ze.PRESET && e.preset) {
-    if (e.preset === ss.EMPTY)
+  if (e.kind === Je.PRESET && e.preset) {
+    if (e.preset === is.EMPTY)
       return [`${s}:"empty"`];
-    if (e.preset === ss.NOT_EMPTY)
+    if (e.preset === is.NOT_EMPTY)
       return [`${s}:"non-empty"`];
     const i = bs(e.preset);
     return i ? i.to === null ? [`${s}>"${i.from}"`] : [`${s}:"${i.from}..${i.to}"`] : [];
   }
-  if (e.kind === Ze.AFTER && e.from)
+  if (e.kind === Je.AFTER && e.from)
     return [`${s}:>"${e.from}"`];
-  if (e.kind === Ze.BEFORE && e.to)
+  if (e.kind === Je.BEFORE && e.to)
     return [`${s}:<"${e.to}"`];
-  if (e.kind === Ze.BETWEEN) {
+  if (e.kind === Je.BETWEEN) {
     if (e.from && e.to)
       return [`${s}:"${e.from}..${e.to}"`];
     if (e.from && !e.to)
@@ -948,7 +948,7 @@ function _s(t, e) {
     if (!e.from && e.to)
       return [`${s}:<"${e.to}"`];
   }
-  return e.kind === Ze.SPECIFIC && e.from ? [`${s}:"${e.from}"`] : [];
+  return e.kind === Je.SPECIFIC && e.from ? [`${s}:"${e.from}"`] : [];
 }
 function yi(t, e, s) {
   return e.length === 0 ? [] : [`${t}:"${e.join(s)}"`];
@@ -956,7 +956,7 @@ function yi(t, e, s) {
 function xi(t, e, s) {
   return s.length === 0 ? [] : [`${t}${e}"${s.join(",")}"`];
 }
-function Fe(t, e, s, i, a) {
+function Ee(t, e, s, i, a) {
   if (s.length === 0) return [];
   if (a === Ws.AND)
     return s.map((o) => `${t}${e}"${o}"`);
@@ -964,7 +964,7 @@ function Fe(t, e, s, i, a) {
   return [`${t}${e}${r}`];
 }
 function wi(t, e, s) {
-  const i = [], a = Fe("color_search", t, e, ",", s);
+  const i = [], a = Ee("color_search", t, e, ",", s);
   return i.push(...a), i.push('color_operator:"AND"'), i;
 }
 function $i(t, e) {
@@ -990,8 +990,8 @@ function ki(t, e, s, i) {
 function Si(t) {
   const e = [];
   if (typeof t == "object" && t !== null && !Array.isArray(t)) {
-    const o = t, l = o.resolution, c = o.orientation, h = o.faces;
-    return l != null && l.length && e.push(`resolution:"${l.join(",")}"`), c != null && c.length && e.push(`orientation:"${c.join(",")}"`), h != null && h.length && e.push(`faces:"${h.join(",")}"`), e;
+    const o = t, l = o.resolution, c = o.orientation, p = o.faces;
+    return l != null && l.length && e.push(`resolution:"${l.join(",")}"`), c != null && c.length && e.push(`orientation:"${c.join(",")}"`), p != null && p.length && e.push(`faces:"${p.join(",")}"`), e;
   }
   const s = t, i = s[Lt.RESOLUTION], a = s[Lt.ORIENTATION], r = s[Lt.FACES];
   return i && e.push(`resolution:"${i}"`), a && e.push(`orientation:"${a}"`), r && e.push(`faces:"${r}"`), e;
@@ -1002,22 +1002,22 @@ function Ci(t, e) {
     return Fi(s, e, i);
   const a = e, { operator: r = fs, values: o = [], logic: l, metadataType: c } = a;
   if (o.length === 0) return [];
-  if (o.length === 1 && (o[0] === W || o[0] === Q)) {
-    const h = c === y.GEO_POINT ? $.IS + "~" : $.IS;
-    return [`${s}${h}"${o[0]}"`];
+  if (o.length === 1 && (o[0] === Y || o[0] === X)) {
+    const p = c === y.GEO_POINT ? w.IS + "~" : w.IS;
+    return [`${s}${p}"${o[0]}"`];
   }
-  if ((c === y.NUMERIC || c === y.DECIMAL2) && r === $.RANGE)
-    return [`${s}${$.IS}"${o.join('","')}"`];
+  if ((c === y.NUMERIC || c === y.DECIMAL2) && r === w.RANGE)
+    return [`${s}${w.IS}"${o.join('","')}"`];
   if (c === y.GEO_POINT) {
-    const h = o.map((u) => {
+    const p = o.map((u) => {
       const v = u.indexOf("..");
       if (v === -1) return `(${u})`;
       const d = u.slice(0, v), g = u.slice(v);
       return `(${d})${g}`;
     });
-    return Fe(s, r + "~", h, ",", l);
+    return Ee(s, r + "~", p, ",", l);
   }
-  return Fe(s, r, o, ",", l);
+  return Ee(s, r, o, ",", l);
 }
 function Fi(t, e, s) {
   const i = _s(t, e);
@@ -1037,7 +1037,7 @@ function Ai(t) {
       return t.slice(e.length);
   return t;
 }
-function os(t) {
+function ns(t) {
   return t.map((e) => e.replace(/#/g, ""));
 }
 const Ti = /* @__PURE__ */ new Set([
@@ -1045,7 +1045,7 @@ const Ti = /* @__PURE__ */ new Set([
   b.LICENSE_EXPIRY,
   V.DUE_DATE
 ]);
-function Je(t) {
+function Ut(t) {
   if (!t) return {};
   const e = {};
   for (const [s, i] of Object.entries(t))
@@ -1071,9 +1071,9 @@ function Oi(t) {
   const e = localStorage.getItem(us + t), s = localStorage.getItem(gs + t);
   let i;
   try {
-    i = e ? JSON.parse(e) : [...is];
+    i = e ? JSON.parse(e) : [...as];
   } catch {
-    i = [...is];
+    i = [...as];
   }
   let a;
   try {
@@ -1086,17 +1086,17 @@ function Oi(t) {
 function Li(t, e) {
   localStorage.setItem(us + t, JSON.stringify(e));
 }
-function Pi(t, e) {
+function Ii(t, e) {
   localStorage.setItem(gs + t, JSON.stringify(e));
 }
 const ys = "sort-by", xs = "sort-order";
-function ns(t, e) {
+function ls(t, e) {
   try {
     localStorage.setItem(ys, t), localStorage.setItem(xs, e);
   } catch {
   }
 }
-function Ii() {
+function Pi() {
   try {
     const t = localStorage.getItem(ys), e = localStorage.getItem(xs);
     return { sortBy: t, sortDirection: e };
@@ -1105,62 +1105,65 @@ function Ii() {
   }
 }
 const ws = "ap-last-folder", $s = "ap-last-view", ks = "ap-last-tab";
-function ls(t) {
+function Ke(t, e) {
+  return e ? `${t}:${e}` : t;
+}
+function cs(t, e) {
   try {
-    localStorage.setItem(ws, t);
+    localStorage.setItem(Ke(ws, e), t);
   } catch {
   }
 }
-function cs() {
+function Di(t) {
   try {
-    return localStorage.getItem(ws);
+    return localStorage.getItem(Ke(ws, t));
   } catch {
     return null;
   }
 }
-function Di(t) {
+function zi(t, e) {
   try {
-    localStorage.setItem($s, t);
+    localStorage.setItem(Ke($s, e), t);
   } catch {
   }
 }
-function zi() {
+function Ri(t) {
   try {
-    return localStorage.getItem($s);
+    return localStorage.getItem(Ke($s, t));
   } catch {
     return null;
   }
 }
-function Ri(t) {
+function ji(t, e) {
   try {
-    localStorage.setItem(ks, t);
+    localStorage.setItem(Ke(ks, e), t);
   } catch {
   }
 }
-function Ni() {
+function Ni(t) {
   try {
-    const t = localStorage.getItem(ks);
-    return t === "assets" || t === "folders" ? t : null;
+    const e = localStorage.getItem(Ke(ks, t));
+    return e === "assets" || e === "folders" ? e : null;
   } catch {
     return null;
   }
 }
-function ji(t) {
+function Bi(t) {
   const e = t.replace("#", ""), s = e.length === 3 ? e[0] + e[0] + e[1] + e[1] + e[2] + e[2] : e, i = parseInt(s.slice(0, 2), 16) / 255, a = parseInt(s.slice(2, 4), 16) / 255, r = parseInt(s.slice(4, 6), 16) / 255;
   return [i, a, r];
 }
 function Rt(t) {
   return t <= 0.04045 ? t / 12.92 : Math.pow((t + 0.055) / 1.055, 2.4);
 }
-function Bi(t, e, s) {
-  const i = Rt(t), a = Rt(e), r = Rt(s), o = 0.4122214708 * i + 0.5363325363 * a + 0.0514459929 * r, l = 0.2119034982 * i + 0.6806995451 * a + 0.1073969566 * r, c = 0.0883024619 * i + 0.2817188376 * a + 0.6299787005 * r, h = Math.cbrt(o), u = Math.cbrt(l), v = Math.cbrt(c), d = 0.2104542553 * h + 0.793617785 * u - 0.0040720468 * v, g = 1.9779984951 * h - 2.428592205 * u + 0.4505937099 * v, m = 0.0259040371 * h + 0.7827717662 * u - 0.808675766 * v, x = Math.sqrt(g * g + m * m);
-  let w = Math.atan2(m, g) * (180 / Math.PI);
-  return w < 0 && (w += 360), [d, x, w];
+function Ui(t, e, s) {
+  const i = Rt(t), a = Rt(e), r = Rt(s), o = 0.4122214708 * i + 0.5363325363 * a + 0.0514459929 * r, l = 0.2119034982 * i + 0.6806995451 * a + 0.1073969566 * r, c = 0.0883024619 * i + 0.2817188376 * a + 0.6299787005 * r, p = Math.cbrt(o), u = Math.cbrt(l), v = Math.cbrt(c), d = 0.2104542553 * p + 0.793617785 * u - 0.0040720468 * v, g = 1.9779984951 * p - 2.428592205 * u + 0.4505937099 * v, m = 0.0259040371 * p + 0.7827717662 * u - 0.808675766 * v, x = Math.sqrt(g * g + m * m);
+  let k = Math.atan2(m, g) * (180 / Math.PI);
+  return k < 0 && (k += 360), [d, x, k];
 }
-function Ui(t) {
+function Vi(t) {
   return t > 0.7;
 }
-function Vi(t, e) {
+function qi(t, e) {
   const s = [
     "--ap-primary",
     "--ap-primary-foreground",
@@ -1176,29 +1179,29 @@ function Vi(t, e) {
       t.style.removeProperty(v);
     return;
   }
-  const [i, a, r] = ji(e), [o, l, c] = Bi(i, a, r), h = `oklch(${o.toFixed(3)} ${l.toFixed(3)} ${c.toFixed(1)})`, u = Ui(o) ? "#000" : "#fff";
-  t.style.setProperty("--ap-primary", h), t.style.setProperty("--ap-primary-foreground", u), t.style.setProperty("--ap-primary-10", `oklch(${o.toFixed(3)} ${l.toFixed(3)} ${c.toFixed(1)} / 0.1)`), t.style.setProperty("--ap-primary-20", `oklch(${o.toFixed(3)} ${l.toFixed(3)} ${c.toFixed(1)} / 0.2)`), t.style.setProperty("--ap-accent", `oklch(${o.toFixed(3)} ${l.toFixed(3)} ${c.toFixed(1)} / 0.07)`), t.style.setProperty("--ap-accent-foreground", h), t.style.setProperty("--ap-ring", `oklch(${o.toFixed(3)} ${l.toFixed(3)} ${c.toFixed(1)} / 0.7)`), t.style.setProperty("--ap-selection-bg", `oklch(${o.toFixed(3)} ${l.toFixed(3)} ${c.toFixed(1)} / 0.08)`);
+  const [i, a, r] = Bi(e), [o, l, c] = Ui(i, a, r), p = `oklch(${o.toFixed(3)} ${l.toFixed(3)} ${c.toFixed(1)})`, u = Vi(o) ? "#000" : "#fff";
+  t.style.setProperty("--ap-primary", p), t.style.setProperty("--ap-primary-foreground", u), t.style.setProperty("--ap-primary-10", `oklch(${o.toFixed(3)} ${l.toFixed(3)} ${c.toFixed(1)} / 0.1)`), t.style.setProperty("--ap-primary-20", `oklch(${o.toFixed(3)} ${l.toFixed(3)} ${c.toFixed(1)} / 0.2)`), t.style.setProperty("--ap-accent", `oklch(${o.toFixed(3)} ${l.toFixed(3)} ${c.toFixed(1)} / 0.07)`), t.style.setProperty("--ap-accent-foreground", p), t.style.setProperty("--ap-ring", `oklch(${o.toFixed(3)} ${l.toFixed(3)} ${c.toFixed(1)} / 0.7)`), t.style.setProperty("--ap-selection-bg", `oklch(${o.toFixed(3)} ${l.toFixed(3)} ${c.toFixed(1)} / 0.08)`);
 }
-const qt = [
+const Ht = [
   { value: "name", label: "Name" },
   { value: "created_at", label: "Uploaded" },
   { value: "modified_at", label: "Modified" },
   { value: "size", label: "Size" },
   { value: "type", label: "Format" }
-], qi = [
-  { value: "relevance", label: "Relevance" },
-  ...qt
 ], Hi = [
+  { value: "relevance", label: "Relevance" },
+  ...Ht
+], Gi = [
   { value: "name", label: "Name" },
   { value: "created_at", label: "Uploaded" },
   { value: "modified_at", label: "Modified" },
   { value: "files_count_recursive", label: "Assets count" },
   { value: "files_size_recursive", label: "Assets size" }
 ];
-var Gi = Object.defineProperty, Ki = Object.getOwnPropertyDescriptor, Ht = (t, e, s, i) => {
-  for (var a = i > 1 ? void 0 : i ? Ki(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+var Ki = Object.defineProperty, Yi = Object.getOwnPropertyDescriptor, Gt = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? Yi(e, s) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
-  return i && a && Gi(e, s, a), a;
+  return i && a && Ki(e, s, a), a;
 };
 let tt = class extends S {
   constructor() {
@@ -1247,7 +1250,7 @@ let tt = class extends S {
     `;
   }
 };
-tt.styles = k`
+tt.styles = $`
     :host {
       display: contents;
     }
@@ -1321,33 +1324,33 @@ tt.styles = k`
       }
     }
   `;
-Ht([
-  p({ type: Boolean })
+Gt([
+  h({ type: Boolean })
 ], tt.prototype, "open", 2);
-Ht([
-  Oe("dialog")
+Gt([
+  Le("dialog")
 ], tt.prototype, "dialog", 2);
-tt = Ht([
-  F("ap-modal")
+tt = Gt([
+  C("ap-modal")
 ], tt);
-function Yi(t, e) {
+function Xi(t, e) {
   let s;
   const i = ((...a) => {
     clearTimeout(s), s = setTimeout(() => t(...a), e);
   });
   return i.cancel = () => clearTimeout(s), i;
 }
-const re = k`
+const re = $`
   *, *::before, *::after {
     box-sizing: border-box;
   }
 `;
-var Xi = Object.defineProperty, Wi = Object.getOwnPropertyDescriptor, St = (t, e, s, i) => {
-  for (var a = i > 1 ? void 0 : i ? Wi(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+var Wi = Object.defineProperty, Qi = Object.getOwnPropertyDescriptor, St = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? Qi(e, s) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
-  return i && a && Xi(e, s, a), a;
+  return i && a && Wi(e, s, a), a;
 };
-let je = class extends S {
+let Ne = class extends S {
   constructor() {
     super(...arguments), this.groups = [], this.selectedFilters = {}, this._open = !1, this._handleOutsideClick = (t) => {
       this._open && !t.composedPath().includes(this) && (this._open = !1);
@@ -1405,7 +1408,7 @@ let je = class extends S {
     `;
   }
 };
-je.styles = k`
+Ne.styles = $`
     :host {
       position: relative;
       display: inline-block;
@@ -1492,29 +1495,29 @@ je.styles = k`
     }
   `;
 St([
-  p({ type: Array })
-], je.prototype, "groups", 2);
+  h({ type: Array })
+], Ne.prototype, "groups", 2);
 St([
-  p({ type: Object })
-], je.prototype, "selectedFilters", 2);
+  h({ type: Object })
+], Ne.prototype, "selectedFilters", 2);
 St([
   _()
-], je.prototype, "_open", 2);
-je = St([
-  F("ap-regional-settings")
-], je);
-var Qi = Object.defineProperty, Zi = Object.getOwnPropertyDescriptor, ue = (t, e, s, i) => {
-  for (var a = i > 1 ? void 0 : i ? Zi(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+], Ne.prototype, "_open", 2);
+Ne = St([
+  C("ap-regional-settings")
+], Ne);
+var Zi = Object.defineProperty, Ji = Object.getOwnPropertyDescriptor, ge = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? Ji(e, s) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
-  return i && a && Qi(e, s, a), a;
+  return i && a && Zi(e, s, a), a;
 };
-const Ji = [
+const ea = [
   { value: "assets", label: "Assets", icon: "gallery-vertical-end" },
   { value: "folders", label: "Folders", icon: "folder-open" }
 ];
-let se = class extends S {
+let te = class extends S {
   constructor() {
-    super(...arguments), this.activeTab = "assets", this.tabs = ["assets", "folders"], this.viewMode = "grid", this.searchQuery = "", this.regionalGroups = [], this.regionalFilters = {}, this.hideClose = !1, this._localSearch = "", this._debouncedSearch = Yi((t) => {
+    super(...arguments), this.activeTab = "assets", this.tabs = ["assets", "folders"], this.viewMode = "grid", this.searchQuery = "", this.regionalGroups = [], this.regionalFilters = {}, this.hideClose = !1, this._localSearch = "", this._debouncedSearch = Xi((t) => {
       (t.length === 0 || t.length >= 3) && this.dispatchEvent(new CustomEvent("search-change", { detail: { value: t }, bubbles: !0, composed: !0 }));
     }, 300);
   }
@@ -1550,7 +1553,7 @@ let se = class extends S {
   }
   render() {
     var e, s;
-    const t = Ji.filter((i) => this.tabs.includes(i.value));
+    const t = ea.filter((i) => this.tabs.includes(i.value));
     return ((e = t.find((i) => i.value === this.activeTab)) == null ? void 0 : e.label) ?? ((s = t[0]) == null || s.label), n`
       <div class="header-row">
         ${t.length > 1 ? n`<ap-dropdown
@@ -1597,7 +1600,7 @@ let se = class extends S {
     `;
   }
 };
-se.styles = [re, k`
+te.styles = [re, $`
     :host {
       display: block;
       padding: 16px 20px;
@@ -1709,37 +1712,37 @@ se.styles = [re, k`
       background: var(--ap-border, oklch(92.86% 0.009 247.92));
     }
   `];
-ue([
-  p()
-], se.prototype, "activeTab", 2);
-ue([
-  p({ type: Array })
-], se.prototype, "tabs", 2);
-ue([
-  p()
-], se.prototype, "viewMode", 2);
-ue([
-  p()
-], se.prototype, "searchQuery", 2);
-ue([
-  p({ type: Array })
-], se.prototype, "regionalGroups", 2);
-ue([
-  p({ type: Object })
-], se.prototype, "regionalFilters", 2);
-ue([
-  p({ type: Boolean })
-], se.prototype, "hideClose", 2);
-ue([
+ge([
+  h()
+], te.prototype, "activeTab", 2);
+ge([
+  h({ type: Array })
+], te.prototype, "tabs", 2);
+ge([
+  h()
+], te.prototype, "viewMode", 2);
+ge([
+  h()
+], te.prototype, "searchQuery", 2);
+ge([
+  h({ type: Array })
+], te.prototype, "regionalGroups", 2);
+ge([
+  h({ type: Object })
+], te.prototype, "regionalFilters", 2);
+ge([
+  h({ type: Boolean })
+], te.prototype, "hideClose", 2);
+ge([
   _()
-], se.prototype, "_localSearch", 2);
-se = ue([
-  F("ap-header")
-], se);
-var ea = Object.defineProperty, ta = Object.getOwnPropertyDescriptor, Ss = (t, e, s, i) => {
-  for (var a = i > 1 ? void 0 : i ? ta(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+], te.prototype, "_localSearch", 2);
+te = ge([
+  C("ap-header")
+], te);
+var ta = Object.defineProperty, sa = Object.getOwnPropertyDescriptor, Ss = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? sa(e, s) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
-  return i && a && ea(e, s, a), a;
+  return i && a && ta(e, s, a), a;
 };
 let mt = class extends S {
   constructor() {
@@ -1762,7 +1765,7 @@ let mt = class extends S {
     `;
   }
 };
-mt.styles = k`
+mt.styles = $`
     :host {
       display: block;
       padding: 4px 20px 12px;
@@ -1800,15 +1803,15 @@ mt.styles = k`
     }
   `;
 Ss([
-  p({ type: Array })
+  h({ type: Array })
 ], mt.prototype, "items", 2);
 mt = Ss([
-  F("ap-breadcrumb")
+  C("ap-breadcrumb")
 ], mt);
-var sa = Object.defineProperty, ia = Object.getOwnPropertyDescriptor, Gt = (t, e, s, i) => {
-  for (var a = i > 1 ? void 0 : i ? ia(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+var ia = Object.defineProperty, aa = Object.getOwnPropertyDescriptor, Kt = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? aa(e, s) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
-  return i && a && sa(e, s, a), a;
+  return i && a && ia(e, s, a), a;
 };
 let st = class extends S {
   constructor() {
@@ -1823,7 +1826,7 @@ let st = class extends S {
     ` : n``;
   }
 };
-st.styles = k`
+st.styles = $`
     :host {
       display: block;
     }
@@ -1849,19 +1852,19 @@ st.styles = k`
       margin-bottom: 12px;
     }
   `;
-Gt([
-  p()
+Kt([
+  h()
 ], st.prototype, "title", 2);
-Gt([
-  p({ type: Boolean })
+Kt([
+  h({ type: Boolean })
 ], st.prototype, "open", 2);
-st = Gt([
-  F("ap-filter-popover")
+st = Kt([
+  C("ap-filter-popover")
 ], st);
-var aa = Object.defineProperty, ra = Object.getOwnPropertyDescriptor, rt = (t, e, s, i) => {
-  for (var a = i > 1 ? void 0 : i ? ra(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+var ra = Object.defineProperty, oa = Object.getOwnPropertyDescriptor, rt = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? oa(e, s) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
-  return i && a && aa(e, s, a), a;
+  return i && a && ra(e, s, a), a;
 };
 function ds(t) {
   var i;
@@ -1891,7 +1894,7 @@ function ds(t) {
     return (o === -1 ? 999 : o) - (l === -1 ? 999 : l);
   });
 }
-let Ee = class extends S {
+let Ae = class extends S {
   constructor() {
     super(...arguments), this.selected = [], this.fileTypes = [], this._search = "", this._expanded = /* @__PURE__ */ new Set();
   }
@@ -1939,7 +1942,7 @@ let Ee = class extends S {
         detail: {
           key: b.TYPE,
           values: t,
-          operator: $.IS
+          operator: w.IS
         },
         bubbles: !0,
         composed: !0
@@ -2058,7 +2061,7 @@ let Ee = class extends S {
     `;
   }
 };
-Ee.styles = k`
+Ae.styles = $`
     :host {
       display: block;
     }
@@ -2207,21 +2210,21 @@ Ee.styles = k`
     }
   `;
 rt([
-  p({ type: Array })
-], Ee.prototype, "selected", 2);
+  h({ type: Array })
+], Ae.prototype, "selected", 2);
 rt([
-  p({ type: Array })
-], Ee.prototype, "fileTypes", 2);
+  h({ type: Array })
+], Ae.prototype, "fileTypes", 2);
 rt([
   _()
-], Ee.prototype, "_search", 2);
+], Ae.prototype, "_search", 2);
 rt([
   _()
-], Ee.prototype, "_expanded", 2);
-Ee = rt([
-  F("ap-filter-type")
-], Ee);
-const ge = k`
+], Ae.prototype, "_expanded", 2);
+Ae = rt([
+  C("ap-filter-type")
+], Ae);
+const fe = $`
   :host {
     display: block;
   }
@@ -2505,15 +2508,15 @@ const ge = k`
     color: var(--ap-muted-foreground, oklch(0.685 0.033 249.82));
   }
 `;
-var oa = Object.defineProperty, na = Object.getOwnPropertyDescriptor, Le = (t, e, s, i) => {
-  for (var a = i > 1 ? void 0 : i ? na(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+var na = Object.defineProperty, la = Object.getOwnPropertyDescriptor, Ie = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? la(e, s) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
-  return i && a && oa(e, s, a), a;
+  return i && a && na(e, s, a), a;
 };
-function Nt(t) {
+function jt(t) {
   return t.toISOString().split("T")[0];
 }
-let de = class extends S {
+let pe = class extends S {
   constructor() {
     super(...arguments), this.filterKey = b.DATE, this.field = "created", this.kind = null, this.preset = "", this.from = "", this.to = "";
   }
@@ -2521,10 +2524,10 @@ let de = class extends S {
     return this.filterKey === b.LICENSE_EXPIRY;
   }
   get _rangeOptions() {
-    return this._isLicenseExpiry ? ms : Vt;
+    return this._isLicenseExpiry ? ms : qt;
   }
   get _todayStr() {
-    return Nt(/* @__PURE__ */ new Date());
+    return jt(/* @__PURE__ */ new Date());
   }
   get _hasFilter() {
     return !!(this.kind || this.preset || this.from || this.to);
@@ -2602,7 +2605,7 @@ let de = class extends S {
   _renderDateInputs() {
     const t = this.preset;
     if (!["before", "after", "between", "specific"].includes(t)) return f;
-    const e = this.from ? Nt(new Date(this.from)) : "", s = this.to ? Nt(new Date(this.to)) : "", i = this._todayStr;
+    const e = this.from ? jt(new Date(this.from)) : "", s = this.to ? jt(new Date(this.to)) : "", i = this._todayStr;
     return t === "specific" ? n`
         <div class="filter-section date-inputs">
           <div>
@@ -2685,38 +2688,38 @@ let de = class extends S {
     `;
   }
 };
-de.styles = [ge, k`
+pe.styles = [fe, $`
     .date-inputs {
       margin-top: 4px;
     }
   `];
-Le([
-  p()
-], de.prototype, "filterKey", 2);
-Le([
-  p()
-], de.prototype, "field", 2);
-Le([
-  p()
-], de.prototype, "kind", 2);
-Le([
-  p()
-], de.prototype, "preset", 2);
-Le([
-  p()
-], de.prototype, "from", 2);
-Le([
-  p()
-], de.prototype, "to", 2);
-de = Le([
-  F("ap-filter-date")
-], de);
-var la = Object.defineProperty, ca = Object.getOwnPropertyDescriptor, Ke = (t, e, s, i) => {
-  for (var a = i > 1 ? void 0 : i ? ca(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+Ie([
+  h()
+], pe.prototype, "filterKey", 2);
+Ie([
+  h()
+], pe.prototype, "field", 2);
+Ie([
+  h()
+], pe.prototype, "kind", 2);
+Ie([
+  h()
+], pe.prototype, "preset", 2);
+Ie([
+  h()
+], pe.prototype, "from", 2);
+Ie([
+  h()
+], pe.prototype, "to", 2);
+pe = Ie([
+  C("ap-filter-date")
+], pe);
+var ca = Object.defineProperty, da = Object.getOwnPropertyDescriptor, Ye = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? da(e, s) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
-  return i && a && la(e, s, a), a;
+  return i && a && ca(e, s, a), a;
 };
-let ve = class extends S {
+let me = class extends S {
   constructor() {
     super(...arguments), this.tags = [], this.selected = [], this.filterKey = b.TAGS, this._search = "";
   }
@@ -2747,7 +2750,7 @@ let ve = class extends S {
         detail: {
           key: this.filterKey,
           values: s,
-          operator: $.IS
+          operator: w.IS
         },
         bubbles: !0,
         composed: !0
@@ -2761,7 +2764,7 @@ let ve = class extends S {
         detail: {
           key: this.filterKey,
           values: e,
-          operator: $.IS
+          operator: w.IS
         },
         bubbles: !0,
         composed: !0
@@ -2774,7 +2777,7 @@ let ve = class extends S {
         detail: {
           key: this.filterKey,
           values: [],
-          operator: $.IS
+          operator: w.IS
         },
         bubbles: !0,
         composed: !0
@@ -2919,7 +2922,7 @@ let ve = class extends S {
     `;
   }
 };
-ve.styles = [re, ge, k`
+me.styles = [re, fe, $`
     .tag-item {
       display: flex;
       align-items: center;
@@ -3004,30 +3007,30 @@ ve.styles = [re, ge, k`
       overflow-y: visible;
     }
   `];
-Ke([
-  p({ type: Array })
-], ve.prototype, "tags", 2);
-Ke([
-  p({ type: Array })
-], ve.prototype, "selected", 2);
-Ke([
-  p()
-], ve.prototype, "filterKey", 2);
-Ke([
-  Oe(".tag-search")
-], ve.prototype, "_searchInput", 2);
-Ke([
+Ye([
+  h({ type: Array })
+], me.prototype, "tags", 2);
+Ye([
+  h({ type: Array })
+], me.prototype, "selected", 2);
+Ye([
+  h()
+], me.prototype, "filterKey", 2);
+Ye([
+  Le(".tag-search")
+], me.prototype, "_searchInput", 2);
+Ye([
   _()
-], ve.prototype, "_search", 2);
-ve = Ke([
-  F("ap-filter-tags")
-], ve);
-var da = Object.defineProperty, pa = Object.getOwnPropertyDescriptor, ot = (t, e, s, i) => {
-  for (var a = i > 1 ? void 0 : i ? pa(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+], me.prototype, "_search", 2);
+me = Ye([
+  C("ap-filter-tags")
+], me);
+var pa = Object.defineProperty, ha = Object.getOwnPropertyDescriptor, ot = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? ha(e, s) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
-  return i && a && da(e, s, a), a;
+  return i && a && pa(e, s, a), a;
 };
-let Ae = class extends S {
+let Te = class extends S {
   constructor() {
     super(...arguments), this.labels = [], this.selected = [], this._search = "";
   }
@@ -3052,7 +3055,7 @@ let Ae = class extends S {
         detail: {
           key: b.LABELS,
           values: s,
-          operator: $.IS
+          operator: w.IS
         },
         bubbles: !0,
         composed: !0
@@ -3066,7 +3069,7 @@ let Ae = class extends S {
         detail: {
           key: b.LABELS,
           values: e,
-          operator: $.IS
+          operator: w.IS
         },
         bubbles: !0,
         composed: !0
@@ -3079,7 +3082,7 @@ let Ae = class extends S {
         detail: {
           key: b.LABELS,
           values: [],
-          operator: $.IS
+          operator: w.IS
         },
         bubbles: !0,
         composed: !0
@@ -3183,7 +3186,7 @@ let Ae = class extends S {
     `;
   }
 };
-Ae.styles = [ge, k`
+Te.styles = [fe, $`
     .label-item {
       display: flex;
       align-items: center;
@@ -3234,35 +3237,35 @@ Ae.styles = [ge, k`
     }
   `];
 ot([
-  p({ type: Array })
-], Ae.prototype, "labels", 2);
+  h({ type: Array })
+], Te.prototype, "labels", 2);
 ot([
-  p({ type: Array })
-], Ae.prototype, "selected", 2);
+  h({ type: Array })
+], Te.prototype, "selected", 2);
 ot([
-  Oe(".search-input")
-], Ae.prototype, "_searchInput", 2);
+  Le(".search-input")
+], Te.prototype, "_searchInput", 2);
 ot([
   _()
-], Ae.prototype, "_search", 2);
-Ae = ot([
-  F("ap-filter-labels")
-], Ae);
-var ha = Object.defineProperty, ua = Object.getOwnPropertyDescriptor, Ye = (t, e, s, i) => {
-  for (var a = i > 1 ? void 0 : i ? ua(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+], Te.prototype, "_search", 2);
+Te = ot([
+  C("ap-filter-labels")
+], Te);
+var ua = Object.defineProperty, ga = Object.getOwnPropertyDescriptor, Xe = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? ga(e, s) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
-  return i && a && ha(e, s, a), a;
+  return i && a && ua(e, s, a), a;
 };
-const jt = 3, Ut = /^#[0-9A-Fa-f]{6}$/;
-function ga(t) {
+const Nt = 3, Vt = /^#[0-9A-Fa-f]{6}$/;
+function fa(t) {
   const e = t.trim().split(/\s+/);
-  return e.length < 1 || !Ut.test(e[0]) ? null : {
+  return e.length < 1 || !Vt.test(e[0]) ? null : {
     hex: e[0],
     tolerance: e[1] || gt,
     coverage: e[3] || ut
   };
 }
-let me = class extends S {
+let be = class extends S {
   constructor() {
     super(...arguments), this.values = [], this._colors = [], this._advanced = !1, this._showPalette = !1, this._initialized = !1;
   }
@@ -3276,7 +3279,7 @@ let me = class extends S {
     if (t.has("values")) {
       const e = [];
       for (const s of this.values) {
-        const i = ga(s);
+        const i = fa(s);
         i && e.push(i);
       }
       (!this._initialized || this.values.length === 0 && this._colors.length > 0) && (this._colors = e, e.length > 0 && (this._advanced = e.some(
@@ -3285,13 +3288,13 @@ let me = class extends S {
     }
   }
   _selectColor(t) {
-    if (!Ut.test(t)) return;
+    if (!Vt.test(t)) return;
     const e = this._colors.findIndex((s) => s.hex.toLowerCase() === t.toLowerCase());
     if (e >= 0) {
       this._removeColor(e);
       return;
     }
-    this._colors.length >= jt || (this._colors = [
+    this._colors.length >= Nt || (this._colors = [
       ...this._colors,
       {
         hex: t,
@@ -3311,7 +3314,7 @@ let me = class extends S {
   }
   _handleHexInput(t, e) {
     let i = e.target.value.trim();
-    if (i.startsWith("#") || (i = "#" + i), !Ut.test(i) || this._colors.some(
+    if (i.startsWith("#") || (i = "#" + i), !Vt.test(i) || this._colors.some(
       (o, l) => l !== t && o.hex.toLowerCase() === i.toLowerCase()
     )) return;
     const r = [...this._colors];
@@ -3355,7 +3358,7 @@ let me = class extends S {
     );
   }
   _renderPalette() {
-    const t = this._selectedHexes, e = this._colors.length >= jt;
+    const t = this._selectedHexes, e = this._colors.length >= Nt;
     return n`
       <div class="palette">
         ${oi.map(
@@ -3434,7 +3437,7 @@ let me = class extends S {
       `;
   }
   render() {
-    const t = this._colors.length === 0 || this._showPalette, e = this._colors.length < jt && !this._showPalette;
+    const t = this._colors.length === 0 || this._showPalette, e = this._colors.length < Nt && !this._showPalette;
     return n`
       <div class="filter-content">
         <button
@@ -3483,7 +3486,7 @@ let me = class extends S {
     `;
   }
 };
-me.styles = [re, ge, k`
+be.styles = [re, fe, $`
     /* ── Palette ── */
     .palette {
       display: grid;
@@ -3721,39 +3724,39 @@ me.styles = [re, ge, k`
       opacity: 0.8;
     }
   `];
-Ye([
-  p({ type: Array })
-], me.prototype, "values", 2);
-Ye([
+Xe([
+  h({ type: Array })
+], be.prototype, "values", 2);
+Xe([
   _()
-], me.prototype, "_colors", 2);
-Ye([
+], be.prototype, "_colors", 2);
+Xe([
   _()
-], me.prototype, "_advanced", 2);
-Ye([
+], be.prototype, "_advanced", 2);
+Xe([
   _()
-], me.prototype, "_showPalette", 2);
-Ye([
+], be.prototype, "_showPalette", 2);
+Xe([
   _()
-], me.prototype, "_initialized", 2);
-me = Ye([
-  F("ap-filter-color")
-], me);
-var fa = Object.defineProperty, va = Object.getOwnPropertyDescriptor, Pe = (t, e, s, i) => {
-  for (var a = i > 1 ? void 0 : i ? va(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+], be.prototype, "_initialized", 2);
+be = Xe([
+  C("ap-filter-color")
+], be);
+var va = Object.defineProperty, ma = Object.getOwnPropertyDescriptor, Pe = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? ma(e, s) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
-  return i && a && fa(e, s, a), a;
+  return i && a && va(e, s, a), a;
 };
-const ma = {
+const ba = {
   KB: 1 / 1e3,
   MB: 1,
   GB: 1e3
-}, ba = [
+}, _a = [
   // KB disabled until backend supports sub-MB precision
   { value: "MB", label: "MB" },
   { value: "GB", label: "GB" }
 ];
-let pe = class extends S {
+let he = class extends S {
   constructor() {
     super(...arguments), this.min = 0, this.max = 0, this._minVal = "", this._maxVal = "", this._unit = "MB", this._initialized = !1;
   }
@@ -3770,7 +3773,7 @@ let pe = class extends S {
     this._unit = t.detail.value, this._emitChange();
   }
   _emitChange() {
-    const t = ma[this._unit], e = this._minVal !== "" ? parseFloat((parseFloat(this._minVal) * t).toFixed(2)).toString() : null, s = this._maxVal !== "" ? parseFloat((parseFloat(this._maxVal) * t).toFixed(2)).toString() : null;
+    const t = ba[this._unit], e = this._minVal !== "" ? parseFloat((parseFloat(this._minVal) * t).toFixed(2)).toString() : null, s = this._maxVal !== "" ? parseFloat((parseFloat(this._maxVal) * t).toFixed(2)).toString() : null;
     let i;
     if (e !== null && s !== null)
       i = `${e}..${s}`;
@@ -3784,7 +3787,7 @@ let pe = class extends S {
           detail: {
             key: b.SIZE,
             values: [],
-            operator: $.RANGE
+            operator: w.RANGE
           },
           bubbles: !0,
           composed: !0
@@ -3797,7 +3800,7 @@ let pe = class extends S {
         detail: {
           key: b.SIZE,
           values: [i],
-          operator: $.RANGE
+          operator: w.RANGE
         },
         bubbles: !0,
         composed: !0
@@ -3848,7 +3851,7 @@ let pe = class extends S {
           <div>
             <span class="input-label">Unit</span>
             <ap-dropdown
-              .options=${ba}
+              .options=${_a}
               .value=${this._unit}
               @ap-change=${this._setUnit}
             ></ap-dropdown>
@@ -3858,9 +3861,9 @@ let pe = class extends S {
     `;
   }
 };
-pe.styles = [
-  ge,
-  k`
+he.styles = [
+  fe,
+  $`
       /* Hide number input spinners */
       .filter-input[type='number']::-webkit-inner-spin-button,
       .filter-input[type='number']::-webkit-outer-spin-button {
@@ -3882,44 +3885,44 @@ pe.styles = [
     `
 ];
 Pe([
-  p({ type: Number })
-], pe.prototype, "min", 2);
+  h({ type: Number })
+], he.prototype, "min", 2);
 Pe([
-  p({ type: Number })
-], pe.prototype, "max", 2);
+  h({ type: Number })
+], he.prototype, "max", 2);
 Pe([
   _()
-], pe.prototype, "_minVal", 2);
+], he.prototype, "_minVal", 2);
 Pe([
   _()
-], pe.prototype, "_maxVal", 2);
+], he.prototype, "_maxVal", 2);
 Pe([
   _()
-], pe.prototype, "_unit", 2);
+], he.prototype, "_unit", 2);
 Pe([
   _()
-], pe.prototype, "_initialized", 2);
-pe = Pe([
-  F("ap-filter-size")
-], pe);
-var _a = Object.defineProperty, ya = Object.getOwnPropertyDescriptor, Ct = (t, e, s, i) => {
-  for (var a = i > 1 ? void 0 : i ? ya(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+], he.prototype, "_initialized", 2);
+he = Pe([
+  C("ap-filter-size")
+], he);
+var ya = Object.defineProperty, xa = Object.getOwnPropertyDescriptor, Ct = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? xa(e, s) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
-  return i && a && _a(e, s, a), a;
+  return i && a && ya(e, s, a), a;
 };
-const xa = fe`
+const wa = ve`
   <svg width="20" height="20" viewBox="0 0 12 16" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path d="M2.66666 1.9987C2.29847 1.9987 1.99999 2.29717 1.99999 2.66536L1.99999 13.332C1.99999 13.7002 2.29847 13.9987 2.66666 13.9987L9.33332 13.9987C9.70151 13.9987 9.99999 13.7002 9.99999 13.332L9.99999 2.66536C9.99999 2.29717 9.70151 1.9987 9.33332 1.9987L2.66666 1.9987ZM9.33332 0.665364C10.4379 0.665364 11.3333 1.56079 11.3333 2.66536L11.3333 13.332C11.3333 14.4366 10.4379 15.332 9.33332 15.332L2.66666 15.332C1.56209 15.332 0.666656 14.4366 0.666656 13.332L0.666656 2.66536C0.666656 1.56079 1.56209 0.665364 2.66666 0.665364L9.33332 0.665364Z" fill="#9747FF"/>
     <path d="M5.33332 4.65885C5.33332 4.29066 5.6318 3.99219 5.99999 3.99219C6.36818 3.99219 6.66666 4.29066 6.66666 4.65885L6.66666 4.66536C6.66666 5.03355 6.36818 5.33203 5.99999 5.33203C5.6318 5.33203 5.33332 5.03355 5.33332 4.66536L5.33332 4.65885Z" fill="#9747FF"/>
     <path d="M5.33332 11.3255C5.33332 10.9573 5.6318 10.6589 5.99999 10.6589C6.36818 10.6589 6.66666 10.9573 6.66666 11.3255L6.66666 11.332C6.66666 11.7002 6.36818 11.9987 5.99999 11.9987C5.6318 11.9987 5.33332 11.7002 5.33332 11.332L5.33332 11.3255Z" fill="#9747FF"/>
   </svg>
-`, wa = fe`
+`, $a = ve`
   <svg width="20" height="20" viewBox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path d="M14 2.66797C14 2.29978 13.7015 2.0013 13.3333 2.0013H2.66666C2.29847 2.0013 1.99999 2.29978 1.99999 2.66797V9.33463C1.99999 9.70282 2.29847 10.0013 2.66666 10.0013H13.3333C13.7015 10.0013 14 9.70282 14 9.33463V2.66797ZM15.3333 9.33463C15.3333 10.4392 14.4379 11.3346 13.3333 11.3346H2.66666C1.56209 11.3346 0.666656 10.4392 0.666656 9.33463V2.66797C0.666656 1.5634 1.56209 0.667969 2.66666 0.667969H13.3333C14.4379 0.667969 15.3333 1.5634 15.3333 2.66797V9.33463Z" fill="#65A30D"/>
     <path d="M11.3398 5.33464C11.708 5.33464 12.0065 5.63311 12.0065 6.0013C12.0065 6.36949 11.708 6.66797 11.3398 6.66797H11.3333C10.9651 6.66797 10.6667 6.36949 10.6667 6.0013C10.6667 5.63311 10.9651 5.33464 11.3333 5.33464H11.3398Z" fill="#65A30D"/>
     <path d="M4.67317 5.33464C5.04136 5.33464 5.33983 5.63311 5.33983 6.0013C5.33983 6.36949 5.04136 6.66797 4.67317 6.66797H4.66666C4.29847 6.66797 3.99999 6.36949 3.99999 6.0013C3.99999 5.63311 4.29847 5.33464 4.66666 5.33464H4.67317Z" fill="#65A30D"/>
   </svg>
-`, $a = fe`
+`, ka = ve`
   <svg width="20" height="20" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path d="M12.3333 2.33203C12.3333 1.96384 12.0349 1.66536 11.6667 1.66536H2.33334C1.96515 1.66536 1.66668 1.96384 1.66668 2.33203V11.6654C1.66668 12.0336 1.96515 12.332 2.33334 12.332H11.6667C12.0349 12.332 12.3333 12.0336 12.3333 11.6654V2.33203ZM13.6667 11.6654C13.6667 12.7699 12.7712 13.6654 11.6667 13.6654H2.33334C1.22877 13.6654 0.333344 12.7699 0.333344 11.6654V2.33203C0.333344 1.22746 1.22877 0.332031 2.33334 0.332031H11.6667C12.7712 0.332031 13.6667 1.22746 13.6667 2.33203V11.6654Z" fill="#6366F1"/>
     <path d="M9.67319 3.66536C10.0414 3.66536 10.3399 3.96384 10.3399 4.33203C10.3399 4.70022 10.0414 4.9987 9.67319 4.9987H9.66668C9.29849 4.9987 9.00001 4.70022 9.00001 4.33203C9.00001 3.96384 9.29849 3.66536 9.66668 3.66536H9.67319Z" fill="#6366F1"/>
@@ -3927,17 +3930,17 @@ const xa = fe`
     <path d="M4.33985 8.9987C4.70804 8.9987 5.00652 9.29718 5.00652 9.66537C5.00652 10.0336 4.70804 10.332 4.33985 10.332H4.33334C3.96515 10.332 3.66668 10.0336 3.66668 9.66537C3.66668 9.29718 3.96515 8.9987 4.33334 8.9987H4.33985Z" fill="#6366F1"/>
     <path d="M9.67319 8.9987C10.0414 8.9987 10.3399 9.29718 10.3399 9.66537C10.3399 10.0336 10.0414 10.332 9.67319 10.332H9.66668C9.29849 10.332 9.00001 10.0336 9.00001 9.66537C9.00001 9.29718 9.29849 8.9987 9.66668 8.9987H9.67319Z" fill="#6366F1"/>
   </svg>
-`, ka = fe`
+`, Sa = ve`
   <svg width="20" height="20" viewBox="0 0 16 8" fill="none" xmlns="http://www.w3.org/2000/svg">
     <path d="M14 2.33203C14 1.96384 13.7015 1.66536 13.3333 1.66536H2.66666C2.29847 1.66536 1.99999 1.96384 1.99999 2.33203V5.66536C1.99999 6.03355 2.29847 6.33203 2.66666 6.33203H13.3333C13.7015 6.33203 14 6.03355 14 5.66536V2.33203ZM15.3333 5.66536C15.3333 6.76993 14.4379 7.66536 13.3333 7.66536H2.66666C1.56209 7.66536 0.666656 6.76993 0.666656 5.66536V2.33203C0.666656 1.22746 1.56209 0.332031 2.66666 0.332031H13.3333C14.4379 0.332031 15.3333 1.22746 15.3333 2.33203V5.66536Z" fill="#4BA3AD"/>
     <path d="M11.3398 3.33203C11.708 3.33203 12.0065 3.63051 12.0065 3.9987C12.0065 4.36689 11.708 4.66536 11.3398 4.66536H11.3333C10.9651 4.66536 10.6667 4.36689 10.6667 3.9987C10.6667 3.63051 10.9651 3.33203 11.3333 3.33203H11.3398Z" fill="#4BA3AD"/>
     <path d="M4.67317 3.33203C5.04136 3.33203 5.33983 3.63051 5.33983 3.9987C5.33983 4.36689 5.04136 4.66536 4.67317 4.66536H4.66666C4.29847 4.66536 3.99999 4.36689 3.99999 3.9987C3.99999 3.63051 4.29847 3.33203 4.66666 3.33203H4.67317Z" fill="#4BA3AD"/>
   </svg>
-`, Sa = {
-  portrait: xa,
-  landscape: wa,
-  square: $a,
-  panorama: ka
+`, Ca = {
+  portrait: wa,
+  landscape: $a,
+  square: ka,
+  panorama: Sa
 };
 let Be = class extends S {
   constructor() {
@@ -4012,7 +4015,7 @@ let Be = class extends S {
                   @ap-toggle=${() => {
         this._toggleOrientation(t.value);
       }}
-                ><span class="orientation-label">${Sa[t.value]}${t.label}</span></ap-checkbox>
+                ><span class="orientation-label">${Ca[t.value]}${t.label}</span></ap-checkbox>
               `
     )}
           </div>
@@ -4042,7 +4045,7 @@ let Be = class extends S {
     `;
   }
 };
-Be.styles = [ge, k`
+Be.styles = [fe, $`
     .options-horizontal {
       display: flex;
       gap: 28px;
@@ -4065,26 +4068,26 @@ Be.styles = [ge, k`
     }
   `];
 Ct([
-  p({ type: Array })
+  h({ type: Array })
 ], Be.prototype, "selectedResolution", 2);
 Ct([
-  p({ type: Array })
+  h({ type: Array })
 ], Be.prototype, "selectedOrientation", 2);
 Ct([
-  p({ type: Array })
+  h({ type: Array })
 ], Be.prototype, "selectedFaces", 2);
 Be = Ct([
-  F("ap-filter-image")
+  C("ap-filter-image")
 ], Be);
-var Ca = Object.defineProperty, Fa = Object.getOwnPropertyDescriptor, z = (t, e, s, i) => {
-  for (var a = i > 1 ? void 0 : i ? Fa(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+var Fa = Object.defineProperty, Ea = Object.getOwnPropertyDescriptor, z = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? Ea(e, s) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
-  return i && a && Ca(e, s, a), a;
+  return i && a && Fa(e, s, a), a;
 };
-function A(t) {
+function F(t) {
   return `${kt[t.type] || ""}${t.key}`;
 }
-let I = class extends S {
+let D = class extends S {
   constructor() {
     super(...arguments), this.fields = [], this.appliedFilters = {}, this.visibleFields = [], this.mode = "full", this.activeFieldKey = "", this.pinnedFields = [], this.appliedMetadata = {}, this._showFieldSelection = !1, this._fieldSearch = "", this._collapsedFields = /* @__PURE__ */ new Set(), this._tagInputs = {}, this._tagSuggestions = {}, this._tagLoading = {}, this._datePresets = {}, this._dateFroms = {}, this._dateTos = {}, this._specificModeFields = /* @__PURE__ */ new Set(), this._selectSearches = {}, this._tagDebounceTimers = {};
   }
@@ -4105,7 +4108,7 @@ let I = class extends S {
     return this.visibleFields.length >= pt;
   }
   _getField(t) {
-    return this.fields.find((e) => A(e) === t);
+    return this.fields.find((e) => F(e) === t);
   }
   _getUIType(t) {
     return pi[t.type];
@@ -4114,17 +4117,17 @@ let I = class extends S {
     return this.appliedMetadata[t] || this.appliedFilters[t] || {};
   }
   _isSpecialValue(t) {
-    return !t || t.length !== 1 ? !1 : t[0] === W || t[0] === Q;
+    return !t || t.length !== 1 ? !1 : t[0] === Y || t[0] === X;
   }
   /** Get the "content" mode for a field: 'empty', 'not-empty', or 'specific' */
   _getContentMode(t) {
     var s, i;
     const e = this._getApplied(t);
-    return ((s = e.values) == null ? void 0 : s[0]) === W ? W : ((i = e.values) == null ? void 0 : i[0]) === Q ? Q : this._specificModeFields.has(t) || e.values && e.values.length > 0 ? ke : "";
+    return ((s = e.values) == null ? void 0 : s[0]) === Y ? Y : ((i = e.values) == null ? void 0 : i[0]) === X ? X : this._specificModeFields.has(t) || e.values && e.values.length > 0 ? Se : "";
   }
   // ── Event dispatchers ────────────────────────────────────────────
   _emitFilterChange(t, e, s) {
-    const i = A(t);
+    const i = F(t);
     this.dispatchEvent(
       new CustomEvent("metadata-filter-change", {
         detail: {
@@ -4139,7 +4142,7 @@ let I = class extends S {
     );
   }
   _emitFieldToggle(t, e) {
-    const s = A(t);
+    const s = F(t);
     this.dispatchEvent(
       new CustomEvent("metadata-field-toggle", {
         detail: { fieldKey: s, visible: e },
@@ -4149,7 +4152,7 @@ let I = class extends S {
     );
   }
   _emitFieldSelect(t) {
-    const e = A(t);
+    const e = F(t);
     !this.visibleFields.includes(e) && this._atFieldLimit || (this.visibleFields.includes(e) || this._emitFieldToggle(t, !0), this.dispatchEvent(
       new CustomEvent("metadata-field-select", {
         detail: { fieldKey: e },
@@ -4176,7 +4179,7 @@ let I = class extends S {
   }
   _addField(t) {
     if (this._atFieldLimit) return;
-    const e = A(t);
+    const e = F(t);
     this.visibleFields.includes(e) || this._emitFieldToggle(t, !0);
   }
   _removeField(t) {
@@ -4188,13 +4191,13 @@ let I = class extends S {
   }
   // ── Operator change (via radio group) ─────────────────────────────
   _onOperatorChange(t, e) {
-    const i = this._getApplied(A(t)).values || [];
+    const i = this._getApplied(F(t)).values || [];
     this._emitFilterChange(t, e, i);
   }
   // ── Content mode change ─────────────────────────────────────────
   _onContentModeChange(t, e) {
-    const s = A(t);
-    if (e === ke) {
+    const s = F(t);
+    if (e === Se) {
       const i = new Set(this._specificModeFields);
       i.add(s), this._specificModeFields = i;
       const a = this._getApplied(s);
@@ -4209,7 +4212,7 @@ let I = class extends S {
   }
   // ── Clear field filter ──────────────────────────────────────────
   _clearFieldFilter(t) {
-    const e = A(t);
+    const e = F(t);
     if (this._specificModeFields.has(e)) {
       const d = new Set(this._specificModeFields);
       d.delete(e), this._specificModeFields = d;
@@ -4220,25 +4223,25 @@ let I = class extends S {
     this._dateFroms = r;
     const { [e]: o, ...l } = this._dateTos;
     this._dateTos = l;
-    const { [e]: c, ...h } = this._selectSearches;
-    this._selectSearches = h;
+    const { [e]: c, ...p } = this._selectSearches;
+    this._selectSearches = p;
     const { [e]: u, ...v } = this._tagInputs;
     this._tagInputs = v, this._emitFilterChange(t, void 0, []);
   }
   // ── Text filter ──────────────────────────────────────────────────
   _onTextInput(t, e) {
-    const s = e.target.value, a = this._getApplied(A(t)).operator || Pt[0].value;
+    const s = e.target.value, a = this._getApplied(F(t)).operator || It[0].value;
     this._emitFilterChange(t, a, s ? [s] : []);
   }
   // ── Number filter ────────────────────────────────────────────────
   _onNumberInput(t, e, s) {
-    const i = e.target.value, a = A(t), r = this._getApplied(a), o = r.operator || Dt[0].value, l = [...r.values || []];
+    const i = e.target.value, a = F(t), r = this._getApplied(a), o = r.operator || Dt[0].value, l = [...r.values || []];
     s === 0 ? l[0] = i : l[1] = i;
-    const c = l.filter((h) => h !== "" && h !== void 0);
+    const c = l.filter((p) => p !== "" && p !== void 0);
     if (c.length > 0) {
-      const h = t.type === y.DECIMAL2;
+      const p = t.type === y.DECIMAL2;
       if (!c.every(
-        (v) => h ? !isNaN(parseFloat(v)) : /^-?\d+$/.test(v)
+        (v) => p ? !isNaN(parseFloat(v)) : /^-?\d+$/.test(v)
       )) return;
     }
     this._emitFilterChange(t, o, l);
@@ -4246,22 +4249,22 @@ let I = class extends S {
   // ── Boolean filter ───────────────────────────────────────────────
   _onBooleanSelect(t, e) {
     var a;
-    const s = this._getApplied(A(t));
+    const s = this._getApplied(F(t));
     ((a = s.values) == null ? void 0 : a[0]) === e ? this._emitFilterChange(t, void 0, []) : this._emitFilterChange(t, s.operator, [e]);
   }
   // ── Select-one filter ────────────────────────────────────────────
   _onSelectOneToggle(t, e) {
-    const s = A(t), i = this._getApplied(s), a = i.operator || ce[0].value, r = i.values || [];
+    const s = F(t), i = this._getApplied(s), a = i.operator || de[0].value, r = i.values || [];
     r.length === 1 && r[0] === e ? this._emitFilterChange(t, a, []) : this._emitFilterChange(t, a, [e]);
   }
   // ── Multi-select filter ──────────────────────────────────────────
   _onMultiSelectToggle(t, e) {
-    const s = A(t), i = this._getApplied(s), a = i.operator || It[0].value, r = i.values || [], o = r.includes(e) ? r.filter((l) => l !== e) : [...r, e];
+    const s = F(t), i = this._getApplied(s), a = i.operator || Pt[0].value, r = i.values || [], o = r.includes(e) ? r.filter((l) => l !== e) : [...r, e];
     this._emitFilterChange(t, a, o);
   }
   // ── Tags filter ──────────────────────────────────────────────────
   _onTagKeydown(t, e) {
-    const s = A(t);
+    const s = F(t);
     (e.key === "Enter" || e.key === ",") && (e.preventDefault(), this._commitTagInput(t, s));
   }
   _onTagInput(t, e, s) {
@@ -4274,7 +4277,7 @@ let I = class extends S {
     this._tagInputs = { ...this._tagInputs, [e]: i }, this._fetchTagSuggestions(t, e, i.trim());
   }
   _selectTagSuggestion(t, e) {
-    const s = A(t), i = this._getApplied(s), a = i.operator || ce[0].value, r = i.values || [];
+    const s = F(t), i = this._getApplied(s), a = i.operator || de[0].value, r = i.values || [];
     r.includes(e) || this._emitFilterChange(t, a, [...r, e]), this._tagInputs = { ...this._tagInputs, [s]: "" }, this._tagSuggestions = { ...this._tagSuggestions, [s]: [] };
   }
   _fetchTagSuggestions(t, e, s) {
@@ -4303,11 +4306,11 @@ let I = class extends S {
   _commitTagInput(t, e) {
     const s = (this._tagInputs[e] || "").trim();
     if (!s) return;
-    const i = this._getApplied(e), a = i.operator || ce[0].value, r = i.values || [];
+    const i = this._getApplied(e), a = i.operator || de[0].value, r = i.values || [];
     r.includes(s) || this._emitFilterChange(t, a, [...r, s]), this._tagInputs = { ...this._tagInputs, [e]: "" }, this._tagSuggestions = { ...this._tagSuggestions, [e]: [] };
   }
   _removeTag(t, e) {
-    const s = A(t), i = this._getApplied(s), a = i.operator || ce[0].value, r = i.values || [];
+    const s = F(t), i = this._getApplied(s), a = i.operator || de[0].value, r = i.values || [];
     this._emitFilterChange(
       t,
       a,
@@ -4315,12 +4318,12 @@ let I = class extends S {
     );
   }
   _onTagOperatorChange(t, e) {
-    const s = A(t), a = this._getApplied(s).values || [];
+    const s = F(t), a = this._getApplied(s).values || [];
     this._emitFilterChange(t, e, a);
   }
   // ── Date filter ──────────────────────────────────────────────────
   _onDatePreset(t, e) {
-    const s = A(t);
+    const s = F(t);
     if (this._datePresets = { ...this._datePresets, [s]: e }, ["before", "after", "between"].includes(e)) {
       this._dateFroms = { ...this._dateFroms, [s]: "" }, this._dateTos = { ...this._dateTos, [s]: "" };
       return;
@@ -4358,7 +4361,7 @@ let I = class extends S {
     a && r && (this._dateFroms = { ...this._dateFroms, [s]: a }, this._dateTos = { ...this._dateTos, [s]: r }, this._emitFilterChange(t, "..", [a, r]));
   }
   _onDateInput(t, e, s) {
-    const i = s.target.value, a = A(t), r = this._datePresets[a] || "", o = i ? (/* @__PURE__ */ new Date(i + "T00:00:00")).toISOString() : "";
+    const i = s.target.value, a = F(t), r = this._datePresets[a] || "", o = i ? (/* @__PURE__ */ new Date(i + "T00:00:00")).toISOString() : "";
     e === "from" ? this._dateFroms = { ...this._dateFroms, [a]: o } : this._dateTos = { ...this._dateTos, [a]: o };
     let l = this._dateFroms[a] || "", c = this._dateTos[a] || "";
     r === "after" && l && (c = (/* @__PURE__ */ new Date()).toISOString(), this._dateTos = { ...this._dateTos, [a]: c }), r === "before" && c && (l = (/* @__PURE__ */ new Date(0)).toISOString(), this._dateFroms = { ...this._dateFroms, [a]: l }), l && c && this._emitFilterChange(t, "..", [l, c]);
@@ -4366,7 +4369,7 @@ let I = class extends S {
   // ── Geo filter ───────────────────────────────────────────────────
   _onGeoLocationInput(t, e) {
     var v;
-    const s = e.target.value.trim(), i = A(t), a = (v = this.shadowRoot) == null ? void 0 : v.querySelector(
+    const s = e.target.value.trim(), i = F(t), a = (v = this.shadowRoot) == null ? void 0 : v.querySelector(
       `[data-geo-radius="${i}"]`
     ), r = (a == null ? void 0 : a.value) || "";
     if (!s) {
@@ -4378,20 +4381,20 @@ let I = class extends S {
       return;
     const [l, c] = o;
     let u = `${l},${c}..${r || "0"}`;
-    this._emitFilterChange(t, $.IS, [u]);
+    this._emitFilterChange(t, w.IS, [u]);
   }
   _onGeoRadiusInput(t, e) {
     var c;
-    const s = e.target.value, i = A(t), a = this._getApplied(i);
+    const s = e.target.value, i = F(t), a = this._getApplied(i);
     if (!((c = a.values) != null && c[0])) return;
     const r = a.values[0], [o] = r.split("..");
     let l = o;
-    s && (l += `..${s}`), this._emitFilterChange(t, $.IS, [l]);
+    s && (l += `..${s}`), this._emitFilterChange(t, w.IS, [l]);
   }
   // ── Empty/non-empty option click ─────────────────────────────────
   _onEmptyOption(t, e) {
     var a;
-    const s = this._getApplied(A(t));
+    const s = this._getApplied(F(t));
     ((a = s.values) == null ? void 0 : a[0]) === e ? this._emitFilterChange(t, s.operator, []) : this._emitFilterChange(t, s.operator, [e]);
   }
   // ── Render: Field selection panel ────────────────────────────────
@@ -4409,11 +4412,11 @@ let I = class extends S {
     ), s = this._getGroupedFields(e), i = (a, r) => r.length === 0 ? f : n`
         <div class="field-group-label">${a}</div>
         ${r.map((o) => {
-      const l = A(o), c = this.visibleFields.includes(l), h = !c && this._atFieldLimit;
+      const l = F(o), c = this.visibleFields.includes(l), p = !c && this._atFieldLimit;
       return n`
             <div
-              class="field-item ${c ? "selected" : ""} ${h ? "disabled" : ""}"
-              @click=${() => !h && !c && this._addField(o)}
+              class="field-item ${c ? "selected" : ""} ${p ? "disabled" : ""}"
+              @click=${() => !p && !c && this._addField(o)}
             >
               ${c ? n`<ap-icon name="check" .size=${14}></ap-icon>` : n`<ap-icon name=${ft[o.type] || "file-text"} .size=${14} style="color: var(--ap-muted-foreground, oklch(0.685 0.033 249.82))"></ap-icon>`}
               <span>${o.label}</span>
@@ -4454,8 +4457,8 @@ let I = class extends S {
   }
   // ── Render: Text filter ──────────────────────────────────────────
   _renderTextFilter(t) {
-    var h, u;
-    const e = A(t), s = this._getApplied(e), a = this._isSpecialValue(s.values) ? "" : ((h = s.values) == null ? void 0 : h[0]) || "", r = this._getContentMode(e), o = r === W || r === Q, l = s.operator || Pt[0].value, c = t.type === y.TEXT_AREA;
+    var p, u;
+    const e = F(t), s = this._getApplied(e), a = this._isSpecialValue(s.values) ? "" : ((p = s.values) == null ? void 0 : p[0]) || "", r = this._getContentMode(e), o = r === Y || r === X, l = s.operator || It[0].value, c = t.type === y.TEXT_AREA;
     return n`
       <div class="filter-content" style="position: relative;">
         <button
@@ -4468,7 +4471,7 @@ let I = class extends S {
           <span class="section-label">Operator</span>
           <ap-radio-group
             direction="horizontal"
-            .options=${Pt}
+            .options=${It}
             .value=${l}
             ?disabled=${o}
             @ap-change=${(v) => this._onOperatorChange(t, v.detail.value)}
@@ -4484,7 +4487,7 @@ let I = class extends S {
           ></ap-radio-group>
         </div>
 
-        ${r === ke ? n`
+        ${r === Se ? n`
               <div class="filter-section">
                 <span class="section-label">Value</span>
                 ${c ? n`
@@ -4513,13 +4516,13 @@ let I = class extends S {
   }
   // ── Render: Number filter ────────────────────────────────────────
   _renderNumberFilter(t) {
-    var C, O, D;
-    const e = A(t), s = this._getApplied(e), i = s.operator || Dt[0].value, a = this._isSpecialValue(s.values), r = this._getContentMode(e), o = r === W || r === Q, l = i === $.RANGE, c = i === $.GREATER_THAN_OR_EQUAL, h = i === $.LESS_THAN_OR_EQUAL, u = t.type === y.DECIMAL2, v = u ? "0.01" : "1", d = u ? "0.00" : "0", g = a ? "" : ((C = s.values) == null ? void 0 : C[0]) || "", m = a ? "" : ((O = s.values) == null ? void 0 : O[1]) || "", x = l || c || h, w = l || c || h ? "Min" : "Value";
+    var A, I, R;
+    const e = F(t), s = this._getApplied(e), i = s.operator || Dt[0].value, a = this._isSpecialValue(s.values), r = this._getContentMode(e), o = r === Y || r === X, l = i === w.RANGE, c = i === w.GREATER_THAN_OR_EQUAL, p = i === w.LESS_THAN_OR_EQUAL, u = t.type === y.DECIMAL2, v = u ? "0.01" : "1", d = u ? "0.00" : "0", g = a ? "" : ((A = s.values) == null ? void 0 : A[0]) || "", m = a ? "" : ((I = s.values) == null ? void 0 : I[1]) || "", x = l || c || p, k = l || c || p ? "Min" : "Value";
     return n`
       <div class="filter-content" style="position: relative;">
         <button
           class="clear-btn"
-          ?disabled=${!((D = s.values) != null && D.length) && !s.operator}
+          ?disabled=${!((R = s.values) != null && R.length) && !s.operator}
           @click=${() => this._clearFieldFilter(t)}
         >Clear all</button>
 
@@ -4530,7 +4533,7 @@ let I = class extends S {
             .options=${Dt}
             .value=${i}
             ?disabled=${o}
-            @ap-change=${(E) => this._onOperatorChange(t, E.detail.value)}
+            @ap-change=${(T) => this._onOperatorChange(t, T.detail.value)}
           ></ap-radio-group>
         </div>
 
@@ -4539,23 +4542,23 @@ let I = class extends S {
           <ap-radio-group
             .options=${zt}
             .value=${r}
-            @ap-change=${(E) => this._onContentModeChange(t, E.detail.value)}
+            @ap-change=${(T) => this._onContentModeChange(t, T.detail.value)}
           ></ap-radio-group>
         </div>
 
-        ${r === ke ? n`
+        ${r === Se ? n`
               <div class="filter-section">
                 <div class="grid-2">
                   <div>
-                    <span class="input-label" aria-disabled=${h ? "true" : f}>${w}</span>
+                    <span class="input-label" aria-disabled=${p ? "true" : f}>${k}</span>
                     <input
                       class="filter-input"
                       type="number"
                       step=${v}
                       placeholder=${d}
                       .value=${g}
-                      ?disabled=${h}
-                      @change=${(E) => this._onNumberInput(t, E, 0)}
+                      ?disabled=${p}
+                      @change=${(T) => this._onNumberInput(t, T, 0)}
                     />
                   </div>
                   ${x ? n`
@@ -4568,7 +4571,7 @@ let I = class extends S {
                             placeholder=${d}
                             .value=${m}
                             ?disabled=${c}
-                            @change=${(E) => this._onNumberInput(t, E, 1)}
+                            @change=${(T) => this._onNumberInput(t, T, 1)}
                           />
                         </div>
                       ` : f}
@@ -4581,7 +4584,7 @@ let I = class extends S {
   // ── Render: Boolean filter ───────────────────────────────────────
   _renderBooleanFilter(t) {
     var i, a;
-    const e = this._getApplied(A(t)), s = ((i = e.values) == null ? void 0 : i[0]) || "";
+    const e = this._getApplied(F(t)), s = ((i = e.values) == null ? void 0 : i[0]) || "";
     return n`
       <div class="filter-content" style="position: relative;">
         <button
@@ -4603,7 +4606,7 @@ let I = class extends S {
   }
   // ── Render: Select-one filter ────────────────────────────────────
   _renderSelectOneFilter(t) {
-    const e = A(t), s = this._getApplied(e), i = this._isSpecialValue(s.values), a = i ? [] : s.values || [], r = t.possible_values || [], o = s.operator || ce[0].value, l = (this._selectSearches[e] || "").toLowerCase(), c = l.length > 0, h = a.length > 0 || i, u = l ? r.filter((d) => d.label.toLowerCase().includes(l)) : r, v = a.length >= pt;
+    const e = F(t), s = this._getApplied(e), i = this._isSpecialValue(s.values), a = i ? [] : s.values || [], r = t.possible_values || [], o = s.operator || de[0].value, l = (this._selectSearches[e] || "").toLowerCase(), c = l.length > 0, p = a.length > 0 || i, u = l ? r.filter((d) => d.label.toLowerCase().includes(l)) : r, v = a.length >= pt;
     return n`
       <div class="filter-content">
         <!-- Search input -->
@@ -4635,7 +4638,7 @@ let I = class extends S {
                 <span class="section-label"></span>
                 <button
                   class="clear-btn"
-                  ?disabled=${!h && !s.operator}
+                  ?disabled=${!p && !s.operator}
                   @click=${() => this._clearFieldFilter(t)}
                 >Clear all</button>
               </div>
@@ -4646,13 +4649,13 @@ let I = class extends S {
                   <span class="section-label">Operator</span>
                   <button
                     class="clear-btn"
-                    ?disabled=${!h && !s.operator}
+                    ?disabled=${!p && !s.operator}
                     @click=${() => this._clearFieldFilter(t)}
                   >Clear all</button>
                 </div>
                 <ap-radio-group
                   direction="horizontal"
-                  .options=${ce}
+                  .options=${de}
                   .value=${o}
                   @ap-change=${(d) => this._onOperatorChange(t, d.detail.value)}
                 ></ap-radio-group>
@@ -4684,7 +4687,7 @@ let I = class extends S {
 
           <!-- Empty/Not empty checkboxes -->
           <div class="options-list short">
-            ${Ce.map(
+            ${Fe.map(
       (d) => {
         var g;
         return n`
@@ -4723,7 +4726,7 @@ let I = class extends S {
   }
   // ── Render: Multi-select filter ──────────────────────────────────
   _renderMultiSelectFilter(t) {
-    const e = A(t), s = this._getApplied(e), i = this._isSpecialValue(s.values), a = i ? [] : s.values || [], r = t.possible_values || [], o = s.operator || It[0].value, l = (this._selectSearches[e] || "").toLowerCase(), c = l.length > 0, h = a.length > 0 || i, u = l ? r.filter((d) => d.label.toLowerCase().includes(l)) : r, v = a.length >= pt;
+    const e = F(t), s = this._getApplied(e), i = this._isSpecialValue(s.values), a = i ? [] : s.values || [], r = t.possible_values || [], o = s.operator || Pt[0].value, l = (this._selectSearches[e] || "").toLowerCase(), c = l.length > 0, p = a.length > 0 || i, u = l ? r.filter((d) => d.label.toLowerCase().includes(l)) : r, v = a.length >= pt;
     return n`
       <div class="filter-content">
         <!-- Search input -->
@@ -4755,7 +4758,7 @@ let I = class extends S {
                 <span class="section-label"></span>
                 <button
                   class="clear-btn"
-                  ?disabled=${!h && !s.operator}
+                  ?disabled=${!p && !s.operator}
                   @click=${() => this._clearFieldFilter(t)}
                 >Clear all</button>
               </div>
@@ -4766,13 +4769,13 @@ let I = class extends S {
                   <span class="section-label">Operator</span>
                   <button
                     class="clear-btn"
-                    ?disabled=${!h && !s.operator}
+                    ?disabled=${!p && !s.operator}
                     @click=${() => this._clearFieldFilter(t)}
                   >Clear all</button>
                 </div>
                 <ap-radio-group
                   direction="horizontal"
-                  .options=${It}
+                  .options=${Pt}
                   .value=${o}
                   @ap-change=${(d) => this._onOperatorChange(t, d.detail.value)}
                 ></ap-radio-group>
@@ -4804,7 +4807,7 @@ let I = class extends S {
 
           <!-- Empty/Not empty checkboxes -->
           <div class="options-list short">
-            ${Ce.map(
+            ${Fe.map(
       (d) => {
         var g;
         return n`
@@ -4843,7 +4846,7 @@ let I = class extends S {
   }
   // ── Render: Tags filter ──────────────────────────────────────────
   _renderTagsFilter(t) {
-    const e = A(t), s = this._getApplied(e), i = this._isSpecialValue(s.values), a = i ? [] : s.values || [], r = this._tagInputs[e] || "", o = s.operator || ce[0].value, l = a.length > 0 || i, c = this._tagSuggestions[e] || [], h = this._tagLoading[e] || !1, u = r.trim().length > 0, v = a.length >= pt;
+    const e = F(t), s = this._getApplied(e), i = this._isSpecialValue(s.values), a = i ? [] : s.values || [], r = this._tagInputs[e] || "", o = s.operator || de[0].value, l = a.length > 0 || i, c = this._tagSuggestions[e] || [], p = this._tagLoading[e] || !1, u = r.trim().length > 0, v = a.length >= pt;
     return n`
       <div class="filter-content">
         <!-- Search input -->
@@ -4888,7 +4891,7 @@ let I = class extends S {
                 </div>
                 <ap-radio-group
                   direction="horizontal"
-                  .options=${ce}
+                  .options=${de}
                   .value=${o}
                   ?disabled=${i}
                   @ap-change=${(d) => this._onTagOperatorChange(t, d.detail.value)}
@@ -4917,7 +4920,7 @@ let I = class extends S {
               <div class="filter-section">
                 <span class="section-label">All options</span>
                 <div class="options-list short">
-                  ${Ce.map(
+                  ${Fe.map(
       (d) => {
         var g;
         return n`
@@ -4939,7 +4942,7 @@ let I = class extends S {
         ${u ? n`
               <div class="filter-section">
                 <div class="options-list">
-                  ${h ? n`<div class="option-item disabled"><span>Loading...</span></div>` : c.length > 0 ? c.map(
+                  ${p ? n`<div class="option-item disabled"><span>Loading...</span></div>` : c.length > 0 ? c.map(
       (d) => {
         const g = a.includes(d), m = !g && v;
         return n`
@@ -4962,10 +4965,10 @@ let I = class extends S {
   // ── Render: Date filter ──────────────────────────────────────────
   _renderDateFilter(t) {
     var u, v;
-    const e = A(t), s = this._datePresets[e] || "", i = this._getApplied(e), r = this._isSpecialValue(i.values) ? ((u = i.values) == null ? void 0 : u[0]) || "" : s, o = [
+    const e = F(t), s = this._datePresets[e] || "", i = this._getApplied(e), r = this._isSpecialValue(i.values) ? ((u = i.values) == null ? void 0 : u[0]) || "" : s, o = [
       { value: "empty", label: "Empty" },
       { value: "non-empty", label: "Not empty" }
-    ], l = this._dateFroms[e] ? new Date(this._dateFroms[e]).toISOString().split("T")[0] : "", c = this._dateTos[e] ? new Date(this._dateTos[e]).toISOString().split("T")[0] : "", h = ["before", "after", "between"].includes(r);
+    ], l = this._dateFroms[e] ? new Date(this._dateFroms[e]).toISOString().split("T")[0] : "", c = this._dateTos[e] ? new Date(this._dateTos[e]).toISOString().split("T")[0] : "", p = ["before", "after", "between"].includes(r);
     return n`
       <div class="filter-content" style="position: relative;">
         <button
@@ -4985,13 +4988,13 @@ let I = class extends S {
 
           <ap-radio-group
             columns="2"
-            .options=${Vt}
+            .options=${qt}
             .value=${r !== "empty" && r !== "non-empty" ? r : ""}
             @ap-change=${(d) => this._onDatePreset(t, d.detail.value)}
           ></ap-radio-group>
         </div>
 
-        ${h ? n`
+        ${p ? n`
               <div class="filter-section">
                 <div class="grid-2">
                   ${r === "before" ? n`
@@ -5043,13 +5046,13 @@ let I = class extends S {
   // ── Render: Geo filter ───────────────────────────────────────────
   _renderGeoFilter(t) {
     var u, v;
-    const e = A(t), s = this._getApplied(e), i = this._isSpecialValue(s.values), a = this._getContentMode(e);
+    const e = F(t), s = this._getApplied(e), i = this._isSpecialValue(s.values), a = this._getContentMode(e);
     let r = "", o = "";
     if (!i && ((u = s.values) != null && u[0])) {
       const d = s.values[0], [g, m] = d.split("..");
       r = g || "", o = m || "";
     }
-    const l = r.length > 0, c = r.split(",").map((d) => d.trim()), h = !l || c.length === 2 && c.every((d) => !isNaN(Number(d)) && d !== "");
+    const l = r.length > 0, c = r.split(",").map((d) => d.trim()), p = !l || c.length === 2 && c.every((d) => !isNaN(Number(d)) && d !== "");
     return n`
       <div class="filter-content" style="position: relative;">
         <button
@@ -5067,7 +5070,7 @@ let I = class extends S {
           ></ap-radio-group>
         </div>
 
-        ${a === ke ? n`
+        ${a === Se ? n`
               <div class="filter-section">
                 <div class="geo-row">
                   <div class="geo-location">
@@ -5079,7 +5082,7 @@ let I = class extends S {
                       .value=${r}
                       @change=${(d) => this._onGeoLocationInput(t, d)}
                     />
-                    ${l && !h ? n`<div class="error-text">Enter coordinates as "latitude, longitude"</div>` : f}
+                    ${l && !p ? n`<div class="error-text">Enter coordinates as "latitude, longitude"</div>` : f}
                   </div>
                   <div class="geo-radius">
                     <span class="input-label">Max radius (&deg;)</span>
@@ -5101,7 +5104,7 @@ let I = class extends S {
   // ── Render: Attachment filter ────────────────────────────────────
   _renderAttachmentFilter(t) {
     var i, a;
-    const e = this._getApplied(A(t)), s = ((i = e.values) == null ? void 0 : i[0]) || "";
+    const e = this._getApplied(F(t)), s = ((i = e.values) == null ? void 0 : i[0]) || "";
     return n`
       <div class="filter-content" style="position: relative;">
         <button
@@ -5112,7 +5115,7 @@ let I = class extends S {
 
         <div class="filter-section">
           <ap-radio-group
-            .options=${Ce}
+            .options=${Fe}
             .value=${s}
             @ap-change=${(r) => this._onEmptyOption(t, r.detail.value)}
           ></ap-radio-group>
@@ -5122,7 +5125,7 @@ let I = class extends S {
   }
   // ── Render: Face matcher (integer-list with slug face_matcher) ──
   _renderFaceMatcherFilter(t) {
-    const e = A(t), s = this._getApplied(e), i = s.values || [], a = s.operator || $.IS;
+    const e = F(t), s = this._getApplied(e), i = s.values || [], a = s.operator || w.IS;
     return n`
       <div class="filter-content" style="position: relative;">
         <button
@@ -5135,7 +5138,7 @@ let I = class extends S {
           <span class="section-label">Condition</span>
           <ap-radio-group
             direction="horizontal"
-            .options=${ce}
+            .options=${de}
             .value=${a}
             @ap-change=${(r) => this._emitFilterChange(t, r.detail.value, i)}
           ></ap-radio-group>
@@ -5223,10 +5226,10 @@ let I = class extends S {
     ), s = this._getGroupedFields(e), i = (a, r) => r.length === 0 ? f : n`
         <div class="field-group-label">${a}</div>
         ${r.map((o) => {
-      const l = A(o), c = this.visibleFields.includes(l), h = !!this.appliedMetadata[l] || !!this.appliedFilters[l], u = this.pinnedFields.includes(l), v = !c && this._atFieldLimit;
+      const l = F(o), c = this.visibleFields.includes(l), p = !!this.appliedMetadata[l] || !!this.appliedFilters[l], u = this.pinnedFields.includes(l), v = !c && this._atFieldLimit;
       return n`
             <div
-              class="field-item ${h ? "has-filter" : ""} ${v ? "disabled" : ""}"
+              class="field-item ${p ? "has-filter" : ""} ${v ? "disabled" : ""}"
               @click=${() => !v && this._emitFieldSelect(o)}
             >
               <ap-icon name=${ft[o.type] || "file-text"} .size=${14} style="color: var(--ap-muted-foreground, oklch(0.685 0.033 249.82))"></ap-icon>
@@ -5240,7 +5243,7 @@ let I = class extends S {
               >
                 <ap-icon name="pin" .size=${12}></ap-icon>
               </button>
-              ${h ? n`<ap-icon name="check" .size=${14}></ap-icon>` : f}
+              ${p ? n`<ap-icon name="check" .size=${14}></ap-icon>` : f}
             </div>
           `;
     })}
@@ -5301,7 +5304,7 @@ let I = class extends S {
     `;
   }
 };
-I.styles = [re, ge, k`
+D.styles = [re, fe, $`
     /* ── Field selection panel ─────────────────────────────── */
 
     .add-field-btn {
@@ -5680,71 +5683,71 @@ I.styles = [re, ge, k`
     }
   `];
 z([
-  p({ type: Array })
-], I.prototype, "fields", 2);
+  h({ type: Array })
+], D.prototype, "fields", 2);
 z([
-  p({ type: Object })
-], I.prototype, "appliedFilters", 2);
+  h({ type: Object })
+], D.prototype, "appliedFilters", 2);
 z([
-  p({ type: Array })
-], I.prototype, "visibleFields", 2);
+  h({ type: Array })
+], D.prototype, "visibleFields", 2);
 z([
-  p()
-], I.prototype, "mode", 2);
+  h()
+], D.prototype, "mode", 2);
 z([
-  p()
-], I.prototype, "activeFieldKey", 2);
+  h()
+], D.prototype, "activeFieldKey", 2);
 z([
-  p({ type: Array })
-], I.prototype, "pinnedFields", 2);
+  h({ type: Array })
+], D.prototype, "pinnedFields", 2);
 z([
-  p({ type: Object })
-], I.prototype, "appliedMetadata", 2);
+  h({ type: Object })
+], D.prototype, "appliedMetadata", 2);
 z([
-  p({ attribute: !1 })
-], I.prototype, "apiClient", 2);
+  h({ attribute: !1 })
+], D.prototype, "apiClient", 2);
 z([
   _()
-], I.prototype, "_showFieldSelection", 2);
+], D.prototype, "_showFieldSelection", 2);
 z([
   _()
-], I.prototype, "_fieldSearch", 2);
+], D.prototype, "_fieldSearch", 2);
 z([
   _()
-], I.prototype, "_collapsedFields", 2);
+], D.prototype, "_collapsedFields", 2);
 z([
   _()
-], I.prototype, "_tagInputs", 2);
+], D.prototype, "_tagInputs", 2);
 z([
   _()
-], I.prototype, "_tagSuggestions", 2);
+], D.prototype, "_tagSuggestions", 2);
 z([
   _()
-], I.prototype, "_tagLoading", 2);
+], D.prototype, "_tagLoading", 2);
 z([
   _()
-], I.prototype, "_datePresets", 2);
+], D.prototype, "_datePresets", 2);
 z([
   _()
-], I.prototype, "_dateFroms", 2);
+], D.prototype, "_dateFroms", 2);
 z([
   _()
-], I.prototype, "_dateTos", 2);
+], D.prototype, "_dateTos", 2);
 z([
   _()
-], I.prototype, "_specificModeFields", 2);
+], D.prototype, "_specificModeFields", 2);
 z([
   _()
-], I.prototype, "_selectSearches", 2);
-I = z([
-  F("ap-filter-metadata")
-], I);
-var Ea = Object.defineProperty, Aa = Object.getOwnPropertyDescriptor, oe = (t, e, s, i) => {
-  for (var a = i > 1 ? void 0 : i ? Aa(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+], D.prototype, "_selectSearches", 2);
+D = z([
+  C("ap-filter-metadata")
+], D);
+var Aa = Object.defineProperty, Ta = Object.getOwnPropertyDescriptor, oe = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? Ta(e, s) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
-  return i && a && Ea(e, s, a), a;
+  return i && a && Aa(e, s, a), a;
 };
-let Z = class extends S {
+let W = class extends S {
   constructor() {
     super(...arguments), this.selectedStatus = [], this.statusOperator = ":=", this.approverValue = "", this.approverOperator = "~", this.requesterValue = "", this.requesterOperator = "~", this.dueDatePreset = "", this.dueDateFrom = "", this.dueDateTo = "";
   }
@@ -5753,11 +5756,11 @@ let Z = class extends S {
     return this.selectedStatus.length > 0 || !!this.approverValue || !!this.requesterValue || !!this.dueDatePreset || !!this.dueDateFrom || !!this.dueDateTo;
   }
   get _statusHasEmptyValue() {
-    return this.selectedStatus.includes(W) || this.selectedStatus.includes(Q);
+    return this.selectedStatus.includes(Y) || this.selectedStatus.includes(X);
   }
   get _statusHasOnlyEmptyValues() {
     return this.selectedStatus.length > 0 && this.selectedStatus.every(
-      (t) => t === W || t === Q
+      (t) => t === Y || t === X
     );
   }
   get _dueDateNeedsInputs() {
@@ -5868,7 +5871,7 @@ let Z = class extends S {
 
         <!-- Empty / Not empty checkboxes -->
         <div class="options-list short mt-12">
-          ${Ce.map(
+          ${Fe.map(
       (e) => n`
               <ap-checkbox
                 ?checked=${this.selectedStatus.includes(e.value)}
@@ -5915,7 +5918,7 @@ let Z = class extends S {
         <span class="section-label condition-label">Condition</span>
         <ap-radio-group
           direction="horizontal"
-          .options=${as}
+          .options=${rs}
           .value=${this.approverOperator}
           @ap-change=${this._handleApproverOperator}
         ></ap-radio-group>
@@ -5946,7 +5949,7 @@ let Z = class extends S {
         <span class="section-label condition-label">Condition</span>
         <ap-radio-group
           direction="horizontal"
-          .options=${as}
+          .options=${rs}
           .value=${this.requesterOperator}
           @ap-change=${this._handleRequesterOperator}
         ></ap-radio-group>
@@ -5975,8 +5978,8 @@ let Z = class extends S {
 
         <!-- Empty / Not empty radio buttons -->
         <ap-radio-group
-          .options=${Ce}
-          .value=${this.dueDatePreset === W || this.dueDatePreset === Q ? this.dueDatePreset : ""}
+          .options=${Fe}
+          .value=${this.dueDatePreset === Y || this.dueDatePreset === X ? this.dueDatePreset : ""}
           @ap-change=${this._handleDueDatePreset}
         ></ap-radio-group>
 
@@ -5986,7 +5989,7 @@ let Z = class extends S {
         <ap-radio-group
           columns="2"
           .options=${ri}
-          .value=${this.dueDatePreset !== W && this.dueDatePreset !== Q ? this.dueDatePreset : ""}
+          .value=${this.dueDatePreset !== Y && this.dueDatePreset !== X ? this.dueDatePreset : ""}
           @ap-change=${this._handleDueDatePreset}
         ></ap-radio-group>
 
@@ -6034,7 +6037,7 @@ let Z = class extends S {
     `;
   }
 };
-Z.styles = [re, ge, k`
+W.styles = [re, fe, $`
     .options-list.short {
       max-height: none;
     }
@@ -6055,49 +6058,49 @@ Z.styles = [re, ge, k`
     }
   `];
 oe([
-  p({ type: Array })
-], Z.prototype, "selectedStatus", 2);
+  h({ type: Array })
+], W.prototype, "selectedStatus", 2);
 oe([
-  p()
-], Z.prototype, "statusOperator", 2);
+  h()
+], W.prototype, "statusOperator", 2);
 oe([
-  p()
-], Z.prototype, "approverValue", 2);
+  h()
+], W.prototype, "approverValue", 2);
 oe([
-  p()
-], Z.prototype, "approverOperator", 2);
+  h()
+], W.prototype, "approverOperator", 2);
 oe([
-  p()
-], Z.prototype, "requesterValue", 2);
+  h()
+], W.prototype, "requesterValue", 2);
 oe([
-  p()
-], Z.prototype, "requesterOperator", 2);
+  h()
+], W.prototype, "requesterOperator", 2);
 oe([
-  p()
-], Z.prototype, "dueDatePreset", 2);
+  h()
+], W.prototype, "dueDatePreset", 2);
 oe([
-  p()
-], Z.prototype, "dueDateFrom", 2);
+  h()
+], W.prototype, "dueDateFrom", 2);
 oe([
-  p()
-], Z.prototype, "dueDateTo", 2);
-Z = oe([
-  F("ap-filter-approval")
-], Z);
-var Ta = Object.defineProperty, Ma = Object.getOwnPropertyDescriptor, ne = (t, e, s, i) => {
-  for (var a = i > 1 ? void 0 : i ? Ma(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+  h()
+], W.prototype, "dueDateTo", 2);
+W = oe([
+  C("ap-filter-approval")
+], W);
+var Ma = Object.defineProperty, Oa = Object.getOwnPropertyDescriptor, ne = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? Oa(e, s) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
-  return i && a && Ta(e, s, a), a;
+  return i && a && Ma(e, s, a), a;
 };
-const Oa = 300;
-function La(t) {
+const La = 300;
+function Ia(t) {
   return t.filter(
     (e) => e.toLowerCase().includes("*") || !t.some(
       (s) => s.toLowerCase().includes("*") && e.toLowerCase().startsWith(s.slice(0, -1).toLowerCase())
     )
   );
 }
-let J = class extends S {
+let Q = class extends S {
   constructor() {
     super(...arguments), this.selected = [], this._search = "", this._debouncedSearch = "", this._products = [], this._isLoading = !1, this._showAddList = !1, this._addListText = "";
   }
@@ -6114,13 +6117,13 @@ let J = class extends S {
     return this._debouncedSearch.length > 0;
   }
   _emit(t) {
-    const e = La(t);
+    const e = Ia(t);
     this.dispatchEvent(
       new CustomEvent("filter-change", {
         detail: {
           key: b.PRODUCT_REF,
           values: e,
-          operator: $.IS
+          operator: w.IS
         },
         bubbles: !0,
         composed: !0
@@ -6142,7 +6145,7 @@ let J = class extends S {
     this._search = e, this._debounceTimer && clearTimeout(this._debounceTimer), this._debounceTimer = setTimeout(() => {
       const s = e.trim().toLowerCase();
       this._debouncedSearch = s, s ? this._fetchProducts(s) : (this._products = [], this._isLoading = !1);
-    }, Oa);
+    }, La);
   }
   _clearSearch() {
     this._search = "", this._debouncedSearch = "", this._products = [], this._isLoading = !1, this._debounceTimer && clearTimeout(this._debounceTimer);
@@ -6316,7 +6319,7 @@ let J = class extends S {
     `;
   }
 };
-J.styles = [re, ge, k`
+Q.styles = [re, fe, $`
     .product-item {
       display: flex;
       align-items: center;
@@ -6557,43 +6560,43 @@ J.styles = [re, ge, k`
     }
   `];
 ne([
-  p({ type: Array })
-], J.prototype, "selected", 2);
+  h({ type: Array })
+], Q.prototype, "selected", 2);
 ne([
-  p({ attribute: !1 })
-], J.prototype, "apiClient", 2);
+  h({ attribute: !1 })
+], Q.prototype, "apiClient", 2);
 ne([
-  Oe(".product-search")
-], J.prototype, "_searchInput", 2);
+  Le(".product-search")
+], Q.prototype, "_searchInput", 2);
 ne([
   _()
-], J.prototype, "_search", 2);
+], Q.prototype, "_search", 2);
 ne([
   _()
-], J.prototype, "_debouncedSearch", 2);
+], Q.prototype, "_debouncedSearch", 2);
 ne([
   _()
-], J.prototype, "_products", 2);
+], Q.prototype, "_products", 2);
 ne([
   _()
-], J.prototype, "_isLoading", 2);
+], Q.prototype, "_isLoading", 2);
 ne([
   _()
-], J.prototype, "_showAddList", 2);
+], Q.prototype, "_showAddList", 2);
 ne([
   _()
-], J.prototype, "_addListText", 2);
-J = ne([
-  F("ap-filter-product-ref")
-], J);
-var Pa = Object.defineProperty, Ia = Object.getOwnPropertyDescriptor, P = (t, e, s, i) => {
-  for (var a = i > 1 ? void 0 : i ? Ia(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+], Q.prototype, "_addListText", 2);
+Q = ne([
+  C("ap-filter-product-ref")
+], Q);
+var Pa = Object.defineProperty, Da = Object.getOwnPropertyDescriptor, L = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? Da(e, s) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
   return i && a && Pa(e, s, a), a;
 };
-let L = class extends S {
+let O = class extends S {
   constructor() {
-    super(...arguments), this.totalCount = 0, this.totalFolderCount = 0, this.isLoading = !1, this.showUpload = !1, this.sortBy = "created_at", this.sortDirection = "desc", this.sortOptions = qt, this.filters = {
+    super(...arguments), this.totalCount = 0, this.totalFolderCount = 0, this.isLoading = !1, this.showUpload = !1, this.sortBy = "created_at", this.sortDirection = "desc", this.sortOptions = Ht, this.filters = {
       metadata: { pinned: [], visible: [], applied: {} },
       pinned: [],
       visible: [],
@@ -6814,9 +6817,9 @@ let L = class extends S {
         ></ap-filter-date>`;
       }
       case "size": {
-        const r = e.size, o = ((s = r == null ? void 0 : r.values) == null ? void 0 : s[0]) || "", [l, c] = o.split(".."), h = l ? parseFloat(l) / 1e6 : 0, u = c ? parseFloat(c) / 1e6 : 0;
+        const r = e.size, o = ((s = r == null ? void 0 : r.values) == null ? void 0 : s[0]) || "", [l, c] = o.split(".."), p = l ? parseFloat(l) / 1e6 : 0, u = c ? parseFloat(c) / 1e6 : 0;
         return n`<ap-filter-size
-          .min=${h}
+          .min=${p}
           .max=${u}
           @filter-change=${this._handleFilterChange}
         ></ap-filter-size>`;
@@ -6999,7 +7002,7 @@ let L = class extends S {
     `;
   }
 };
-L.styles = k`
+O.styles = $`
     :host {
       display: block;
       padding: 8px 20px 6px;
@@ -7338,82 +7341,82 @@ L.styles = k`
       top: 0;
     }
   `;
-P([
-  p({ type: Number })
-], L.prototype, "totalCount", 2);
-P([
-  p({ type: Number })
-], L.prototype, "totalFolderCount", 2);
-P([
-  p({ type: Boolean })
-], L.prototype, "isLoading", 2);
-P([
-  p({ type: Boolean })
-], L.prototype, "showUpload", 2);
-P([
-  p()
-], L.prototype, "sortBy", 2);
-P([
-  p()
-], L.prototype, "sortDirection", 2);
-P([
-  p({ type: Array })
-], L.prototype, "sortOptions", 2);
-P([
-  p({ type: Object })
-], L.prototype, "filters", 2);
-P([
-  p({ type: Array })
-], L.prototype, "labels", 2);
-P([
-  p({ type: Array })
-], L.prototype, "tags", 2);
-P([
-  p({ type: Array })
-], L.prototype, "fileTypes", 2);
-P([
-  p({ type: Array })
-], L.prototype, "metadataFields", 2);
-P([
-  p({ type: Array })
-], L.prototype, "pinnedFilters", 2);
-P([
-  p({ type: Array })
-], L.prototype, "forcedFilterKeys", 2);
-P([
-  p({ attribute: !1 })
-], L.prototype, "apiClient", 2);
-P([
-  Oe("ap-dropdown")
-], L.prototype, "_sortDropdown", 2);
-P([
+L([
+  h({ type: Number })
+], O.prototype, "totalCount", 2);
+L([
+  h({ type: Number })
+], O.prototype, "totalFolderCount", 2);
+L([
+  h({ type: Boolean })
+], O.prototype, "isLoading", 2);
+L([
+  h({ type: Boolean })
+], O.prototype, "showUpload", 2);
+L([
+  h()
+], O.prototype, "sortBy", 2);
+L([
+  h()
+], O.prototype, "sortDirection", 2);
+L([
+  h({ type: Array })
+], O.prototype, "sortOptions", 2);
+L([
+  h({ type: Object })
+], O.prototype, "filters", 2);
+L([
+  h({ type: Array })
+], O.prototype, "labels", 2);
+L([
+  h({ type: Array })
+], O.prototype, "tags", 2);
+L([
+  h({ type: Array })
+], O.prototype, "fileTypes", 2);
+L([
+  h({ type: Array })
+], O.prototype, "metadataFields", 2);
+L([
+  h({ type: Array })
+], O.prototype, "pinnedFilters", 2);
+L([
+  h({ type: Array })
+], O.prototype, "forcedFilterKeys", 2);
+L([
+  h({ attribute: !1 })
+], O.prototype, "apiClient", 2);
+L([
+  Le("ap-dropdown")
+], O.prototype, "_sortDropdown", 2);
+L([
   _()
-], L.prototype, "_showDropdown", 2);
-P([
+], O.prototype, "_showDropdown", 2);
+L([
   _()
-], L.prototype, "_showMetadataSelector", 2);
-P([
+], O.prototype, "_showMetadataSelector", 2);
+L([
   _()
-], L.prototype, "_openFilter", 2);
-P([
+], O.prototype, "_openFilter", 2);
+L([
   _()
-], L.prototype, "_openMetadataField", 2);
-P([
+], O.prototype, "_openMetadataField", 2);
+L([
   _()
-], L.prototype, "_externalTrigger", 2);
-P([
+], O.prototype, "_externalTrigger", 2);
+L([
   _()
-], L.prototype, "_externalLeft", 2);
-P([
+], O.prototype, "_externalLeft", 2);
+L([
   _()
-], L.prototype, "_externalTop", 2);
-L = P([
-  F("ap-content-toolbar")
-], L);
-var Da = Object.defineProperty, za = Object.getOwnPropertyDescriptor, G = (t, e, s, i) => {
-  for (var a = i > 1 ? void 0 : i ? za(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+], O.prototype, "_externalTop", 2);
+O = L([
+  C("ap-content-toolbar")
+], O);
+var za = Object.defineProperty, Ra = Object.getOwnPropertyDescriptor, G = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? Ra(e, s) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
-  return i && a && Da(e, s, a), a;
+  return i && a && za(e, s, a), a;
 };
 let B = class extends S {
   constructor() {
@@ -7463,7 +7466,7 @@ let B = class extends S {
   }
   _getDateSummary(t) {
     var o, l;
-    const e = ((o = vs.find((c) => c.value === t.field)) == null ? void 0 : o.label) || t.field, s = [...Vt, ...ms], i = t.preset ? ((l = s.find((c) => c.value === t.preset)) == null ? void 0 : l.label) || t.preset : "", a = (c) => {
+    const e = ((o = vs.find((c) => c.value === t.field)) == null ? void 0 : o.label) || t.field, s = [...qt, ...ms], i = t.preset ? ((l = s.find((c) => c.value === t.preset)) == null ? void 0 : l.label) || t.preset : "", a = (c) => {
       try {
         return c.split("T")[0];
       } catch {
@@ -7611,8 +7614,8 @@ let B = class extends S {
     `;
   }
   render() {
-    const t = Je(this.forcedFilters), e = new Set(Object.keys(t)), s = Object.keys(this.appliedFilters).filter((g) => !e.has(g)), i = Object.keys(this.appliedMetadata), a = new Set(this.pinnedFilters), r = new Set(this.pinnedMetadataFields), o = this.pinnedFilters.filter((g) => !e.has(g)), l = s.filter((g) => !a.has(g)), c = i.filter((g) => !r.has(g)), h = this.pendingFilter && !a.has(this.pendingFilter) && !(this.pendingFilter in this.appliedFilters), u = this.pendingMetadataField && !r.has(this.pendingMetadataField) && !(this.pendingMetadataField in this.appliedMetadata), v = s.length + i.length > 0;
-    return e.size + o.length + this.pinnedMetadataFields.length + l.length + c.length + (h ? 1 : 0) + (u ? 1 : 0) === 0 ? f : n`
+    const t = Ut(this.forcedFilters), e = new Set(Object.keys(t)), s = Object.keys(this.appliedFilters).filter((g) => !e.has(g)), i = Object.keys(this.appliedMetadata), a = new Set(this.pinnedFilters), r = new Set(this.pinnedMetadataFields), o = this.pinnedFilters.filter((g) => !e.has(g)), l = s.filter((g) => !a.has(g)), c = i.filter((g) => !r.has(g)), p = this.pendingFilter && !a.has(this.pendingFilter) && !(this.pendingFilter in this.appliedFilters), u = this.pendingMetadataField && !r.has(this.pendingMetadataField) && !(this.pendingMetadataField in this.appliedMetadata), v = s.length + i.length > 0;
+    return e.size + o.length + this.pinnedMetadataFields.length + l.length + c.length + (p ? 1 : 0) + (u ? 1 : 0) === 0 ? f : n`
       <div class="chips-row">
         <div class="chips">
           ${[...e].map(
@@ -7627,7 +7630,7 @@ let B = class extends S {
           ${l.map(
       (g) => this._renderFilterChip(g, this.appliedFilters[g])
     )}
-          ${h ? n`
+          ${p ? n`
             <span class="chip pinned-empty active pending" @click=${(g) => this._openFilter(this.pendingFilter, g)}>
               <span class="chip-icon"><ap-icon name=${this._getFilterIcon(this.pendingFilter)} .size=${16}></ap-icon></span>
               <span class="chip-label">${Re[this.pendingFilter] || this.pendingFilter}</span>
@@ -7650,7 +7653,7 @@ let B = class extends S {
     `;
   }
 };
-B.styles = k`
+B.styles = $`
     :host {
       display: block;
     }
@@ -7799,51 +7802,51 @@ B.styles = k`
     }
   `;
 G([
-  p({ type: Object })
+  h({ type: Object })
 ], B.prototype, "appliedFilters", 2);
 G([
-  p({ type: Object })
+  h({ type: Object })
 ], B.prototype, "appliedMetadata", 2);
 G([
-  p({ type: Object })
+  h({ type: Object })
 ], B.prototype, "forcedFilters", 2);
 G([
-  p({ type: Array })
+  h({ type: Array })
 ], B.prototype, "metadataFields", 2);
 G([
-  p({ type: Array })
+  h({ type: Array })
 ], B.prototype, "pinnedFilters", 2);
 G([
-  p({ type: Array })
+  h({ type: Array })
 ], B.prototype, "pinnedMetadataFields", 2);
 G([
-  p({ type: Array })
+  h({ type: Array })
 ], B.prototype, "tags", 2);
 G([
-  p({ type: Array })
+  h({ type: Array })
 ], B.prototype, "labels", 2);
 G([
-  p()
+  h()
 ], B.prototype, "activeFilter", 2);
 G([
-  p()
+  h()
 ], B.prototype, "activeMetadataField", 2);
 G([
-  p()
+  h()
 ], B.prototype, "pendingFilter", 2);
 G([
-  p()
+  h()
 ], B.prototype, "pendingMetadataField", 2);
 B = G([
-  F("ap-filters-bar")
+  C("ap-filters-bar")
 ], B);
-var Ra = Object.defineProperty, Na = Object.getOwnPropertyDescriptor, le = (t, e, s, i) => {
+var ja = Object.defineProperty, Na = Object.getOwnPropertyDescriptor, le = (t, e, s, i) => {
   for (var a = i > 1 ? void 0 : i ? Na(e, s) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
-  return i && a && Ra(e, s, a), a;
+  return i && a && ja(e, s, a), a;
 };
-const ja = 6;
-let ee = class extends S {
+const Ba = 6;
+let Z = class extends S {
   constructor() {
     super(...arguments), this.assets = [], this.folders = [], this.folderPreviews = {}, this.selectedIds = [], this.selectedFolderIds = [], this.isLoading = !1, this.multiSelect = !0, this.folderSelectable = !1, this.gridSize = "normal", this._prevCount = 0;
   }
@@ -7894,7 +7897,7 @@ let ee = class extends S {
             `;
       }
     )}
-        ${this.isLoading ? Array.from({ length: ja }, () => n`<div class="ghost-card">
+        ${this.isLoading ? Array.from({ length: Ba }, () => n`<div class="ghost-card">
                 <div class="ghost-thumb"></div>
                 <div class="ghost-info">
                   <div class="ghost-line ghost-name"></div>
@@ -7905,7 +7908,7 @@ let ee = class extends S {
     `;
   }
 };
-ee.styles = k`
+Z.styles = $`
     :host {
       display: block;
       padding: 0 20px 16px;
@@ -7962,41 +7965,41 @@ ee.styles = k`
     }
   `;
 le([
-  p({ type: Array })
-], ee.prototype, "assets", 2);
+  h({ type: Array })
+], Z.prototype, "assets", 2);
 le([
-  p({ type: Array })
-], ee.prototype, "folders", 2);
+  h({ type: Array })
+], Z.prototype, "folders", 2);
 le([
-  p({ type: Object })
-], ee.prototype, "folderPreviews", 2);
+  h({ type: Object })
+], Z.prototype, "folderPreviews", 2);
 le([
-  p({ type: Array })
-], ee.prototype, "selectedIds", 2);
+  h({ type: Array })
+], Z.prototype, "selectedIds", 2);
 le([
-  p({ type: Array })
-], ee.prototype, "selectedFolderIds", 2);
+  h({ type: Array })
+], Z.prototype, "selectedFolderIds", 2);
 le([
-  p({ type: Boolean })
-], ee.prototype, "isLoading", 2);
+  h({ type: Boolean })
+], Z.prototype, "isLoading", 2);
 le([
-  p({ type: Boolean })
-], ee.prototype, "multiSelect", 2);
+  h({ type: Boolean })
+], Z.prototype, "multiSelect", 2);
 le([
-  p({ type: Boolean })
-], ee.prototype, "folderSelectable", 2);
+  h({ type: Boolean })
+], Z.prototype, "folderSelectable", 2);
 le([
-  p({ type: String })
-], ee.prototype, "gridSize", 2);
-ee = le([
-  F("ap-grid-view")
-], ee);
-var Ba = Object.defineProperty, Ua = Object.getOwnPropertyDescriptor, te = (t, e, s, i) => {
-  for (var a = i > 1 ? void 0 : i ? Ua(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+  h({ type: String })
+], Z.prototype, "gridSize", 2);
+Z = le([
+  C("ap-grid-view")
+], Z);
+var Ua = Object.defineProperty, Va = Object.getOwnPropertyDescriptor, J = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? Va(e, s) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
-  return i && a && Ba(e, s, a), a;
+  return i && a && Ua(e, s, a), a;
 };
-const Va = 5;
+const qa = 5;
 let H = class extends S {
   constructor() {
     super(...arguments), this.assets = [], this.folders = [], this.selectedIds = [], this.selectedFolderIds = [], this.isLoading = !1, this.multiSelect = !0, this.folderSelectable = !1, this.totalCount = 0, this.isSelectingAll = !1, this.folderPreviews = {}, this._compactLevel = 0;
@@ -8085,7 +8088,7 @@ let H = class extends S {
             ></ap-asset-row>
           `
     )}
-        ${this.isLoading ? Array.from({ length: Va }, (i, a) => {
+        ${this.isLoading ? Array.from({ length: qa }, (i, a) => {
       const r = ["70%", "55%", "80%", "45%", "65%"];
       return n`
                 <div class="ghost-row" style="grid-template-columns: ${this._getGridColumns(this.multiSelect)}">
@@ -8103,7 +8106,7 @@ let H = class extends S {
     `;
   }
 };
-H.styles = k`
+H.styles = $`
     :host {
       display: block;
       padding: 0 20px 16px;
@@ -8191,44 +8194,44 @@ H.styles = k`
       .ghost-el { animation: none; }
     }
   `;
-te([
-  p({ type: Array })
+J([
+  h({ type: Array })
 ], H.prototype, "assets", 2);
-te([
-  p({ type: Array })
+J([
+  h({ type: Array })
 ], H.prototype, "folders", 2);
-te([
-  p({ type: Array })
+J([
+  h({ type: Array })
 ], H.prototype, "selectedIds", 2);
-te([
-  p({ type: Array })
+J([
+  h({ type: Array })
 ], H.prototype, "selectedFolderIds", 2);
-te([
-  p({ type: Boolean })
+J([
+  h({ type: Boolean })
 ], H.prototype, "isLoading", 2);
-te([
-  p({ type: Boolean })
+J([
+  h({ type: Boolean })
 ], H.prototype, "multiSelect", 2);
-te([
-  p({ type: Boolean })
+J([
+  h({ type: Boolean })
 ], H.prototype, "folderSelectable", 2);
-te([
-  p({ type: Number })
+J([
+  h({ type: Number })
 ], H.prototype, "totalCount", 2);
-te([
-  p({ type: Boolean })
+J([
+  h({ type: Boolean })
 ], H.prototype, "isSelectingAll", 2);
-te([
-  p({ type: Object })
+J([
+  h({ type: Object })
 ], H.prototype, "folderPreviews", 2);
-te([
+J([
   _()
 ], H.prototype, "_compactLevel", 2);
-H = te([
-  F("ap-list-view")
+H = J([
+  C("ap-list-view")
 ], H);
-const qa = /* @__PURE__ */ new Set(["jpg", "jpeg", "png", "gif", "webp", "svg", "bmp", "ico", "tiff", "tif", "avif", "heic", "heif", "psd", "eps"]), Ha = /* @__PURE__ */ new Set([
-  ...qa,
+const Ha = /* @__PURE__ */ new Set(["jpg", "jpeg", "png", "gif", "webp", "svg", "bmp", "ico", "tiff", "tif", "avif", "heic", "heif", "psd", "eps"]), Ga = /* @__PURE__ */ new Set([
+  ...Ha,
   "pdf",
   "psd",
   "eps",
@@ -8239,7 +8242,7 @@ const qa = /* @__PURE__ */ new Set(["jpg", "jpeg", "png", "gif", "webp", "svg",
   "woff2",
   "eot"
 ]);
-function Ne(t) {
+function je(t) {
   if (!t) return "other";
   const e = {
     image: "image",
@@ -8253,9 +8256,9 @@ function Ne(t) {
 }
 function Cs(t) {
   const e = (t == null ? void 0 : t.toLowerCase().replace(".", "")) || "";
-  return Ha.has(e);
+  return Ga.has(e);
 }
-const Fs = "https://assets.filerobot.com/scaleflex/assets/file-types/v2/", Ga = {
+const Fs = "https://assets.filerobot.com/scaleflex/assets/file-types/v2/", Ka = {
   png: "PNG",
   jpg: "JPG",
   jpeg: "JPG",
@@ -8319,7 +8322,7 @@ const Fs = "https://assets.filerobot.com/scaleflex/assets/file-types/v2/", Ga =
   bin: "BIN"
 };
 function nt(t) {
-  const e = (t == null ? void 0 : t.toLowerCase().replace(".", "")) || "", s = Ga[e];
+  const e = (t == null ? void 0 : t.toLowerCase().replace(".", "")) || "", s = Ka[e];
   return `${Fs}${s || "DEFAULT"}.png`;
 }
 function Ue() {
@@ -8330,14 +8333,14 @@ function Ft(t) {
   const e = t.split("/");
   return e.length > 1 ? e[1] : e[0];
 }
-const Ka = /* @__PURE__ */ new Set(["png", "svg", "webp", "gif", "avif"]);
-function Kt(t) {
+const Ya = /* @__PURE__ */ new Set(["png", "svg", "webp", "gif", "avif"]);
+function Yt(t) {
   const e = (t == null ? void 0 : t.toLowerCase().replace(".", "")) || "";
-  return Ka.has(e);
+  return Ya.has(e);
 }
-const Ya = /* @__PURE__ */ new Set(["svg", "svg+xml", "png", "pdf"]);
+const Xa = /* @__PURE__ */ new Set(["svg", "svg+xml", "png", "pdf"]);
 function Es(t) {
-  return Ya.has(Ft(t).toLowerCase());
+  return Xa.has(Ft(t).toLowerCase());
 }
 function bt(t) {
   var i;
@@ -8348,7 +8351,7 @@ function As(t) {
   const e = t.info, s = (e == null ? void 0 : e.video_thumbnail) || (e == null ? void 0 : e.image_thumbnail) || (e == null ? void 0 : e.thumbnail) || "";
   return s ? Ve(s) : "";
 }
-function Yt(t) {
+function Xt(t) {
   var s, i;
   let e = Ve(((s = t.url) == null ? void 0 : s.cdn) || ((i = t.url) == null ? void 0 : i.public) || "");
   return e ? (e = e.replace(/([?&])func=proxy&?/, "$1").replace(/[?&]$/, ""), et(e, {
@@ -8389,10 +8392,10 @@ function Ts(t, e) {
   const s = t.file_uri_cdn;
   if (!s) return "";
   let i = Ve(s);
-  const a = Ne(t.file_type), r = String(window.devicePixelRatio || 1);
+  const a = je(t.file_type), r = String(window.devicePixelRatio || 1);
   return a === "video" ? et(i, { w: e, dpr: r, force_format: "webp,jpeg" }) : t.file_type === "application/pdf" || Ft(t.file_type).toLowerCase() === "pdf" ? (i = i.replace(/([?&])func=proxy&?/, "$1").replace(/[?&]$/, ""), et(i, { w: e, dpr: r, force_format: "webp,jpeg", doc_page: "1", bypass_process_proxy: "1" })) : et(i, { w: e, dpr: r });
 }
-function Xt(t) {
+function Wt(t) {
   if (t === 0) return "0 B";
   const e = ["B", "KB", "MB", "GB", "TB"], s = 1024, i = Math.floor(Math.log(t) / Math.log(s));
   return `${(t / Math.pow(s, i)).toFixed(i === 0 ? 0 : 1)} ${e[i]}`;
@@ -8409,12 +8412,12 @@ function _t(t) {
 function Ms(t, e) {
   return !t || !e ? "" : `${t} x ${e}`;
 }
-var Xa = Object.defineProperty, Wa = Object.getOwnPropertyDescriptor, lt = (t, e, s, i) => {
-  for (var a = i > 1 ? void 0 : i ? Wa(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+var Wa = Object.defineProperty, Qa = Object.getOwnPropertyDescriptor, lt = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? Qa(e, s) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
-  return i && a && Xa(e, s, a), a;
+  return i && a && Wa(e, s, a), a;
 };
-let Te = class extends S {
+let Me = class extends S {
   constructor() {
     super(...arguments), this.index = 0, this.selected = !1, this.multiSelect = !0;
   }
@@ -8450,13 +8453,13 @@ let Te = class extends S {
     }));
   }
   render() {
-    var c, h, u, v, d;
+    var c, p, u, v, d;
     const t = this.asset;
     if (!t) return n``;
-    const s = Ne(t.type) === "video", i = ((c = t.extension) == null ? void 0 : c.toLowerCase()) === "pdf", a = Cs(t.extension || "");
+    const s = je(t.type) === "video", i = ((c = t.extension) == null ? void 0 : c.toLowerCase()) === "pdf", a = Cs(t.extension || "");
     let r = "";
-    s ? r = As(t) : i ? r = Yt(t) : a && (r = bt(t));
-    const o = nt(t.extension || ""), l = Kt(t.extension || "");
+    s ? r = As(t) : i ? r = Xt(t) : a && (r = bt(t));
+    const o = nt(t.extension || ""), l = Yt(t.extension || "");
     return n`
       <div class="card" @click=${this._handleSelect}>
         <div class="thumbnail ${l && r ? "chess" : ""}">
@@ -8478,7 +8481,7 @@ let Te = class extends S {
       m.src !== x && (m.src = x);
     }}
               />`}
-          ${s && (((h = t.info) == null ? void 0 : h.video_duration) ?? ((u = t.info) == null ? void 0 : u.duration)) != null ? n`<span class="duration">${this._formatDuration(t.info.video_duration ?? t.info.duration)}</span>` : f}
+          ${s && (((p = t.info) == null ? void 0 : p.video_duration) ?? ((u = t.info) == null ? void 0 : u.duration)) != null ? n`<span class="duration">${this._formatDuration(t.info.video_duration ?? t.info.duration)}</span>` : f}
           <div class="overlay">
             <button class="overlay-btn" @click=${this._handlePreview} aria-label="Preview">
               <ap-icon name="preview" .size=${16}></ap-icon>
@@ -8502,16 +8505,16 @@ let Te = class extends S {
         <div class="info">
           <div class="name" title=${t.name}>${t.name}</div>
           <div class="meta">${(v = t.extension) == null ? void 0 : v.toUpperCase()}${(() => {
-      var w, T, C, O;
-      const g = ((w = t.info) == null ? void 0 : w.img_w) || ((T = t.info) == null ? void 0 : T.video_w), m = ((C = t.info) == null ? void 0 : C.img_h) || ((O = t.info) == null ? void 0 : O.video_h), x = Ms(g, m);
+      var k, E, A, I;
+      const g = ((k = t.info) == null ? void 0 : k.img_w) || ((E = t.info) == null ? void 0 : E.video_w), m = ((A = t.info) == null ? void 0 : A.img_h) || ((I = t.info) == null ? void 0 : I.video_h), x = Ms(g, m);
       return x ? ` · ${x}` : "";
-    })()} · ${Xt(((d = t.size) == null ? void 0 : d.bytes) || 0)}</div>
+    })()} · ${Wt(((d = t.size) == null ? void 0 : d.bytes) || 0)}</div>
         </div>
       </div>
     `;
   }
 };
-Te.styles = k`
+Me.styles = $`
     :host {
       display: block;
       animation: ap-card-in 300ms ease-out both;
@@ -8692,26 +8695,26 @@ Te.styles = k`
     }
   `;
 lt([
-  p({ type: Object })
-], Te.prototype, "asset", 2);
+  h({ type: Object })
+], Me.prototype, "asset", 2);
 lt([
-  p({ type: Number })
-], Te.prototype, "index", 2);
+  h({ type: Number })
+], Me.prototype, "index", 2);
 lt([
-  p({ type: Boolean, reflect: !0 })
-], Te.prototype, "selected", 2);
+  h({ type: Boolean, reflect: !0 })
+], Me.prototype, "selected", 2);
 lt([
-  p({ type: Boolean })
-], Te.prototype, "multiSelect", 2);
-Te = lt([
-  F("ap-asset-card")
-], Te);
-var Qa = Object.defineProperty, Za = Object.getOwnPropertyDescriptor, Xe = (t, e, s, i) => {
-  for (var a = i > 1 ? void 0 : i ? Za(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+  h({ type: Boolean })
+], Me.prototype, "multiSelect", 2);
+Me = lt([
+  C("ap-asset-card")
+], Me);
+var Za = Object.defineProperty, Ja = Object.getOwnPropertyDescriptor, We = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? Ja(e, s) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
-  return i && a && Qa(e, s, a), a;
+  return i && a && Za(e, s, a), a;
 };
-let be = class extends S {
+let _e = class extends S {
   constructor() {
     super(...arguments), this.index = 0, this.selected = !1, this.multiSelect = !0, this.compactLevel = 0;
   }
@@ -8747,13 +8750,13 @@ let be = class extends S {
     }));
   }
   render() {
-    var c, h, u;
+    var c, p, u;
     const t = this.asset;
     if (!t) return n``;
-    const s = Ne(t.type) === "video", i = ((c = t.extension) == null ? void 0 : c.toLowerCase()) === "pdf", a = Cs(t.extension || "");
+    const s = je(t.type) === "video", i = ((c = t.extension) == null ? void 0 : c.toLowerCase()) === "pdf", a = Cs(t.extension || "");
     let r = "";
-    s ? r = As(t) : i ? r = Yt(t) : a && (r = bt(t));
-    const o = nt(t.extension || ""), l = Kt(t.extension || "");
+    s ? r = As(t) : i ? r = Xt(t) : a && (r = bt(t));
+    const o = nt(t.extension || ""), l = Yt(t.extension || "");
     return n`
       <div class="row" style="grid-template-columns: ${this._getGridColumns()}" @click=${this._handleSelect}>
         ${this.multiSelect ? n`
@@ -8786,8 +8789,8 @@ let be = class extends S {
               />`}
         </div>
         <div class="name" title=${t.name}>${t.name}</div>
-        <div class="type">${(h = t.extension) == null ? void 0 : h.toUpperCase()}</div>
-        ${this.compactLevel < 2 ? n`<div class="desc">${Xt(((u = t.size) == null ? void 0 : u.bytes) || 0)}</div>` : f}
+        <div class="type">${(p = t.extension) == null ? void 0 : p.toUpperCase()}</div>
+        ${this.compactLevel < 2 ? n`<div class="desc">${Wt(((u = t.size) == null ? void 0 : u.bytes) || 0)}</div>` : f}
         ${this.compactLevel < 1 ? n`<div class="date">${_t(t.created_at || "")}</div>` : f}
         <div class="actions">
           <button class="icon-btn select-btn" @click=${this._handleQuickSelect} aria-label="Select" title="Select">
@@ -8801,7 +8804,7 @@ let be = class extends S {
     `;
   }
 };
-be.styles = k`
+_e.styles = $`
     :host {
       display: block;
     }
@@ -8932,30 +8935,30 @@ be.styles = k`
       display: block;
     }
   `;
-Xe([
-  p({ type: Object })
-], be.prototype, "asset", 2);
-Xe([
-  p({ type: Number })
-], be.prototype, "index", 2);
-Xe([
-  p({ type: Boolean, reflect: !0 })
-], be.prototype, "selected", 2);
-Xe([
-  p({ type: Boolean })
-], be.prototype, "multiSelect", 2);
-Xe([
-  p({ type: Number })
-], be.prototype, "compactLevel", 2);
-be = Xe([
-  F("ap-asset-row")
-], be);
-var Ja = Object.defineProperty, er = Object.getOwnPropertyDescriptor, Ie = (t, e, s, i) => {
-  for (var a = i > 1 ? void 0 : i ? er(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+We([
+  h({ type: Object })
+], _e.prototype, "asset", 2);
+We([
+  h({ type: Number })
+], _e.prototype, "index", 2);
+We([
+  h({ type: Boolean, reflect: !0 })
+], _e.prototype, "selected", 2);
+We([
+  h({ type: Boolean })
+], _e.prototype, "multiSelect", 2);
+We([
+  h({ type: Number })
+], _e.prototype, "compactLevel", 2);
+_e = We([
+  C("ap-asset-row")
+], _e);
+var er = Object.defineProperty, tr = Object.getOwnPropertyDescriptor, De = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? tr(e, s) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
-  return i && a && Ja(e, s, a), a;
+  return i && a && er(e, s, a), a;
 };
-let he = class extends S {
+let ue = class extends S {
   constructor() {
     super(...arguments), this.previews = [], this.selected = !1, this.selectable = !1, this.multiSelect = !0, this.index = 0;
   }
@@ -9057,7 +9060,7 @@ let he = class extends S {
     `;
   }
 };
-he.styles = [re, k`
+ue.styles = [re, $`
     :host {
       display: block;
     }
@@ -9236,31 +9239,31 @@ he.styles = [re, k`
       display: block;
     }
   `];
-Ie([
-  p({ type: Object })
-], he.prototype, "folder", 2);
-Ie([
-  p({ type: Array })
-], he.prototype, "previews", 2);
-Ie([
-  p({ type: Boolean, reflect: !0 })
-], he.prototype, "selected", 2);
-Ie([
-  p({ type: Boolean })
-], he.prototype, "selectable", 2);
-Ie([
-  p({ type: Boolean })
-], he.prototype, "multiSelect", 2);
-Ie([
-  p({ type: Number })
-], he.prototype, "index", 2);
-he = Ie([
-  F("ap-folder-card")
-], he);
-var tr = Object.defineProperty, sr = Object.getOwnPropertyDescriptor, ye = (t, e, s, i) => {
-  for (var a = i > 1 ? void 0 : i ? sr(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+De([
+  h({ type: Object })
+], ue.prototype, "folder", 2);
+De([
+  h({ type: Array })
+], ue.prototype, "previews", 2);
+De([
+  h({ type: Boolean, reflect: !0 })
+], ue.prototype, "selected", 2);
+De([
+  h({ type: Boolean })
+], ue.prototype, "selectable", 2);
+De([
+  h({ type: Boolean })
+], ue.prototype, "multiSelect", 2);
+De([
+  h({ type: Number })
+], ue.prototype, "index", 2);
+ue = De([
+  C("ap-folder-card")
+], ue);
+var sr = Object.defineProperty, ir = Object.getOwnPropertyDescriptor, xe = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? ir(e, s) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
-  return i && a && tr(e, s, a), a;
+  return i && a && sr(e, s, a), a;
 };
 let ie = class extends S {
   constructor() {
@@ -9346,7 +9349,7 @@ let ie = class extends S {
     ` : n``;
   }
 };
-ie.styles = k`
+ie.styles = $`
     :host {
       display: block;
     }
@@ -9466,36 +9469,36 @@ ie.styles = k`
       display: block;
     }
   `;
-ye([
-  p({ type: Object })
+xe([
+  h({ type: Object })
 ], ie.prototype, "folder", 2);
-ye([
-  p({ type: Array })
+xe([
+  h({ type: Array })
 ], ie.prototype, "previews", 2);
-ye([
-  p({ type: Boolean, reflect: !0 })
+xe([
+  h({ type: Boolean, reflect: !0 })
 ], ie.prototype, "selected", 2);
-ye([
-  p({ type: Boolean })
+xe([
+  h({ type: Boolean })
 ], ie.prototype, "selectable", 2);
-ye([
-  p({ type: Boolean })
+xe([
+  h({ type: Boolean })
 ], ie.prototype, "multiSelect", 2);
-ye([
-  p({ type: Number })
+xe([
+  h({ type: Number })
 ], ie.prototype, "index", 2);
-ye([
-  p({ type: Number })
+xe([
+  h({ type: Number })
 ], ie.prototype, "compactLevel", 2);
-ie = ye([
-  F("ap-folder-row")
+ie = xe([
+  C("ap-folder-row")
 ], ie);
-var ir = Object.defineProperty, ar = Object.getOwnPropertyDescriptor, ct = (t, e, s, i) => {
-  for (var a = i > 1 ? void 0 : i ? ar(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+var ar = Object.defineProperty, rr = Object.getOwnPropertyDescriptor, ct = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? rr(e, s) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
-  return i && a && ir(e, s, a), a;
+  return i && a && ar(e, s, a), a;
 };
-let Me = class extends S {
+let Oe = class extends S {
   constructor() {
     super(...arguments), this.variant = "grid", this.gridSize = "normal", this.multiSelect = !0, this.folderCount = 0;
   }
@@ -9556,7 +9559,7 @@ let Me = class extends S {
     `;
   }
 };
-Me.styles = k`
+Oe.styles = $`
     :host {
       display: block;
       padding: 0 20px 16px;
@@ -9683,33 +9686,33 @@ Me.styles = k`
     }
   `;
 ct([
-  p({ reflect: !0 })
-], Me.prototype, "variant", 2);
+  h({ reflect: !0 })
+], Oe.prototype, "variant", 2);
 ct([
-  p({ type: String })
-], Me.prototype, "gridSize", 2);
+  h({ type: String })
+], Oe.prototype, "gridSize", 2);
 ct([
-  p({ type: Boolean })
-], Me.prototype, "multiSelect", 2);
+  h({ type: Boolean })
+], Oe.prototype, "multiSelect", 2);
 ct([
-  p({ type: Number })
-], Me.prototype, "folderCount", 2);
-Me = ct([
-  F("ap-skeleton")
-], Me);
-function rr(t) {
+  h({ type: Number })
+], Oe.prototype, "folderCount", 2);
+Oe = ct([
+  C("ap-skeleton")
+], Oe);
+function or(t) {
   var a, r;
   const e = (a = t.info) == null ? void 0 : a.playlists;
   if (!(e != null && e.length)) return null;
   const s = (r = e[0]) == null ? void 0 : r.playlists;
   return s != null && s.length && s[0] || null;
 }
-var or = Object.defineProperty, nr = Object.getOwnPropertyDescriptor, j = (t, e, s, i) => {
-  for (var a = i > 1 ? void 0 : i ? nr(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+var nr = Object.defineProperty, lr = Object.getOwnPropertyDescriptor, N = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? lr(e, s) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
-  return i && a && or(e, s, a), a;
+  return i && a && nr(e, s, a), a;
 };
-let N = class extends S {
+let j = class extends S {
   constructor() {
     super(...arguments), this.asset = null, this.assets = [], this.selectedIds = [], this.containerToken = "", this.showMetadata = !0, this.metadataFields = [], this.labels = [], this.regionalFilters = {}, this.multiSelect = !0, this._isFullscreen = !1, this._fsImageLoaded = !1, this._previewLoading = !1, this._openSections = /* @__PURE__ */ new Set(["file-info", "metadata"]), this._hls = null;
   }
@@ -9731,13 +9734,13 @@ let N = class extends S {
   }
   updated(t) {
     if (super.updated(t), t.has("asset") && (this._destroyHls(), this._previewLoading = !0, this.asset)) {
-      const e = Ne(this.asset.type);
+      const e = je(this.asset.type);
       e === "video" && this._setupHls(this.asset), e !== "image" && e !== "video" && (this._previewLoading = !1);
     }
   }
   async _setupHls(t) {
     var i, a;
-    const e = rr(t);
+    const e = or(t);
     if (!e || (await this.updateComplete, ((i = this.asset) == null ? void 0 : i.uuid) !== t.uuid)) return;
     const s = this._videoEl;
     if (s) {
@@ -9750,8 +9753,8 @@ let N = class extends S {
         if (!r.isSupported() || ((a = this.asset) == null ? void 0 : a.uuid) !== t.uuid || !this.isConnected) return;
         const o = new r();
         this._hls = o, o.loadSource(e), o.attachMedia(s), o.on(r.Events.ERROR, (l, c) => {
-          var h;
-          c.fatal && (this._destroyHls(), s.src = ((h = t.url) == null ? void 0 : h.cdn) || "");
+          var p;
+          c.fatal && (this._destroyHls(), s.src = ((p = t.url) == null ? void 0 : p.cdn) || "");
         });
       } catch {
       }
@@ -9804,7 +9807,7 @@ let N = class extends S {
   }
   /** Check if an asset supports inline fullscreen preview (not PDF/other). */
   _supportsFullscreen(t) {
-    const e = Ne(t.type);
+    const e = je(t.type);
     return e === "image" || e === "video" || e === "audio";
   }
   /**
@@ -9873,14 +9876,14 @@ let N = class extends S {
   }
   _applyTagFilter(t) {
     this.dispatchEvent(new CustomEvent("filter-update", {
-      detail: { key: b.TAGS, values: [t], operator: $.IS },
+      detail: { key: b.TAGS, values: [t], operator: w.IS },
       bubbles: !0,
       composed: !0
     }));
   }
   _applyLabelFilter(t) {
     this.dispatchEvent(new CustomEvent("filter-update", {
-      detail: { key: b.LABELS, values: [t], operator: $.IS },
+      detail: { key: b.LABELS, values: [t], operator: w.IS },
       bubbles: !0,
       composed: !0
     }));
@@ -9947,7 +9950,7 @@ let N = class extends S {
   _getFileInfoRows(t) {
     var s, i, a, r, o, l;
     const e = [];
-    return e.push({ label: "File name", value: t.name }), t.extension && e.push({ label: "Type", value: t.extension.toUpperCase() }), (s = t.size) != null && s.bytes && e.push({ label: "Size", value: Xt(t.size.bytes) }), (i = t.info) != null && i.img_w && e.push({ label: "Dimensions", value: Ms(t.info.img_w, t.info.img_h) }), (a = t.info) != null && a.video_w && e.push({ label: "Video resolution", value: `${t.info.video_w} x ${t.info.video_h}` }), (((r = t.info) == null ? void 0 : r.video_duration) ?? ((o = t.info) == null ? void 0 : o.duration)) != null && e.push({ label: "Duration", value: `${Math.round(t.info.video_duration ?? t.info.duration)}s` }), (l = t.info) != null && l.color_space && e.push({ label: "Color space", value: t.info.color_space }), t.created_at && e.push({ label: "Created", value: _t(t.created_at) }), t.modified_at && e.push({ label: "Modified", value: _t(t.modified_at) }), e;
+    return e.push({ label: "File name", value: t.name }), t.extension && e.push({ label: "Type", value: t.extension.toUpperCase() }), (s = t.size) != null && s.bytes && e.push({ label: "Size", value: Wt(t.size.bytes) }), (i = t.info) != null && i.img_w && e.push({ label: "Dimensions", value: Ms(t.info.img_w, t.info.img_h) }), (a = t.info) != null && a.video_w && e.push({ label: "Video resolution", value: `${t.info.video_w} x ${t.info.video_h}` }), (((r = t.info) == null ? void 0 : r.video_duration) ?? ((o = t.info) == null ? void 0 : o.duration)) != null && e.push({ label: "Duration", value: `${Math.round(t.info.video_duration ?? t.info.duration)}s` }), (l = t.info) != null && l.color_space && e.push({ label: "Color space", value: t.info.color_space }), t.created_at && e.push({ label: "Created", value: _t(t.created_at) }), t.modified_at && e.push({ label: "Modified", value: _t(t.modified_at) }), e;
   }
   /**
    * Build a lookup map from metadata field key → field definition.
@@ -9998,9 +10001,9 @@ let N = class extends S {
     var r, o, l, c;
     const e = [], s = this._buildFieldMap(), i = /* @__PURE__ */ new Set();
     if (this.metadataFields.length > 0) {
-      const h = t;
+      const p = t;
       for (const u of this.metadataFields) {
-        const v = h[u.key] ?? ((o = (r = t.info) == null ? void 0 : r.metadata) == null ? void 0 : o[u.key]) ?? ((l = t.meta) == null ? void 0 : l[u.key]), d = this._resolveFieldValue(v, u);
+        const v = p[u.key] ?? ((o = (r = t.info) == null ? void 0 : r.metadata) == null ? void 0 : o[u.key]) ?? ((l = t.meta) == null ? void 0 : l[u.key]), d = this._resolveFieldValue(v, u);
         if (!d) continue;
         i.add(u.key), u.slug && i.add(u.slug);
         const g = d.length > 50;
@@ -10008,39 +10011,39 @@ let N = class extends S {
       }
     }
     if (t.meta)
-      for (const [h, u] of Object.entries(t.meta)) {
-        if (i.has(h) || u == null || u === "") continue;
-        const v = s.get(h);
+      for (const [p, u] of Object.entries(t.meta)) {
+        if (i.has(p) || u == null || u === "") continue;
+        const v = s.get(p);
         if (v) {
           const d = this._resolveFieldValue(u, v);
           if (!d) continue;
-          i.add(h);
+          i.add(p);
           const g = d.length > 50;
           e.push({ label: v.label, value: d, wrap: g });
         } else {
           const d = typeof u == "object" ? JSON.stringify(u) : String(u);
           if (!d || d === "{}" || d === "[]") continue;
-          i.add(h);
-          const g = h.charAt(0).toUpperCase() + h.slice(1).replace(/_/g, " "), m = d.length > 50;
+          i.add(p);
+          const g = p.charAt(0).toUpperCase() + p.slice(1).replace(/_/g, " "), m = d.length > 50;
           e.push({ label: g, value: d, wrap: m });
         }
       }
     const a = (c = t.info) == null ? void 0 : c.metadata;
     if (a && typeof a == "object")
-      for (const [h, u] of Object.entries(a)) {
-        if (i.has(h) || u == null || u === "") continue;
-        const v = s.get(h);
+      for (const [p, u] of Object.entries(a)) {
+        if (i.has(p) || u == null || u === "") continue;
+        const v = s.get(p);
         if (v) {
           const d = this._resolveFieldValue(u, v);
           if (!d) continue;
-          i.add(h);
+          i.add(p);
           const g = d.length > 50;
           e.push({ label: v.label, value: d, wrap: g });
         } else {
           const d = typeof u == "object" ? JSON.stringify(u) : String(u);
           if (!d || d === "{}" || d === "[]") continue;
-          i.add(h);
-          const g = h.charAt(0).toUpperCase() + h.slice(1).replace(/_/g, " "), m = d.length > 50;
+          i.add(p);
+          const g = p.charAt(0).toUpperCase() + p.slice(1).replace(/_/g, " "), m = d.length > 50;
           e.push({ label: g, value: d, wrap: m });
         }
       }
@@ -10081,10 +10084,10 @@ let N = class extends S {
     `;
   }
   render() {
-    var D, E, M, R, Y, X, De, dt;
+    var R, T, P, M, se, ce, ee, dt;
     const t = this.asset;
     if (!t) return f;
-    const e = Ne(t.type), s = e === "image", i = e === "video", a = e === "audio", r = ((D = t.extension) == null ? void 0 : D.toLowerCase()) === "pdf", o = nt(t.extension || ""), l = Kt(t.extension || ""), c = ((E = t.extension) == null ? void 0 : E.toLowerCase()) === "svg", h = bt(t), u = s ? c ? ((M = t.url) == null ? void 0 : M.cdn) || "" : h || Ve(((R = t.url) == null ? void 0 : R.cdn) || "", this.containerToken) : "", v = s ? this._getFullscreenImageUrl(t) : "", d = s && !c ? this._getBlurDimensions(t) : null, g = i && ((Y = t.url) == null ? void 0 : Y.cdn) || "", m = i && (((X = t.info) == null ? void 0 : X.video_thumbnail) || ((De = t.info) == null ? void 0 : De.preview)) || "", x = r && !s ? Yt(t) : "", w = this._getCurrentIndex(), T = w > 0 && this._findNavTarget(w, -1) >= 0, C = w >= 0 && this._findNavTarget(w, 1) >= 0, O = this.assets.length > 1;
+    const e = je(t.type), s = e === "image", i = e === "video", a = e === "audio", r = ((R = t.extension) == null ? void 0 : R.toLowerCase()) === "pdf", o = nt(t.extension || ""), l = Yt(t.extension || ""), c = ((T = t.extension) == null ? void 0 : T.toLowerCase()) === "svg", p = bt(t), u = s ? c ? ((P = t.url) == null ? void 0 : P.cdn) || "" : p || Ve(((M = t.url) == null ? void 0 : M.cdn) || "", this.containerToken) : "", v = s ? this._getFullscreenImageUrl(t) : "", d = s && !c ? this._getBlurDimensions(t) : null, g = i && ((se = t.url) == null ? void 0 : se.cdn) || "", m = i && (((ce = t.info) == null ? void 0 : ce.video_thumbnail) || ((ee = t.info) == null ? void 0 : ee.preview)) || "", x = r && !s ? Xt(t) : "", k = this._getCurrentIndex(), E = k > 0 && this._findNavTarget(k, -1) >= 0, A = k >= 0 && this._findNavTarget(k, 1) >= 0, I = this.assets.length > 1;
     return n`
       <div class="panel">
         <div class="panel-header">
@@ -10104,11 +10107,11 @@ let N = class extends S {
         </div>
 
         <div class="preview-area ${s && l ? "chess" : ""}">
-          ${O ? n`
-            <button class="nav-btn prev" @click=${this._prev} ?disabled=${!T} aria-label="Previous">
+          ${I ? n`
+            <button class="nav-btn prev" @click=${this._prev} ?disabled=${!E} aria-label="Previous">
               <ap-icon name="chevron-left" .size=${16}></ap-icon>
             </button>
-            <button class="nav-btn next" @click=${this._next} ?disabled=${!C} aria-label="Next">
+            <button class="nav-btn next" @click=${this._next} ?disabled=${!A} aria-label="Next">
               <ap-icon name="chevron-right" .size=${16}></ap-icon>
             </button>
           ` : f}
@@ -10122,12 +10125,12 @@ let N = class extends S {
             <img
               src=${u}
               alt=${t.name}
-              @load=${(we) => {
-      we.target.classList.remove("icon-fallback"), this._previewLoading = !1;
+              @load=${($e) => {
+      $e.target.classList.remove("icon-fallback"), this._previewLoading = !1;
     }}
-              @error=${(we) => {
-      const $e = we.target;
-      this._previewLoading = !1, $e.src !== o && ($e.src = o, $e.classList.add("icon-fallback"));
+              @error=${($e) => {
+      const ke = $e.target;
+      this._previewLoading = !1, ke.src !== o && (ke.src = o, ke.classList.add("icon-fallback"));
     }}
             />
             <div class="fs-wrapper">
@@ -10159,9 +10162,9 @@ let N = class extends S {
               src=${x || o}
               alt=${t.name}
               class=${x ? "" : "icon-fallback"}
-              @error=${(we) => {
-      const $e = we.target;
-      $e.src !== o && ($e.src = o, $e.classList.add("icon-fallback"));
+              @error=${($e) => {
+      const ke = $e.target;
+      ke.src !== o && (ke.src = o, ke.classList.add("icon-fallback"));
     }}
             />
           ` : f}
@@ -10176,7 +10179,7 @@ let N = class extends S {
     `;
   }
 };
-N.styles = k`
+j.styles = $`
     :host {
       display: block;
     }
@@ -10488,60 +10491,60 @@ N.styles = k`
       .accordion-chevron { transition: none; }
     }
   `;
-j([
-  p({ type: Object })
-], N.prototype, "asset", 2);
-j([
-  p({ type: Array })
-], N.prototype, "assets", 2);
-j([
-  p({ type: Array })
-], N.prototype, "selectedIds", 2);
-j([
-  p()
-], N.prototype, "containerToken", 2);
-j([
-  p({ type: Boolean })
-], N.prototype, "showMetadata", 2);
-j([
-  p({ type: Array })
-], N.prototype, "metadataFields", 2);
-j([
-  p({ type: Array })
-], N.prototype, "labels", 2);
-j([
-  p({ type: Object })
-], N.prototype, "regionalFilters", 2);
-j([
-  p({ type: Boolean })
-], N.prototype, "multiSelect", 2);
-j([
-  Oe(".preview-area")
-], N.prototype, "previewArea", 2);
-j([
-  Oe("video")
-], N.prototype, "_videoEl", 2);
-j([
+N([
+  h({ type: Object })
+], j.prototype, "asset", 2);
+N([
+  h({ type: Array })
+], j.prototype, "assets", 2);
+N([
+  h({ type: Array })
+], j.prototype, "selectedIds", 2);
+N([
+  h()
+], j.prototype, "containerToken", 2);
+N([
+  h({ type: Boolean })
+], j.prototype, "showMetadata", 2);
+N([
+  h({ type: Array })
+], j.prototype, "metadataFields", 2);
+N([
+  h({ type: Array })
+], j.prototype, "labels", 2);
+N([
+  h({ type: Object })
+], j.prototype, "regionalFilters", 2);
+N([
+  h({ type: Boolean })
+], j.prototype, "multiSelect", 2);
+N([
+  Le(".preview-area")
+], j.prototype, "previewArea", 2);
+N([
+  Le("video")
+], j.prototype, "_videoEl", 2);
+N([
   _()
-], N.prototype, "_isFullscreen", 2);
-j([
+], j.prototype, "_isFullscreen", 2);
+N([
   _()
-], N.prototype, "_fsImageLoaded", 2);
-j([
+], j.prototype, "_fsImageLoaded", 2);
+N([
   _()
-], N.prototype, "_previewLoading", 2);
-j([
+], j.prototype, "_previewLoading", 2);
+N([
   _()
-], N.prototype, "_openSections", 2);
-N = j([
-  F("ap-preview-panel")
-], N);
-var lr = Object.defineProperty, cr = Object.getOwnPropertyDescriptor, Wt = (t, e, s, i) => {
-  for (var a = i > 1 ? void 0 : i ? cr(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+], j.prototype, "_openSections", 2);
+j = N([
+  C("ap-preview-panel")
+], j);
+var cr = Object.defineProperty, dr = Object.getOwnPropertyDescriptor, Qt = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? dr(e, s) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
-  return i && a && lr(e, s, a), a;
+  return i && a && cr(e, s, a), a;
 };
-const dr = {
+const pr = {
   // ── Navigation & Actions ────────────────────────────────────────────
   search: [
     { tag: "circle", attrs: { cx: "11", cy: "11", r: "8" } },
@@ -10890,11 +10893,11 @@ let it = class extends S {
     super(...arguments), this.name = "", this.size = 20;
   }
   render() {
-    const t = dr[this.name];
+    const t = pr[this.name];
     if (!t) return f;
-    const e = typeof t == "string" ? fe`<path d=${t}></path>` : t.map((s) => {
+    const e = typeof t == "string" ? ve`<path d=${t}></path>` : t.map((s) => {
       const { tag: i, attrs: a } = s;
-      return i === "circle" ? fe`<circle cx=${a.cx} cy=${a.cy} r=${a.r} fill=${a.fill ?? "none"}></circle>` : i === "rect" ? fe`<rect width=${a.width} height=${a.height} x=${a.x} y=${a.y} rx=${a.rx ?? "0"} ry=${a.ry ?? "0"}></rect>` : fe`<path d=${a.d}></path>`;
+      return i === "circle" ? ve`<circle cx=${a.cx} cy=${a.cy} r=${a.r} fill=${a.fill ?? "none"}></circle>` : i === "rect" ? ve`<rect width=${a.width} height=${a.height} x=${a.x} y=${a.y} rx=${a.rx ?? "0"} ry=${a.ry ?? "0"}></rect>` : ve`<path d=${a.d}></path>`;
     });
     return n`
       <svg
@@ -10912,7 +10915,7 @@ let it = class extends S {
   }
 };
 it.styles = [
-  k`
+  $`
       :host {
         display: inline-flex;
         align-items: center;
@@ -10924,19 +10927,19 @@ it.styles = [
       }
     `
 ];
-Wt([
-  p()
+Qt([
+  h()
 ], it.prototype, "name", 2);
-Wt([
-  p({ type: Number })
+Qt([
+  h({ type: Number })
 ], it.prototype, "size", 2);
-it = Wt([
-  F("ap-icon")
+it = Qt([
+  C("ap-icon")
 ], it);
-var pr = Object.defineProperty, hr = Object.getOwnPropertyDescriptor, xe = (t, e, s, i) => {
-  for (var a = i > 1 ? void 0 : i ? hr(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+var hr = Object.defineProperty, ur = Object.getOwnPropertyDescriptor, we = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? ur(e, s) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
-  return i && a && pr(e, s, a), a;
+  return i && a && hr(e, s, a), a;
 };
 let ae = class extends S {
   constructor() {
@@ -11003,7 +11006,7 @@ let ae = class extends S {
     `;
   }
 };
-ae.styles = k`
+ae.styles = $`
     :host {
       display: block;
       padding: 0 8px 8px;
@@ -11091,34 +11094,34 @@ ae.styles = k`
       .bar { animation: none; }
     }
   `;
-xe([
-  p({ type: Array })
+we([
+  h({ type: Array })
 ], ae.prototype, "selectedAssets", 2);
-xe([
-  p({ type: Array })
+we([
+  h({ type: Array })
 ], ae.prototype, "selectedFolders", 2);
-xe([
-  p({ type: Number })
+we([
+  h({ type: Number })
 ], ae.prototype, "totalCount", 2);
-xe([
-  p({ type: Number })
+we([
+  h({ type: Number })
 ], ae.prototype, "totalFolderCount", 2);
-xe([
-  p({ type: Boolean })
+we([
+  h({ type: Boolean })
 ], ae.prototype, "isSelectingAll", 2);
-xe([
-  p({ type: Boolean })
+we([
+  h({ type: Boolean })
 ], ae.prototype, "multiSelect", 2);
-xe([
-  p({ type: Number })
+we([
+  h({ type: Number })
 ], ae.prototype, "maxSelections", 2);
-ae = xe([
-  F("ap-selection-bar")
+ae = we([
+  C("ap-selection-bar")
 ], ae);
-var ur = Object.defineProperty, gr = Object.getOwnPropertyDescriptor, Qt = (t, e, s, i) => {
-  for (var a = i > 1 ? void 0 : i ? gr(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+var gr = Object.defineProperty, fr = Object.getOwnPropertyDescriptor, Zt = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? fr(e, s) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
-  return i && a && ur(e, s, a), a;
+  return i && a && gr(e, s, a), a;
 };
 let at = class extends S {
   constructor() {
@@ -11133,7 +11136,7 @@ let at = class extends S {
     `;
   }
 };
-at.styles = k`
+at.styles = $`
     :host {
       display: block;
       position: absolute;
@@ -11151,21 +11154,21 @@ at.styles = k`
       border-radius: 2px;
     }
   `;
-Qt([
-  p({ type: Boolean })
+Zt([
+  h({ type: Boolean })
 ], at.prototype, "active", 2);
-Qt([
-  p({ type: Object })
+Zt([
+  h({ type: Object })
 ], at.prototype, "rect", 2);
-at = Qt([
-  F("ap-marquee-overlay")
+at = Zt([
+  C("ap-marquee-overlay")
 ], at);
-var fr = Object.defineProperty, vr = Object.getOwnPropertyDescriptor, We = (t, e, s, i) => {
-  for (var a = i > 1 ? void 0 : i ? vr(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+var vr = Object.defineProperty, mr = Object.getOwnPropertyDescriptor, Qe = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? mr(e, s) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
-  return i && a && fr(e, s, a), a;
+  return i && a && vr(e, s, a), a;
 };
-let _e = class extends S {
+let ye = class extends S {
   constructor() {
     super(...arguments), this.value = "", this.options = [], this.disabled = !1, this.direction = "vertical", this._onKeydown = (t) => {
       const e = this.options.filter(
@@ -11228,9 +11231,9 @@ let _e = class extends S {
     }));
   }
 };
-_e.styles = [
+ye.styles = [
   re,
-  k`
+  $`
       :host {
         display: flex;
         flex-direction: column;
@@ -11293,28 +11296,28 @@ _e.styles = [
       }
     `
 ];
-We([
-  p()
-], _e.prototype, "value", 2);
-We([
-  p({ type: Array })
-], _e.prototype, "options", 2);
-We([
-  p({ type: Boolean })
-], _e.prototype, "disabled", 2);
-We([
-  p({ reflect: !0 })
-], _e.prototype, "direction", 2);
-We([
-  p({ reflect: !0 })
-], _e.prototype, "columns", 2);
-_e = We([
-  F("ap-radio-group")
-], _e);
-var mr = Object.defineProperty, br = Object.getOwnPropertyDescriptor, Os = (t, e, s, i) => {
-  for (var a = i > 1 ? void 0 : i ? br(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+Qe([
+  h()
+], ye.prototype, "value", 2);
+Qe([
+  h({ type: Array })
+], ye.prototype, "options", 2);
+Qe([
+  h({ type: Boolean })
+], ye.prototype, "disabled", 2);
+Qe([
+  h({ reflect: !0 })
+], ye.prototype, "direction", 2);
+Qe([
+  h({ reflect: !0 })
+], ye.prototype, "columns", 2);
+ye = Qe([
+  C("ap-radio-group")
+], ye);
+var br = Object.defineProperty, _r = Object.getOwnPropertyDescriptor, Os = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? _r(e, s) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
-  return i && a && mr(e, s, a), a;
+  return i && a && br(e, s, a), a;
 };
 let yt = class extends S {
   constructor() {
@@ -11325,7 +11328,7 @@ let yt = class extends S {
   }
 };
 yt.styles = [
-  k`
+  $`
       :host {
         display: inline-flex;
       }
@@ -11341,15 +11344,15 @@ yt.styles = [
     `
 ];
 Os([
-  p({ type: Number })
+  h({ type: Number })
 ], yt.prototype, "size", 2);
 yt = Os([
-  F("ap-spinner")
+  C("ap-spinner")
 ], yt);
-var _r = Object.defineProperty, yr = Object.getOwnPropertyDescriptor, Et = (t, e, s, i) => {
-  for (var a = i > 1 ? void 0 : i ? yr(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+var yr = Object.defineProperty, xr = Object.getOwnPropertyDescriptor, Et = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? xr(e, s) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
-  return i && a && _r(e, s, a), a;
+  return i && a && yr(e, s, a), a;
 };
 let qe = class extends S {
   constructor() {
@@ -11403,7 +11406,7 @@ let qe = class extends S {
     `;
   }
 };
-qe.styles = [re, k`
+qe.styles = [re, $`
     :host {
       display: block;
     }
@@ -11478,21 +11481,21 @@ qe.styles = [re, k`
     }
   `];
 Et([
-  p({ type: Array })
+  h({ type: Array })
 ], qe.prototype, "folders", 2);
 Et([
-  p({ type: Boolean })
+  h({ type: Boolean })
 ], qe.prototype, "loading", 2);
 Et([
   _()
 ], qe.prototype, "_mode", 2);
 qe = Et([
-  F("ap-folder-resolve-dialog")
+  C("ap-folder-resolve-dialog")
 ], qe);
-var xr = Object.defineProperty, wr = Object.getOwnPropertyDescriptor, At = (t, e, s, i) => {
-  for (var a = i > 1 ? void 0 : i ? wr(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+var wr = Object.defineProperty, $r = Object.getOwnPropertyDescriptor, At = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? $r(e, s) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
-  return i && a && xr(e, s, a), a;
+  return i && a && wr(e, s, a), a;
 };
 let He = class extends S {
   constructor() {
@@ -11529,7 +11532,7 @@ let He = class extends S {
   }
 };
 He.styles = [
-  k`
+  $`
       :host {
         display: inline-flex;
         align-items: center;
@@ -11591,21 +11594,21 @@ He.styles = [
     `
 ];
 At([
-  p({ type: Boolean, reflect: !0 })
+  h({ type: Boolean, reflect: !0 })
 ], He.prototype, "checked", 2);
 At([
-  p({ type: Boolean, reflect: !0 })
+  h({ type: Boolean, reflect: !0 })
 ], He.prototype, "indeterminate", 2);
 At([
-  p({ type: Boolean, reflect: !0 })
+  h({ type: Boolean, reflect: !0 })
 ], He.prototype, "disabled", 2);
 He = At([
-  F("ap-checkbox")
+  C("ap-checkbox")
 ], He);
-var $r = Object.defineProperty, kr = Object.getOwnPropertyDescriptor, Ls = (t, e, s, i) => {
-  for (var a = i > 1 ? void 0 : i ? kr(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+var kr = Object.defineProperty, Sr = Object.getOwnPropertyDescriptor, Ls = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? Sr(e, s) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
-  return i && a && $r(e, s, a), a;
+  return i && a && kr(e, s, a), a;
 };
 let xt = class extends S {
   constructor() {
@@ -11629,7 +11632,7 @@ let xt = class extends S {
   }
 };
 xt.styles = [
-  k`
+  $`
       :host {
         position: relative;
         display: inline-block;
@@ -11656,12 +11659,12 @@ Ls([
   _()
 ], xt.prototype, "open", 2);
 xt = Ls([
-  F("ap-popover")
+  C("ap-popover")
 ], xt);
-var Sr = Object.defineProperty, Cr = Object.getOwnPropertyDescriptor, K = (t, e, s, i) => {
-  for (var a = i > 1 ? void 0 : i ? Cr(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+var Cr = Object.defineProperty, Fr = Object.getOwnPropertyDescriptor, K = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? Fr(e, s) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
-  return i && a && Sr(e, s, a), a;
+  return i && a && Cr(e, s, a), a;
 };
 let U = class extends S {
   constructor() {
@@ -11772,7 +11775,7 @@ let U = class extends S {
 };
 U.styles = [
   re,
-  k`
+  $`
       :host {
         position: relative;
         display: inline-block;
@@ -11855,16 +11858,16 @@ U.styles = [
     `
 ];
 K([
-  p()
+  h()
 ], U.prototype, "value", 2);
 K([
-  p()
+  h()
 ], U.prototype, "label", 2);
 K([
-  p({ reflect: !0 })
+  h({ reflect: !0 })
 ], U.prototype, "variant", 2);
 K([
-  p({ type: Array })
+  h({ type: Array })
 ], U.prototype, "options", 2);
 K([
   _()
@@ -11891,12 +11894,12 @@ K([
   _()
 ], U.prototype, "_menuRight", 2);
 U = K([
-  F("ap-dropdown")
+  C("ap-dropdown")
 ], U);
-var Fr = Object.defineProperty, Er = Object.getOwnPropertyDescriptor, Ps = (t, e, s, i) => {
-  for (var a = i > 1 ? void 0 : i ? Er(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+var Er = Object.defineProperty, Ar = Object.getOwnPropertyDescriptor, Is = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? Ar(e, s) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
-  return i && a && Fr(e, s, a), a;
+  return i && a && Er(e, s, a), a;
 };
 let wt = class extends S {
   constructor() {
@@ -11907,7 +11910,7 @@ let wt = class extends S {
   }
 };
 wt.styles = [
-  k`
+  $`
       :host {
         display: inline-flex;
       }
@@ -11928,16 +11931,16 @@ wt.styles = [
       }
     `
 ];
-Ps([
-  p({ reflect: !0 })
+Is([
+  h({ reflect: !0 })
 ], wt.prototype, "variant", 2);
-wt = Ps([
-  F("ap-badge")
+wt = Is([
+  C("ap-badge")
 ], wt);
-var Ar = Object.defineProperty, Tr = Object.getOwnPropertyDescriptor, Is = (t, e, s, i) => {
-  for (var a = i > 1 ? void 0 : i ? Tr(e, s) : e, r = t.length - 1, o; r >= 0; r--)
+var Tr = Object.defineProperty, Mr = Object.getOwnPropertyDescriptor, Ps = (t, e, s, i) => {
+  for (var a = i > 1 ? void 0 : i ? Mr(e, s) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
-  return i && a && Ar(e, s, a), a;
+  return i && a && Tr(e, s, a), a;
 };
 let $t = class extends S {
   constructor() {
@@ -11951,7 +11954,7 @@ let $t = class extends S {
   }
 };
 $t.styles = [
-  k`
+  $`
       :host {
         position: relative;
         display: inline-flex;
@@ -11976,20 +11979,20 @@ $t.styles = [
       }
     `
 ];
-Is([
-  p()
+Ps([
+  h()
 ], $t.prototype, "text", 2);
-$t = Is([
-  F("ap-tooltip")
+$t = Ps([
+  C("ap-tooltip")
 ], $t);
-var Mr = Object.defineProperty, Tt = (t, e, s, i) => {
+var Or = Object.defineProperty, Tt = (t, e, s, i) => {
   for (var a = void 0, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (a = o(e, s, a) || a);
-  return a && Mr(e, s, a), a;
+  return a && Or(e, s, a), a;
 };
-const Zt = class Zt extends S {
+const Jt = class Jt extends S {
   constructor() {
-    super(), this._initFailed = !1, this._loadId = 0, this._loadMoreId = 0, this._loadDataTimer = null, this._pendingFilter = null, this._pendingMetadataField = null, this._uploaderEl = null, this._uploaderImportPromise = null, this._dragCounter = 0, this._isDragOver = !1, this._isUploaderOpen = !1, this._folderResolveOpen = !1, this._onDragEnter = (e) => {
+    super(), this._initFailed = !1, this._loadId = 0, this._loadMoreId = 0, this._selectAllId = 0, this._loadDataTimer = null, this._pendingFilter = null, this._pendingMetadataField = null, this._normalizedForcedFilters = {}, this._uploaderEl = null, this._uploaderImportPromise = null, this._dragCounter = 0, this._isDragOver = !1, this._isUploaderOpen = !1, this._folderResolveOpen = !1, this._onDragEnter = (e) => {
       var s;
       !((s = this.config) != null && s.uploader) || !this._hasFileTransfer(e) || (e.preventDefault(), this._dragCounter++, this._dragCounter === 1 && (this._isDragOver = !0));
     }, this._onDragOver = (e) => {
@@ -12004,15 +12007,12 @@ const Zt = class Zt extends S {
       e.preventDefault(), this._dragCounter = 0, this._isDragOver = !1;
       const s = Array.from(((a = e.dataTransfer) == null ? void 0 : a.files) ?? []);
       s.length > 0 && this._openUploader(s);
-    }, this.store = zs(), this.storeCtrl = new Rs(this, this.store), this.selectionCtrl = new js(this, this.store), this.infiniteScrollCtrl = new Bs(this, () => this._loadMore()), this.marqueeCtrl = new Us(this, this.store);
+    }, this.store = zs(), this.storeCtrl = new Rs(this, this.store), this.selectionCtrl = new Ns(this, this.store), this.infiniteScrollCtrl = new Bs(this, () => this._loadMore()), this.marqueeCtrl = new Us(this, this.store);
   }
   get _isInline() {
     var e;
     return ((e = this.config) == null ? void 0 : e.displayMode) === "inline";
   }
-  connectedCallback() {
-    super.connectedCallback();
-  }
   disconnectedCallback() {
     super.disconnectedCallback(), this._uploaderEl && (this._uploaderEl.remove(), this._uploaderEl = null), this._uploaderImportPromise = null, this._dragCounter = 0, this._isDragOver = !1, this._isUploaderOpen = !1;
   }
@@ -12029,55 +12029,48 @@ const Zt = class Zt extends S {
   }
   _initConfig(e) {
     const s = { folderSelection: !0, ...e };
-    this._initFailed = !1, this._initPromise = this._doInit(s).catch(() => {
+    this._initFailed = !1, this._normalizedForcedFilters = Ut(s.forcedFilters), this._initPromise = this._doInit(s).catch(() => {
       this._initFailed = !0;
     }), this.toggleAttribute("inline", s.displayMode === "inline"), s.displayMode === "inline" && !this.store.getState().isOpen && this.open();
   }
   async _doInit(e) {
-    const s = Ii(), i = s.sortBy ?? e.defaultSortBy ?? "created_at", a = s.sortDirection ?? e.defaultSortDirection ?? "desc";
+    const s = Pi(), i = s.sortBy ?? e.defaultSortBy ?? "created_at", a = s.sortDirection ?? e.defaultSortDirection ?? "desc";
     this.store.setState({
       config: e,
       projectToken: e.auth.projectToken,
-      viewMode: e.rememberLastView && zi() || e.defaultViewMode || "grid",
+      viewMode: e.rememberLastView && Ri(e.auth.projectToken) || e.defaultViewMode || "grid",
       sortBy: i,
       sortDirection: a
     }), this.apiClient = new Vs(e.auth, e.apiBase);
     try {
       if (e.auth.mode === "securityTemplate") {
-        const g = await Xs(this.apiClient);
-        this.apiClient.setSassKey(g), this.store.setState({ sassKey: g });
+        const m = await Xs(this.apiClient);
+        this.apiClient.setSassKey(m), this.store.setState({ sassKey: m });
       }
       const [r, o, l, c] = await Promise.allSettled([
         gi(this.apiClient),
         Ks(this.apiClient),
         Ys(this.apiClient),
         hi(this.apiClient)
-      ]);
+      ]), p = {};
       if (r.status === "fulfilled") {
-        const { fields: g, regionalVariantGroups: m, regionalFilters: x, brandColor: w } = r.value;
-        this.store.setState({
-          metadataFields: g,
-          regionalVariantGroups: m,
-          regionalFilters: x,
-          ...w ? { brandColor: w } : {}
-        });
-      }
-      o.status === "fulfilled" && this.store.setState({ labels: o.value.labels || [] }), l.status === "fulfilled" && this.store.setState({ tags: l.value }), c.status === "fulfilled" && this.store.setState({ fileTypes: c.value });
-      const { pinnedFilters: h, pinnedMetadata: u } = Oi(e.auth.projectToken ?? null), v = this.store.getState().filters;
-      this.store.setState({
-        filters: {
-          ...v,
-          pinned: h,
-          visible: [...h],
-          metadata: {
-            ...v.metadata,
-            pinned: u,
-            visible: [...u]
-          }
+        const { fields: m, regionalVariantGroups: x, regionalFilters: k, brandColor: E } = r.value;
+        p.metadataFields = m, p.regionalVariantGroups = x, p.regionalFilters = k, E && (p.brandColor = E);
+      }
+      o.status === "fulfilled" && (p.labels = o.value.labels || []), l.status === "fulfilled" && (p.tags = l.value), c.status === "fulfilled" && (p.fileTypes = c.value);
+      const { pinnedFilters: u, pinnedMetadata: v } = Oi(e.auth.projectToken ?? null), d = this.store.getState().filters;
+      p.filters = {
+        ...d,
+        pinned: u,
+        visible: [...u],
+        metadata: {
+          ...d.metadata,
+          pinned: v,
+          visible: [...v]
         }
-      });
-      const d = e.brandColor || this.store.getState().brandColor;
-      d && (this.store.setState({ brandColor: d }), Vi(this, d));
+      }, this.store.setState(p);
+      const g = e.brandColor || p.brandColor || this.store.getState().brandColor;
+      g && (p.brandColor || this.store.setState({ brandColor: g }), qi(this, g));
     } catch (r) {
       throw this.dispatchEvent(new CustomEvent("ap-error", {
         detail: { error: r, context: "init" },
@@ -12155,7 +12148,7 @@ const Zt = class Zt extends S {
   }
   /** Close the uploader panel and return to the asset picker. */
   _closeUploader() {
-    this._isUploaderOpen = !1, this._uploaderEl = null;
+    this._isUploaderOpen = !1, this._uploaderEl && (this._uploaderEl.remove(), this._uploaderEl = null);
   }
   _handleUploadClick() {
     this._openUploader();
@@ -12167,14 +12160,14 @@ const Zt = class Zt extends S {
     return !!((i = (s = e.dataTransfer) == null ? void 0 : s.types) != null && i.includes("Files"));
   }
   async open() {
-    var u, v, d, g, m, x, w, T, C, O;
-    const e = this.store.getState(), s = Je((u = this.config) == null ? void 0 : u.forcedFilters), i = new Set(Object.keys(s)), a = {}, r = Je((v = this.config) == null ? void 0 : v.defaultFilters);
-    for (const [D, E] of Object.entries(r))
-      i.has(D) || (a[D] = E);
-    const o = Object.keys(a), l = ((d = this.config) == null ? void 0 : d.tabs) ?? ["assets", "folders"], c = (g = this.config) != null && g.rememberLastTab ? Ni() : null, h = (c && l.includes(c) ? c : null) ?? ((m = this.config) != null && m.defaultTab && l.includes(this.config.defaultTab) ? this.config.defaultTab : null) ?? l[0] ?? "assets";
+    var p, u, v, d, g;
+    const e = this.store.getState(), s = new Set(Object.keys(this._normalizedForcedFilters)), i = {}, a = Ut((p = this.config) == null ? void 0 : p.defaultFilters);
+    for (const [m, x] of Object.entries(a))
+      s.has(m) || (i[m] = x);
+    const r = Object.keys(i), o = ((u = this.config) == null ? void 0 : u.tabs) ?? ["assets", "folders"], l = (v = this.config) != null && v.rememberLastTab ? Ni(this.config.auth.projectToken) : null, c = (l && o.includes(l) ? l : null) ?? ((d = this.config) != null && d.defaultTab && o.includes(this.config.defaultTab) ? this.config.defaultTab : null) ?? o[0] ?? "assets";
     this.store.setState({
       isOpen: !0,
-      activeTab: h,
+      activeTab: c,
       searchQuery: "",
       filters: {
         metadata: {
@@ -12183,17 +12176,17 @@ const Zt = class Zt extends S {
           applied: {}
         },
         pinned: e.filters.pinned,
-        visible: [.../* @__PURE__ */ new Set([...e.filters.pinned, ...o])],
-        applied: a
+        visible: [.../* @__PURE__ */ new Set([...e.filters.pinned, ...r])],
+        applied: i
       },
       offset: 0,
       assets: [],
       folders: [],
       currentFolder: null,
-      currentFolderPath: h === "folders" && ((x = this.config) == null ? void 0 : x.rememberLastFolder) && cs() || ((w = this.config) == null ? void 0 : w.rootFolderPath) || "/",
+      currentFolderPath: this._resolveInitialFolderPath(c),
       breadcrumb: this._buildBreadcrumbFromPath(
-        h === "folders" && ((T = this.config) == null ? void 0 : T.rememberLastFolder) && cs() || ((C = this.config) == null ? void 0 : C.rootFolderPath) || "/",
-        ((O = this.config) == null ? void 0 : O.rootFolderPath) || "/"
+        this._resolveInitialFolderPath(c),
+        ((g = this.config) == null ? void 0 : g.rootFolderPath) || "/"
       ),
       selectedAssets: /* @__PURE__ */ new Map(),
       selectedFolders: /* @__PURE__ */ new Map(),
@@ -12210,48 +12203,48 @@ const Zt = class Zt extends S {
     })), await this.updateComplete, !this._initPromise && this.config && this._initConfig(this.config), !(this._initPromise && (await this._initPromise, this._initFailed)) && this._loadData();
   }
   close() {
-    this.store.setState({ isOpen: !1 }), this._dragCounter = 0, this._isDragOver = !1, this._isUploaderOpen = !1, this._folderResolveOpen = !1;
+    this.store.setState({ isOpen: !1 }), this._dragCounter = 0, this._isDragOver = !1, this._isUploaderOpen = !1, this._folderResolveOpen = !1, this._selectAllId++;
   }
   _scrollToTop() {
     var e;
     (e = this.renderRoot.querySelector(".main-content")) == null || e.scrollTo({ top: 0 });
   }
   async _loadData() {
-    var i, a, r, o, l, c, h, u, v, d, g, m, x, w;
+    var i, a, r, o, l, c, p, u, v, d, g, m, x, k;
     if (!this.apiClient) return;
     const e = ++this._loadId, s = this.store.getState();
     this._scrollToTop(), this.store.setState({ isLoading: !0 });
     try {
-      const T = s.activeTab;
-      if (T === "assets") {
-        const C = this._buildSearchNotation(), O = s.currentFolderPath || "/", D = Qe(this.apiClient, {
-          folder: O,
+      const E = s.activeTab;
+      if (E === "assets") {
+        const A = this._buildSearchNotation(), I = s.currentFolderPath || "/", R = Ze(this.apiClient, {
+          folder: I,
           offset: 0,
           limit: s.limit,
           sort_by: s.sortBy,
           sort_direction: s.sortDirection,
           search: s.searchQuery || void 0,
-          q: C || void 0,
+          q: A || void 0,
           recursive: 1
-        }), E = ts(this.apiClient, {
-          folder: O,
-          q: C || void 0,
+        }), T = ss(this.apiClient, {
+          folder: I,
+          q: A || void 0,
           search: s.searchQuery || void 0,
           recursive: 1
-        }).catch(() => null), [M, R] = await Promise.all([D, E]);
+        }).catch(() => null), [P, M] = await Promise.all([R, T]);
         if (e !== this._loadId) return;
-        const Y = ((i = M.files) == null ? void 0 : i.length) ?? 0, X = Y >= s.limit, De = ((a = R == null ? void 0 : R.stats) == null ? void 0 : a.approx_files_count) ?? ((r = R == null ? void 0 : R.info) == null ? void 0 : r.total_files_count) ?? ((o = M.info) == null ? void 0 : o.total_files_count) ?? ((c = (l = M.base) == null ? void 0 : l.count) == null ? void 0 : c.files_recursive) ?? ((u = (h = M.base) == null ? void 0 : h.count) == null ? void 0 : u.files_direct) ?? Y;
+        const se = ((i = P.files) == null ? void 0 : i.length) ?? 0, ce = se >= s.limit, ee = ((a = M == null ? void 0 : M.stats) == null ? void 0 : a.approx_files_count) ?? ((r = M == null ? void 0 : M.info) == null ? void 0 : r.total_files_count) ?? ((o = P.info) == null ? void 0 : o.total_files_count) ?? ((c = (l = P.base) == null ? void 0 : l.count) == null ? void 0 : c.files_recursive) ?? ((u = (p = P.base) == null ? void 0 : p.count) == null ? void 0 : u.files_direct) ?? se;
         this.store.setState({
-          assets: M.files || [],
+          assets: P.files || [],
           folders: [],
-          totalCount: De,
+          totalCount: ee,
           totalFolderCount: 0,
           offset: 0,
-          hasMore: X,
+          hasMore: ce,
           isLoading: !1
         });
-      } else if (T === "folders") {
-        const C = this._buildSearchNotation(), O = s.currentFolderPath || "/", [D, E, M] = await Promise.all([
+      } else if (E === "folders") {
+        const A = this._buildSearchNotation(), I = s.currentFolderPath || "/", [R, T, P] = await Promise.all([
           Hs(this.apiClient, {
             folderPath: s.currentFolderPath,
             q: s.searchQuery || void 0,
@@ -12259,48 +12252,48 @@ const Zt = class Zt extends S {
             sort_by: s.sortBy,
             sort_direction: s.sortDirection
           }),
-          Qe(this.apiClient, {
-            folder: O,
+          Ze(this.apiClient, {
+            folder: I,
             offset: 0,
             limit: s.limit,
             sort_by: s.sortBy,
             sort_direction: s.sortDirection,
             search: s.searchQuery || void 0,
-            q: C || void 0,
+            q: A || void 0,
             recursive: 0
           }),
-          ts(this.apiClient, {
-            folder: O,
-            q: C || void 0,
+          ss(this.apiClient, {
+            folder: I,
+            q: A || void 0,
             search: s.searchQuery || void 0,
             recursive: 0
           }).catch(() => null)
         ]);
         if (e !== this._loadId) return;
-        const R = D.folders || [];
-        let Y = {};
-        if (R.length > 0)
+        const M = R.folders || [];
+        let se = {};
+        if (M.length > 0)
           try {
-            Y = await Gs(this.apiClient, R.map((we) => we.uuid));
+            se = await Gs(this.apiClient, M.map(($e) => $e.uuid));
           } catch {
           }
         if (e !== this._loadId) return;
-        const X = ((v = E.files) == null ? void 0 : v.length) ?? 0, De = X >= s.limit, dt = ((d = M == null ? void 0 : M.stats) == null ? void 0 : d.approx_files_count) ?? ((g = M == null ? void 0 : M.info) == null ? void 0 : g.total_files_count) ?? ((m = E.info) == null ? void 0 : m.total_files_count) ?? ((w = (x = E.base) == null ? void 0 : x.count) == null ? void 0 : w.files_direct) ?? X;
+        const ce = ((v = T.files) == null ? void 0 : v.length) ?? 0, ee = ce >= s.limit, dt = ((d = P == null ? void 0 : P.stats) == null ? void 0 : d.approx_files_count) ?? ((g = P == null ? void 0 : P.info) == null ? void 0 : g.total_files_count) ?? ((m = T.info) == null ? void 0 : m.total_files_count) ?? ((k = (x = T.base) == null ? void 0 : x.count) == null ? void 0 : k.files_direct) ?? ce;
         this.store.setState({
-          assets: E.files || [],
-          folders: R,
-          folderPreviews: Y,
+          assets: T.files || [],
+          folders: M,
+          folderPreviews: se,
           totalCount: dt,
-          totalFolderCount: D.total ?? R.length,
+          totalFolderCount: R.total ?? M.length,
           offset: 0,
-          hasMore: De,
+          hasMore: ee,
           isLoading: !1
         });
       }
-    } catch (T) {
+    } catch (E) {
       if (e !== this._loadId) return;
       this.store.setState({ isLoading: !1 }), this.dispatchEvent(new CustomEvent("ap-error", {
-        detail: { error: T, context: "loadData" },
+        detail: { error: E, context: "loadData" },
         bubbles: !0,
         composed: !0
       }));
@@ -12312,7 +12305,7 @@ const Zt = class Zt extends S {
     const s = ++this._loadMoreId, i = e.offset + e.limit;
     this.store.setState({ isLoading: !0 });
     try {
-      const a = this._buildSearchNotation(), r = await Qe(this.apiClient, {
+      const a = this._buildSearchNotation(), r = await Ze(this.apiClient, {
         folder: e.currentFolderPath || "/",
         offset: i,
         limit: e.limit,
@@ -12323,9 +12316,9 @@ const Zt = class Zt extends S {
         recursive: e.activeTab === "folders" ? 0 : 1
       });
       if (s !== this._loadMoreId) return;
-      const o = this.store.getState().assets, l = r.files || [], c = l.length >= e.limit, h = [...o, ...l];
+      const o = this.store.getState().assets, l = r.files || [], c = l.length >= e.limit, p = [...o, ...l];
       this.store.setState({
-        assets: h,
+        assets: p,
         offset: i,
         hasMore: c,
         isLoading: !1
@@ -12349,12 +12342,12 @@ const Zt = class Zt extends S {
     }));
   }
   _handleSearchChange(e) {
-    this.store.setState({ searchQuery: e.detail.value, offset: 0, assets: [], folders: [] }), this.selectionCtrl.resetRange(), this._loadData();
+    this.store.setState({ searchQuery: e.detail.value, offset: 0, assets: [], folders: [], isLoading: !0 }), this.selectionCtrl.resetRange(), this._debouncedLoadData();
   }
   _handleViewChange(e) {
     var i;
     const s = e.detail.mode;
-    this.store.setState({ viewMode: s }), (i = this.config) != null && i.rememberLastView && Di(s), this._scrollToTop();
+    this.store.setState({ viewMode: s }), (i = this.config) != null && i.rememberLastView && zi(s, this.config.auth.projectToken), this._scrollToTop();
   }
   _handleRegionalChange(e) {
     const { groupUuid: s, value: i } = e.detail, a = this.store.getState().regionalFilters;
@@ -12369,7 +12362,7 @@ const Zt = class Zt extends S {
       offset: 0,
       assets: [],
       folders: []
-    }), ns(s, i.sortDirection), this.selectionCtrl.resetRange(), this._loadData();
+    }), ls(s, i.sortDirection), this.selectionCtrl.resetRange(), this._loadData();
   }
   _handleSortDirectionChange(e) {
     const s = e.detail.value, i = this.store.getState();
@@ -12378,12 +12371,12 @@ const Zt = class Zt extends S {
       offset: 0,
       assets: [],
       folders: []
-    }), ns(i.sortBy, s), this.selectionCtrl.resetRange(), this._loadData();
+    }), ls(i.sortBy, s), this.selectionCtrl.resetRange(), this._loadData();
   }
   _handleTabChange(e) {
     var i, a;
     const s = e.detail.tab;
-    (i = this.config) != null && i.rememberLastTab && Ri(s), this.store.setState({
+    (i = this.config) != null && i.rememberLastTab && ji(s, this.config.auth.projectToken), this._selectAllId++, this.store.setState({
       activeTab: s,
       currentFolder: null,
       currentFolderPath: ((a = this.config) == null ? void 0 : a.rootFolderPath) ?? "/",
@@ -12417,7 +12410,7 @@ const Zt = class Zt extends S {
   _handleFolderOpen(e) {
     var r;
     const s = e.detail.folder, i = this.store.getState(), a = s.path || `${i.currentFolderPath}${s.name}/`;
-    (r = this.config) != null && r.rememberLastFolder && ls(a), this.store.setState({
+    (r = this.config) != null && r.rememberLastFolder && cs(a, this.config.auth.projectToken), this._selectAllId++, this.store.setState({
       currentFolder: s.uuid,
       currentFolderPath: a,
       breadcrumb: [...i.breadcrumb, { uuid: s.uuid, name: s.name, path: a }],
@@ -12429,8 +12422,8 @@ const Zt = class Zt extends S {
   }
   _handleBreadcrumbNavigate(e) {
     var l, c;
-    const s = e.detail.uuid, i = this.store.getState(), a = s ? i.breadcrumb.findIndex((h) => h.uuid === s) : -1, r = s ? i.breadcrumb.slice(0, a + 1) : [], o = r.length > 0 ? r[r.length - 1].path : ((l = this.config) == null ? void 0 : l.rootFolderPath) || "/";
-    (c = this.config) != null && c.rememberLastFolder && ls(o), this.store.setState({
+    const s = e.detail.uuid, i = this.store.getState(), a = s ? i.breadcrumb.findIndex((p) => p.uuid === s) : -1, r = s ? i.breadcrumb.slice(0, a + 1) : [], o = r.length > 0 ? r[r.length - 1].path : ((l = this.config) == null ? void 0 : l.rootFolderPath) || "/";
+    (c = this.config) != null && c.rememberLastFolder && cs(o, this.config.auth.projectToken), this._selectAllId++, this.store.setState({
       currentFolder: s || null,
       currentFolderPath: o,
       breadcrumb: r,
@@ -12439,6 +12432,10 @@ const Zt = class Zt extends S {
       folders: []
     }), this.selectionCtrl.resetRange(), this._loadData();
   }
+  _resolveInitialFolderPath(e) {
+    var s, i;
+    return e === "folders" && ((s = this.config) == null ? void 0 : s.rememberLastFolder) && Di(this.config.auth.projectToken) || ((i = this.config) == null ? void 0 : i.rootFolderPath) || "/";
+  }
   /**
    * Build breadcrumb items from a folder path relative to the root folder path.
    * Used to restore breadcrumbs when opening the picker into a remembered/configured folder.
@@ -12458,7 +12455,7 @@ const Zt = class Zt extends S {
     this.store.setState({ previewAsset: e.detail.asset });
   }
   _handleSelectionConfirm(e) {
-    var a, r, o, l, c, h;
+    var a, r, o, l, c, p;
     const s = e.detail.assets, i = e.detail.folders || [];
     if (i.length > 0 && ((a = this.config) == null ? void 0 : a.folderSelection) !== !1) {
       if (((r = this.config) == null ? void 0 : r.folderSelectionMode) === "assets") {
@@ -12472,7 +12469,7 @@ const Zt = class Zt extends S {
       })), this._isInline || this.close();
       return;
     }
-    (h = (c = this.config) == null ? void 0 : c.onSelect) == null || h.call(c, s), this.dispatchEvent(new CustomEvent("ap-select", {
+    (p = (c = this.config) == null ? void 0 : c.onSelect) == null || p.call(c, s), this.dispatchEvent(new CustomEvent("ap-select", {
       detail: { assets: s },
       bubbles: !0,
       composed: !0
@@ -12485,17 +12482,17 @@ const Zt = class Zt extends S {
     try {
       const c = await Promise.all(
         i.map(
-          (m) => Qe(this.apiClient, {
+          (m) => Ze(this.apiClient, {
             folder: m.path,
             recursive: s === "recursive" ? 1 : 0,
             limit: 1e4
           })
         )
-      ), h = [];
+      ), p = [];
       for (const m of c)
-        h.push(...m.files);
+        p.push(...m.files);
       const u = [...a], v = new Set(u.map((m) => m.uuid));
-      for (const m of h)
+      for (const m of p)
         v.has(m.uuid) || (u.push(m), v.add(m.uuid));
       const d = (r = this.config) == null ? void 0 : r.maxSelections, g = d ? u.slice(0, d) : u;
       (l = (o = this.config) == null ? void 0 : o.onSelect) == null || l.call(o, g), this.dispatchEvent(new CustomEvent("ap-select", {
@@ -12515,10 +12512,10 @@ const Zt = class Zt extends S {
     this._folderResolveOpen = !1;
   }
   async _handleSelectAll(e) {
-    var l, c, h;
+    var c, p, u;
     const s = this.store.getState();
-    if (s.isSelectingAll || !this.apiClient || !(((l = s.config) == null ? void 0 : l.multiSelect) ?? !0)) return;
-    const a = ((c = e == null ? void 0 : e.detail) == null ? void 0 : c.scope) ?? "all", r = a !== "assets" && ((h = this.config) == null ? void 0 : h.folderSelection) !== !1 && s.folders.length > 0;
+    if (s.isSelectingAll || !this.apiClient || !(((c = s.config) == null ? void 0 : c.multiSelect) ?? !0)) return;
+    const a = ((p = e == null ? void 0 : e.detail) == null ? void 0 : p.scope) ?? "all", r = a !== "assets" && ((u = this.config) == null ? void 0 : u.folderSelection) !== !1 && s.folders.length > 0;
     if (!(a !== "folders")) {
       r && this.selectionCtrl.selectAllFolders(s.folders);
       return;
@@ -12527,40 +12524,45 @@ const Zt = class Zt extends S {
       r && this.selectionCtrl.selectAllFolders(s.folders), this.selectionCtrl.selectAll(s.assets);
       return;
     }
+    const l = ++this._selectAllId;
     this.store.setState({ isSelectingAll: !0 });
     try {
-      const u = this._buildSearchNotation(), v = s.currentFolderPath || "/", d = s.limit, g = s.assets, m = s.totalCount, x = s.activeTab === "folders" ? 0 : 1, w = [];
-      for (let M = g.length; M < m; M += d)
-        w.push(M);
-      const T = 4, C = [];
-      for (let M = 0; M < w.length; M += T) {
-        const R = w.slice(M, M + T), Y = await Promise.all(
-          R.map(
-            (X) => Qe(this.apiClient, {
-              folder: v,
-              offset: X,
-              limit: d,
+      const v = this._buildSearchNotation(), d = s.currentFolderPath || "/", g = s.limit, m = s.assets, x = s.totalCount, k = s.activeTab === "folders" ? 0 : 1, E = [];
+      for (let M = m.length; M < x; M += g)
+        E.push(M);
+      const A = 4, I = [];
+      for (let M = 0; M < E.length; M += A) {
+        if (l !== this._selectAllId) return;
+        const se = E.slice(M, M + A), ce = await Promise.all(
+          se.map(
+            (ee) => Ze(this.apiClient, {
+              folder: d,
+              offset: ee,
+              limit: g,
               sort_by: s.sortBy,
               sort_direction: s.sortDirection,
               search: s.searchQuery || void 0,
-              q: u || void 0,
-              recursive: x
+              q: v || void 0,
+              recursive: k
             })
           )
         );
-        for (const X of Y)
-          X.files && C.push(...X.files);
+        if (l !== this._selectAllId) return;
+        for (const ee of ce)
+          ee.files && I.push(...ee.files);
       }
-      const O = new Set(g.map((M) => M.uuid)), D = C.filter((M) => O.has(M.uuid) ? !1 : (O.add(M.uuid), !0)), E = [...g, ...D];
+      if (l !== this._selectAllId) return;
+      const R = new Set(m.map((M) => M.uuid)), T = I.filter((M) => R.has(M.uuid) ? !1 : (R.add(M.uuid), !0)), P = [...m, ...T];
       this.store.setState({
-        assets: E,
-        offset: Math.max(0, E.length - d),
+        assets: P,
+        offset: Math.max(0, P.length - g),
         hasMore: !1,
         isSelectingAll: !1
-      }), r && this.selectionCtrl.selectAllFolders(s.folders), this.selectionCtrl.selectAll(E);
-    } catch (u) {
+      }), r && this.selectionCtrl.selectAllFolders(s.folders), this.selectionCtrl.selectAll(P);
+    } catch (v) {
+      if (l !== this._selectAllId) return;
       this.store.setState({ isSelectingAll: !1 }), this.dispatchEvent(new CustomEvent("ap-error", {
-        detail: { error: u, context: "selectAll" },
+        detail: { error: v, context: "selectAll" },
         bubbles: !0,
         composed: !0
       }));
@@ -12583,12 +12585,12 @@ const Zt = class Zt extends S {
       (c) => c == null || c === "" || Array.isArray(c) && c.length === 0
     );
     if (!l && this._isDateFilterKey(s) && typeof i == "object" && !Array.isArray(i)) {
-      const { kind: c, preset: h, from: u, to: v } = i;
-      l = !c && !h && !u && !v;
+      const { kind: c, preset: p, from: u, to: v } = i;
+      l = !c && !p && !u && !v;
     }
     if (l) {
       const c = { ...o.applied };
-      delete c[s], o.applied = c, o.pinned.includes(s) || (o.visible = o.visible.filter((h) => h !== s));
+      delete c[s], o.applied = c, o.pinned.includes(s) || (o.visible = o.visible.filter((p) => p !== s));
     } else {
       const c = { ...o.applied };
       this._isDateFilterKey(s) && typeof i == "object" && !Array.isArray(i) ? c[s] = {
@@ -12645,21 +12647,21 @@ const Zt = class Zt extends S {
     i ? (this._pendingMetadataField = i, a.pendingMetadataField = i) : s && (this._pendingFilter = s, a.pendingFilter = s), await a.updateComplete;
     let o = a.renderRoot.querySelector(".chip.pending");
     if (!o) {
-      const x = a.renderRoot.querySelectorAll(".chip.pinned-empty"), w = i ? (d = a._getMetadataLabel) == null ? void 0 : d.call(a, i) : void 0;
-      for (const T of x) {
-        const C = (m = (g = T.querySelector(".chip-label")) == null ? void 0 : g.textContent) == null ? void 0 : m.trim();
-        if (i && C === w) {
-          o = T;
+      const x = a.renderRoot.querySelectorAll(".chip.pinned-empty"), k = i ? (d = a._getMetadataLabel) == null ? void 0 : d.call(a, i) : void 0;
+      for (const E of x) {
+        const A = (m = (g = E.querySelector(".chip-label")) == null ? void 0 : g.textContent) == null ? void 0 : m.trim();
+        if (i && A === k) {
+          o = E;
           break;
         }
-        if (s && C === (Re[s] || s)) {
-          o = T;
+        if (s && A === (Re[s] || s)) {
+          o = E;
           break;
         }
       }
     }
     if (!o) return;
-    const l = o.getBoundingClientRect(), c = this.renderRoot.querySelector(".toolbar-filters-wrapper"), h = c == null ? void 0 : c.getBoundingClientRect(), u = h ? l.left - h.left : l.left, v = h ? l.bottom - h.top : void 0;
+    const l = o.getBoundingClientRect(), c = this.renderRoot.querySelector(".toolbar-filters-wrapper"), p = c == null ? void 0 : c.getBoundingClientRect(), u = p ? l.left - p.left : l.left, v = p ? l.bottom - p.top : void 0;
     i ? r.openMetadataFieldPanel(i, !0, u, v) : s && r.openFilterPanel(s, !0, u, v);
   }
   _handleFilterRemove(e) {
@@ -12670,13 +12672,13 @@ const Zt = class Zt extends S {
     delete r[s], a.applied = r, a.pinned.includes(s) || (a.visible = a.visible.filter((l) => l !== s)), this.store.setState({ filters: a, offset: 0, assets: [], folders: [], isLoading: !0 }), this.selectionCtrl.resetRange(), this._debouncedLoadData();
   }
   _handleMetadataFilterChange(e) {
-    const { fieldKey: s, operator: i, values: a, metadataType: r } = e.detail, l = { ...this.store.getState().filters }, c = { ...l.metadata }, h = { ...c.applied };
-    if (!a || Array.isArray(a) && a.length === 0 ? (delete h[s], c.applied = h, c.pinned.includes(s) || (c.visible = c.visible.filter((v) => v !== s))) : (h[s] = {
+    const { fieldKey: s, operator: i, values: a, metadataType: r } = e.detail, l = { ...this.store.getState().filters }, c = { ...l.metadata }, p = { ...c.applied };
+    if (!a || Array.isArray(a) && a.length === 0 ? (delete p[s], c.applied = p, c.pinned.includes(s) || (c.visible = c.visible.filter((v) => v !== s))) : (p[s] = {
       type: "string",
       values: Array.isArray(a) ? a : [a],
       operator: i || ":",
       metadataType: r
-    }, c.applied = h, c.visible.includes(s) || (c.visible = [...c.visible, s])), l.metadata = c, this.store.setState({ filters: l, offset: 0, assets: [], folders: [], isLoading: !0 }), this.selectionCtrl.resetRange(), this._debouncedLoadData(), this._pendingMetadataField === s) {
+    }, c.applied = p, c.visible.includes(s) || (c.visible = [...c.visible, s])), l.metadata = c, this.store.setState({ filters: l, offset: 0, assets: [], folders: [], isLoading: !0 }), this.selectionCtrl.resetRange(), this._debouncedLoadData(), this._pendingMetadataField === s) {
       this._pendingMetadataField = null;
       const v = this.renderRoot.querySelector("ap-filters-bar");
       v && (v.pendingMetadataField = null);
@@ -12693,16 +12695,16 @@ const Zt = class Zt extends S {
   _handleFilterPin(e) {
     var l, c;
     const { key: s, pinned: i } = e.detail, r = { ...this.store.getState().filters };
-    i ? r.pinned.includes(s) || (r.pinned = [...r.pinned, s]) : (r.pinned = r.pinned.filter((h) => h !== s), s in r.applied || (r.visible = r.visible.filter((h) => h !== s))), this.store.setState({ filters: r });
+    i ? r.pinned.includes(s) || (r.pinned = [...r.pinned, s]) : (r.pinned = r.pinned.filter((p) => p !== s), s in r.applied || (r.visible = r.visible.filter((p) => p !== s))), this.store.setState({ filters: r });
     const o = ((c = (l = this.store.getState().config) == null ? void 0 : l.auth) == null ? void 0 : c.projectToken) ?? null;
     Li(o, r.pinned);
   }
   _handleMetadataPin(e) {
-    var c, h;
+    var c, p;
     const { fieldKey: s, pinned: i } = e.detail, r = { ...this.store.getState().filters }, o = { ...r.metadata };
     i ? o.pinned.includes(s) || (o.pinned = [...o.pinned, s]) : (o.pinned = o.pinned.filter((u) => u !== s), s in o.applied || (o.visible = o.visible.filter((u) => u !== s))), r.metadata = o, this.store.setState({ filters: r });
-    const l = ((h = (c = this.store.getState().config) == null ? void 0 : c.auth) == null ? void 0 : h.projectToken) ?? null;
-    Pi(l, o.pinned);
+    const l = ((p = (c = this.store.getState().config) == null ? void 0 : c.auth) == null ? void 0 : p.projectToken) ?? null;
+    Ii(l, o.pinned);
   }
   _handleFiltersClearAll() {
     const e = this.store.getState();
@@ -12734,8 +12736,8 @@ const Zt = class Zt extends S {
     r.visible = r.visible.filter((o) => o !== s), a.metadata = r, this.store.setState({ filters: a });
   }
   _handleFiltersSet(e) {
-    var h;
-    const { applied: s, metadata: i } = e.detail, r = { ...this.store.getState().filters }, o = new Set(Object.keys(((h = this.config) == null ? void 0 : h.forcedFilters) ?? {})), l = { ...s };
+    var p;
+    const { applied: s, metadata: i } = e.detail, r = { ...this.store.getState().filters }, o = new Set(Object.keys(((p = this.config) == null ? void 0 : p.forcedFilters) ?? {})), l = { ...s };
     for (const u of o) delete l[u];
     r.applied = l;
     const c = Object.keys(s);
@@ -12750,16 +12752,15 @@ const Zt = class Zt extends S {
   // ── Sort Options ────────────────────────────────────────────────────
   _getSortOptions() {
     const e = this.storeCtrl.state;
-    return e.searchQuery ? qi : e.activeTab === "folders" ? Hi : qt;
+    return e.searchQuery ? Hi : e.activeTab === "folders" ? Gi : Ht;
   }
   // ── Search Notation Builder ──────────────────────────────────────────
   _buildSearchNotation() {
-    var a;
-    const e = this.store.getState(), s = { ...Je((a = this.config) == null ? void 0 : a.forcedFilters), ...e.filters.applied };
+    const e = this.store.getState(), s = { ...this._normalizedForcedFilters, ...e.filters.applied };
     return mi(s, e.filters.metadata.applied).join(" ");
   }
   render() {
-    var d, g, m, x, w, T, C, O, D, E, M, R;
+    var d, g, m, x, k, E, A, I, R, T, P;
     const e = this.storeCtrl.state, s = Array.from(e.selectedAssets.keys()), i = Array.from(e.selectedFolders.keys()), a = this.selectionCtrl.getSelectedAssets(), r = this.selectionCtrl.getSelectedFolders(), o = ((d = this.config) == null ? void 0 : d.folderSelection) !== !1, l = n`
       <ap-header
         .activeTab=${e.activeTab}
@@ -12775,7 +12776,7 @@ const Zt = class Zt extends S {
         @regional-change=${this._handleRegionalChange}
         @ap-close=${() => this._handleCancel("close-button")}
       ></ap-header>
-    `, c = !!((m = this.config) != null && m.uploader), h = n`
+    `, c = !!((m = this.config) != null && m.uploader), p = n`
       <div class="content-area"
         @dragenter=${this._onDragEnter}
         @dragover=${this._onDragOver}
@@ -12807,7 +12808,7 @@ const Zt = class Zt extends S {
               .metadataFields=${e.metadataFields}
               .pinnedFilters=${e.filters.pinned}
               .apiClient=${this.apiClient}
-              .forcedFilterKeys=${Object.keys(Je((w = this.config) == null ? void 0 : w.forcedFilters))}
+              .forcedFilterKeys=${Object.keys(this._normalizedForcedFilters)}
               @sort-change=${this._handleSortChange}
               @sort-direction-change=${this._handleSortDirectionChange}
               @filter-update=${this._handleFilterUpdate}
@@ -12828,7 +12829,7 @@ const Zt = class Zt extends S {
               .labels=${e.labels}
               .pinnedFilters=${e.filters.pinned}
               .pinnedMetadataFields=${e.filters.metadata.pinned}
-              .forcedFilters=${((T = this.config) == null ? void 0 : T.forcedFilters) ?? {}}
+              .forcedFilters=${((k = this.config) == null ? void 0 : k.forcedFilters) ?? {}}
               @filter-remove=${this._handleFilterRemove}
               @filter-deactivate=${this._handleFilterDeactivate}
               @filter-open=${this._handleFilterOpen}
@@ -12846,7 +12847,7 @@ const Zt = class Zt extends S {
                 ></ap-breadcrumb>` : f}
           </div>
 
-          ${e.isLoading && e.assets.length === 0 && e.folders.length === 0 ? n`<ap-skeleton .variant=${e.viewMode} .gridSize=${((C = this.config) == null ? void 0 : C.gridSize) ?? "normal"} .multiSelect=${((O = this.config) == null ? void 0 : O.multiSelect) !== !1} .folderCount=${2}></ap-skeleton>` : this._renderContent(e, s, i, o)}
+          ${e.isLoading && e.assets.length === 0 && e.folders.length === 0 ? n`<ap-skeleton .variant=${e.viewMode} .gridSize=${((E = this.config) == null ? void 0 : E.gridSize) ?? "normal"} .multiSelect=${((A = this.config) == null ? void 0 : A.multiSelect) !== !1} .folderCount=${2}></ap-skeleton>` : this._renderContent(e, s, i, o)}
 
           <ap-marquee-overlay .active=${this.marqueeCtrl.isActive} .rect=${this.marqueeCtrl.rect}></ap-marquee-overlay>
           ${this._folderResolveOpen ? n`
@@ -12864,11 +12865,11 @@ const Zt = class Zt extends S {
               .assets=${e.assets}
               .selectedIds=${s}
               .containerToken=${e.projectToken}
-              .showMetadata=${((D = this.config) == null ? void 0 : D.showMetadata) !== !1}
+              .showMetadata=${((I = this.config) == null ? void 0 : I.showMetadata) !== !1}
               .metadataFields=${e.metadataFields}
               .labels=${e.labels}
               .regionalFilters=${e.regionalFilters}
-              .multiSelect=${((E = this.config) == null ? void 0 : E.multiSelect) ?? !0}
+              .multiSelect=${((R = this.config) == null ? void 0 : R.multiSelect) ?? !0}
               @preview-close=${this._handlePreviewClose}
               @preview-navigate=${this._handlePreviewNavigate}
               @asset-select=${this._handleAssetSelect}
@@ -12883,8 +12884,8 @@ const Zt = class Zt extends S {
         .totalCount=${e.totalCount}
         .totalFolderCount=${e.totalFolderCount}
         .isSelectingAll=${e.isSelectingAll}
-        .multiSelect=${((M = this.config) == null ? void 0 : M.multiSelect) ?? !0}
-        .maxSelections=${(R = this.config) == null ? void 0 : R.maxSelections}
+        .multiSelect=${((T = this.config) == null ? void 0 : T.multiSelect) ?? !0}
+        .maxSelections=${(P = this.config) == null ? void 0 : P.maxSelections}
         @selection-confirm=${this._handleSelectionConfirm}
         @selection-clear=${this._handleSelectionClear}
         @selection-deselect=${this._handleSelectionDeselect}
@@ -12904,25 +12905,25 @@ const Zt = class Zt extends S {
         <div class="ap-inline">
           ${this._isUploaderOpen ? v : n`
             <div class="inline-header">${l}</div>
-            <div class="inline-content">${h}</div>
+            <div class="inline-content">${p}</div>
             <div class="inline-footer">${u}</div>
           `}
         </div>
       ` : f : n`
       <ap-modal
         ?open=${e.isOpen}
-        @ap-cancel=${(Y) => this._handleCancel(Y.detail.reason)}
+        @ap-cancel=${(M) => this._handleCancel(M.detail.reason)}
       >
         ${this._isUploaderOpen ? v : n`
           <div slot="header">${l}</div>
-          ${h}
+          ${p}
           <div slot="footer">${u}</div>
         `}
       </ap-modal>
     `;
   }
   _renderContent(e, s, i = [], a = !1) {
-    var r, o, l, c, h, u;
+    var r, o, l, c, p, u;
     return e.activeTab === "assets" ? !e.isLoading && e.assets.length === 0 ? n`
           <div class="empty-state">
             <ap-icon name="search" .size=${48}></ap-icon>
@@ -12980,7 +12981,7 @@ const Zt = class Zt extends S {
             .isLoading=${e.isLoading}
             .multiSelect=${((c = this.config) == null ? void 0 : c.multiSelect) ?? !0}
             .folderSelectable=${a}
-            .gridSize=${((h = this.config) == null ? void 0 : h.gridSize) ?? "normal"}
+            .gridSize=${((p = this.config) == null ? void 0 : p.gridSize) ?? "normal"}
             @asset-select=${this._handleAssetSelect}
             @asset-preview=${this._handleAssetPreview}
             @asset-quick-select=${this._handleQuickSelect}
@@ -13012,8 +13013,8 @@ const Zt = class Zt extends S {
       ` : f;
   }
 };
-Zt.styles = [
-  k`
+Jt.styles = [
+  $`
       :host {
         display: contents;
         font-family: var(--ap-font-family, system-ui, -apple-system, sans-serif);
@@ -13140,7 +13141,7 @@ Zt.styles = [
         flex-direction: column;
         flex: 1;
         min-height: 0;
-        background: var(--ap-background, #fff);
+        background: var(--ap-background, oklch(1 0 0));
         animation: uploader-slide-in 250ms ease-out;
       }
       .uploader-close-btn {
@@ -13156,13 +13157,13 @@ Zt.styles = [
         border: none;
         border-radius: var(--ap-radius-sm, 6px);
         background: none;
-        color: var(--ap-muted-foreground, #71717a);
+        color: var(--ap-muted-foreground, oklch(0.685 0.033 249.82));
         cursor: pointer;
         transition: all 150ms;
       }
       .uploader-close-btn:hover {
-        background: var(--ap-muted, #f4f4f5);
-        color: var(--ap-foreground, #09090b);
+        background: var(--ap-muted, oklch(0.974 0.006 239.819));
+        color: var(--ap-foreground, oklch(0.37 0.022 248.413));
       }
       .uploader-close-btn:focus-visible {
         outline: 2px solid var(--ap-ring, oklch(0.65 0.19 258));
@@ -13184,12 +13185,10 @@ Zt.styles = [
         display: block;
         width: 100%;
         height: 100%;
-        --sfx-up-border: transparent;
-        --sfx-up-radius: 0;
       }
     `
 ];
-let Ge = Zt;
+let Ge = Jt;
 Tt([
   _()
 ], Ge.prototype, "_isDragOver");
@@ -13200,9 +13199,9 @@ Tt([
   _()
 ], Ge.prototype, "_folderResolveOpen");
 Tt([
-  p({ type: Object })
+  h({ type: Object })
 ], Ge.prototype, "config");
 export {
   Ge as A,
-  rr as g
+  or as g
 };