@scaleflex/asset-picker 0.2.8 → 0.2.9

package/dist/{asset-picker-CveN6PRs.js → asset-picker-JBTs8qXV.js}

@@ -1,5 +1,5 @@
-import { css as S, LitElement as C, html as n, nothing as f, svg as ue } from "lit";
-import { property as h, query as Ae, customElement as F, state as _ } from "lit/decorators.js";
+import { css as k, LitElement as S, html as n, nothing as f, svg as fe } from "lit";
+import { property as p, query as Me, customElement as F, state as _ } from "lit/decorators.js";
 class Ds {
   constructor(e) {
     this.listeners = /* @__PURE__ */ new Set(), this._notifying = !1, this._pendingState = null, this.state = e;
@@ -125,7 +125,7 @@ class js {
     }
   }
   handleSelect(e, s, i) {
-    var l, c, p, u;
+    var l, c, h, 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;
@@ -140,9 +140,9 @@ class js {
         this.store.setState({ selectedAssets: r, selectedFolders: g });
       } else {
         const v = Math.min(this.lastClickedIndex, s), d = Math.max(this.lastClickedIndex, s), g = a.assets;
-        for (let w = v; w <= d; w++)
-          g[w] && r.set(g[w].uuid, g[w]);
-        const m = (p = a.config) == null ? void 0 : p.maxSelections;
+        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;
         if (m && r.size > m) return;
         this.store.setState({ selectedAssets: r });
       }
@@ -156,7 +156,7 @@ class js {
     this.lastClickedIndex = s;
   }
   handleFolderSelect(e, s, i) {
-    var l, c, p;
+    var l, c, h;
     if (!this._folderSelectionEnabled) return;
     const a = this.store.getState(), r = new Map(a.selectedFolders);
     if (!(((l = a.config) == null ? void 0 : l.multiSelect) ?? !0)) {
@@ -171,7 +171,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 = (p = a.config) == null ? void 0 : p.maxSelections, v = r.size + a.selectedAssets.size;
+      const u = (h = a.config) == null ? void 0 : h.maxSelections, v = r.size + a.selectedAssets.size;
       if (u && v > u) return;
       this.store.setState({ selectedFolders: r });
     } else
@@ -234,7 +234,7 @@ class Bs {
     this.observer && this.sentinel && (this.observer.unobserve(this.sentinel), this.observer.disconnect()), this.observer = void 0, this.sentinel = void 0;
   }
 }
-const Qt = 5, Ie = 40, Zt = 15;
+const Qt = 5, De = 40, Zt = 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);
@@ -259,9 +259,10 @@ class Us {
     });
   }
   onMouseDown(e) {
-    if (e.button !== 0 || this.isInteractiveTarget(e)) return;
-    const s = this.container.getBoundingClientRect();
-    this.startX = e.clientX - s.left + this.container.scrollLeft, this.startY = e.clientY - s.top + this.container.scrollTop, this.startClientX = e.clientX, this.startClientY = e.clientY, this._dragging = !1, this.isActive = !1, document.addEventListener("mousemove", this.handleMouseMove), document.addEventListener("mouseup", this.handleMouseUp);
+    var a;
+    if (e.button !== 0 || this.isInteractiveTarget(e) || !(((a = this.store.getState().config) == null ? void 0 : a.multiSelect) ?? !0)) return;
+    const i = this.container.getBoundingClientRect();
+    this.startX = e.clientX - i.left + this.container.scrollLeft, this.startY = e.clientY - i.top + this.container.scrollTop, this.startClientX = e.clientX, this.startClientY = e.clientY, this._dragging = !1, this.isActive = !1, document.addEventListener("mousemove", this.handleMouseMove), document.addEventListener("mouseup", this.handleMouseUp);
   }
   onMouseMove(e) {
     var s;
@@ -278,8 +279,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 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();
+    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();
   }
   startAutoScroll(e) {
     if (!this.container) return;
@@ -287,14 +288,14 @@ class Us {
       this.stopAutoScroll();
       return;
     }
-    const s = this.container.getBoundingClientRect(), i = e.clientY - s.top, a = s.bottom - e.clientY, r = i < Ie || a < Ie;
+    const s = this.container.getBoundingClientRect(), i = e.clientY - s.top, a = s.bottom - e.clientY, r = i < De || a < De;
     r && !this._scrollRAF ? this._scrollRAF = requestAnimationFrame(() => this.autoScrollTick()) : r || this.stopAutoScroll();
   }
   autoScrollTick() {
     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 < Ie ? r = -Zt * (1 - i / Ie) : a < Ie && (r = Zt * (1 - a / Ie)), r !== 0 && (this.container.scrollTop += r, this.updateMarqueeRect(s), this._scrollRAF = requestAnimationFrame(() => this.autoScrollTick()));
+    i < De ? r = -Zt * (1 - i / De) : a < De && (r = Zt * (1 - a / De)), r !== 0 && (this.container.scrollTop += r, this.updateMarqueeRect(s), this._scrollRAF = requestAnimationFrame(() => this.autoScrollTick()));
   }
   stopAutoScroll() {
     this._scrollRAF && (cancelAnimationFrame(this._scrollRAF), this._scrollRAF = null);
@@ -326,19 +327,19 @@ 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 p, u;
+    var h, u;
     if (!this.container) return;
-    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;
+    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;
     i.forEach((v) => {
       const d = this.getCardRelativeRect(v), g = v.dataset.assetUuid;
       if (this.intersectsMarquee(d)) {
-        const m = e.assets.find((w) => w.uuid === g);
+        const m = e.assets.find((x) => x.uuid === g);
         m && r.set(g, m);
       }
     }), s && a.forEach((v) => {
       const d = this.getCardRelativeRect(v), g = v.dataset.folderUuid;
       if (this.intersectsMarquee(d)) {
-        const m = e.folders.find((w) => w.uuid === g);
+        const m = e.folders.find((x) => x.uuid === g);
         m && o.set(g, m);
       }
     });
@@ -383,13 +384,13 @@ class Vs {
     try {
       const l = await fetch(i.toString(), { headers: a, signal: r.signal });
       if (clearTimeout(o), !l.ok) {
-        let p = `API error: ${l.status} ${l.statusText}`;
+        let h = `API error: ${l.status} ${l.statusText}`;
         try {
           const u = await l.json();
-          u.msg && (p = `API error: ${l.status} - ${u.msg}`);
+          u.msg && (h = `API error: ${l.status} - ${u.msg}`);
         } catch {
         }
-        throw new Error(p);
+        throw new Error(h);
       }
       const c = await l.json();
       if (c.status === "error")
@@ -413,13 +414,13 @@ class Vs {
         signal: r.signal
       });
       if (clearTimeout(o), !l.ok) {
-        let p = `API error: ${l.status} ${l.statusText}`;
+        let h = `API error: ${l.status} ${l.statusText}`;
         try {
           const u = await l.json();
-          u.msg && (p = `API error: ${l.status} - ${u.msg}`);
+          u.msg && (h = `API error: ${l.status} - ${u.msg}`);
         } catch {
         }
-        throw new Error(p);
+        throw new Error(h);
       }
       const c = await l.json();
       if (c.status === "error")
@@ -513,7 +514,7 @@ const b = {
   APPROVER: "task_approver",
   REQUESTOR: "task_requester",
   DUE_DATE: "task_duedate"
-}, k = {
+}, $ = {
   IS: ":",
   RANGE: "..",
   IS_NOT: ":-",
@@ -524,7 +525,7 @@ const b = {
   LESS_THAN_OR_EQUAL: "<="
 }, Ws = {
   AND: "AND"
-}, x = {
+}, y = {
   NUMERIC: "numeric",
   SELECT_ONE: "select-one",
   MULTI_SELECT: "multi-select",
@@ -539,19 +540,19 @@ const b = {
   DECIMAL2: "decimal2",
   INTEGER_LIST: "integer-list"
 }, wt = {
-  [x.DATE]: "date_",
-  [x.BOOLEAN]: "bool_",
-  [x.NUMERIC]: "num_",
-  [x.DECIMAL2]: "dec_",
-  [x.ATTACHMENTS_ASSETS]: "attach_",
-  [x.ATTACHMENT_URI]: "uri_",
-  [x.SELECT_ONE]: "one_",
-  [x.MULTI_SELECT]: "multi_",
-  [x.SUPERTAGS]: "tags_",
-  [x.TEXT]: "text_",
-  [x.TEXT_AREA]: "area_",
-  [x.GEO_POINT]: "geo_",
-  [x.INTEGER_LIST]: "intlist_"
+  [y.DATE]: "date_",
+  [y.BOOLEAN]: "bool_",
+  [y.NUMERIC]: "num_",
+  [y.DECIMAL2]: "dec_",
+  [y.ATTACHMENTS_ASSETS]: "attach_",
+  [y.ATTACHMENT_URI]: "uri_",
+  [y.SELECT_ONE]: "one_",
+  [y.MULTI_SELECT]: "multi_",
+  [y.SUPERTAGS]: "tags_",
+  [y.TEXT]: "text_",
+  [y.TEXT_AREA]: "area_",
+  [y.GEO_POINT]: "geo_",
+  [y.INTEGER_LIST]: "intlist_"
 };
 Object.fromEntries(
   Object.entries(wt).map(([t, e]) => [e, t])
@@ -565,11 +566,11 @@ const ds = Object.values(wt), Qe = {
 }, es = {
   EMPTY: "empty",
   NOT_EMPTY: "non-empty"
-}, G = "empty", Y = "non-empty", we = "specific", At = 10, Tt = 10, ct = 10, ps = "filters:pinned:", hs = "metadata:pinned:", ts = [
+}, X = "empty", W = "non-empty", ke = "specific", At = 10, Tt = 10, ct = 10, ps = "filters:pinned:", hs = "metadata:pinned:", ts = [
   b.DATE,
   b.TYPE,
   b.SIZE
-], us = k.IS, pt = "20", ht = "1", Qs = 0, Zs = [
+], us = $.IS, pt = "20", ht = "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" },
@@ -593,7 +594,7 @@ const ds = Object.values(wt), Qe = {
   Js,
   ...Zs,
   ei
-], De = {
+], ze = {
   [b.TYPE]: "Format",
   [b.DATE]: "Date",
   [b.SIZE]: "Size",
@@ -605,7 +606,7 @@ const ds = Object.values(wt), Qe = {
   [b.COLOR]: "Color",
   [b.METADATA]: "Metadata",
   [b.APPROVAL]: "Approval"
-}, he = {
+}, ge = {
   IMAGE: "image",
   VIDEO: "video",
   AUDIO: "audio",
@@ -615,14 +616,14 @@ const ds = Object.values(wt), Qe = {
   OTHER: "other",
   FONTS: "font"
 }, gs = [
-  { value: he.IMAGE, label: "Image", icon: "image" },
-  { value: he.VIDEO, label: "Video", icon: "clapperboard" },
-  { value: he.AUDIO, label: "Audio", icon: "music" },
-  { value: he.DOCUMENT, label: "Document", icon: "document" },
-  { value: he.ARCHIVE, label: "Archive", icon: "archive" },
-  { value: he.DESIGN_TEMPLATE, label: "Design template", icon: "layout-template" },
-  { value: he.FONTS, label: "Fonts", icon: "text" },
-  { value: he.OTHER, label: "Other", icon: "layout-grid" }
+  { value: ge.IMAGE, label: "Image", icon: "image" },
+  { value: ge.VIDEO, label: "Video", icon: "clapperboard" },
+  { value: ge.AUDIO, label: "Audio", icon: "music" },
+  { value: ge.DOCUMENT, label: "Document", icon: "document" },
+  { value: ge.ARCHIVE, label: "Archive", icon: "archive" },
+  { value: ge.DESIGN_TEMPLATE, label: "Design template", icon: "layout-template" },
+  { value: ge.FONTS, label: "Fonts", icon: "text" },
+  { value: ge.OTHER, label: "Other", icon: "layout-grid" }
 ], Mt = {
   RESOLUTION: 0,
   ORIENTATION: 1,
@@ -690,116 +691,116 @@ const ds = Object.values(wt), Qe = {
   { label: "Medium", value: "2" },
   { label: "Large", value: "4" }
 ], Ot = [
-  { label: "Is", value: k.IS },
-  { label: "Contains", value: k.CONTAINS_IN_TEXT }
-], re = [
-  { label: "Is", value: k.IS },
-  { label: "Is not", value: k.IS_NOT }
+  { label: "Is", value: $.IS },
+  { label: "Contains", value: $.CONTAINS_IN_TEXT }
+], le = [
+  { label: "Is", value: $.IS },
+  { label: "Is not", value: $.IS_NOT }
 ], Lt = [
-  { label: "Is", value: k.IS_EXACT },
-  { label: "Contains", value: k.IS },
-  { label: "Does not contain", value: k.IS_NOT }
+  { label: "Is", value: $.IS_EXACT },
+  { label: "Contains", value: $.IS },
+  { label: "Does not contain", value: $.IS_NOT }
 ], Pt = [
-  { label: "Is", value: k.IS },
-  { label: "Greater than", value: k.GREATER_THAN_OR_EQUAL },
-  { label: "Is not", value: k.IS_NOT },
-  { label: "Less than", value: k.LESS_THAN_OR_EQUAL },
-  { label: "Between", value: k.RANGE }
+  { 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 }
 ], ni = [
-  { label: "Is", value: k.IS_EXACT },
-  { label: "Is not", value: k.IS_NOT }
+  { label: "Is", value: $.IS_EXACT },
+  { label: "Is not", value: $.IS_NOT }
 ], ss = [
-  { label: "Contains", value: k.CONTAINS },
-  { label: "Does not contain", value: k.IS_NOT }
+  { label: "Contains", value: $.CONTAINS },
+  { label: "Does not contain", value: $.IS_NOT }
 ], li = [
   { 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))" }
-], ke = [
-  { label: "Empty", value: G },
-  { label: "Not empty", value: Y }
+], Ce = [
+  { label: "Empty", value: X },
+  { label: "Not empty", value: W }
 ], It = [
-  ...ke,
-  { label: "Specific", value: we }
+  ...Ce,
+  { label: "Specific", value: ke }
 ], ci = [
-  { label: "Empty", value: G },
-  { label: "Not empty", value: Y },
+  { label: "Empty", value: X },
+  { label: "Not empty", value: W },
   { label: "True", value: "true" },
   { label: "False", value: "false" }
 ], ut = {
-  [x.DATE]: "calendar",
-  [x.BOOLEAN]: "toggle-left",
-  [x.NUMERIC]: "file-digit",
-  [x.DECIMAL2]: "decimals-arrow-right",
-  [x.ATTACHMENTS_ASSETS]: "paperclip",
-  [x.ATTACHMENT_URI]: "link-2",
-  [x.SELECT_ONE]: "circle-dot",
-  [x.MULTI_SELECT]: "square-check",
-  [x.SUPERTAGS]: "hash",
-  [x.TEXT]: "text-initial",
-  [x.TEXT_AREA]: "text-align-justify",
-  [x.GEO_POINT]: "locate",
-  [x.INTEGER_LIST]: "list-ordered"
+  [y.DATE]: "calendar",
+  [y.BOOLEAN]: "toggle-left",
+  [y.NUMERIC]: "file-digit",
+  [y.DECIMAL2]: "decimals-arrow-right",
+  [y.ATTACHMENTS_ASSETS]: "paperclip",
+  [y.ATTACHMENT_URI]: "link-2",
+  [y.SELECT_ONE]: "circle-dot",
+  [y.MULTI_SELECT]: "square-check",
+  [y.SUPERTAGS]: "hash",
+  [y.TEXT]: "text-initial",
+  [y.TEXT_AREA]: "text-align-justify",
+  [y.GEO_POINT]: "locate",
+  [y.INTEGER_LIST]: "list-ordered"
 }, di = {
-  [x.TEXT]: "text",
-  [x.TEXT_AREA]: "text",
-  [x.NUMERIC]: "number",
-  [x.DECIMAL2]: "number",
-  [x.BOOLEAN]: "boolean",
-  [x.SELECT_ONE]: "select-one",
-  [x.MULTI_SELECT]: "multi-select",
-  [x.SUPERTAGS]: "tags",
-  [x.DATE]: "date",
-  [x.GEO_POINT]: "geo",
-  [x.ATTACHMENTS_ASSETS]: "attachment",
-  [x.ATTACHMENT_URI]: "attachment",
-  [x.INTEGER_LIST]: "attachment"
+  [y.TEXT]: "text",
+  [y.TEXT_AREA]: "text",
+  [y.NUMERIC]: "number",
+  [y.DECIMAL2]: "number",
+  [y.BOOLEAN]: "boolean",
+  [y.SELECT_ONE]: "select-one",
+  [y.MULTI_SELECT]: "multi-select",
+  [y.SUPERTAGS]: "tags",
+  [y.DATE]: "date",
+  [y.GEO_POINT]: "geo",
+  [y.ATTACHMENTS_ASSETS]: "attachment",
+  [y.ATTACHMENT_URI]: "attachment",
+  [y.INTEGER_LIST]: "attachment"
 };
 async function pi(t) {
-  var m, w;
-  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(($) => ({
-    uuid: $.uuid,
-    label: $.label ?? $.name ?? "",
-    variants: ($.variants ?? []).map((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 ?? ""
     }))
-  })).filter(($) => $.variants.length > 1), p = {};
-  for (const $ of c)
-    p[$.uuid] = ((m = $.variants[0]) == null ? void 0 : m.api_value) ?? "";
-  const u = (s == null ? void 0 : s.project_branding) ?? ((w = e.settings) == null ? void 0 : w.project_branding), v = u == null ? void 0 : u.brandColor;
-  if (!r) return { fields: [], regionalVariantGroups: c, regionalFilters: p, brandColor: v };
+  })).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) ?? "";
+  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 };
   const d = r.groups ?? [], g = [];
-  for (const $ of d) {
-    const T = $.name || "Root fields";
-    for (const y of $.fields ?? []) {
-      const M = y.possible_values, I = M == null ? void 0 : M.map((E) => ({
+  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 ?? ""
       }));
       g.push({
         // Use field.key (not ckey) — this is what a.meta uses as keys
-        key: y.key ?? y.ckey,
-        label: y.title ?? y.label ?? y.key ?? "",
-        type: y.type ?? "text",
-        slug: y.slug,
-        ckey: y.ckey,
-        possible_values: I,
+        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: y.regional_variants_group_uuid
+        regionalVariantsGroupUuid: C.regional_variants_group_uuid
       });
     }
   }
-  return { fields: g, regionalVariantGroups: c, regionalFilters: p, brandColor: v };
+  return { fields: g, regionalVariantGroups: c, regionalFilters: h, brandColor: v };
 }
-function $e(t) {
+function Se(t) {
   return t.toLocaleDateString("en-CA");
 }
 function dt() {
-  return $e(/* @__PURE__ */ new Date());
+  return Se(/* @__PURE__ */ new Date());
 }
 function ms(t) {
   const e = /* @__PURE__ */ new Date();
@@ -811,27 +812,27 @@ function ms(t) {
       };
     case "last_week": {
       const s = new Date(e);
-      return s.setDate(s.getDate() - 7), { from: $e(s), to: null };
+      return s.setDate(s.getDate() - 7), { from: Se(s), to: null };
     }
     case "within_week": {
       const s = new Date(e);
-      return s.setDate(s.getDate() + 7), { from: dt(), to: $e(s) };
+      return s.setDate(s.getDate() + 7), { from: dt(), to: Se(s) };
     }
     case "last_month": {
       const s = new Date(e);
-      return s.setDate(s.getDate() - 30), { from: $e(s), to: null };
+      return s.setDate(s.getDate() - 30), { from: Se(s), to: null };
     }
     case "within_month": {
       const s = new Date(e);
-      return s.setDate(s.getDate() + 30), { from: dt(), to: $e(s) };
+      return s.setDate(s.getDate() + 30), { from: dt(), to: Se(s) };
     }
     case "last_year": {
       const s = new Date(e);
-      return s.setDate(s.getDate() - 365), { from: $e(s), to: null };
+      return s.setDate(s.getDate() - 365), { from: Se(s), to: null };
     }
     case "within_year": {
       const s = new Date(e);
-      return s.setDate(s.getDate() + 365), { from: dt(), to: $e(s) };
+      return s.setDate(s.getDate() + 365), { from: dt(), to: Se(s) };
     }
     default:
       return null;
@@ -884,9 +885,9 @@ function vi(t, e) {
     case b.FACES:
       return bi(t, i, a);
     case b.TAGS:
-      return Se(t, i, rs(a), ",", r);
+      return Fe(t, i, rs(a), ",", r);
     case b.LABELS:
-      return Se(t, i, rs(a), ",", r);
+      return Fe(t, i, rs(a), ",", r);
     case b.COLOR:
       return _i(i, a, r);
     case b.TYPE:
@@ -894,9 +895,9 @@ function vi(t, e) {
     case b.MIME_TYPE:
       return as(t, a, i);
     case b.PRODUCT_REF:
-      return Se(t, "=%", a, ",", r);
+      return Fe(t, "=%", a, ",", r);
     default:
-      return Se(t, i, a, ",", r);
+      return Fe(t, i, a, ",", r);
   }
 }
 function bs(t, e) {
@@ -929,7 +930,7 @@ function mi(t, e, s) {
 function bi(t, e, s) {
   return s.length === 0 ? [] : [`${t}${e}"${s.join(",")}"`];
 }
-function Se(t, e, s, i, a) {
+function Fe(t, e, s, i, a) {
   if (s.length === 0) return [];
   if (a === Ws.AND)
     return s.map((o) => `${t}${e}"${o}"`);
@@ -937,7 +938,7 @@ function Se(t, e, s, i, a) {
   return [`${t}${e}${r}`];
 }
 function _i(t, e, s) {
-  const i = [], a = Se("color_search", t, e, ",", s);
+  const i = [], a = Fe("color_search", t, e, ",", s);
   return i.push(...a), i.push('color_operator:"AND"'), i;
 }
 function as(t, e, s, i) {
@@ -948,8 +949,8 @@ function as(t, e, s, i) {
 function yi(t) {
   const e = [];
   if (typeof t == "object" && t !== null && !Array.isArray(t)) {
-    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 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 s = t, i = s[Mt.RESOLUTION], a = s[Mt.ORIENTATION], r = s[Mt.FACES];
   return i && e.push(`resolution:"${i}"`), a && e.push(`orientation:"${a}"`), r && e.push(`faces:"${r}"`), e;
@@ -960,22 +961,22 @@ function xi(t, e) {
     return wi(s, e, i);
   const a = e, { operator: r = us, values: o = [], logic: l, metadataType: c } = a;
   if (o.length === 0) return [];
-  if (o.length === 1 && (o[0] === G || o[0] === Y)) {
-    const p = c === x.GEO_POINT ? k.IS + "~" : k.IS;
-    return [`${s}${p}"${o[0]}"`];
-  }
-  if ((c === x.NUMERIC || c === x.DECIMAL2) && r === k.RANGE)
-    return [`${s}${k.IS}"${o.join('","')}"`];
-  if (c === x.GEO_POINT) {
-    const p = o.map((u) => {
+  if (o.length === 1 && (o[0] === X || o[0] === W)) {
+    const h = c === y.GEO_POINT ? $.IS + "~" : $.IS;
+    return [`${s}${h}"${o[0]}"`];
+  }
+  if ((c === y.NUMERIC || c === y.DECIMAL2) && r === $.RANGE)
+    return [`${s}${$.IS}"${o.join('","')}"`];
+  if (c === y.GEO_POINT) {
+    const h = 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 Se(s, r + "~", p, ",", l);
+    return Fe(s, r + "~", h, ",", l);
   }
-  return Se(s, r, o, ",", l);
+  return Fe(s, r, o, ",", l);
 }
 function wi(t, e, s) {
   const i = bs(t, e);
@@ -1111,9 +1112,9 @@ function Dt(t) {
   return t <= 0.04045 ? t / 12.92 : Math.pow((t + 0.055) / 1.055, 2.4);
 }
 function Di(t, e, s) {
-  const i = Dt(t), a = Dt(e), r = Dt(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, w = Math.sqrt(g * g + m * m);
-  let $ = Math.atan2(m, g) * (180 / Math.PI);
-  return $ < 0 && ($ += 360), [d, w, $];
+  const i = Dt(t), a = Dt(e), r = Dt(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 zi(t) {
   return t > 0.7;
@@ -1134,8 +1135,8 @@ function Ri(t, e) {
       t.style.removeProperty(v);
     return;
   }
-  const [i, a, r] = Ii(e), [o, l, c] = Di(i, a, r), p = `oklch(${o.toFixed(3)} ${l.toFixed(3)} ${c.toFixed(1)})`, u = zi(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 [i, a, r] = Ii(e), [o, l, c] = Di(i, a, r), h = `oklch(${o.toFixed(3)} ${l.toFixed(3)} ${c.toFixed(1)})`, u = zi(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 Ut = [
   { value: "name", label: "Name" },
@@ -1158,7 +1159,7 @@ var Bi = Object.defineProperty, Ui = Object.getOwnPropertyDescriptor, Vt = (t, e
     (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
   return i && a && Bi(e, s, a), a;
 };
-let et = class extends C {
+let et = class extends S {
   constructor() {
     super(...arguments), this.open = !1;
   }
@@ -1205,7 +1206,7 @@ let et = class extends C {
     `;
   }
 };
-et.styles = S`
+et.styles = k`
     :host {
       display: contents;
     }
@@ -1280,10 +1281,10 @@ et.styles = S`
     }
   `;
 Vt([
-  h({ type: Boolean })
+  p({ type: Boolean })
 ], et.prototype, "open", 2);
 Vt([
-  Ae("dialog")
+  Me("dialog")
 ], et.prototype, "dialog", 2);
 et = Vt([
   F("ap-modal")
@@ -1295,7 +1296,7 @@ function Vi(t, e) {
   });
   return i.cancel = () => clearTimeout(s), i;
 }
-const te = S`
+const ae = k`
   *, *::before, *::after {
     box-sizing: border-box;
   }
@@ -1305,7 +1306,7 @@ var qi = Object.defineProperty, Hi = Object.getOwnPropertyDescriptor, $t = (t, e
     (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
   return i && a && qi(e, s, a), a;
 };
-let Re = class extends C {
+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);
@@ -1363,7 +1364,7 @@ let Re = class extends C {
     `;
   }
 };
-Re.styles = S`
+Ne.styles = k`
     :host {
       position: relative;
       display: inline-block;
@@ -1450,18 +1451,18 @@ Re.styles = S`
     }
   `;
 $t([
-  h({ type: Array })
-], Re.prototype, "groups", 2);
+  p({ type: Array })
+], Ne.prototype, "groups", 2);
 $t([
-  h({ type: Object })
-], Re.prototype, "selectedFilters", 2);
+  p({ type: Object })
+], Ne.prototype, "selectedFilters", 2);
 $t([
   _()
-], Re.prototype, "_open", 2);
-Re = $t([
+], Ne.prototype, "_open", 2);
+Ne = $t([
   F("ap-regional-settings")
-], Re);
-var Ki = Object.defineProperty, Gi = Object.getOwnPropertyDescriptor, de = (t, e, s, i) => {
+], Ne);
+var Ki = Object.defineProperty, Gi = Object.getOwnPropertyDescriptor, he = (t, e, s, i) => {
   for (var a = i > 1 ? void 0 : i ? Gi(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 && Ki(e, s, a), a;
@@ -1470,7 +1471,7 @@ const Yi = [
   { value: "assets", label: "Assets", icon: "gallery-vertical-end" },
   { value: "folders", label: "Folders", icon: "folder-open" }
 ];
-let J = class extends C {
+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 = Vi((t) => {
       (t.length === 0 || t.length >= 3) && this.dispatchEvent(new CustomEvent("search-change", { detail: { value: t }, bubbles: !0, composed: !0 }));
@@ -1555,7 +1556,7 @@ let J = class extends C {
     `;
   }
 };
-J.styles = [te, S`
+te.styles = [ae, k`
     :host {
       display: block;
       padding: 16px 20px;
@@ -1667,39 +1668,39 @@ J.styles = [te, S`
       background: var(--ap-border, oklch(92.86% 0.009 247.92));
     }
   `];
-de([
-  h()
-], J.prototype, "activeTab", 2);
-de([
-  h({ type: Array })
-], J.prototype, "tabs", 2);
-de([
-  h()
-], J.prototype, "viewMode", 2);
-de([
-  h()
-], J.prototype, "searchQuery", 2);
-de([
-  h({ type: Array })
-], J.prototype, "regionalGroups", 2);
-de([
-  h({ type: Object })
-], J.prototype, "regionalFilters", 2);
-de([
-  h({ type: Boolean })
-], J.prototype, "hideClose", 2);
-de([
+he([
+  p()
+], te.prototype, "activeTab", 2);
+he([
+  p({ type: Array })
+], te.prototype, "tabs", 2);
+he([
+  p()
+], te.prototype, "viewMode", 2);
+he([
+  p()
+], te.prototype, "searchQuery", 2);
+he([
+  p({ type: Array })
+], te.prototype, "regionalGroups", 2);
+he([
+  p({ type: Object })
+], te.prototype, "regionalFilters", 2);
+he([
+  p({ type: Boolean })
+], te.prototype, "hideClose", 2);
+he([
   _()
-], J.prototype, "_localSearch", 2);
-J = de([
+], te.prototype, "_localSearch", 2);
+te = he([
   F("ap-header")
-], J);
+], te);
 var Xi = Object.defineProperty, Wi = Object.getOwnPropertyDescriptor, ks = (t, e, s, i) => {
   for (var a = i > 1 ? void 0 : i ? Wi(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;
 };
-let gt = class extends C {
+let gt = class extends S {
   constructor() {
     super(...arguments), this.items = [];
   }
@@ -1720,7 +1721,7 @@ let gt = class extends C {
     `;
   }
 };
-gt.styles = S`
+gt.styles = k`
     :host {
       display: block;
       padding: 4px 20px 12px;
@@ -1758,7 +1759,7 @@ gt.styles = S`
     }
   `;
 ks([
-  h({ type: Array })
+  p({ type: Array })
 ], gt.prototype, "items", 2);
 gt = ks([
   F("ap-breadcrumb")
@@ -1768,7 +1769,7 @@ var Qi = Object.defineProperty, Zi = Object.getOwnPropertyDescriptor, qt = (t, e
     (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
   return i && a && Qi(e, s, a), a;
 };
-let tt = class extends C {
+let tt = class extends S {
   constructor() {
     super(...arguments), this.title = "", this.open = !1;
   }
@@ -1781,7 +1782,7 @@ let tt = class extends C {
     ` : n``;
   }
 };
-tt.styles = S`
+tt.styles = k`
     :host {
       display: block;
     }
@@ -1808,10 +1809,10 @@ tt.styles = S`
     }
   `;
 qt([
-  h()
+  p()
 ], tt.prototype, "title", 2);
 qt([
-  h({ type: Boolean })
+  p({ type: Boolean })
 ], tt.prototype, "open", 2);
 tt = qt([
   F("ap-filter-popover")
@@ -1821,7 +1822,7 @@ var Ji = Object.defineProperty, ea = Object.getOwnPropertyDescriptor, Ss = (t, e
     (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
   return i && a && Ji(e, s, a), a;
 };
-let ft = class extends C {
+let ft = class extends S {
   constructor() {
     super(...arguments), this.selected = [];
   }
@@ -1832,7 +1833,7 @@ let ft = class extends C {
         detail: {
           key: b.TYPE,
           values: e,
-          operator: k.IS
+          operator: $.IS
         },
         bubbles: !0,
         composed: !0
@@ -1861,7 +1862,7 @@ let ft = class extends C {
     `;
   }
 };
-ft.styles = S`
+ft.styles = k`
     :host {
       display: block;
     }
@@ -1910,12 +1911,12 @@ ft.styles = S`
     }
   `;
 Ss([
-  h({ type: Array })
+  p({ type: Array })
 ], ft.prototype, "selected", 2);
 ft = Ss([
   F("ap-filter-type")
 ], ft);
-const pe = S`
+const ue = k`
   :host {
     display: block;
   }
@@ -2199,7 +2200,7 @@ const pe = S`
     color: var(--ap-muted-foreground, oklch(0.685 0.033 249.82));
   }
 `;
-var ta = Object.defineProperty, sa = Object.getOwnPropertyDescriptor, Te = (t, e, s, i) => {
+var ta = Object.defineProperty, sa = Object.getOwnPropertyDescriptor, Oe = (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 && ta(e, s, a), a;
@@ -2207,7 +2208,7 @@ var ta = Object.defineProperty, sa = Object.getOwnPropertyDescriptor, Te = (t, e
 function zt(t) {
   return t.toISOString().split("T")[0];
 }
-let oe = class extends C {
+let ce = class extends S {
   constructor() {
     super(...arguments), this.filterKey = b.DATE, this.field = "created", this.kind = null, this.preset = "", this.from = "", this.to = "";
   }
@@ -2379,38 +2380,38 @@ let oe = class extends C {
     `;
   }
 };
-oe.styles = [pe, S`
+ce.styles = [ue, k`
     .date-inputs {
       margin-top: 4px;
     }
   `];
-Te([
-  h()
-], oe.prototype, "filterKey", 2);
-Te([
-  h()
-], oe.prototype, "field", 2);
-Te([
-  h()
-], oe.prototype, "kind", 2);
-Te([
-  h()
-], oe.prototype, "preset", 2);
-Te([
-  h()
-], oe.prototype, "from", 2);
-Te([
-  h()
-], oe.prototype, "to", 2);
-oe = Te([
+Oe([
+  p()
+], ce.prototype, "filterKey", 2);
+Oe([
+  p()
+], ce.prototype, "field", 2);
+Oe([
+  p()
+], ce.prototype, "kind", 2);
+Oe([
+  p()
+], ce.prototype, "preset", 2);
+Oe([
+  p()
+], ce.prototype, "from", 2);
+Oe([
+  p()
+], ce.prototype, "to", 2);
+ce = Oe([
   F("ap-filter-date")
-], oe);
-var ia = Object.defineProperty, aa = Object.getOwnPropertyDescriptor, He = (t, e, s, i) => {
+], ce);
+var ia = Object.defineProperty, aa = Object.getOwnPropertyDescriptor, Ke = (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 && ia(e, s, a), a;
 };
-let ge = class extends C {
+let ve = class extends S {
   constructor() {
     super(...arguments), this.tags = [], this.selected = [], this.filterKey = b.TAGS, this._search = "";
   }
@@ -2441,7 +2442,7 @@ let ge = class extends C {
         detail: {
           key: this.filterKey,
           values: s,
-          operator: k.IS
+          operator: $.IS
         },
         bubbles: !0,
         composed: !0
@@ -2455,7 +2456,7 @@ let ge = class extends C {
         detail: {
           key: this.filterKey,
           values: e,
-          operator: k.IS
+          operator: $.IS
         },
         bubbles: !0,
         composed: !0
@@ -2468,7 +2469,7 @@ let ge = class extends C {
         detail: {
           key: this.filterKey,
           values: [],
-          operator: k.IS
+          operator: $.IS
         },
         bubbles: !0,
         composed: !0
@@ -2613,7 +2614,7 @@ let ge = class extends C {
     `;
   }
 };
-ge.styles = [te, pe, S`
+ve.styles = [ae, ue, k`
     .tag-item {
       display: flex;
       align-items: center;
@@ -2698,30 +2699,30 @@ ge.styles = [te, pe, S`
       overflow-y: visible;
     }
   `];
-He([
-  h({ type: Array })
-], ge.prototype, "tags", 2);
-He([
-  h({ type: Array })
-], ge.prototype, "selected", 2);
-He([
-  h()
-], ge.prototype, "filterKey", 2);
-He([
-  Ae(".tag-search")
-], ge.prototype, "_searchInput", 2);
-He([
+Ke([
+  p({ type: Array })
+], ve.prototype, "tags", 2);
+Ke([
+  p({ type: Array })
+], ve.prototype, "selected", 2);
+Ke([
+  p()
+], ve.prototype, "filterKey", 2);
+Ke([
+  Me(".tag-search")
+], ve.prototype, "_searchInput", 2);
+Ke([
   _()
-], ge.prototype, "_search", 2);
-ge = He([
+], ve.prototype, "_search", 2);
+ve = Ke([
   F("ap-filter-tags")
-], ge);
+], ve);
 var ra = Object.defineProperty, oa = Object.getOwnPropertyDescriptor, at = (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 && ra(e, s, a), a;
 };
-let Ce = class extends C {
+let Ee = class extends S {
   constructor() {
     super(...arguments), this.labels = [], this.selected = [], this._search = "";
   }
@@ -2746,7 +2747,7 @@ let Ce = class extends C {
         detail: {
           key: b.LABELS,
           values: s,
-          operator: k.IS
+          operator: $.IS
         },
         bubbles: !0,
         composed: !0
@@ -2760,7 +2761,7 @@ let Ce = class extends C {
         detail: {
           key: b.LABELS,
           values: e,
-          operator: k.IS
+          operator: $.IS
         },
         bubbles: !0,
         composed: !0
@@ -2773,7 +2774,7 @@ let Ce = class extends C {
         detail: {
           key: b.LABELS,
           values: [],
-          operator: k.IS
+          operator: $.IS
         },
         bubbles: !0,
         composed: !0
@@ -2877,7 +2878,7 @@ let Ce = class extends C {
     `;
   }
 };
-Ce.styles = [pe, S`
+Ee.styles = [ue, k`
     .label-item {
       display: flex;
       align-items: center;
@@ -2928,21 +2929,21 @@ Ce.styles = [pe, S`
     }
   `];
 at([
-  h({ type: Array })
-], Ce.prototype, "labels", 2);
+  p({ type: Array })
+], Ee.prototype, "labels", 2);
 at([
-  h({ type: Array })
-], Ce.prototype, "selected", 2);
+  p({ type: Array })
+], Ee.prototype, "selected", 2);
 at([
-  Ae(".search-input")
-], Ce.prototype, "_searchInput", 2);
+  Me(".search-input")
+], Ee.prototype, "_searchInput", 2);
 at([
   _()
-], Ce.prototype, "_search", 2);
-Ce = at([
+], Ee.prototype, "_search", 2);
+Ee = at([
   F("ap-filter-labels")
-], Ce);
-var na = Object.defineProperty, la = Object.getOwnPropertyDescriptor, Ke = (t, e, s, i) => {
+], Ee);
+var na = Object.defineProperty, la = Object.getOwnPropertyDescriptor, Ge = (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 && na(e, s, a), a;
@@ -2956,7 +2957,7 @@ function ca(t) {
     coverage: e[3] || pt
   };
 }
-let fe = class extends C {
+let me = class extends S {
   constructor() {
     super(...arguments), this.values = [], this._colors = [], this._advanced = !1, this._showPalette = !1, this._initialized = !1;
   }
@@ -3177,7 +3178,7 @@ let fe = class extends C {
     `;
   }
 };
-fe.styles = [te, pe, S`
+me.styles = [ae, ue, k`
     /* ── Palette ── */
     .palette {
       display: grid;
@@ -3415,25 +3416,25 @@ fe.styles = [te, pe, S`
       opacity: 0.8;
     }
   `];
-Ke([
-  h({ type: Array })
-], fe.prototype, "values", 2);
-Ke([
+Ge([
+  p({ type: Array })
+], me.prototype, "values", 2);
+Ge([
   _()
-], fe.prototype, "_colors", 2);
-Ke([
+], me.prototype, "_colors", 2);
+Ge([
   _()
-], fe.prototype, "_advanced", 2);
-Ke([
+], me.prototype, "_advanced", 2);
+Ge([
   _()
-], fe.prototype, "_showPalette", 2);
-Ke([
+], me.prototype, "_showPalette", 2);
+Ge([
   _()
-], fe.prototype, "_initialized", 2);
-fe = Ke([
+], me.prototype, "_initialized", 2);
+me = Ge([
   F("ap-filter-color")
-], fe);
-var da = Object.defineProperty, pa = Object.getOwnPropertyDescriptor, Me = (t, e, s, i) => {
+], me);
+var da = Object.defineProperty, pa = Object.getOwnPropertyDescriptor, Le = (t, e, s, i) => {
   for (var a = i > 1 ? void 0 : i ? pa(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;
@@ -3447,7 +3448,7 @@ const ha = {
   { value: "MB", label: "MB" },
   { value: "GB", label: "GB" }
 ];
-let ne = class extends C {
+let de = class extends S {
   constructor() {
     super(...arguments), this.min = 0, this.max = 0, this._minVal = "", this._maxVal = "", this._unit = "MB", this._initialized = !1;
   }
@@ -3478,7 +3479,7 @@ let ne = class extends C {
           detail: {
             key: b.SIZE,
             values: [],
-            operator: k.RANGE
+            operator: $.RANGE
           },
           bubbles: !0,
           composed: !0
@@ -3491,7 +3492,7 @@ let ne = class extends C {
         detail: {
           key: b.SIZE,
           values: [i],
-          operator: k.RANGE
+          operator: $.RANGE
         },
         bubbles: !0,
         composed: !0
@@ -3552,9 +3553,9 @@ let ne = class extends C {
     `;
   }
 };
-ne.styles = [
-  pe,
-  S`
+de.styles = [
+  ue,
+  k`
       /* Hide number input spinners */
       .filter-input[type='number']::-webkit-inner-spin-button,
       .filter-input[type='number']::-webkit-outer-spin-button {
@@ -3575,45 +3576,45 @@ ne.styles = [
       }
     `
 ];
-Me([
-  h({ type: Number })
-], ne.prototype, "min", 2);
-Me([
-  h({ type: Number })
-], ne.prototype, "max", 2);
-Me([
+Le([
+  p({ type: Number })
+], de.prototype, "min", 2);
+Le([
+  p({ type: Number })
+], de.prototype, "max", 2);
+Le([
   _()
-], ne.prototype, "_minVal", 2);
-Me([
+], de.prototype, "_minVal", 2);
+Le([
   _()
-], ne.prototype, "_maxVal", 2);
-Me([
+], de.prototype, "_maxVal", 2);
+Le([
   _()
-], ne.prototype, "_unit", 2);
-Me([
+], de.prototype, "_unit", 2);
+Le([
   _()
-], ne.prototype, "_initialized", 2);
-ne = Me([
+], de.prototype, "_initialized", 2);
+de = Le([
   F("ap-filter-size")
-], ne);
+], de);
 var ga = Object.defineProperty, fa = Object.getOwnPropertyDescriptor, kt = (t, e, s, i) => {
   for (var a = i > 1 ? void 0 : i ? fa(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 && ga(e, s, a), a;
 };
-const va = ue`
+const va = fe`
   <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>
-`, ma = ue`
+`, ma = fe`
   <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>
-`, ba = ue`
+`, ba = fe`
   <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"/>
@@ -3621,7 +3622,7 @@ const va = ue`
     <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>
-`, _a = ue`
+`, _a = fe`
   <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"/>
@@ -3633,7 +3634,7 @@ const va = ue`
   square: ba,
   panorama: _a
 };
-let Ne = class extends C {
+let je = class extends S {
   constructor() {
     super(...arguments), this.selectedResolution = [], this.selectedOrientation = [], this.selectedFaces = [];
   }
@@ -3736,7 +3737,7 @@ let Ne = class extends C {
     `;
   }
 };
-Ne.styles = [pe, S`
+je.styles = [ue, k`
     .options-horizontal {
       display: flex;
       gap: 28px;
@@ -3759,18 +3760,18 @@ Ne.styles = [pe, S`
     }
   `];
 kt([
-  h({ type: Array })
-], Ne.prototype, "selectedResolution", 2);
+  p({ type: Array })
+], je.prototype, "selectedResolution", 2);
 kt([
-  h({ type: Array })
-], Ne.prototype, "selectedOrientation", 2);
+  p({ type: Array })
+], je.prototype, "selectedOrientation", 2);
 kt([
-  h({ type: Array })
-], Ne.prototype, "selectedFaces", 2);
-Ne = kt([
+  p({ type: Array })
+], je.prototype, "selectedFaces", 2);
+je = kt([
   F("ap-filter-image")
-], Ne);
-var xa = Object.defineProperty, wa = Object.getOwnPropertyDescriptor, D = (t, e, s, i) => {
+], je);
+var xa = Object.defineProperty, wa = Object.getOwnPropertyDescriptor, z = (t, e, s, i) => {
   for (var a = i > 1 ? void 0 : i ? wa(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;
@@ -3778,7 +3779,7 @@ var xa = Object.defineProperty, wa = Object.getOwnPropertyDescriptor, D = (t, e,
 function A(t) {
   return `${wt[t.type] || ""}${t.key}`;
 }
-let P = class extends C {
+let I = 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 = {};
   }
@@ -3808,13 +3809,13 @@ let P = class extends C {
     return this.appliedMetadata[t] || this.appliedFilters[t] || {};
   }
   _isSpecialValue(t) {
-    return !t || t.length !== 1 ? !1 : t[0] === G || t[0] === Y;
+    return !t || t.length !== 1 ? !1 : t[0] === X || t[0] === W;
   }
   /** 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]) === G ? G : ((i = e.values) == null ? void 0 : i[0]) === Y ? Y : this._specificModeFields.has(t) || e.values && e.values.length > 0 ? we : "";
+    return ((s = e.values) == null ? void 0 : s[0]) === X ? X : ((i = e.values) == null ? void 0 : i[0]) === W ? W : this._specificModeFields.has(t) || e.values && e.values.length > 0 ? ke : "";
   }
   // ── Event dispatchers ────────────────────────────────────────────
   _emitFilterChange(t, e, s) {
@@ -3888,7 +3889,7 @@ let P = class extends C {
   // ── Content mode change ─────────────────────────────────────────
   _onContentModeChange(t, e) {
     const s = A(t);
-    if (e === we) {
+    if (e === ke) {
       const i = new Set(this._specificModeFields);
       i.add(s), this._specificModeFields = i;
       const a = this._getApplied(s);
@@ -3914,8 +3915,8 @@ let P = class extends C {
     this._dateFroms = r;
     const { [e]: o, ...l } = this._dateTos;
     this._dateTos = l;
-    const { [e]: c, ...p } = this._selectSearches;
-    this._selectSearches = p;
+    const { [e]: c, ...h } = this._selectSearches;
+    this._selectSearches = h;
     const { [e]: u, ...v } = this._tagInputs;
     this._tagInputs = v, this._emitFilterChange(t, void 0, []);
   }
@@ -3928,11 +3929,11 @@ let P = class extends C {
   _onNumberInput(t, e, s) {
     const i = e.target.value, a = A(t), r = this._getApplied(a), o = r.operator || Pt[0].value, l = [...r.values || []];
     s === 0 ? l[0] = i : l[1] = i;
-    const c = l.filter((p) => p !== "" && p !== void 0);
+    const c = l.filter((h) => h !== "" && h !== void 0);
     if (c.length > 0) {
-      const p = t.type === x.DECIMAL2;
+      const h = t.type === y.DECIMAL2;
       if (!c.every(
-        (v) => p ? !isNaN(parseFloat(v)) : /^-?\d+$/.test(v)
+        (v) => h ? !isNaN(parseFloat(v)) : /^-?\d+$/.test(v)
       )) return;
     }
     this._emitFilterChange(t, o, l);
@@ -3945,7 +3946,7 @@ let P = class extends C {
   }
   // ── Select-one filter ────────────────────────────────────────────
   _onSelectOneToggle(t, e) {
-    const s = A(t), i = this._getApplied(s), a = i.operator || re[0].value, r = i.values || [];
+    const s = A(t), i = this._getApplied(s), a = i.operator || le[0].value, r = i.values || [];
     r.length === 1 && r[0] === e ? this._emitFilterChange(t, a, []) : this._emitFilterChange(t, a, [e]);
   }
   // ── Multi-select filter ──────────────────────────────────────────
@@ -3968,7 +3969,7 @@ let P = class extends C {
     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 || re[0].value, r = i.values || [];
+    const s = A(t), i = this._getApplied(s), a = i.operator || le[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) {
@@ -3997,11 +3998,11 @@ let P = class extends C {
   _commitTagInput(t, e) {
     const s = (this._tagInputs[e] || "").trim();
     if (!s) return;
-    const i = this._getApplied(e), a = i.operator || re[0].value, r = i.values || [];
+    const i = this._getApplied(e), a = i.operator || le[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 || re[0].value, r = i.values || [];
+    const s = A(t), i = this._getApplied(s), a = i.operator || le[0].value, r = i.values || [];
     this._emitFilterChange(
       t,
       a,
@@ -4072,7 +4073,7 @@ let P = class extends C {
       return;
     const [l, c] = o;
     let u = `${l},${c}..${r || "0"}`;
-    this._emitFilterChange(t, k.IS, [u]);
+    this._emitFilterChange(t, $.IS, [u]);
   }
   _onGeoRadiusInput(t, e) {
     var c;
@@ -4080,7 +4081,7 @@ let P = class extends C {
     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, k.IS, [l]);
+    s && (l += `..${s}`), this._emitFilterChange(t, $.IS, [l]);
   }
   // ── Empty/non-empty option click ─────────────────────────────────
   _onEmptyOption(t, e) {
@@ -4103,11 +4104,11 @@ let P = class extends C {
     ), 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), p = !c && this._atFieldLimit;
+      const l = A(o), c = this.visibleFields.includes(l), h = !c && this._atFieldLimit;
       return n`
             <div
-              class="field-item ${c ? "selected" : ""} ${p ? "disabled" : ""}"
-              @click=${() => !p && !c && this._addField(o)}
+              class="field-item ${c ? "selected" : ""} ${h ? "disabled" : ""}"
+              @click=${() => !h && !c && this._addField(o)}
             >
               ${c ? n`<ap-icon name="check" .size=${14}></ap-icon>` : n`<ap-icon name=${ut[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>
@@ -4148,8 +4149,8 @@ let P = class extends C {
   }
   // ── Render: Text filter ──────────────────────────────────────────
   _renderTextFilter(t) {
-    var p, u;
-    const e = A(t), s = this._getApplied(e), a = this._isSpecialValue(s.values) ? "" : ((p = s.values) == null ? void 0 : p[0]) || "", r = this._getContentMode(e), o = r === G || r === Y, l = s.operator || Ot[0].value, c = t.type === x.TEXT_AREA;
+    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 === X || r === W, l = s.operator || Ot[0].value, c = t.type === y.TEXT_AREA;
     return n`
       <div class="filter-content" style="position: relative;">
         <button
@@ -4178,7 +4179,7 @@ let P = class extends C {
           ></ap-radio-group>
         </div>
 
-        ${r === we ? n`
+        ${r === ke ? n`
               <div class="filter-section">
                 <span class="section-label">Value</span>
                 ${c ? n`
@@ -4207,13 +4208,13 @@ let P = class extends C {
   }
   // ── Render: Number filter ────────────────────────────────────────
   _renderNumberFilter(t) {
-    var y, M, I;
-    const e = A(t), s = this._getApplied(e), i = s.operator || Pt[0].value, a = this._isSpecialValue(s.values), r = this._getContentMode(e), o = r === G || r === Y, l = i === k.RANGE, c = i === k.GREATER_THAN_OR_EQUAL, p = i === k.LESS_THAN_OR_EQUAL, u = t.type === x.DECIMAL2, v = u ? "0.01" : "1", d = u ? "0.00" : "0", g = a ? "" : ((y = s.values) == null ? void 0 : y[0]) || "", m = a ? "" : ((M = s.values) == null ? void 0 : M[1]) || "", w = l || c || p, $ = l || c || p ? "Min" : "Value";
+    var C, O, D;
+    const e = A(t), s = this._getApplied(e), i = s.operator || Pt[0].value, a = this._isSpecialValue(s.values), r = this._getContentMode(e), o = r === X || r === W, 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";
     return n`
       <div class="filter-content" style="position: relative;">
         <button
           class="clear-btn"
-          ?disabled=${!((I = s.values) != null && I.length) && !s.operator}
+          ?disabled=${!((D = s.values) != null && D.length) && !s.operator}
           @click=${() => this._clearFieldFilter(t)}
         >Clear all</button>
 
@@ -4237,22 +4238,22 @@ let P = class extends C {
           ></ap-radio-group>
         </div>
 
-        ${r === we ? n`
+        ${r === ke ? n`
               <div class="filter-section">
                 <div class="grid-2">
                   <div>
-                    <span class="input-label" aria-disabled=${p ? "true" : f}>${$}</span>
+                    <span class="input-label" aria-disabled=${h ? "true" : f}>${w}</span>
                     <input
                       class="filter-input"
                       type="number"
                       step=${v}
                       placeholder=${d}
                       .value=${g}
-                      ?disabled=${p}
+                      ?disabled=${h}
                       @change=${(E) => this._onNumberInput(t, E, 0)}
                     />
                   </div>
-                  ${w ? n`
+                  ${x ? n`
                         <div>
                           <span class="input-label" aria-disabled=${c ? "true" : f}>${"Max"}</span>
                           <input
@@ -4297,7 +4298,7 @@ let P = class extends C {
   }
   // ── 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 || re[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 >= ct;
+    const e = A(t), s = this._getApplied(e), i = this._isSpecialValue(s.values), a = i ? [] : s.values || [], r = t.possible_values || [], o = s.operator || le[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 >= ct;
     return n`
       <div class="filter-content">
         <!-- Search input -->
@@ -4329,7 +4330,7 @@ let P = class extends C {
                 <span class="section-label"></span>
                 <button
                   class="clear-btn"
-                  ?disabled=${!p && !s.operator}
+                  ?disabled=${!h && !s.operator}
                   @click=${() => this._clearFieldFilter(t)}
                 >Clear all</button>
               </div>
@@ -4340,13 +4341,13 @@ let P = class extends C {
                   <span class="section-label">Operator</span>
                   <button
                     class="clear-btn"
-                    ?disabled=${!p && !s.operator}
+                    ?disabled=${!h && !s.operator}
                     @click=${() => this._clearFieldFilter(t)}
                   >Clear all</button>
                 </div>
                 <ap-radio-group
                   direction="horizontal"
-                  .options=${re}
+                  .options=${le}
                   .value=${o}
                   @ap-change=${(d) => this._onOperatorChange(t, d.detail.value)}
                 ></ap-radio-group>
@@ -4378,7 +4379,7 @@ let P = class extends C {
 
           <!-- Empty/Not empty checkboxes -->
           <div class="options-list short">
-            ${ke.map(
+            ${Ce.map(
       (d) => {
         var g;
         return n`
@@ -4417,7 +4418,7 @@ let P = class extends C {
   }
   // ── 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 || Lt[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 >= ct;
+    const e = A(t), s = this._getApplied(e), i = this._isSpecialValue(s.values), a = i ? [] : s.values || [], r = t.possible_values || [], o = s.operator || Lt[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 >= ct;
     return n`
       <div class="filter-content">
         <!-- Search input -->
@@ -4449,7 +4450,7 @@ let P = class extends C {
                 <span class="section-label"></span>
                 <button
                   class="clear-btn"
-                  ?disabled=${!p && !s.operator}
+                  ?disabled=${!h && !s.operator}
                   @click=${() => this._clearFieldFilter(t)}
                 >Clear all</button>
               </div>
@@ -4460,7 +4461,7 @@ let P = class extends C {
                   <span class="section-label">Operator</span>
                   <button
                     class="clear-btn"
-                    ?disabled=${!p && !s.operator}
+                    ?disabled=${!h && !s.operator}
                     @click=${() => this._clearFieldFilter(t)}
                   >Clear all</button>
                 </div>
@@ -4498,7 +4499,7 @@ let P = class extends C {
 
           <!-- Empty/Not empty checkboxes -->
           <div class="options-list short">
-            ${ke.map(
+            ${Ce.map(
       (d) => {
         var g;
         return n`
@@ -4537,7 +4538,7 @@ let P = class extends C {
   }
   // ── 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 || re[0].value, l = a.length > 0 || i, c = this._tagSuggestions[e] || [], p = this._tagLoading[e] || !1, u = r.trim().length > 0, v = a.length >= ct;
+    const e = A(t), s = this._getApplied(e), i = this._isSpecialValue(s.values), a = i ? [] : s.values || [], r = this._tagInputs[e] || "", o = s.operator || le[0].value, l = a.length > 0 || i, c = this._tagSuggestions[e] || [], h = this._tagLoading[e] || !1, u = r.trim().length > 0, v = a.length >= ct;
     return n`
       <div class="filter-content">
         <!-- Search input -->
@@ -4582,7 +4583,7 @@ let P = class extends C {
                 </div>
                 <ap-radio-group
                   direction="horizontal"
-                  .options=${re}
+                  .options=${le}
                   .value=${o}
                   ?disabled=${i}
                   @ap-change=${(d) => this._onTagOperatorChange(t, d.detail.value)}
@@ -4611,7 +4612,7 @@ let P = class extends C {
               <div class="filter-section">
                 <span class="section-label">All options</span>
                 <div class="options-list short">
-                  ${ke.map(
+                  ${Ce.map(
       (d) => {
         var g;
         return n`
@@ -4633,7 +4634,7 @@ let P = class extends C {
         ${u ? n`
               <div class="filter-section">
                 <div class="options-list">
-                  ${p ? n`<div class="option-item disabled"><span>Loading...</span></div>` : c.length > 0 ? c.map(
+                  ${h ? 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`
@@ -4659,7 +4660,7 @@ let P = class extends C {
     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 = [
       { value: "empty", label: "Empty" },
       { value: "non-empty", label: "Not empty" }
-    ], l = this._dateFroms[e] ? new Date(this._dateFroms[e]).toISOString().split("T")[0] : "", c = this._dateTos[e] ? new Date(this._dateTos[e]).toISOString().split("T")[0] : "", p = ["before", "after", "between"].includes(r);
+    ], 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);
     return n`
       <div class="filter-content" style="position: relative;">
         <button
@@ -4685,7 +4686,7 @@ let P = class extends C {
           ></ap-radio-group>
         </div>
 
-        ${p ? n`
+        ${h ? n`
               <div class="filter-section">
                 <div class="grid-2">
                   ${r === "before" ? n`
@@ -4743,7 +4744,7 @@ let P = class extends C {
       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()), p = !l || c.length === 2 && c.every((d) => !isNaN(Number(d)) && d !== "");
+    const l = r.length > 0, c = r.split(",").map((d) => d.trim()), h = !l || c.length === 2 && c.every((d) => !isNaN(Number(d)) && d !== "");
     return n`
       <div class="filter-content" style="position: relative;">
         <button
@@ -4761,7 +4762,7 @@ let P = class extends C {
           ></ap-radio-group>
         </div>
 
-        ${a === we ? n`
+        ${a === ke ? n`
               <div class="filter-section">
                 <div class="geo-row">
                   <div class="geo-location">
@@ -4773,7 +4774,7 @@ let P = class extends C {
                       .value=${r}
                       @change=${(d) => this._onGeoLocationInput(t, d)}
                     />
-                    ${l && !p ? n`<div class="error-text">Enter coordinates as "latitude, longitude"</div>` : f}
+                    ${l && !h ? 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>
@@ -4806,7 +4807,7 @@ let P = class extends C {
 
         <div class="filter-section">
           <ap-radio-group
-            .options=${ke}
+            .options=${Ce}
             .value=${s}
             @ap-change=${(r) => this._onEmptyOption(t, r.detail.value)}
           ></ap-radio-group>
@@ -4816,7 +4817,7 @@ let P = class extends C {
   }
   // ── 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 || k.IS;
+    const e = A(t), s = this._getApplied(e), i = s.values || [], a = s.operator || $.IS;
     return n`
       <div class="filter-content" style="position: relative;">
         <button
@@ -4829,7 +4830,7 @@ let P = class extends C {
           <span class="section-label">Condition</span>
           <ap-radio-group
             direction="horizontal"
-            .options=${re}
+            .options=${le}
             .value=${a}
             @ap-change=${(r) => this._emitFilterChange(t, r.detail.value, i)}
           ></ap-radio-group>
@@ -4867,7 +4868,7 @@ let P = class extends C {
       case "geo":
         return this._renderGeoFilter(t);
       case "attachment":
-        return t.type === x.INTEGER_LIST && t.slug === "face_matcher" ? this._renderFaceMatcherFilter(t) : this._renderAttachmentFilter(t);
+        return t.type === y.INTEGER_LIST && t.slug === "face_matcher" ? this._renderFaceMatcherFilter(t) : this._renderAttachmentFilter(t);
       default:
         return f;
     }
@@ -4917,10 +4918,10 @@ let P = class extends C {
     ), 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), p = !!this.appliedMetadata[l] || !!this.appliedFilters[l], u = this.pinnedFields.includes(l), v = !c && this._atFieldLimit;
+      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;
       return n`
             <div
-              class="field-item ${p ? "has-filter" : ""} ${v ? "disabled" : ""}"
+              class="field-item ${h ? "has-filter" : ""} ${v ? "disabled" : ""}"
               @click=${() => !v && this._emitFieldSelect(o)}
             >
               <ap-icon name=${ut[o.type] || "file-text"} .size=${14} style="color: var(--ap-muted-foreground, oklch(0.685 0.033 249.82))"></ap-icon>
@@ -4934,7 +4935,7 @@ let P = class extends C {
               >
                 <ap-icon name="pin" .size=${12}></ap-icon>
               </button>
-              ${p ? n`<ap-icon name="check" .size=${14}></ap-icon>` : f}
+              ${h ? n`<ap-icon name="check" .size=${14}></ap-icon>` : f}
             </div>
           `;
     })}
@@ -4995,7 +4996,7 @@ let P = class extends C {
     `;
   }
 };
-P.styles = [te, pe, S`
+I.styles = [ae, ue, k`
     /* ── Field selection panel ─────────────────────────────── */
 
     .add-field-btn {
@@ -5373,72 +5374,72 @@ P.styles = [te, pe, S`
       background: var(--ap-primary-10, oklch(0.578 0.198 268.129 / 0.1));
     }
   `];
-D([
-  h({ type: Array })
-], P.prototype, "fields", 2);
-D([
-  h({ type: Object })
-], P.prototype, "appliedFilters", 2);
-D([
-  h({ type: Array })
-], P.prototype, "visibleFields", 2);
-D([
-  h()
-], P.prototype, "mode", 2);
-D([
-  h()
-], P.prototype, "activeFieldKey", 2);
-D([
-  h({ type: Array })
-], P.prototype, "pinnedFields", 2);
-D([
-  h({ type: Object })
-], P.prototype, "appliedMetadata", 2);
-D([
-  h({ attribute: !1 })
-], P.prototype, "apiClient", 2);
-D([
+z([
+  p({ type: Array })
+], I.prototype, "fields", 2);
+z([
+  p({ type: Object })
+], I.prototype, "appliedFilters", 2);
+z([
+  p({ type: Array })
+], I.prototype, "visibleFields", 2);
+z([
+  p()
+], I.prototype, "mode", 2);
+z([
+  p()
+], I.prototype, "activeFieldKey", 2);
+z([
+  p({ type: Array })
+], I.prototype, "pinnedFields", 2);
+z([
+  p({ type: Object })
+], I.prototype, "appliedMetadata", 2);
+z([
+  p({ attribute: !1 })
+], I.prototype, "apiClient", 2);
+z([
   _()
-], P.prototype, "_showFieldSelection", 2);
-D([
+], I.prototype, "_showFieldSelection", 2);
+z([
   _()
-], P.prototype, "_fieldSearch", 2);
-D([
+], I.prototype, "_fieldSearch", 2);
+z([
   _()
-], P.prototype, "_collapsedFields", 2);
-D([
+], I.prototype, "_collapsedFields", 2);
+z([
   _()
-], P.prototype, "_tagInputs", 2);
-D([
+], I.prototype, "_tagInputs", 2);
+z([
   _()
-], P.prototype, "_tagSuggestions", 2);
-D([
+], I.prototype, "_tagSuggestions", 2);
+z([
   _()
-], P.prototype, "_tagLoading", 2);
-D([
+], I.prototype, "_tagLoading", 2);
+z([
   _()
-], P.prototype, "_datePresets", 2);
-D([
+], I.prototype, "_datePresets", 2);
+z([
   _()
-], P.prototype, "_dateFroms", 2);
-D([
+], I.prototype, "_dateFroms", 2);
+z([
   _()
-], P.prototype, "_dateTos", 2);
-D([
+], I.prototype, "_dateTos", 2);
+z([
   _()
-], P.prototype, "_specificModeFields", 2);
-D([
+], I.prototype, "_specificModeFields", 2);
+z([
   _()
-], P.prototype, "_selectSearches", 2);
-P = D([
+], I.prototype, "_selectSearches", 2);
+I = z([
   F("ap-filter-metadata")
-], P);
-var $a = Object.defineProperty, ka = Object.getOwnPropertyDescriptor, se = (t, e, s, i) => {
+], I);
+var $a = Object.defineProperty, ka = Object.getOwnPropertyDescriptor, re = (t, e, s, i) => {
   for (var a = i > 1 ? void 0 : i ? ka(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;
 };
-let X = class extends C {
+let Q = class extends S {
   constructor() {
     super(...arguments), this.selectedStatus = [], this.statusOperator = ":=", this.approverValue = "", this.approverOperator = "~", this.requesterValue = "", this.requesterOperator = "~", this.dueDatePreset = "", this.dueDateFrom = "", this.dueDateTo = "";
   }
@@ -5447,11 +5448,11 @@ let X = class extends C {
     return this.selectedStatus.length > 0 || !!this.approverValue || !!this.requesterValue || !!this.dueDatePreset || !!this.dueDateFrom || !!this.dueDateTo;
   }
   get _statusHasEmptyValue() {
-    return this.selectedStatus.includes(G) || this.selectedStatus.includes(Y);
+    return this.selectedStatus.includes(X) || this.selectedStatus.includes(W);
   }
   get _statusHasOnlyEmptyValues() {
     return this.selectedStatus.length > 0 && this.selectedStatus.every(
-      (t) => t === G || t === Y
+      (t) => t === X || t === W
     );
   }
   get _dueDateNeedsInputs() {
@@ -5562,7 +5563,7 @@ let X = class extends C {
 
         <!-- Empty / Not empty checkboxes -->
         <div class="options-list short mt-12">
-          ${ke.map(
+          ${Ce.map(
       (e) => n`
               <ap-checkbox
                 ?checked=${this.selectedStatus.includes(e.value)}
@@ -5669,8 +5670,8 @@ let X = class extends C {
 
         <!-- Empty / Not empty radio buttons -->
         <ap-radio-group
-          .options=${ke}
-          .value=${this.dueDatePreset === G || this.dueDatePreset === Y ? this.dueDatePreset : ""}
+          .options=${Ce}
+          .value=${this.dueDatePreset === X || this.dueDatePreset === W ? this.dueDatePreset : ""}
           @ap-change=${this._handleDueDatePreset}
         ></ap-radio-group>
 
@@ -5680,7 +5681,7 @@ let X = class extends C {
         <ap-radio-group
           columns="2"
           .options=${ai}
-          .value=${this.dueDatePreset !== G && this.dueDatePreset !== Y ? this.dueDatePreset : ""}
+          .value=${this.dueDatePreset !== X && this.dueDatePreset !== W ? this.dueDatePreset : ""}
           @ap-change=${this._handleDueDatePreset}
         ></ap-radio-group>
 
@@ -5728,7 +5729,7 @@ let X = class extends C {
     `;
   }
 };
-X.styles = [te, pe, S`
+Q.styles = [ae, ue, k`
     .options-list.short {
       max-height: none;
     }
@@ -5748,37 +5749,37 @@ X.styles = [te, pe, S`
       margin-top: 12px;
     }
   `];
-se([
-  h({ type: Array })
-], X.prototype, "selectedStatus", 2);
-se([
-  h()
-], X.prototype, "statusOperator", 2);
-se([
-  h()
-], X.prototype, "approverValue", 2);
-se([
-  h()
-], X.prototype, "approverOperator", 2);
-se([
-  h()
-], X.prototype, "requesterValue", 2);
-se([
-  h()
-], X.prototype, "requesterOperator", 2);
-se([
-  h()
-], X.prototype, "dueDatePreset", 2);
-se([
-  h()
-], X.prototype, "dueDateFrom", 2);
-se([
-  h()
-], X.prototype, "dueDateTo", 2);
-X = se([
+re([
+  p({ type: Array })
+], Q.prototype, "selectedStatus", 2);
+re([
+  p()
+], Q.prototype, "statusOperator", 2);
+re([
+  p()
+], Q.prototype, "approverValue", 2);
+re([
+  p()
+], Q.prototype, "approverOperator", 2);
+re([
+  p()
+], Q.prototype, "requesterValue", 2);
+re([
+  p()
+], Q.prototype, "requesterOperator", 2);
+re([
+  p()
+], Q.prototype, "dueDatePreset", 2);
+re([
+  p()
+], Q.prototype, "dueDateFrom", 2);
+re([
+  p()
+], Q.prototype, "dueDateTo", 2);
+Q = re([
   F("ap-filter-approval")
-], X);
-var Sa = Object.defineProperty, Ca = Object.getOwnPropertyDescriptor, ie = (t, e, s, i) => {
+], Q);
+var Sa = Object.defineProperty, Ca = Object.getOwnPropertyDescriptor, oe = (t, e, s, i) => {
   for (var a = i > 1 ? void 0 : i ? Ca(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;
@@ -5791,7 +5792,7 @@ function Ea(t) {
     )
   );
 }
-let W = class extends C {
+let Z = class extends S {
   constructor() {
     super(...arguments), this.selected = [], this._search = "", this._debouncedSearch = "", this._products = [], this._isLoading = !1, this._showAddList = !1, this._addListText = "";
   }
@@ -5814,7 +5815,7 @@ let W = class extends C {
         detail: {
           key: b.PRODUCT_REF,
           values: e,
-          operator: k.IS
+          operator: $.IS
         },
         bubbles: !0,
         composed: !0
@@ -6010,7 +6011,7 @@ let W = class extends C {
     `;
   }
 };
-W.styles = [te, pe, S`
+Z.styles = [ae, ue, k`
     .product-item {
       display: flex;
       align-items: center;
@@ -6250,42 +6251,42 @@ W.styles = [te, pe, S`
       margin-left: 4px;
     }
   `];
-ie([
-  h({ type: Array })
-], W.prototype, "selected", 2);
-ie([
-  h({ attribute: !1 })
-], W.prototype, "apiClient", 2);
-ie([
-  Ae(".product-search")
-], W.prototype, "_searchInput", 2);
-ie([
+oe([
+  p({ type: Array })
+], Z.prototype, "selected", 2);
+oe([
+  p({ attribute: !1 })
+], Z.prototype, "apiClient", 2);
+oe([
+  Me(".product-search")
+], Z.prototype, "_searchInput", 2);
+oe([
   _()
-], W.prototype, "_search", 2);
-ie([
+], Z.prototype, "_search", 2);
+oe([
   _()
-], W.prototype, "_debouncedSearch", 2);
-ie([
+], Z.prototype, "_debouncedSearch", 2);
+oe([
   _()
-], W.prototype, "_products", 2);
-ie([
+], Z.prototype, "_products", 2);
+oe([
   _()
-], W.prototype, "_isLoading", 2);
-ie([
+], Z.prototype, "_isLoading", 2);
+oe([
   _()
-], W.prototype, "_showAddList", 2);
-ie([
+], Z.prototype, "_showAddList", 2);
+oe([
   _()
-], W.prototype, "_addListText", 2);
-W = ie([
+], Z.prototype, "_addListText", 2);
+Z = oe([
   F("ap-filter-product-ref")
-], W);
-var Aa = Object.defineProperty, Ta = Object.getOwnPropertyDescriptor, L = (t, e, s, i) => {
+], Z);
+var Aa = Object.defineProperty, Ta = Object.getOwnPropertyDescriptor, P = (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 && Aa(e, s, a), a;
 };
-let O = class extends C {
+let L = 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 = Ut, this.filters = {
       metadata: { pinned: [], visible: [], applied: {} },
@@ -6507,9 +6508,9 @@ let O = class extends C {
         ></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(".."), p = 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(".."), h = l ? parseFloat(l) / 1e6 : 0, u = c ? parseFloat(c) / 1e6 : 0;
         return n`<ap-filter-size
-          .min=${p}
+          .min=${h}
           .max=${u}
           @filter-change=${this._handleFilterChange}
         ></ap-filter-size>`;
@@ -6675,7 +6676,7 @@ let O = class extends C {
                     ${this._getMetadataFieldLabel(this._openMetadataField)}
                   ` : n`
                     <ap-icon name=${this._getFilterIcon(this._openFilter)} .size=${16}></ap-icon>
-                    ${De[this._openFilter] || this._openFilter}
+                    ${ze[this._openFilter] || this._openFilter}
                   `}
               <button class="anchor-close" @click=${() => {
       this._openFilter = null, this._openMetadataField = null, this._externalTrigger = !1, this._externalLeft = null, this._externalTop = null;
@@ -6692,7 +6693,7 @@ let O = class extends C {
     `;
   }
 };
-O.styles = S`
+L.styles = k`
     :host {
       display: block;
       padding: 8px 20px 6px;
@@ -7031,81 +7032,81 @@ O.styles = S`
       top: 0;
     }
   `;
-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, "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([
-  Ae("ap-dropdown")
-], O.prototype, "_sortDropdown", 2);
-L([
+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, "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([
+  Me("ap-dropdown")
+], L.prototype, "_sortDropdown", 2);
+P([
   _()
-], O.prototype, "_showDropdown", 2);
-L([
+], L.prototype, "_showDropdown", 2);
+P([
   _()
-], O.prototype, "_showMetadataSelector", 2);
-L([
+], L.prototype, "_showMetadataSelector", 2);
+P([
   _()
-], O.prototype, "_openFilter", 2);
-L([
+], L.prototype, "_openFilter", 2);
+P([
   _()
-], O.prototype, "_openMetadataField", 2);
-L([
+], L.prototype, "_openMetadataField", 2);
+P([
   _()
-], O.prototype, "_externalTrigger", 2);
-L([
+], L.prototype, "_externalTrigger", 2);
+P([
   _()
-], O.prototype, "_externalLeft", 2);
-L([
+], L.prototype, "_externalLeft", 2);
+P([
   _()
-], O.prototype, "_externalTop", 2);
-O = L([
+], L.prototype, "_externalTop", 2);
+L = P([
   F("ap-content-toolbar")
-], O);
+], L);
 var Ma = Object.defineProperty, Oa = Object.getOwnPropertyDescriptor, H = (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 && Ma(e, s, a), a;
 };
-let B = class extends C {
+let B = class extends S {
   constructor() {
     super(...arguments), this.appliedFilters = {}, this.appliedMetadata = {}, this.forcedFilters = {}, this.metadataFields = [], this.pinnedFilters = [], this.pinnedMetadataFields = [], this.tags = [], this.labels = [], this.activeFilter = null, this.activeMetadataField = null, this.pendingFilter = null, this.pendingMetadataField = null;
   }
@@ -7237,7 +7238,7 @@ let B = class extends C {
     return n`
       <span class="chip forced">
         ${(i || t === b.TYPE || t === b.SIZE) && s ? n`<span class="chip-label">${s}</span>` : n`
-              <span class="chip-label">${De[t] || t}</span>
+              <span class="chip-label">${ze[t] || t}</span>
               ${s ? n`<span class="chip-summary">${s}</span>` : f}
             `}
         <span class="chip-lock">
@@ -7251,7 +7252,7 @@ let B = class extends C {
       return n`
         <span class="chip pinned-empty ${t === this.activeFilter ? "active" : ""}" @click=${(a) => this._openFilter(t, a)}>
           <span class="chip-icon"><ap-icon name=${this._getFilterIcon(t)} .size=${16}></ap-icon></span>
-          <span class="chip-label">${De[t] || t}</span>
+          <span class="chip-label">${ze[t] || t}</span>
           <span class="chip-chevron"><ap-icon name="chevron-down" .size=${14}></ap-icon></span>
         </span>
       `;
@@ -7261,7 +7262,7 @@ let B = class extends C {
         ${(i || t === b.TYPE || t === b.SIZE) && s ? n`
               <span class="chip-icon"><ap-icon name=${this._getFilterIcon(t)} .size=${16}></ap-icon></span>
               <span class="chip-label">${s}</span>` : n`
-              <span class="chip-label">${De[t] || t}</span>
+              <span class="chip-label">${ze[t] || t}</span>
               ${s ? n`<span class="chip-summary">${s}</span>` : f}
             `}
         <button class="chip-remove" @click=${(a) => {
@@ -7298,8 +7299,8 @@ let B = class extends C {
     `;
   }
   render() {
-    const t = Ze(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`
+    const t = Ze(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`
       <div class="chips-row">
         <div class="chips">
           ${[...e].map(
@@ -7314,10 +7315,10 @@ let B = class extends C {
           ${l.map(
       (g) => this._renderFilterChip(g, this.appliedFilters[g])
     )}
-          ${p ? n`
+          ${h ? 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">${De[this.pendingFilter] || this.pendingFilter}</span>
+              <span class="chip-label">${ze[this.pendingFilter] || this.pendingFilter}</span>
               <span class="chip-chevron"><ap-icon name="chevron-down" .size=${14}></ap-icon></span>
             </span>
           ` : f}
@@ -7337,7 +7338,7 @@ let B = class extends C {
     `;
   }
 };
-B.styles = S`
+B.styles = k`
     :host {
       display: block;
     }
@@ -7486,51 +7487,51 @@ B.styles = S`
     }
   `;
 H([
-  h({ type: Object })
+  p({ type: Object })
 ], B.prototype, "appliedFilters", 2);
 H([
-  h({ type: Object })
+  p({ type: Object })
 ], B.prototype, "appliedMetadata", 2);
 H([
-  h({ type: Object })
+  p({ type: Object })
 ], B.prototype, "forcedFilters", 2);
 H([
-  h({ type: Array })
+  p({ type: Array })
 ], B.prototype, "metadataFields", 2);
 H([
-  h({ type: Array })
+  p({ type: Array })
 ], B.prototype, "pinnedFilters", 2);
 H([
-  h({ type: Array })
+  p({ type: Array })
 ], B.prototype, "pinnedMetadataFields", 2);
 H([
-  h({ type: Array })
+  p({ type: Array })
 ], B.prototype, "tags", 2);
 H([
-  h({ type: Array })
+  p({ type: Array })
 ], B.prototype, "labels", 2);
 H([
-  h()
+  p()
 ], B.prototype, "activeFilter", 2);
 H([
-  h()
+  p()
 ], B.prototype, "activeMetadataField", 2);
 H([
-  h()
+  p()
 ], B.prototype, "pendingFilter", 2);
 H([
-  h()
+  p()
 ], B.prototype, "pendingMetadataField", 2);
 B = H([
   F("ap-filters-bar")
 ], B);
-var La = Object.defineProperty, Pa = Object.getOwnPropertyDescriptor, ae = (t, e, s, i) => {
+var La = Object.defineProperty, Pa = Object.getOwnPropertyDescriptor, ne = (t, e, s, i) => {
   for (var a = i > 1 ? void 0 : i ? Pa(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;
 };
 const Ia = 6;
-let Q = class extends C {
+let J = 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;
   }
@@ -7550,6 +7551,7 @@ let Q = class extends C {
               .folder=${e}
               .previews=${this.folderPreviews[e.uuid] || []}
               .selectable=${this.folderSelectable}
+              .multiSelect=${this.multiSelect}
               ?selected=${this.selectedFolderIds.includes(e.uuid)}
               .index=${s}
               data-folder-uuid=${e.uuid}
@@ -7591,7 +7593,7 @@ let Q = class extends C {
     `;
   }
 };
-Q.styles = S`
+J.styles = k`
     :host {
       display: block;
       padding: 0 20px 16px;
@@ -7647,43 +7649,43 @@ Q.styles = S`
       .ghost-thumb, .ghost-line { animation: none; }
     }
   `;
-ae([
-  h({ type: Array })
-], Q.prototype, "assets", 2);
-ae([
-  h({ type: Array })
-], Q.prototype, "folders", 2);
-ae([
-  h({ type: Object })
-], Q.prototype, "folderPreviews", 2);
-ae([
-  h({ type: Array })
-], Q.prototype, "selectedIds", 2);
-ae([
-  h({ type: Array })
-], Q.prototype, "selectedFolderIds", 2);
-ae([
-  h({ type: Boolean })
-], Q.prototype, "isLoading", 2);
-ae([
-  h({ type: Boolean })
-], Q.prototype, "multiSelect", 2);
-ae([
-  h({ type: Boolean })
-], Q.prototype, "folderSelectable", 2);
-ae([
-  h({ type: String })
-], Q.prototype, "gridSize", 2);
-Q = ae([
+ne([
+  p({ type: Array })
+], J.prototype, "assets", 2);
+ne([
+  p({ type: Array })
+], J.prototype, "folders", 2);
+ne([
+  p({ type: Object })
+], J.prototype, "folderPreviews", 2);
+ne([
+  p({ type: Array })
+], J.prototype, "selectedIds", 2);
+ne([
+  p({ type: Array })
+], J.prototype, "selectedFolderIds", 2);
+ne([
+  p({ type: Boolean })
+], J.prototype, "isLoading", 2);
+ne([
+  p({ type: Boolean })
+], J.prototype, "multiSelect", 2);
+ne([
+  p({ type: Boolean })
+], J.prototype, "folderSelectable", 2);
+ne([
+  p({ type: String })
+], J.prototype, "gridSize", 2);
+J = ne([
   F("ap-grid-view")
-], Q);
-var Da = Object.defineProperty, za = Object.getOwnPropertyDescriptor, Z = (t, e, s, i) => {
+], J);
+var Da = Object.defineProperty, za = Object.getOwnPropertyDescriptor, ee = (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 = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
   return i && a && Da(e, s, a), a;
 };
 const Ra = 5;
-let q = class extends C {
+let q = 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;
   }
@@ -7700,7 +7702,7 @@ let q = class extends C {
   }
   _getGridColumns(t) {
     const e = [];
-    return t && e.push("32px"), e.push("48px"), e.push("minmax(120px, 1fr)"), e.push("72px"), this._compactLevel < 2 && e.push("100px"), this._compactLevel < 1 && e.push("120px"), e.push("36px"), e.join(" ");
+    return t && e.push("32px"), e.push("48px"), e.push("minmax(120px, 1fr)"), e.push("72px"), this._compactLevel < 2 && e.push("100px"), this._compactLevel < 1 && e.push("120px"), e.push("64px"), e.join(" ");
   }
   get _allVisibleSelected() {
     if (this.assets.length === 0 && this.folders.length === 0 || this.selectedIds.length === 0 && this.selectedFolderIds.length === 0) return !1;
@@ -7712,7 +7714,7 @@ let q = class extends C {
   _handleHeaderCheckboxClick() {
     if (this.isSelectingAll) return;
     const t = this.folderSelectable ? this.totalCount + this.folders.length : this.totalCount, e = this.folderSelectable ? this.selectedIds.length + this.selectedFolderIds.length : this.selectedIds.length;
-    this._allVisibleSelected && e >= t ? this.dispatchEvent(new CustomEvent("selection-clear", { bubbles: !0, composed: !0 })) : this.dispatchEvent(new CustomEvent("select-all", { bubbles: !0, composed: !0 }));
+    this._allVisibleSelected && e >= t ? this.dispatchEvent(new CustomEvent("selection-clear", { bubbles: !0, composed: !0 })) : this.dispatchEvent(new CustomEvent("select-all", { detail: { scope: "all" }, bubbles: !0, composed: !0 }));
   }
   render() {
     const t = this.folderSelectable ? this.totalCount + this.folders.length : this.totalCount, e = this.folderSelectable ? this.selectedIds.length + this.selectedFolderIds.length : this.selectedIds.length, s = this._allVisibleSelected && e >= t;
@@ -7742,6 +7744,7 @@ let q = class extends C {
               .folder=${i}
               .previews=${this.folderPreviews[i.uuid] || []}
               .selectable=${this.folderSelectable}
+              .multiSelect=${this.multiSelect}
               .compactLevel=${this._compactLevel}
               ?selected=${this.selectedFolderIds.includes(i.uuid)}
               .index=${a}
@@ -7766,6 +7769,7 @@ let q = class extends C {
               data-asset-uuid=${i.uuid}
               @asset-select=${(r) => this.dispatchEvent(new CustomEvent("asset-select", { detail: r.detail, bubbles: !0, composed: !0 }))}
               @asset-preview=${(r) => this.dispatchEvent(new CustomEvent("asset-preview", { detail: r.detail, bubbles: !0, composed: !0 }))}
+              @asset-quick-select=${(r) => this.dispatchEvent(new CustomEvent("asset-quick-select", { detail: r.detail, bubbles: !0, composed: !0 }))}
             ></ap-asset-row>
           `
     )}
@@ -7787,7 +7791,7 @@ let q = class extends C {
     `;
   }
 };
-q.styles = S`
+q.styles = k`
     :host {
       display: block;
       padding: 0 20px 16px;
@@ -7875,40 +7879,40 @@ q.styles = S`
       .ghost-el { animation: none; }
     }
   `;
-Z([
-  h({ type: Array })
+ee([
+  p({ type: Array })
 ], q.prototype, "assets", 2);
-Z([
-  h({ type: Array })
+ee([
+  p({ type: Array })
 ], q.prototype, "folders", 2);
-Z([
-  h({ type: Array })
+ee([
+  p({ type: Array })
 ], q.prototype, "selectedIds", 2);
-Z([
-  h({ type: Array })
+ee([
+  p({ type: Array })
 ], q.prototype, "selectedFolderIds", 2);
-Z([
-  h({ type: Boolean })
+ee([
+  p({ type: Boolean })
 ], q.prototype, "isLoading", 2);
-Z([
-  h({ type: Boolean })
+ee([
+  p({ type: Boolean })
 ], q.prototype, "multiSelect", 2);
-Z([
-  h({ type: Boolean })
+ee([
+  p({ type: Boolean })
 ], q.prototype, "folderSelectable", 2);
-Z([
-  h({ type: Number })
+ee([
+  p({ type: Number })
 ], q.prototype, "totalCount", 2);
-Z([
-  h({ type: Boolean })
+ee([
+  p({ type: Boolean })
 ], q.prototype, "isSelectingAll", 2);
-Z([
-  h({ type: Object })
+ee([
+  p({ type: Object })
 ], q.prototype, "folderPreviews", 2);
-Z([
+ee([
   _()
 ], q.prototype, "_compactLevel", 2);
-q = Z([
+q = ee([
   F("ap-list-view")
 ], q);
 const Na = /* @__PURE__ */ new Set(["jpg", "jpeg", "png", "gif", "webp", "svg", "bmp", "ico", "tiff", "tif", "avif", "heic", "heif"]), ja = /* @__PURE__ */ new Set([
@@ -7923,7 +7927,7 @@ const Na = /* @__PURE__ */ new Set(["jpg", "jpeg", "png", "gif", "webp", "svg",
   "woff2",
   "eot"
 ]);
-function ze(t) {
+function Re(t) {
   if (!t) return "other";
   const e = {
     image: "image",
@@ -8006,7 +8010,7 @@ function rt(t) {
   const e = (t == null ? void 0 : t.toLowerCase().replace(".", "")) || "", s = Ba[e];
   return `${Fs}${s || "DEFAULT"}.png`;
 }
-function je() {
+function Be() {
   return `${Fs}DEFAULT.png`;
 }
 function St(t) {
@@ -8026,15 +8030,15 @@ function Es(t) {
 function vt(t) {
   var i;
   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) || (e == null ? void 0 : e.preview) || ((i = t.url) == null ? void 0 : i.cdn) || "";
-  return Be(s);
+  return Ue(s);
 }
 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 ? Be(s) : "";
+  return s ? Ue(s) : "";
 }
 function Kt(t) {
   var s, i;
-  let e = Be(((s = t.url) == null ? void 0 : s.cdn) || ((i = t.url) == null ? void 0 : i.public) || "");
+  let e = Ue(((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(/[?&]$/, ""), Je(e, {
     w: "200",
     force_format: "webp,jpeg",
@@ -8053,7 +8057,7 @@ function Je(t, e) {
   }
 }
 const cs = /^(https:\/\/)([a-z0-9_-]+)\.filerobot\.com\//i;
-function Be(t, e) {
+function Ue(t, e) {
   if (!t) return "";
   if (t.includes("assets.filerobot.com")) return t;
   const s = t.match(cs);
@@ -8072,8 +8076,8 @@ function Be(t, e) {
 function Ts(t, e) {
   const s = t.file_uri_cdn;
   if (!s) return "";
-  let i = Be(s);
-  const a = ze(t.file_type), r = String(window.devicePixelRatio || 1);
+  let i = Ue(s);
+  const a = Re(t.file_type), r = String(window.devicePixelRatio || 1);
   return a === "video" ? Je(i, { w: e, dpr: r, force_format: "webp,jpeg" }) : t.file_type === "application/pdf" || St(t.file_type).toLowerCase() === "pdf" ? (i = i.replace(/([?&])func=proxy&?/, "$1").replace(/[?&]$/, ""), Je(i, { w: e, dpr: r, force_format: "webp,jpeg", doc_page: "1", bypass_process_proxy: "1" })) : Je(i, { w: e, dpr: r });
 }
 function Gt(t) {
@@ -8098,7 +8102,7 @@ var qa = Object.defineProperty, Ha = Object.getOwnPropertyDescriptor, ot = (t, e
     (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
   return i && a && qa(e, s, a), a;
 };
-let Fe = class extends C {
+let Ae = class extends S {
   constructor() {
     super(...arguments), this.index = 0, this.selected = !1, this.multiSelect = !0;
   }
@@ -8134,10 +8138,10 @@ let Fe = class extends C {
     }));
   }
   render() {
-    var c, p, u, v, d;
+    var c, h, u, v, d;
     const t = this.asset;
     if (!t) return n``;
-    const s = ze(t.type) === "video", i = ((c = t.extension) == null ? void 0 : c.toLowerCase()) === "pdf", a = Cs(t.extension || "");
+    const s = Re(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 = Kt(t) : a && (r = vt(t));
     const o = rt(t.extension || ""), l = Ht(t.extension || "");
@@ -8150,19 +8154,19 @@ let Fe = class extends C {
                 loading="lazy"
                 class="thumb-img ${l ? "transparent-asset" : ""}"
                 @error=${(g) => {
-      const m = g.target, w = je();
-      m.src !== o && m.src !== w ? (m.src = o, m.classList.add("icon-fallback")) : m.src !== w && (m.src = w);
+      const m = g.target, x = Be();
+      m.src !== o && m.src !== x ? (m.src = o, m.classList.add("icon-fallback")) : m.src !== x && (m.src = x);
     }}
               />` : n`<img
                 src=${o}
                 alt=${t.name}
                 class="thumb-img icon-fallback"
                 @error=${(g) => {
-      const m = g.target, w = je();
-      m.src !== w && (m.src = w);
+      const m = g.target, x = Be();
+      m.src !== x && (m.src = x);
     }}
               />`}
-          ${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}
+          ${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}
           <div class="overlay">
             <button class="overlay-btn" @click=${this._handlePreview} aria-label="Preview">
               <ap-icon name="preview" .size=${16}></ap-icon>
@@ -8186,16 +8190,16 @@ let Fe = class extends C {
         <div class="info">
           <div class="name" title=${t.name}>${t.name}</div>
           <div class="meta">${(v = t.extension) == null ? void 0 : v.toUpperCase()}${(() => {
-      var $, T, y, M;
-      const g = (($ = t.info) == null ? void 0 : $.img_w) || ((T = t.info) == null ? void 0 : T.video_w), m = ((y = t.info) == null ? void 0 : y.img_h) || ((M = t.info) == null ? void 0 : M.video_h), w = Ms(g, m);
-      return w ? ` · ${w}` : "";
+      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);
+      return x ? ` · ${x}` : "";
     })()} · ${Gt(((d = t.size) == null ? void 0 : d.bytes) || 0)}</div>
         </div>
       </div>
     `;
   }
 };
-Fe.styles = S`
+Ae.styles = k`
     :host {
       display: block;
       animation: ap-card-in 300ms ease-out both;
@@ -8376,32 +8380,32 @@ Fe.styles = S`
     }
   `;
 ot([
-  h({ type: Object })
-], Fe.prototype, "asset", 2);
+  p({ type: Object })
+], Ae.prototype, "asset", 2);
 ot([
-  h({ type: Number })
-], Fe.prototype, "index", 2);
+  p({ type: Number })
+], Ae.prototype, "index", 2);
 ot([
-  h({ type: Boolean, reflect: !0 })
-], Fe.prototype, "selected", 2);
+  p({ type: Boolean, reflect: !0 })
+], Ae.prototype, "selected", 2);
 ot([
-  h({ type: Boolean })
-], Fe.prototype, "multiSelect", 2);
-Fe = ot([
+  p({ type: Boolean })
+], Ae.prototype, "multiSelect", 2);
+Ae = ot([
   F("ap-asset-card")
-], Fe);
-var Ka = Object.defineProperty, Ga = Object.getOwnPropertyDescriptor, Ge = (t, e, s, i) => {
+], Ae);
+var Ka = Object.defineProperty, Ga = Object.getOwnPropertyDescriptor, Ye = (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 && Ka(e, s, a), a;
 };
-let ve = class extends C {
+let be = class extends S {
   constructor() {
     super(...arguments), this.index = 0, this.selected = !1, this.multiSelect = !0, this.compactLevel = 0;
   }
   _getGridColumns() {
     const t = [];
-    return this.multiSelect && t.push("32px"), t.push("48px"), t.push("minmax(120px, 1fr)"), t.push("72px"), this.compactLevel < 2 && t.push("100px"), this.compactLevel < 1 && t.push("120px"), t.push("36px"), t.join(" ");
+    return this.multiSelect && t.push("32px"), t.push("48px"), t.push("minmax(120px, 1fr)"), t.push("72px"), this.compactLevel < 2 && t.push("100px"), this.compactLevel < 1 && t.push("120px"), t.push("64px"), t.join(" ");
   }
   _handleSelect(t) {
     if (t.composedPath().some(
@@ -8424,11 +8428,17 @@ let ve = class extends C {
       bubbles: !0
     }));
   }
+  _handleQuickSelect(t) {
+    t.stopPropagation(), this.dispatchEvent(new CustomEvent("asset-quick-select", {
+      detail: { asset: this.asset },
+      bubbles: !0
+    }));
+  }
   render() {
-    var c, p, u;
+    var c, h, u;
     const t = this.asset;
     if (!t) return n``;
-    const s = ze(t.type) === "video", i = ((c = t.extension) == null ? void 0 : c.toLowerCase()) === "pdf", a = Cs(t.extension || "");
+    const s = Re(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 = Kt(t) : a && (r = vt(t));
     const o = rt(t.extension || ""), l = Ht(t.extension || "");
@@ -8450,7 +8460,7 @@ let ve = class extends C {
                 class="${l ? "transparent-asset" : ""}"
                 loading="lazy"
                 @error=${(v) => {
-      const d = v.target, g = je();
+      const d = v.target, g = Be();
       d.src !== o && d.src !== g ? (d.src = o, d.classList.add("icon-fallback")) : d.src !== g && (d.src = g);
     }}
               />` : n`<img
@@ -8458,17 +8468,20 @@ let ve = class extends C {
                 alt=${t.name}
                 class="icon-fallback"
                 @error=${(v) => {
-      const d = v.target, g = je();
+      const d = v.target, g = Be();
       d.src !== g && (d.src = g);
     }}
               />`}
         </div>
         <div class="name" title=${t.name}>${t.name}</div>
-        <div class="type">${(p = t.extension) == null ? void 0 : p.toUpperCase()}</div>
+        <div class="type">${(h = t.extension) == null ? void 0 : h.toUpperCase()}</div>
         ${this.compactLevel < 2 ? n`<div class="desc">${Gt(((u = t.size) == null ? void 0 : u.bytes) || 0)}</div>` : f}
         ${this.compactLevel < 1 ? n`<div class="date">${mt(t.created_at || "")}</div>` : f}
         <div class="actions">
-          <button class="icon-btn" @click=${this._handlePreview} aria-label="Preview">
+          <button class="icon-btn select-btn" @click=${this._handleQuickSelect} aria-label="Select" title="Select">
+            <ap-icon name="select" .size=${16}></ap-icon>
+          </button>
+          <button class="icon-btn" @click=${this._handlePreview} aria-label="Preview" title="Preview">
             <ap-icon name="preview" .size=${16}></ap-icon>
           </button>
         </div>
@@ -8476,7 +8489,7 @@ let ve = class extends C {
     `;
   }
 };
-ve.styles = S`
+be.styles = k`
     :host {
       display: block;
     }
@@ -8567,6 +8580,9 @@ ve.styles = S`
       background: var(--ap-background, oklch(1 0 0));
       color: var(--ap-foreground, oklch(0.37 0.022 248.413));
     }
+    .icon-btn.select-btn {
+      color: var(--ap-primary, oklch(0.578 0.198 268.129));
+    }
     .thumb.chess {
       background-image: conic-gradient(var(--ap-chess-a, #f0f0f0) 25%, var(--ap-chess-b, #fff) 25% 50%, var(--ap-chess-a, #f0f0f0) 50% 75%, var(--ap-chess-b, #fff) 75%);
       background-size: 12px 12px;
@@ -8604,32 +8620,32 @@ ve.styles = S`
       display: block;
     }
   `;
-Ge([
-  h({ type: Object })
-], ve.prototype, "asset", 2);
-Ge([
-  h({ type: Number })
-], ve.prototype, "index", 2);
-Ge([
-  h({ type: Boolean, reflect: !0 })
-], ve.prototype, "selected", 2);
-Ge([
-  h({ type: Boolean })
-], ve.prototype, "multiSelect", 2);
-Ge([
-  h({ type: Number })
-], ve.prototype, "compactLevel", 2);
-ve = Ge([
+Ye([
+  p({ type: Object })
+], be.prototype, "asset", 2);
+Ye([
+  p({ type: Number })
+], be.prototype, "index", 2);
+Ye([
+  p({ type: Boolean, reflect: !0 })
+], be.prototype, "selected", 2);
+Ye([
+  p({ type: Boolean })
+], be.prototype, "multiSelect", 2);
+Ye([
+  p({ type: Number })
+], be.prototype, "compactLevel", 2);
+be = Ye([
   F("ap-asset-row")
-], ve);
-var Ya = Object.defineProperty, Xa = Object.getOwnPropertyDescriptor, Ye = (t, e, s, i) => {
+], be);
+var Ya = Object.defineProperty, Xa = Object.getOwnPropertyDescriptor, Pe = (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 && Ya(e, s, a), a;
 };
-let me = class extends C {
+let pe = class extends S {
   constructor() {
-    super(...arguments), this.previews = [], this.selected = !1, this.selectable = !1, this.index = 0;
+    super(...arguments), this.previews = [], this.selected = !1, this.selectable = !1, this.multiSelect = !0, this.index = 0;
   }
   _handleClick(t) {
     if (!this.selectable) {
@@ -8659,7 +8675,7 @@ let me = class extends C {
     return Ts(t, "200");
   }
   _renderPreviewImg(t) {
-    const e = Es(t.file_type), s = this._getPreviewUrl(t), i = rt(St(t.file_type)), a = je();
+    const e = Es(t.file_type), s = this._getPreviewUrl(t), i = rt(St(t.file_type)), a = Be();
     return n`<div class="preview-slot ${e ? "icon-bg" : ""}">
       <img
         class="preview-img ${e ? "icon-mode" : ""}"
@@ -8703,7 +8719,7 @@ let me = class extends C {
           <path d="M 3,0 L 30,0 L 43.5,0 Q 45,0 46.5,3 L 51,12 L 97,12 Q 100,12 100,15 L 100,97 Q 100,100 97,100 L 3,100 Q 0,100 0,97 L 0,3 Q 0,0 3,0 Z"
                 rx="3" ry="3" />
         </svg>
-        ${this.selectable ? n`
+        ${this.selectable && this.multiSelect ? n`
           <div class="check">
             <div class="check-box">
               <svg class="check-icon" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round">
@@ -8729,7 +8745,7 @@ let me = class extends C {
     `;
   }
 };
-me.styles = [te, S`
+pe.styles = [ae, k`
     :host {
       display: block;
     }
@@ -8908,39 +8924,42 @@ me.styles = [te, S`
       display: block;
     }
   `];
-Ye([
-  h({ type: Object })
-], me.prototype, "folder", 2);
-Ye([
-  h({ type: Array })
-], me.prototype, "previews", 2);
-Ye([
-  h({ type: Boolean, reflect: !0 })
-], me.prototype, "selected", 2);
-Ye([
-  h({ type: Boolean })
-], me.prototype, "selectable", 2);
-Ye([
-  h({ type: Number })
-], me.prototype, "index", 2);
-me = Ye([
+Pe([
+  p({ type: Object })
+], pe.prototype, "folder", 2);
+Pe([
+  p({ type: Array })
+], pe.prototype, "previews", 2);
+Pe([
+  p({ type: Boolean, reflect: !0 })
+], pe.prototype, "selected", 2);
+Pe([
+  p({ type: Boolean })
+], pe.prototype, "selectable", 2);
+Pe([
+  p({ type: Boolean })
+], pe.prototype, "multiSelect", 2);
+Pe([
+  p({ type: Number })
+], pe.prototype, "index", 2);
+pe = Pe([
   F("ap-folder-card")
-], me);
-var Wa = Object.defineProperty, Qa = Object.getOwnPropertyDescriptor, Oe = (t, e, s, i) => {
+], pe);
+var Wa = Object.defineProperty, Qa = Object.getOwnPropertyDescriptor, ye = (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 && Wa(e, s, a), a;
 };
-let le = class extends C {
+let se = class extends S {
   constructor() {
-    super(...arguments), this.previews = [], this.selected = !1, this.selectable = !1, this.index = 0, this.compactLevel = 0;
+    super(...arguments), this.previews = [], this.selected = !1, this.selectable = !1, this.multiSelect = !0, this.index = 0, this.compactLevel = 0;
   }
   _getGridColumns() {
     const t = [];
-    return t.push("32px"), t.push("48px"), t.push("minmax(120px, 1fr)"), t.push("72px"), this.compactLevel < 2 && t.push("100px"), this.compactLevel < 1 && t.push("120px"), t.push("36px"), t.join(" ");
+    return this.multiSelect && t.push("32px"), t.push("48px"), t.push("minmax(120px, 1fr)"), t.push("72px"), this.compactLevel < 2 && t.push("100px"), this.compactLevel < 1 && t.push("120px"), t.push("64px"), t.join(" ");
   }
   _renderPreviewImg(t) {
-    const e = Es(t.file_type), s = Ts(t, "80"), i = rt(St(t.file_type)), a = je();
+    const e = Es(t.file_type), s = Ts(t, "80"), i = rt(St(t.file_type)), a = Be();
     return n`<div class="preview-slot ${e ? "icon-bg" : ""}"><img
       class="preview-img ${e ? "icon-mode" : ""}"
       src="${s || i}"
@@ -8997,15 +9016,14 @@ let le = class extends C {
     const t = this.folder;
     return t ? n`
       <div class="row" style="grid-template-columns: ${this._getGridColumns()}" @click=${this._handleClick}>
-        ${this.selectable ? n`
-          <div class="check">
-            <div class="check-box">
-              <svg class="check-icon" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round">
-                <path d="M20 6 9 17l-5-5"></path>
-              </svg>
-            </div>
-          </div>
-        ` : n`<div></div>`}
+        ${this.multiSelect ? this.selectable ? n`
+              <div class="check">
+                <div class="check-box">
+                  <svg class="check-icon" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round">
+                    <path d="M20 6 9 17l-5-5"></path>
+                  </svg>
+                </div>
+              </div>` : n`<div></div>` : f}
         <div class="thumb">${this._renderThumb()}</div>
         <div class="name">${t.name}</div>
         <div class="meta">Folder</div>
@@ -9016,7 +9034,7 @@ let le = class extends C {
     ` : n``;
   }
 };
-le.styles = S`
+se.styles = k`
     :host {
       display: block;
     }
@@ -9136,33 +9154,36 @@ le.styles = S`
       display: block;
     }
   `;
-Oe([
-  h({ type: Object })
-], le.prototype, "folder", 2);
-Oe([
-  h({ type: Array })
-], le.prototype, "previews", 2);
-Oe([
-  h({ type: Boolean, reflect: !0 })
-], le.prototype, "selected", 2);
-Oe([
-  h({ type: Boolean })
-], le.prototype, "selectable", 2);
-Oe([
-  h({ type: Number })
-], le.prototype, "index", 2);
-Oe([
-  h({ type: Number })
-], le.prototype, "compactLevel", 2);
-le = Oe([
+ye([
+  p({ type: Object })
+], se.prototype, "folder", 2);
+ye([
+  p({ type: Array })
+], se.prototype, "previews", 2);
+ye([
+  p({ type: Boolean, reflect: !0 })
+], se.prototype, "selected", 2);
+ye([
+  p({ type: Boolean })
+], se.prototype, "selectable", 2);
+ye([
+  p({ type: Boolean })
+], se.prototype, "multiSelect", 2);
+ye([
+  p({ type: Number })
+], se.prototype, "index", 2);
+ye([
+  p({ type: Number })
+], se.prototype, "compactLevel", 2);
+se = ye([
   F("ap-folder-row")
-], le);
+], se);
 var Za = Object.defineProperty, Ja = Object.getOwnPropertyDescriptor, nt = (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 && Za(e, s, a), a;
 };
-let Ee = class extends C {
+let Te = class extends S {
   constructor() {
     super(...arguments), this.variant = "grid", this.gridSize = "normal", this.multiSelect = !0, this.folderCount = 0;
   }
@@ -9223,7 +9244,7 @@ let Ee = class extends C {
     `;
   }
 };
-Ee.styles = S`
+Te.styles = k`
     :host {
       display: block;
       padding: 0 20px 16px;
@@ -9350,20 +9371,20 @@ Ee.styles = S`
     }
   `;
 nt([
-  h({ reflect: !0 })
-], Ee.prototype, "variant", 2);
+  p({ reflect: !0 })
+], Te.prototype, "variant", 2);
 nt([
-  h({ type: String })
-], Ee.prototype, "gridSize", 2);
+  p({ type: String })
+], Te.prototype, "gridSize", 2);
 nt([
-  h({ type: Boolean })
-], Ee.prototype, "multiSelect", 2);
+  p({ type: Boolean })
+], Te.prototype, "multiSelect", 2);
 nt([
-  h({ type: Number })
-], Ee.prototype, "folderCount", 2);
-Ee = nt([
+  p({ type: Number })
+], Te.prototype, "folderCount", 2);
+Te = nt([
   F("ap-skeleton")
-], Ee);
+], Te);
 function er(t) {
   var a, r;
   const e = (a = t.info) == null ? void 0 : a.playlists;
@@ -9376,7 +9397,7 @@ var tr = Object.defineProperty, sr = Object.getOwnPropertyDescriptor, j = (t, e,
     (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
   return i && a && tr(e, s, a), a;
 };
-let R = class extends C {
+let N = 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;
   }
@@ -9398,7 +9419,7 @@ let R = class extends C {
   }
   updated(t) {
     if (super.updated(t), t.has("asset") && (this._destroyHls(), this._previewLoading = !0, this.asset)) {
-      const e = ze(this.asset.type);
+      const e = Re(this.asset.type);
       e === "video" && this._setupHls(this.asset), e !== "image" && e !== "video" && (this._previewLoading = !1);
     }
   }
@@ -9417,8 +9438,8 @@ let R = class extends C {
         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 p;
-          c.fatal && (this._destroyHls(), s.src = ((p = t.url) == null ? void 0 : p.cdn) || "");
+          var h;
+          c.fatal && (this._destroyHls(), s.src = ((h = t.url) == null ? void 0 : h.cdn) || "");
         });
       } catch {
       }
@@ -9471,7 +9492,7 @@ let R = class extends C {
   }
   /** Check if an asset supports inline fullscreen preview (not PDF/other). */
   _supportsFullscreen(t) {
-    const e = ze(t.type);
+    const e = Re(t.type);
     return e === "image" || e === "video" || e === "audio";
   }
   /**
@@ -9503,7 +9524,7 @@ let R = class extends C {
     const e = (i = t.url) == null ? void 0 : i.cdn;
     if (!e) return vt(t) || "";
     if (((a = t.extension) == null ? void 0 : a.toLowerCase()) === "svg") return e;
-    const s = Be(e, this.containerToken);
+    const s = Ue(e, this.containerToken);
     return Je(s, {
       w: String(window.screen.width),
       dpr: String(window.devicePixelRatio || 1),
@@ -9540,14 +9561,14 @@ let R = class extends C {
   }
   _applyTagFilter(t) {
     this.dispatchEvent(new CustomEvent("filter-update", {
-      detail: { key: b.TAGS, values: [t], operator: k.IS },
+      detail: { key: b.TAGS, values: [t], operator: $.IS },
       bubbles: !0,
       composed: !0
     }));
   }
   _applyLabelFilter(t) {
     this.dispatchEvent(new CustomEvent("filter-update", {
-      detail: { key: b.LABELS, values: [t], operator: k.IS },
+      detail: { key: b.LABELS, values: [t], operator: $.IS },
       bubbles: !0,
       composed: !0
     }));
@@ -9665,9 +9686,9 @@ let R = class extends C {
     var r, o, l, c;
     const e = [], s = this._buildFieldMap(), i = /* @__PURE__ */ new Set();
     if (this.metadataFields.length > 0) {
-      const p = t;
+      const h = t;
       for (const u of this.metadataFields) {
-        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);
+        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);
         if (!d) continue;
         i.add(u.key), u.slug && i.add(u.slug);
         const g = d.length > 50;
@@ -9675,39 +9696,39 @@ let R = class extends C {
       }
     }
     if (t.meta)
-      for (const [p, u] of Object.entries(t.meta)) {
-        if (i.has(p) || u == null || u === "") continue;
-        const v = s.get(p);
+      for (const [h, u] of Object.entries(t.meta)) {
+        if (i.has(h) || u == null || u === "") continue;
+        const v = s.get(h);
         if (v) {
           const d = this._resolveFieldValue(u, v);
           if (!d) continue;
-          i.add(p);
+          i.add(h);
           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(p);
-          const g = p.charAt(0).toUpperCase() + p.slice(1).replace(/_/g, " "), m = d.length > 50;
+          i.add(h);
+          const g = h.charAt(0).toUpperCase() + h.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 [p, u] of Object.entries(a)) {
-        if (i.has(p) || u == null || u === "") continue;
-        const v = s.get(p);
+      for (const [h, u] of Object.entries(a)) {
+        if (i.has(h) || u == null || u === "") continue;
+        const v = s.get(h);
         if (v) {
           const d = this._resolveFieldValue(u, v);
           if (!d) continue;
-          i.add(p);
+          i.add(h);
           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(p);
-          const g = p.charAt(0).toUpperCase() + p.slice(1).replace(/_/g, " "), m = d.length > 50;
+          i.add(h);
+          const g = h.charAt(0).toUpperCase() + h.slice(1).replace(/_/g, " "), m = d.length > 50;
           e.push({ label: g, value: d, wrap: m });
         }
       }
@@ -9748,10 +9769,10 @@ let R = class extends C {
     `;
   }
   render() {
-    var I, E, z, N, ee, _e, Pe, lt;
+    var D, E, M, R, G, Y, Ie, lt;
     const t = this.asset;
     if (!t) return f;
-    const e = ze(t.type), s = e === "image", i = e === "video", a = e === "audio", r = ((I = t.extension) == null ? void 0 : I.toLowerCase()) === "pdf", o = rt(t.extension || ""), l = Ht(t.extension || ""), c = ((E = t.extension) == null ? void 0 : E.toLowerCase()) === "svg", p = vt(t), u = s ? c ? ((z = t.url) == null ? void 0 : z.cdn) || "" : p || Be(((N = t.url) == null ? void 0 : N.cdn) || "", this.containerToken) : "", v = s ? this._getFullscreenImageUrl(t) : "", d = s && !c ? this._getBlurDimensions(t) : null, g = i && ((ee = t.url) == null ? void 0 : ee.cdn) || "", m = i && (((_e = t.info) == null ? void 0 : _e.video_thumbnail) || ((Pe = t.info) == null ? void 0 : Pe.preview)) || "", w = r && !s ? Kt(t) : "", $ = this._getCurrentIndex(), T = $ > 0 && this._findNavTarget($, -1) >= 0, y = $ >= 0 && this._findNavTarget($, 1) >= 0, M = this.assets.length > 1;
+    const e = Re(t.type), s = e === "image", i = e === "video", a = e === "audio", r = ((D = t.extension) == null ? void 0 : D.toLowerCase()) === "pdf", o = rt(t.extension || ""), l = Ht(t.extension || ""), c = ((E = t.extension) == null ? void 0 : E.toLowerCase()) === "svg", h = vt(t), u = s ? c ? ((M = t.url) == null ? void 0 : M.cdn) || "" : h || Ue(((R = t.url) == null ? void 0 : R.cdn) || "", this.containerToken) : "", v = s ? this._getFullscreenImageUrl(t) : "", d = s && !c ? this._getBlurDimensions(t) : null, g = i && ((G = t.url) == null ? void 0 : G.cdn) || "", m = i && (((Y = t.info) == null ? void 0 : Y.video_thumbnail) || ((Ie = t.info) == null ? void 0 : Ie.preview)) || "", x = r && !s ? Kt(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;
     return n`
       <div class="panel">
         <div class="panel-header">
@@ -9771,11 +9792,11 @@ let R = class extends C {
         </div>
 
         <div class="preview-area ${s && l ? "chess" : ""}">
-          ${M ? n`
+          ${O ? n`
             <button class="nav-btn prev" @click=${this._prev} ?disabled=${!T} aria-label="Previous">
               <ap-icon name="chevron-left" .size=${16}></ap-icon>
             </button>
-            <button class="nav-btn next" @click=${this._next} ?disabled=${!y} aria-label="Next">
+            <button class="nav-btn next" @click=${this._next} ?disabled=${!C} aria-label="Next">
               <ap-icon name="chevron-right" .size=${16}></ap-icon>
             </button>
           ` : f}
@@ -9789,12 +9810,12 @@ let R = class extends C {
             <img
               src=${u}
               alt=${t.name}
-              @load=${(ye) => {
-      ye.target.classList.remove("icon-fallback"), this._previewLoading = !1;
+              @load=${(we) => {
+      we.target.classList.remove("icon-fallback"), this._previewLoading = !1;
     }}
-              @error=${(ye) => {
-      const xe = ye.target;
-      this._previewLoading = !1, xe.src !== o && (xe.src = o, xe.classList.add("icon-fallback"));
+              @error=${(we) => {
+      const $e = we.target;
+      this._previewLoading = !1, $e.src !== o && ($e.src = o, $e.classList.add("icon-fallback"));
     }}
             />
             <div class="fs-wrapper">
@@ -9823,12 +9844,12 @@ let R = class extends C {
           ${a ? n`<audio src=${((lt = t.url) == null ? void 0 : lt.cdn) || ""} controls></audio>` : f}
           ${r && !s ? n`
             <img
-              src=${w || o}
+              src=${x || o}
               alt=${t.name}
-              class=${w ? "" : "icon-fallback"}
-              @error=${(ye) => {
-      const xe = ye.target;
-      xe.src !== o && (xe.src = o, xe.classList.add("icon-fallback"));
+              class=${x ? "" : "icon-fallback"}
+              @error=${(we) => {
+      const $e = we.target;
+      $e.src !== o && ($e.src = o, $e.classList.add("icon-fallback"));
     }}
             />
           ` : f}
@@ -9843,7 +9864,7 @@ let R = class extends C {
     `;
   }
 };
-R.styles = S`
+N.styles = k`
     :host {
       display: block;
     }
@@ -10156,53 +10177,53 @@ R.styles = S`
     }
   `;
 j([
-  h({ type: Object })
-], R.prototype, "asset", 2);
+  p({ type: Object })
+], N.prototype, "asset", 2);
 j([
-  h({ type: Array })
-], R.prototype, "assets", 2);
+  p({ type: Array })
+], N.prototype, "assets", 2);
 j([
-  h({ type: Array })
-], R.prototype, "selectedIds", 2);
+  p({ type: Array })
+], N.prototype, "selectedIds", 2);
 j([
-  h()
-], R.prototype, "containerToken", 2);
+  p()
+], N.prototype, "containerToken", 2);
 j([
-  h({ type: Boolean })
-], R.prototype, "showMetadata", 2);
+  p({ type: Boolean })
+], N.prototype, "showMetadata", 2);
 j([
-  h({ type: Array })
-], R.prototype, "metadataFields", 2);
+  p({ type: Array })
+], N.prototype, "metadataFields", 2);
 j([
-  h({ type: Array })
-], R.prototype, "labels", 2);
+  p({ type: Array })
+], N.prototype, "labels", 2);
 j([
-  h({ type: Object })
-], R.prototype, "regionalFilters", 2);
+  p({ type: Object })
+], N.prototype, "regionalFilters", 2);
 j([
-  h({ type: Boolean })
-], R.prototype, "multiSelect", 2);
+  p({ type: Boolean })
+], N.prototype, "multiSelect", 2);
 j([
-  Ae(".preview-area")
-], R.prototype, "previewArea", 2);
+  Me(".preview-area")
+], N.prototype, "previewArea", 2);
 j([
-  Ae("video")
-], R.prototype, "_videoEl", 2);
+  Me("video")
+], N.prototype, "_videoEl", 2);
 j([
   _()
-], R.prototype, "_isFullscreen", 2);
+], N.prototype, "_isFullscreen", 2);
 j([
   _()
-], R.prototype, "_fsImageLoaded", 2);
+], N.prototype, "_fsImageLoaded", 2);
 j([
   _()
-], R.prototype, "_previewLoading", 2);
+], N.prototype, "_previewLoading", 2);
 j([
   _()
-], R.prototype, "_openSections", 2);
-R = j([
+], N.prototype, "_openSections", 2);
+N = j([
   F("ap-preview-panel")
-], R);
+], N);
 var ir = Object.defineProperty, ar = Object.getOwnPropertyDescriptor, Yt = (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);
@@ -10552,16 +10573,16 @@ const rr = {
     { tag: "path", attrs: { d: "M8.916 4.674a1 1 0 0 0 0 1.414l2.377 2.376a1 1 0 0 0 1.414 0l2.377-2.376a1 1 0 0 0 0-1.414l-2.377-2.377a1 1 0 0 0-1.414 0z" } }
   ]
 };
-let st = class extends C {
+let st = class extends S {
   constructor() {
     super(...arguments), this.name = "", this.size = 20;
   }
   render() {
     const t = rr[this.name];
     if (!t) return f;
-    const e = typeof t == "string" ? ue`<path d=${t}></path>` : t.map((s) => {
+    const e = typeof t == "string" ? fe`<path d=${t}></path>` : t.map((s) => {
       const { tag: i, attrs: a } = s;
-      return i === "circle" ? ue`<circle cx=${a.cx} cy=${a.cy} r=${a.r} fill=${a.fill ?? "none"}></circle>` : i === "rect" ? ue`<rect width=${a.width} height=${a.height} x=${a.x} y=${a.y} rx=${a.rx ?? "0"} ry=${a.ry ?? "0"}></rect>` : ue`<path d=${a.d}></path>`;
+      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 n`
       <svg
@@ -10579,7 +10600,7 @@ let st = class extends C {
   }
 };
 st.styles = [
-  S`
+  k`
       :host {
         display: inline-flex;
         align-items: center;
@@ -10592,22 +10613,22 @@ st.styles = [
     `
 ];
 Yt([
-  h()
+  p()
 ], st.prototype, "name", 2);
 Yt([
-  h({ type: Number })
+  p({ type: Number })
 ], st.prototype, "size", 2);
 st = Yt([
   F("ap-icon")
 ], st);
-var or = Object.defineProperty, nr = Object.getOwnPropertyDescriptor, Le = (t, e, s, i) => {
+var or = Object.defineProperty, nr = Object.getOwnPropertyDescriptor, xe = (t, e, s, i) => {
   for (var a = i > 1 ? void 0 : i ? nr(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;
 };
-let ce = class extends C {
+let ie = class extends S {
   constructor() {
-    super(...arguments), this.selectedAssets = [], this.selectedFolders = [], this.totalCount = 0, this.isSelectingAll = !1, this.multiSelect = !0;
+    super(...arguments), this.selectedAssets = [], this.selectedFolders = [], this.totalCount = 0, this.totalFolderCount = 0, this.isSelectingAll = !1, this.multiSelect = !0;
   }
   get _totalSelected() {
     return this.selectedAssets.length + this.selectedFolders.length;
@@ -10629,29 +10650,48 @@ let ce = class extends C {
   _clear() {
     this.dispatchEvent(new CustomEvent("selection-clear", { bubbles: !0, composed: !0 }));
   }
+  _canSelectMore() {
+    if (this.maxSelections && this._totalSelected >= this.maxSelections) return !1;
+    const t = this._selectScope;
+    return t === "assets" ? this.selectedAssets.length < this.totalCount : t === "folders" ? this.selectedFolders.length < this.totalFolderCount : this._totalSelected < this.totalCount + this.totalFolderCount;
+  }
+  get _scopeTotal() {
+    const t = this._selectScope;
+    return t === "assets" ? this.totalCount : t === "folders" ? this.totalFolderCount : this.totalCount + this.totalFolderCount;
+  }
+  get _selectScope() {
+    const t = this.selectedAssets.length > 0, e = this.selectedFolders.length > 0;
+    return t && !e ? "assets" : e && !t ? "folders" : "all";
+  }
   _selectAll() {
-    this.dispatchEvent(new CustomEvent("select-all", { bubbles: !0, composed: !0 }));
+    this.dispatchEvent(new CustomEvent("select-all", {
+      detail: { scope: this._selectScope },
+      bubbles: !0,
+      composed: !0
+    }));
   }
   render() {
     return this._totalSelected === 0 ? f : n`
       <div class="bar">
         <span class="count">${this._formatCount()}</span>
-        <span class="divider"></span>
-        <span class="select-label">Select:</span>
-        ${this.multiSelect && this._totalSelected < this.totalCount && (!this.maxSelections || this._totalSelected < this.maxSelections) ? n`<button
-              class="bar-btn"
-              ?disabled=${this.isSelectingAll}
-              @click=${this._selectAll}
-            ><ap-icon name="check-check" .size=${14}></ap-icon>${this.isSelectingAll ? "Selecting..." : this.maxSelections && this.maxSelections < this.totalCount ? `First ${this.maxSelections}` : "Select all"}</button>` : f}
-        <button class="bar-btn" @click=${this._clear}><ap-icon name="close" .size=${14}></ap-icon>Deselect all</button>
-        ${this.maxSelections && this._totalSelected >= this.maxSelections ? n`<span class="limit-notice">Max ${this.maxSelections} allowed</span>` : f}
+        ${this.multiSelect ? n`
+          <span class="divider"></span>
+          <span class="select-label">Select:</span>
+          ${this._canSelectMore() ? n`<button
+                class="bar-btn"
+                ?disabled=${this.isSelectingAll}
+                @click=${this._selectAll}
+              ><ap-icon name="check-check" .size=${14}></ap-icon>${this.isSelectingAll ? "Selecting..." : this.maxSelections && this.maxSelections < this._scopeTotal ? `First ${this.maxSelections}` : this._selectScope === "assets" ? "Select all assets" : this._selectScope === "folders" ? "Select all folders" : "Select all"}</button>` : f}
+          <button class="bar-btn" @click=${this._clear}><ap-icon name="close" .size=${14}></ap-icon>Deselect all</button>
+          ${this.maxSelections && this._totalSelected >= this.maxSelections ? n`<span class="limit-notice">Max ${this.maxSelections} allowed</span>` : f}
+        ` : f}
         <div class="spacer"></div>
         <button class="btn-confirm" @click=${this._confirm}>Confirm</button>
       </div>
     `;
   }
 };
-ce.styles = S`
+ie.styles = k`
     :host {
       display: block;
       padding: 0 8px 8px;
@@ -10739,33 +10779,36 @@ ce.styles = S`
       .bar { animation: none; }
     }
   `;
-Le([
-  h({ type: Array })
-], ce.prototype, "selectedAssets", 2);
-Le([
-  h({ type: Array })
-], ce.prototype, "selectedFolders", 2);
-Le([
-  h({ type: Number })
-], ce.prototype, "totalCount", 2);
-Le([
-  h({ type: Boolean })
-], ce.prototype, "isSelectingAll", 2);
-Le([
-  h({ type: Boolean })
-], ce.prototype, "multiSelect", 2);
-Le([
-  h({ type: Number })
-], ce.prototype, "maxSelections", 2);
-ce = Le([
+xe([
+  p({ type: Array })
+], ie.prototype, "selectedAssets", 2);
+xe([
+  p({ type: Array })
+], ie.prototype, "selectedFolders", 2);
+xe([
+  p({ type: Number })
+], ie.prototype, "totalCount", 2);
+xe([
+  p({ type: Number })
+], ie.prototype, "totalFolderCount", 2);
+xe([
+  p({ type: Boolean })
+], ie.prototype, "isSelectingAll", 2);
+xe([
+  p({ type: Boolean })
+], ie.prototype, "multiSelect", 2);
+xe([
+  p({ type: Number })
+], ie.prototype, "maxSelections", 2);
+ie = xe([
   F("ap-selection-bar")
-], ce);
+], ie);
 var lr = Object.defineProperty, cr = Object.getOwnPropertyDescriptor, Xt = (t, e, s, i) => {
   for (var a = i > 1 ? void 0 : i ? cr(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;
 };
-let it = class extends C {
+let it = class extends S {
   constructor() {
     super(...arguments), this.active = !1, this.rect = { x: 0, y: 0, width: 0, height: 0 };
   }
@@ -10778,7 +10821,7 @@ let it = class extends C {
     `;
   }
 };
-it.styles = S`
+it.styles = k`
     :host {
       display: block;
       position: absolute;
@@ -10797,10 +10840,10 @@ it.styles = S`
     }
   `;
 Xt([
-  h({ type: Boolean })
+  p({ type: Boolean })
 ], it.prototype, "active", 2);
 Xt([
-  h({ type: Object })
+  p({ type: Object })
 ], it.prototype, "rect", 2);
 it = Xt([
   F("ap-marquee-overlay")
@@ -10810,7 +10853,7 @@ var dr = Object.defineProperty, pr = Object.getOwnPropertyDescriptor, Xe = (t, e
     (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
   return i && a && dr(e, s, a), a;
 };
-let be = class extends C {
+let _e = class extends S {
   constructor() {
     super(...arguments), this.value = "", this.options = [], this.disabled = !1, this.direction = "vertical", this._onKeydown = (t) => {
       const e = this.options.filter(
@@ -10873,9 +10916,9 @@ let be = class extends C {
     }));
   }
 };
-be.styles = [
-  te,
-  S`
+_e.styles = [
+  ae,
+  k`
       :host {
         display: flex;
         flex-direction: column;
@@ -10939,29 +10982,29 @@ be.styles = [
     `
 ];
 Xe([
-  h()
-], be.prototype, "value", 2);
+  p()
+], _e.prototype, "value", 2);
 Xe([
-  h({ type: Array })
-], be.prototype, "options", 2);
+  p({ type: Array })
+], _e.prototype, "options", 2);
 Xe([
-  h({ type: Boolean })
-], be.prototype, "disabled", 2);
+  p({ type: Boolean })
+], _e.prototype, "disabled", 2);
 Xe([
-  h({ reflect: !0 })
-], be.prototype, "direction", 2);
+  p({ reflect: !0 })
+], _e.prototype, "direction", 2);
 Xe([
-  h({ reflect: !0 })
-], be.prototype, "columns", 2);
-be = Xe([
+  p({ reflect: !0 })
+], _e.prototype, "columns", 2);
+_e = Xe([
   F("ap-radio-group")
-], be);
+], _e);
 var hr = Object.defineProperty, ur = Object.getOwnPropertyDescriptor, Os = (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 && hr(e, s, a), a;
 };
-let bt = class extends C {
+let bt = class extends S {
   constructor() {
     super(...arguments), this.size = 24;
   }
@@ -10970,7 +11013,7 @@ let bt = class extends C {
   }
 };
 bt.styles = [
-  S`
+  k`
       :host {
         display: inline-flex;
       }
@@ -10986,7 +11029,7 @@ bt.styles = [
     `
 ];
 Os([
-  h({ type: Number })
+  p({ type: Number })
 ], bt.prototype, "size", 2);
 bt = Os([
   F("ap-spinner")
@@ -10996,7 +11039,7 @@ var gr = Object.defineProperty, fr = Object.getOwnPropertyDescriptor, Ct = (t, e
     (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
   return i && a && gr(e, s, a), a;
 };
-let Ue = class extends C {
+let Ve = class extends S {
   constructor() {
     super(...arguments), this.folders = [], this.loading = !1, this._mode = "recursive";
   }
@@ -11048,7 +11091,7 @@ let Ue = class extends C {
     `;
   }
 };
-Ue.styles = [te, S`
+Ve.styles = [ae, k`
     :host {
       display: block;
     }
@@ -11123,23 +11166,23 @@ Ue.styles = [te, S`
     }
   `];
 Ct([
-  h({ type: Array })
-], Ue.prototype, "folders", 2);
+  p({ type: Array })
+], Ve.prototype, "folders", 2);
 Ct([
-  h({ type: Boolean })
-], Ue.prototype, "loading", 2);
+  p({ type: Boolean })
+], Ve.prototype, "loading", 2);
 Ct([
   _()
-], Ue.prototype, "_mode", 2);
-Ue = Ct([
+], Ve.prototype, "_mode", 2);
+Ve = Ct([
   F("ap-folder-resolve-dialog")
-], Ue);
+], Ve);
 var vr = Object.defineProperty, mr = Object.getOwnPropertyDescriptor, Ft = (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 && vr(e, s, a), a;
 };
-let Ve = class extends C {
+let qe = class extends S {
   constructor() {
     super(...arguments), this.checked = !1, this.indeterminate = !1, this.disabled = !1, this._hasLabel = !1, this._handleHostClick = () => {
       this.dispatchEvent(new CustomEvent("ap-toggle", {
@@ -11173,8 +11216,8 @@ let Ve = class extends C {
     `;
   }
 };
-Ve.styles = [
-  S`
+qe.styles = [
+  k`
       :host {
         display: inline-flex;
         align-items: center;
@@ -11236,23 +11279,23 @@ Ve.styles = [
     `
 ];
 Ft([
-  h({ type: Boolean, reflect: !0 })
-], Ve.prototype, "checked", 2);
+  p({ type: Boolean, reflect: !0 })
+], qe.prototype, "checked", 2);
 Ft([
-  h({ type: Boolean, reflect: !0 })
-], Ve.prototype, "indeterminate", 2);
+  p({ type: Boolean, reflect: !0 })
+], qe.prototype, "indeterminate", 2);
 Ft([
-  h({ type: Boolean, reflect: !0 })
-], Ve.prototype, "disabled", 2);
-Ve = Ft([
+  p({ type: Boolean, reflect: !0 })
+], qe.prototype, "disabled", 2);
+qe = Ft([
   F("ap-checkbox")
-], Ve);
+], qe);
 var br = Object.defineProperty, _r = Object.getOwnPropertyDescriptor, Ls = (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 && br(e, s, a), a;
 };
-let _t = class extends C {
+let _t = class extends S {
   constructor() {
     super(...arguments), this.open = !1, this._handleOutsideClick = (t) => {
       this.open && !t.composedPath().includes(this) && (this.open = !1);
@@ -11274,7 +11317,7 @@ let _t = class extends C {
   }
 };
 _t.styles = [
-  S`
+  k`
       :host {
         position: relative;
         display: inline-block;
@@ -11308,7 +11351,7 @@ var yr = Object.defineProperty, xr = Object.getOwnPropertyDescriptor, K = (t, e,
     (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
   return i && a && yr(e, s, a), a;
 };
-let U = class extends C {
+let U = class extends S {
   constructor() {
     super(...arguments), this.value = "", this.label = "", this.variant = "default", this.options = [], this._open = !1, this._focusedIndex = -1, this._menuPosition = "below", this._menuAlign = "align-left", this._menuTop = 0, this._menuBottom = 0, this._menuLeft = 0, this._menuRight = 0, this._handleOutsideClick = (t) => {
       t.composedPath().includes(this) || (this._open = !1, document.removeEventListener("click", this._handleOutsideClick));
@@ -11416,8 +11459,8 @@ let U = class extends C {
   }
 };
 U.styles = [
-  te,
-  S`
+  ae,
+  k`
       :host {
         position: relative;
         display: inline-block;
@@ -11500,16 +11543,16 @@ U.styles = [
     `
 ];
 K([
-  h()
+  p()
 ], U.prototype, "value", 2);
 K([
-  h()
+  p()
 ], U.prototype, "label", 2);
 K([
-  h({ reflect: !0 })
+  p({ reflect: !0 })
 ], U.prototype, "variant", 2);
 K([
-  h({ type: Array })
+  p({ type: Array })
 ], U.prototype, "options", 2);
 K([
   _()
@@ -11543,7 +11586,7 @@ var wr = Object.defineProperty, $r = Object.getOwnPropertyDescriptor, Ps = (t, e
     (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
   return i && a && wr(e, s, a), a;
 };
-let yt = class extends C {
+let yt = class extends S {
   constructor() {
     super(...arguments), this.variant = "default";
   }
@@ -11552,7 +11595,7 @@ let yt = class extends C {
   }
 };
 yt.styles = [
-  S`
+  k`
       :host {
         display: inline-flex;
       }
@@ -11574,7 +11617,7 @@ yt.styles = [
     `
 ];
 Ps([
-  h({ reflect: !0 })
+  p({ reflect: !0 })
 ], yt.prototype, "variant", 2);
 yt = Ps([
   F("ap-badge")
@@ -11584,7 +11627,7 @@ var kr = Object.defineProperty, Sr = Object.getOwnPropertyDescriptor, Is = (t, e
     (o = t[r]) && (a = (i ? o(e, s, a) : o(a)) || a);
   return i && a && kr(e, s, a), a;
 };
-let xt = class extends C {
+let xt = class extends S {
   constructor() {
     super(...arguments), this.text = "";
   }
@@ -11596,7 +11639,7 @@ let xt = class extends C {
   }
 };
 xt.styles = [
-  S`
+  k`
       :host {
         position: relative;
         display: inline-flex;
@@ -11622,7 +11665,7 @@ xt.styles = [
     `
 ];
 Is([
-  h()
+  p()
 ], xt.prototype, "text", 2);
 xt = Is([
   F("ap-tooltip")
@@ -11632,7 +11675,7 @@ var Cr = Object.defineProperty, Et = (t, e, s, i) => {
     (o = t[r]) && (a = o(e, s, a) || a);
   return a && Cr(e, s, a), a;
 };
-const Wt = class Wt extends C {
+const Wt = class Wt 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) => {
       var s;
@@ -11698,16 +11741,16 @@ const Wt = class Wt extends C {
         Ys(this.apiClient)
       ]);
       if (r.status === "fulfilled") {
-        const { fields: d, regionalVariantGroups: g, regionalFilters: m, brandColor: w } = r.value;
+        const { fields: d, regionalVariantGroups: g, regionalFilters: m, brandColor: x } = r.value;
         this.store.setState({
           metadataFields: d,
           regionalVariantGroups: g,
           regionalFilters: m,
-          ...w ? { brandColor: w } : {}
+          ...x ? { brandColor: x } : {}
         });
       }
       o.status === "fulfilled" && this.store.setState({ labels: o.value.labels || [] }), l.status === "fulfilled" && this.store.setState({ tags: l.value });
-      const { pinnedFilters: c, pinnedMetadata: p } = Fi(e.auth.projectToken ?? null), u = this.store.getState().filters;
+      const { pinnedFilters: c, pinnedMetadata: h } = Fi(e.auth.projectToken ?? null), u = this.store.getState().filters;
       this.store.setState({
         filters: {
           ...u,
@@ -11715,8 +11758,8 @@ const Wt = class Wt extends C {
           visible: [...c],
           metadata: {
             ...u.metadata,
-            pinned: p,
-            visible: [...p]
+            pinned: h,
+            visible: [...h]
           }
         }
       });
@@ -11811,14 +11854,14 @@ const Wt = class Wt extends C {
     return !!((i = (s = e.dataTransfer) == null ? void 0 : s.types) != null && i.includes("Files"));
   }
   async open() {
-    var u, v, d, g, m, w, $, T, y, M;
+    var u, v, d, g, m, x, w, T, C, O;
     const e = this.store.getState(), s = Ze((u = this.config) == null ? void 0 : u.forcedFilters), i = new Set(Object.keys(s)), a = {}, r = Ze((v = this.config) == null ? void 0 : v.defaultFilters);
-    for (const [I, E] of Object.entries(r))
-      i.has(I) || (a[I] = E);
-    const o = Object.keys(a), l = ((d = this.config) == null ? void 0 : d.tabs) ?? ["assets", "folders"], c = (g = this.config) != null && g.rememberLastTab ? Pi() : null, p = (c && l.includes(c) ? c : null) ?? ((m = this.config) != null && m.defaultTab && l.includes(this.config.defaultTab) ? this.config.defaultTab : null) ?? l[0] ?? "assets";
+    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 ? Pi() : 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";
     this.store.setState({
       isOpen: !0,
-      activeTab: p,
+      activeTab: h,
       searchQuery: "",
       filters: {
         metadata: {
@@ -11834,10 +11877,10 @@ const Wt = class Wt extends C {
       assets: [],
       folders: [],
       currentFolder: null,
-      currentFolderPath: p === "folders" && ((w = this.config) == null ? void 0 : w.rememberLastFolder) && ls() || (($ = this.config) == null ? void 0 : $.rootFolderPath) || "/",
+      currentFolderPath: h === "folders" && ((x = this.config) == null ? void 0 : x.rememberLastFolder) && ls() || ((w = this.config) == null ? void 0 : w.rootFolderPath) || "/",
       breadcrumb: this._buildBreadcrumbFromPath(
-        p === "folders" && ((T = this.config) == null ? void 0 : T.rememberLastFolder) && ls() || ((y = this.config) == null ? void 0 : y.rootFolderPath) || "/",
-        ((M = this.config) == null ? void 0 : M.rootFolderPath) || "/"
+        h === "folders" && ((T = this.config) == null ? void 0 : T.rememberLastFolder) && ls() || ((C = this.config) == null ? void 0 : C.rootFolderPath) || "/",
+        ((O = this.config) == null ? void 0 : O.rootFolderPath) || "/"
       ),
       selectedAssets: /* @__PURE__ */ new Map(),
       selectedFolders: /* @__PURE__ */ new Map(),
@@ -11861,41 +11904,41 @@ const Wt = class Wt extends C {
     (e = this.renderRoot.querySelector(".main-content")) == null || e.scrollTo({ top: 0 });
   }
   async _loadData() {
-    var i, a, r, o, l, c, p, u, v, d, g, m, w, $;
+    var i, a, r, o, l, c, h, u, v, d, g, m, x, w;
     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 y = this._buildSearchNotation(), M = s.currentFolderPath || "/", I = We(this.apiClient, {
-          folder: M,
+        const C = this._buildSearchNotation(), O = s.currentFolderPath || "/", D = We(this.apiClient, {
+          folder: O,
           offset: 0,
           limit: s.limit,
           sort_by: s.sortBy,
           sort_direction: s.sortDirection,
           search: s.searchQuery || void 0,
-          q: y || void 0,
+          q: C || void 0,
           recursive: 1
         }), E = Jt(this.apiClient, {
-          folder: M,
-          q: y || void 0,
+          folder: O,
+          q: C || void 0,
           search: s.searchQuery || void 0,
           recursive: 1
-        }).catch(() => null), [z, N] = await Promise.all([I, E]);
+        }).catch(() => null), [M, R] = await Promise.all([D, E]);
         if (e !== this._loadId) return;
-        const ee = ((i = z.files) == null ? void 0 : i.length) ?? 0, _e = ee >= s.limit, Pe = ((a = N == null ? void 0 : N.stats) == null ? void 0 : a.approx_files_count) ?? ((r = N == null ? void 0 : N.info) == null ? void 0 : r.total_files_count) ?? ((o = z.info) == null ? void 0 : o.total_files_count) ?? ((c = (l = z.base) == null ? void 0 : l.count) == null ? void 0 : c.files_recursive) ?? ((u = (p = z.base) == null ? void 0 : p.count) == null ? void 0 : u.files_direct) ?? ee;
+        const G = ((i = M.files) == null ? void 0 : i.length) ?? 0, Y = G >= s.limit, Ie = ((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) ?? G;
         this.store.setState({
-          assets: z.files || [],
+          assets: M.files || [],
           folders: [],
-          totalCount: Pe,
+          totalCount: Ie,
           totalFolderCount: 0,
           offset: 0,
-          hasMore: _e,
+          hasMore: Y,
           isLoading: !1
         });
       } else if (T === "folders") {
-        const y = this._buildSearchNotation(), M = s.currentFolderPath || "/", [I, E, z] = await Promise.all([
+        const C = this._buildSearchNotation(), O = s.currentFolderPath || "/", [D, E, M] = await Promise.all([
           Hs(this.apiClient, {
             folderPath: s.currentFolderPath,
             q: s.searchQuery || void 0,
@@ -11904,40 +11947,40 @@ const Wt = class Wt extends C {
             sort_direction: s.sortDirection
           }),
           We(this.apiClient, {
-            folder: M,
+            folder: O,
             offset: 0,
             limit: s.limit,
             sort_by: s.sortBy,
             sort_direction: s.sortDirection,
             search: s.searchQuery || void 0,
-            q: y || void 0,
+            q: C || void 0,
             recursive: 0
           }),
           Jt(this.apiClient, {
-            folder: M,
-            q: y || void 0,
+            folder: O,
+            q: C || void 0,
             search: s.searchQuery || void 0,
             recursive: 0
           }).catch(() => null)
         ]);
         if (e !== this._loadId) return;
-        const N = I.folders || [];
-        let ee = {};
-        if (N.length > 0)
+        const R = D.folders || [];
+        let G = {};
+        if (R.length > 0)
           try {
-            ee = await Ks(this.apiClient, N.map((ye) => ye.uuid));
+            G = await Ks(this.apiClient, R.map((we) => we.uuid));
           } catch {
           }
         if (e !== this._loadId) return;
-        const _e = ((v = E.files) == null ? void 0 : v.length) ?? 0, Pe = _e >= s.limit, lt = ((d = z == null ? void 0 : z.stats) == null ? void 0 : d.approx_files_count) ?? ((g = z == null ? void 0 : z.info) == null ? void 0 : g.total_files_count) ?? ((m = E.info) == null ? void 0 : m.total_files_count) ?? (($ = (w = E.base) == null ? void 0 : w.count) == null ? void 0 : $.files_direct) ?? _e;
+        const Y = ((v = E.files) == null ? void 0 : v.length) ?? 0, Ie = Y >= s.limit, lt = ((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) ?? Y;
         this.store.setState({
           assets: E.files || [],
-          folders: N,
-          folderPreviews: ee,
+          folders: R,
+          folderPreviews: G,
           totalCount: lt,
-          totalFolderCount: I.total ?? N.length,
+          totalFolderCount: D.total ?? R.length,
           offset: 0,
-          hasMore: Pe,
+          hasMore: Ie,
           isLoading: !1
         });
       }
@@ -11967,9 +12010,9 @@ const Wt = class Wt extends C {
         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, p = [...o, ...l];
+      const o = this.store.getState().assets, l = r.files || [], c = l.length >= e.limit, h = [...o, ...l];
       this.store.setState({
-        assets: p,
+        assets: h,
         offset: i,
         hasMore: c,
         isLoading: !1
@@ -12073,7 +12116,7 @@ const Wt = class Wt extends C {
   }
   _handleBreadcrumbNavigate(e) {
     var l, c;
-    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) || "/";
+    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 && ns(o), this.store.setState({
       currentFolder: s || null,
       currentFolderPath: o,
@@ -12102,7 +12145,7 @@ const Wt = class Wt extends C {
     this.store.setState({ previewAsset: e.detail.asset });
   }
   _handleSelectionConfirm(e) {
-    var a, r, o, l, c, p;
+    var a, r, o, l, c, h;
     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") {
@@ -12116,7 +12159,7 @@ const Wt = class Wt extends C {
       })), this._isInline || this.close();
       return;
     }
-    (p = (c = this.config) == null ? void 0 : c.onSelect) == null || p.call(c, s), this.dispatchEvent(new CustomEvent("ap-select", {
+    (h = (c = this.config) == null ? void 0 : c.onSelect) == null || h.call(c, s), this.dispatchEvent(new CustomEvent("ap-select", {
       detail: { assets: s },
       bubbles: !0,
       composed: !0
@@ -12135,11 +12178,11 @@ const Wt = class Wt extends C {
             limit: 1e4
           })
         )
-      ), p = [];
+      ), h = [];
       for (const m of c)
-        p.push(...m.files);
+        h.push(...m.files);
       const u = [...a], v = new Set(u.map((m) => m.uuid));
-      for (const m of p)
+      for (const m of h)
         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", {
@@ -12158,52 +12201,56 @@ const Wt = class Wt extends C {
   _handleFolderResolveCancel() {
     this._folderResolveOpen = !1;
   }
-  async _handleSelectAll() {
-    var i, a, r;
-    const e = this.store.getState();
-    if (!(e.isSelectingAll || !this.apiClient || !(((i = e.config) == null ? void 0 : i.multiSelect) ?? !0))) {
-      if (e.assets.length >= e.totalCount) {
-        ((a = this.config) == null ? void 0 : a.folderSelection) !== !1 && e.folders.length > 0 && this.selectionCtrl.selectAllFolders(e.folders), this.selectionCtrl.selectAll(e.assets);
-        return;
-      }
-      this.store.setState({ isSelectingAll: !0 });
-      try {
-        const o = this._buildSearchNotation(), l = e.currentFolderPath || "/", c = e.limit, p = e.assets, u = e.totalCount, v = e.activeTab === "folders" ? 0 : 1, d = [];
-        for (let y = p.length; y < u; y += c)
-          d.push(y);
-        const g = 4, m = [];
-        for (let y = 0; y < d.length; y += g) {
-          const M = d.slice(y, y + g), I = await Promise.all(
-            M.map(
-              (E) => We(this.apiClient, {
-                folder: l,
-                offset: E,
-                limit: c,
-                sort_by: e.sortBy,
-                sort_direction: e.sortDirection,
-                search: e.searchQuery || void 0,
-                q: o || void 0,
-                recursive: v
-              })
-            )
-          );
-          for (const E of I)
-            E.files && m.push(...E.files);
-        }
-        const w = new Set(p.map((y) => y.uuid)), $ = m.filter((y) => w.has(y.uuid) ? !1 : (w.add(y.uuid), !0)), T = [...p, ...$];
-        this.store.setState({
-          assets: T,
-          offset: Math.max(0, T.length - c),
-          hasMore: !1,
-          isSelectingAll: !1
-        }), ((r = this.config) == null ? void 0 : r.folderSelection) !== !1 && e.folders.length > 0 && this.selectionCtrl.selectAllFolders(e.folders), this.selectionCtrl.selectAll(T);
-      } catch (o) {
-        this.store.setState({ isSelectingAll: !1 }), this.dispatchEvent(new CustomEvent("ap-error", {
-          detail: { error: o, context: "selectAll" },
-          bubbles: !0,
-          composed: !0
-        }));
+  async _handleSelectAll(e) {
+    var l, c, h;
+    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 (!(a !== "folders")) {
+      r && this.selectionCtrl.selectAllFolders(s.folders);
+      return;
+    }
+    if (s.assets.length >= s.totalCount) {
+      r && this.selectionCtrl.selectAllFolders(s.folders), this.selectionCtrl.selectAll(s.assets);
+      return;
+    }
+    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), G = await Promise.all(
+          R.map(
+            (Y) => We(this.apiClient, {
+              folder: v,
+              offset: Y,
+              limit: d,
+              sort_by: s.sortBy,
+              sort_direction: s.sortDirection,
+              search: s.searchQuery || void 0,
+              q: u || void 0,
+              recursive: x
+            })
+          )
+        );
+        for (const Y of G)
+          Y.files && C.push(...Y.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];
+      this.store.setState({
+        assets: E,
+        offset: Math.max(0, E.length - d),
+        hasMore: !1,
+        isSelectingAll: !1
+      }), r && this.selectionCtrl.selectAllFolders(s.folders), this.selectionCtrl.selectAll(E);
+    } catch (u) {
+      this.store.setState({ isSelectingAll: !1 }), this.dispatchEvent(new CustomEvent("ap-error", {
+        detail: { error: u, context: "selectAll" },
+        bubbles: !0,
+        composed: !0
+      }));
     }
   }
   _handleSelectionClear() {
@@ -12223,12 +12270,12 @@ const Wt = class Wt extends C {
       (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: p, from: u, to: v } = i;
-      l = !c && !p && !u && !v;
+      const { kind: c, preset: h, from: u, to: v } = i;
+      l = !c && !h && !u && !v;
     }
     if (l) {
       const c = { ...o.applied };
-      delete c[s], o.applied = c, o.pinned.includes(s) || (o.visible = o.visible.filter((p) => p !== s));
+      delete c[s], o.applied = c, o.pinned.includes(s) || (o.visible = o.visible.filter((h) => h !== s));
     } else {
       const c = { ...o.applied };
       this._isDateFilterKey(s) && typeof i == "object" && !Array.isArray(i) ? c[s] = {
@@ -12285,21 +12332,21 @@ const Wt = class Wt extends C {
     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 w = a.renderRoot.querySelectorAll(".chip.pinned-empty"), $ = i ? (d = a._getMetadataLabel) == null ? void 0 : d.call(a, i) : void 0;
-      for (const T of w) {
-        const y = (m = (g = T.querySelector(".chip-label")) == null ? void 0 : g.textContent) == null ? void 0 : m.trim();
-        if (i && y === $) {
+      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;
           break;
         }
-        if (s && y === (De[s] || s)) {
+        if (s && C === (ze[s] || s)) {
           o = T;
           break;
         }
       }
     }
     if (!o) return;
-    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;
+    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;
     i ? r.openMetadataFieldPanel(i, !0, u, v) : s && r.openFilterPanel(s, !0, u, v);
   }
   _handleFilterRemove(e) {
@@ -12310,13 +12357,13 @@ const Wt = class Wt extends C {
     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 }, 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] = {
+    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] = {
       type: "string",
       values: Array.isArray(a) ? a : [a],
       operator: i || ":",
       metadataType: r
-    }, 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) {
+    }, 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) {
       this._pendingMetadataField = null;
       const v = this.renderRoot.querySelector("ap-filters-bar");
       v && (v.pendingMetadataField = null);
@@ -12333,15 +12380,15 @@ const Wt = class Wt extends C {
   _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((p) => p !== s), s in r.applied || (r.visible = r.visible.filter((p) => p !== s))), this.store.setState({ filters: r });
+    i ? r.pinned.includes(s) || (r.pinned = [...r.pinned, s]) : (r.pinned = r.pinned.filter((h) => h !== s), s in r.applied || (r.visible = r.visible.filter((h) => h !== s))), this.store.setState({ filters: r });
     const o = ((c = (l = this.store.getState().config) == null ? void 0 : l.auth) == null ? void 0 : c.projectToken) ?? null;
     Ei(o, r.pinned);
   }
   _handleMetadataPin(e) {
-    var c, p;
+    var c, h;
     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 = ((p = (c = this.store.getState().config) == null ? void 0 : c.auth) == null ? void 0 : p.projectToken) ?? null;
+    const l = ((h = (c = this.store.getState().config) == null ? void 0 : c.auth) == null ? void 0 : h.projectToken) ?? null;
     Ai(l, o.pinned);
   }
   _handleFiltersClearAll() {
@@ -12374,8 +12421,8 @@ const Wt = class Wt extends C {
     r.visible = r.visible.filter((o) => o !== s), a.metadata = r, this.store.setState({ filters: a });
   }
   _handleFiltersSet(e) {
-    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 };
+    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 };
     for (const u of o) delete l[u];
     r.applied = l;
     const c = Object.keys(s);
@@ -12399,7 +12446,7 @@ const Wt = class Wt extends C {
     return gi(s, e.filters.metadata.applied).join(" ");
   }
   render() {
-    var d, g, m, w, $, T, y, M, I, E, z, N;
+    var d, g, m, x, w, T, C, O, D, E, M, R;
     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}
@@ -12415,7 +12462,7 @@ const Wt = class Wt extends C {
         @regional-change=${this._handleRegionalChange}
         @ap-close=${() => this._handleCancel("close-button")}
       ></ap-header>
-    `, c = !!((m = this.config) != null && m.uploader), p = n`
+    `, c = !!((m = this.config) != null && m.uploader), h = n`
       <div class="content-area"
         @dragenter=${this._onDragEnter}
         @dragover=${this._onDragOver}
@@ -12431,7 +12478,7 @@ const Wt = class Wt extends C {
           </div>
         ` : f}
         <div class="main-content">
-          <div class="toolbar-filters-wrapper${(w = this.config) != null && w.stickyFilters ? " sticky" : ""}">
+          <div class="toolbar-filters-wrapper${(x = this.config) != null && x.stickyFilters ? " sticky" : ""}">
             <ap-content-toolbar
               .isLoading=${e.isLoading}
               .totalCount=${e.totalCount}
@@ -12446,7 +12493,7 @@ const Wt = class Wt extends C {
               .metadataFields=${e.metadataFields}
               .pinnedFilters=${e.filters.pinned}
               .apiClient=${this.apiClient}
-              .forcedFilterKeys=${Object.keys(Ze(($ = this.config) == null ? void 0 : $.forcedFilters))}
+              .forcedFilterKeys=${Object.keys(Ze((w = this.config) == null ? void 0 : w.forcedFilters))}
               @sort-change=${this._handleSortChange}
               @sort-direction-change=${this._handleSortDirectionChange}
               @filter-update=${this._handleFilterUpdate}
@@ -12485,7 +12532,7 @@ const Wt = class Wt extends C {
                 ></ap-breadcrumb>` : f}
           </div>
 
-          ${e.isLoading && e.assets.length === 0 && e.folders.length === 0 ? n`<ap-skeleton .variant=${e.viewMode} .gridSize=${((y = this.config) == null ? void 0 : y.gridSize) ?? "normal"} .multiSelect=${((M = this.config) == null ? void 0 : M.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=${((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)}
 
           <ap-marquee-overlay .active=${this.marqueeCtrl.isActive} .rect=${this.marqueeCtrl.rect}></ap-marquee-overlay>
           ${this._folderResolveOpen ? n`
@@ -12503,7 +12550,7 @@ const Wt = class Wt extends C {
               .assets=${e.assets}
               .selectedIds=${s}
               .containerToken=${e.projectToken}
-              .showMetadata=${((I = this.config) == null ? void 0 : I.showMetadata) !== !1}
+              .showMetadata=${((D = this.config) == null ? void 0 : D.showMetadata) !== !1}
               .metadataFields=${e.metadataFields}
               .labels=${e.labels}
               .regionalFilters=${e.regionalFilters}
@@ -12520,9 +12567,10 @@ const Wt = class Wt extends C {
         .selectedAssets=${a}
         .selectedFolders=${r}
         .totalCount=${e.totalCount}
+        .totalFolderCount=${e.totalFolderCount}
         .isSelectingAll=${e.isSelectingAll}
-        .multiSelect=${((z = this.config) == null ? void 0 : z.multiSelect) ?? !0}
-        .maxSelections=${(N = this.config) == null ? void 0 : N.maxSelections}
+        .multiSelect=${((M = this.config) == null ? void 0 : M.multiSelect) ?? !0}
+        .maxSelections=${(R = this.config) == null ? void 0 : R.maxSelections}
         @selection-confirm=${this._handleSelectionConfirm}
         @selection-clear=${this._handleSelectionClear}
         @selection-deselect=${this._handleSelectionDeselect}
@@ -12542,25 +12590,25 @@ const Wt = class Wt extends C {
         <div class="ap-inline">
           ${this._isUploaderOpen ? v : n`
             <div class="inline-header">${l}</div>
-            <div class="inline-content">${p}</div>
+            <div class="inline-content">${h}</div>
             <div class="inline-footer">${u}</div>
           `}
         </div>
       ` : f : n`
       <ap-modal
         ?open=${e.isOpen}
-        @ap-cancel=${(ee) => this._handleCancel(ee.detail.reason)}
+        @ap-cancel=${(G) => this._handleCancel(G.detail.reason)}
       >
         ${this._isUploaderOpen ? v : n`
           <div slot="header">${l}</div>
-          ${p}
+          ${h}
           <div slot="footer">${u}</div>
         `}
       </ap-modal>
     `;
   }
   _renderContent(e, s, i = [], a = !1) {
-    var r, o, l, c, p;
+    var r, o, l, c, h, u;
     return e.activeTab === "assets" ? !e.isLoading && e.assets.length === 0 ? n`
           <div class="empty-state">
             <ap-icon name="search" .size=${48}></ap-icon>
@@ -12616,8 +12664,9 @@ const Wt = class Wt extends C {
             .selectedIds=${s}
             .selectedFolderIds=${i}
             .isLoading=${e.isLoading}
+            .multiSelect=${((c = this.config) == null ? void 0 : c.multiSelect) ?? !0}
             .folderSelectable=${a}
-            .gridSize=${((c = this.config) == null ? void 0 : c.gridSize) ?? "normal"}
+            .gridSize=${((h = this.config) == null ? void 0 : h.gridSize) ?? "normal"}
             @asset-select=${this._handleAssetSelect}
             @asset-preview=${this._handleAssetPreview}
             @asset-quick-select=${this._handleQuickSelect}
@@ -12633,7 +12682,7 @@ const Wt = class Wt extends C {
           .selectedIds=${s}
           .selectedFolderIds=${i}
           .isLoading=${e.isLoading}
-          .multiSelect=${((p = this.config) == null ? void 0 : p.multiSelect) ?? !0}
+          .multiSelect=${((u = this.config) == null ? void 0 : u.multiSelect) ?? !0}
           .folderSelectable=${a}
           .totalCount=${e.totalCount}
           .isSelectingAll=${e.isSelectingAll}
@@ -12650,7 +12699,7 @@ const Wt = class Wt extends C {
   }
 };
 Wt.styles = [
-  S`
+  k`
       :host {
         display: contents;
         font-family: var(--ap-font-family, system-ui, -apple-system, sans-serif);
@@ -12826,19 +12875,19 @@ Wt.styles = [
       }
     `
 ];
-let qe = Wt;
+let He = Wt;
 Et([
   _()
-], qe.prototype, "_isDragOver");
+], He.prototype, "_isDragOver");
 Et([
   _()
-], qe.prototype, "_isUploaderOpen");
+], He.prototype, "_isUploaderOpen");
 Et([
   _()
-], qe.prototype, "_folderResolveOpen");
+], He.prototype, "_folderResolveOpen");
 Et([
-  h({ type: Object })
-], qe.prototype, "config");
+  p({ type: Object })
+], He.prototype, "config");
 export {
-  qe as A
+  He as A
 };