@scaleflex/asset-picker 1.0.2 → 1.0.3

package/dist/{asset-picker-50AePany.js → asset-picker-BEueJ2xy.js}

@@ -1,5 +1,5 @@
-import { css as S, LitElement as C, html as n, nothing as v, svg as Ie } from "lit";
-import { property as p, query as Ze, customElement as A, state as _ } from "lit/decorators.js";
+import { css as F, LitElement as E, html as n, nothing as f, svg as Ie } from "lit";
+import { property as d, query as Ze, customElement as T, state as _ } from "lit/decorators.js";
 class Ei {
   constructor(e) {
     this.listeners = /* @__PURE__ */ new Set(), this._notifying = !1, this._pendingState = null, this.state = e;
@@ -141,23 +141,23 @@ class Mi {
     }
     if (i.shiftKey && this.lastClickedIndex >= 0)
       if (this._folderSelectionEnabled) {
-        const g = Math.min(this.lastClickedIndex, s), d = Math.max(this.lastClickedIndex, s), f = new Map(a.selectedFolders);
-        this._applyRangeSelection(g, d, o, f);
+        const g = Math.min(this.lastClickedIndex, s), p = Math.max(this.lastClickedIndex, s), v = new Map(a.selectedFolders);
+        this._applyRangeSelection(g, p, o, v);
         const b = (c = a.config) == null ? void 0 : c.maxSelections;
-        if (b && o.size + f.size > b) return;
-        this.store.setState({ selectedAssets: o, selectedFolders: f });
+        if (b && o.size + v.size > b) return;
+        this.store.setState({ selectedAssets: o, selectedFolders: v });
       } else {
-        const g = Math.min(this.lastClickedIndex, s), d = Math.max(this.lastClickedIndex, s), f = a.assets;
-        for (let x = g; x <= d; x++)
-          f[x] && o.set(f[x].uuid, f[x]);
+        const g = Math.min(this.lastClickedIndex, s), p = Math.max(this.lastClickedIndex, s), v = a.assets;
+        for (let $ = g; $ <= p; $++)
+          v[$] && o.set(v[$].uuid, v[$]);
         const b = (h = a.config) == null ? void 0 : h.maxSelections;
         if (b && o.size > b) return;
         this.store.setState({ selectedAssets: o });
       }
     else if (i.metaKey || i.ctrlKey) {
       o.has(e.uuid) ? o.delete(e.uuid) : o.set(e.uuid, e);
-      const g = (u = a.config) == null ? void 0 : u.maxSelections, d = o.size + (this._folderSelectionEnabled ? a.selectedFolders.size : 0);
-      if (g && d > g) return;
+      const g = (u = a.config) == null ? void 0 : u.maxSelections, p = o.size + (this._folderSelectionEnabled ? a.selectedFolders.size : 0);
+      if (g && p > g) return;
       this.store.setState({ selectedAssets: o });
     } else
       o.clear(), o.set(e.uuid, e), this.store.setState({ selectedAssets: o, selectedFolders: /* @__PURE__ */ new Map() });
@@ -172,11 +172,11 @@ class Mi {
       return;
     }
     if (i.shiftKey && this.lastClickedIndex >= 0) {
-      const u = Math.min(this.lastClickedIndex, s), g = Math.max(this.lastClickedIndex, s), d = new Map(a.selectedAssets);
-      this._applyRangeSelection(u, g, d, o);
-      const f = (c = a.config) == null ? void 0 : c.maxSelections;
-      if (f && d.size + o.size > f) return;
-      this.store.setState({ selectedAssets: d, selectedFolders: o });
+      const u = Math.min(this.lastClickedIndex, s), g = Math.max(this.lastClickedIndex, s), p = new Map(a.selectedAssets);
+      this._applyRangeSelection(u, g, p, o);
+      const v = (c = a.config) == null ? void 0 : c.maxSelections;
+      if (v && p.size + o.size > v) return;
+      this.store.setState({ selectedAssets: p, selectedFolders: o });
     } else if (i.metaKey || i.ctrlKey) {
       o.has(e.uuid) ? o.delete(e.uuid) : o.set(e.uuid, e);
       const u = (h = a.config) == null ? void 0 : h.maxSelections, g = o.size + a.selectedAssets.size;
@@ -339,16 +339,16 @@ class Pi {
     if (!this.container) return;
     const e = this.store.getState(), s = ((h = e.config) == null ? void 0 : h.folderSelection) === !0, { assetCards: i, folderCards: a } = this.querySelectableElements(), o = new Map(this.preMarqueeSelection), r = s ? new Map(this.preMarqueeFolderSelection) : e.selectedFolders;
     i.forEach((g) => {
-      const d = this.getCardRelativeRect(g), f = g.dataset.assetUuid;
-      if (this.intersectsMarquee(d)) {
-        const b = e.assets.find((x) => x.uuid === f);
-        b && o.set(f, b);
+      const p = this.getCardRelativeRect(g), v = g.dataset.assetUuid;
+      if (this.intersectsMarquee(p)) {
+        const b = e.assets.find(($) => $.uuid === v);
+        b && o.set(v, b);
       }
     }), s && a.forEach((g) => {
-      const d = this.getCardRelativeRect(g), f = g.dataset.folderUuid;
-      if (this.intersectsMarquee(d)) {
-        const b = e.folders.find((x) => x.uuid === f);
-        b && r.set(f, b);
+      const p = this.getCardRelativeRect(g), v = g.dataset.folderUuid;
+      if (this.intersectsMarquee(p)) {
+        const b = e.folders.find(($) => $.uuid === v);
+        b && r.set(v, b);
       }
     });
     const l = (u = e.config) == null ? void 0 : u.maxSelections, c = o.size + (s ? r.size : 0);
@@ -832,7 +832,7 @@ const y = {
   APPROVER: "task_approver",
   REQUESTOR: "task_requester",
   DUE_DATE: "task_duedate"
-}, T = {
+}, L = {
   IS: ":",
   RANGE: "..",
   IS_NOT: ":-",
@@ -843,7 +843,7 @@ const y = {
   LESS_THAN_OR_EQUAL: "<="
 }, ta = {
   AND: "AND"
-}, k = {
+}, S = {
   NUMERIC: "numeric",
   SELECT_ONE: "select-one",
   MULTI_SELECT: "multi-select",
@@ -858,19 +858,19 @@ const y = {
   DECIMAL2: "decimal2",
   INTEGER_LIST: "integer-list"
 }, Xt = {
-  [k.DATE]: "date_",
-  [k.BOOLEAN]: "bool_",
-  [k.NUMERIC]: "num_",
-  [k.DECIMAL2]: "dec_",
-  [k.ATTACHMENTS_ASSETS]: "attach_",
-  [k.ATTACHMENT_URI]: "uri_",
-  [k.SELECT_ONE]: "one_",
-  [k.MULTI_SELECT]: "multi_",
-  [k.SUPERTAGS]: "tags_",
-  [k.TEXT]: "text_",
-  [k.TEXT_AREA]: "area_",
-  [k.GEO_POINT]: "geo_",
-  [k.INTEGER_LIST]: "intlist_"
+  [S.DATE]: "date_",
+  [S.BOOLEAN]: "bool_",
+  [S.NUMERIC]: "num_",
+  [S.DECIMAL2]: "dec_",
+  [S.ATTACHMENTS_ASSETS]: "attach_",
+  [S.ATTACHMENT_URI]: "uri_",
+  [S.SELECT_ONE]: "one_",
+  [S.MULTI_SELECT]: "multi_",
+  [S.SUPERTAGS]: "tags_",
+  [S.TEXT]: "text_",
+  [S.TEXT_AREA]: "area_",
+  [S.GEO_POINT]: "geo_",
+  [S.INTEGER_LIST]: "intlist_"
 };
 Object.fromEntries(
   Object.entries(Xt).map(([t, e]) => [e, t])
@@ -888,7 +888,7 @@ const pi = Object.values(Xt), bt = {
   y.DATE,
   y.TYPE,
   y.SIZE
-], fi = T.IS, jt = "20", Nt = "1", sa = 0, ia = [
+], fi = L.IS, jt = "20", Nt = "1", sa = 0, ia = [
   { key: y.DATE, label: "Date", icon: "calendar", type: "date" },
   { key: y.TYPE, label: "Format", icon: "file-type", type: "string" },
   { key: y.SIZE, label: "Size", icon: "scaling", type: "string" },
@@ -1016,27 +1016,27 @@ const pi = Object.values(Xt), bt = {
   { label: "Medium", value: "2" },
   { label: "Large", value: "4" }
 ], ns = [
-  { label: "Is", value: T.IS },
-  { label: "Contains", value: T.CONTAINS_IN_TEXT }
+  { label: "Is", value: L.IS },
+  { label: "Contains", value: L.CONTAINS_IN_TEXT }
 ], Se = [
-  { label: "Is", value: T.IS },
-  { label: "Is not", value: T.IS_NOT }
+  { label: "Is", value: L.IS },
+  { label: "Is not", value: L.IS_NOT }
 ], ls = [
-  { label: "Is", value: T.IS_EXACT },
-  { label: "Contains", value: T.IS },
-  { label: "Does not contain", value: T.IS_NOT }
+  { label: "Is", value: L.IS_EXACT },
+  { label: "Contains", value: L.IS },
+  { label: "Does not contain", value: L.IS_NOT }
 ], cs = [
-  { label: "Is", value: T.IS },
-  { label: "Greater than", value: T.GREATER_THAN_OR_EQUAL },
-  { label: "Is not", value: T.IS_NOT },
-  { label: "Less than", value: T.LESS_THAN_OR_EQUAL },
-  { label: "Between", value: T.RANGE }
+  { label: "Is", value: L.IS },
+  { label: "Greater than", value: L.GREATER_THAN_OR_EQUAL },
+  { label: "Is not", value: L.IS_NOT },
+  { label: "Less than", value: L.LESS_THAN_OR_EQUAL },
+  { label: "Between", value: L.RANGE }
 ], ua = [
-  { label: "Is", value: T.IS_EXACT },
-  { label: "Is not", value: T.IS_NOT }
+  { label: "Is", value: L.IS_EXACT },
+  { label: "Is not", value: L.IS_NOT }
 ], Js = [
-  { label: "Contains", value: T.CONTAINS },
-  { label: "Does not contain", value: T.IS_NOT }
+  { label: "Contains", value: L.CONTAINS },
+  { label: "Does not contain", value: L.IS_NOT }
 ], fa = [
   { 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))" },
@@ -1054,33 +1054,33 @@ const pi = Object.values(Xt), bt = {
   { label: "True", value: "true" },
   { label: "False", value: "false" }
 ], Ut = {
-  [k.DATE]: "calendar",
-  [k.BOOLEAN]: "toggle-left",
-  [k.NUMERIC]: "file-digit",
-  [k.DECIMAL2]: "decimals-arrow-right",
-  [k.ATTACHMENTS_ASSETS]: "paperclip",
-  [k.ATTACHMENT_URI]: "link-2",
-  [k.SELECT_ONE]: "circle-dot",
-  [k.MULTI_SELECT]: "square-check",
-  [k.SUPERTAGS]: "hash",
-  [k.TEXT]: "text-initial",
-  [k.TEXT_AREA]: "text-align-justify",
-  [k.GEO_POINT]: "locate",
-  [k.INTEGER_LIST]: "list-ordered"
+  [S.DATE]: "calendar",
+  [S.BOOLEAN]: "toggle-left",
+  [S.NUMERIC]: "file-digit",
+  [S.DECIMAL2]: "decimals-arrow-right",
+  [S.ATTACHMENTS_ASSETS]: "paperclip",
+  [S.ATTACHMENT_URI]: "link-2",
+  [S.SELECT_ONE]: "circle-dot",
+  [S.MULTI_SELECT]: "square-check",
+  [S.SUPERTAGS]: "hash",
+  [S.TEXT]: "text-initial",
+  [S.TEXT_AREA]: "text-align-justify",
+  [S.GEO_POINT]: "locate",
+  [S.INTEGER_LIST]: "list-ordered"
 }, va = {
-  [k.TEXT]: "text",
-  [k.TEXT_AREA]: "text",
-  [k.NUMERIC]: "number",
-  [k.DECIMAL2]: "number",
-  [k.BOOLEAN]: "boolean",
-  [k.SELECT_ONE]: "select-one",
-  [k.MULTI_SELECT]: "multi-select",
-  [k.SUPERTAGS]: "tags",
-  [k.DATE]: "date",
-  [k.GEO_POINT]: "geo",
-  [k.ATTACHMENTS_ASSETS]: "attachment",
-  [k.ATTACHMENT_URI]: "attachment",
-  [k.INTEGER_LIST]: "attachment"
+  [S.TEXT]: "text",
+  [S.TEXT_AREA]: "text",
+  [S.NUMERIC]: "number",
+  [S.DECIMAL2]: "number",
+  [S.BOOLEAN]: "boolean",
+  [S.SELECT_ONE]: "select-one",
+  [S.MULTI_SELECT]: "multi-select",
+  [S.SUPERTAGS]: "tags",
+  [S.DATE]: "date",
+  [S.GEO_POINT]: "geo",
+  [S.ATTACHMENTS_ASSETS]: "attachment",
+  [S.ATTACHMENT_URI]: "attachment",
+  [S.INTEGER_LIST]: "attachment"
 };
 async function ma(t) {
   var i;
@@ -1101,43 +1101,43 @@ function ba(t) {
   return (e !== -1 ? t.slice(e + 1).trim() : t).toUpperCase();
 }
 async function _a(t) {
-  var b, x;
-  const e = await t.request("/settings"), s = e.settings ?? e, i = (s == null ? void 0 : s.metadata) ?? e.metadata, o = ((i == null ? void 0 : i.model) ?? [])[sa], r = i == null ? void 0 : i.store, c = ((r == null ? void 0 : r.regional_variants_groups) ?? []).map((w) => ({
-    uuid: w.uuid,
-    label: w.label ?? w.name ?? "",
-    variants: (w.variants ?? []).map((L) => ({
-      api_value: L.api_value ?? L.value ?? "",
-      internal_unique_value: L.internal_unique_value ?? L.api_value ?? "",
-      label: L.label ?? L.name ?? ""
+  var b, $;
+  const e = await t.request("/settings"), s = e.settings ?? e, i = (s == null ? void 0 : s.metadata) ?? e.metadata, o = ((i == null ? void 0 : i.model) ?? [])[sa], r = i == null ? void 0 : i.store, c = ((r == null ? void 0 : r.regional_variants_groups) ?? []).map((x) => ({
+    uuid: x.uuid,
+    label: x.label ?? x.name ?? "",
+    variants: (x.variants ?? []).map((k) => ({
+      api_value: k.api_value ?? k.value ?? "",
+      internal_unique_value: k.internal_unique_value ?? k.api_value ?? "",
+      label: k.label ?? k.name ?? ""
     }))
-  })).filter((w) => w.variants.length > 1), h = {};
-  for (const w of c)
-    h[w.uuid] = ((b = w.variants[0]) == null ? void 0 : b.api_value) ?? "";
-  const u = (s == null ? void 0 : s.project_branding) ?? ((x = e.settings) == null ? void 0 : x.project_branding), g = u == null ? void 0 : u.brandColor;
+  })).filter((x) => x.variants.length > 1), h = {};
+  for (const x of c)
+    h[x.uuid] = ((b = x.variants[0]) == null ? void 0 : b.api_value) ?? "";
+  const u = (s == null ? void 0 : s.project_branding) ?? (($ = e.settings) == null ? void 0 : $.project_branding), g = u == null ? void 0 : u.brandColor;
   if (!o) return { fields: [], regionalVariantGroups: c, regionalFilters: h, brandColor: g };
-  const d = o.groups ?? [], f = [];
-  for (const w of d) {
-    const L = w.name || "Root fields";
-    for (const $ of w.fields ?? []) {
-      const R = $.possible_values, F = R == null ? void 0 : R.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 ?? ""
+  const p = o.groups ?? [], v = [];
+  for (const x of p) {
+    const k = x.name || "Root fields";
+    for (const w of x.fields ?? []) {
+      const P = w.possible_values, C = P == null ? void 0 : P.map((A) => ({
+        api_value: A.api_value ?? A.value ?? "",
+        internal_unique_value: A.internal_unique_value ?? A.api_value ?? "",
+        label: A.label ?? A.name ?? A.api_value ?? ""
       }));
-      f.push({
+      v.push({
         // Use field.key (not ckey) — this is what a.meta uses as keys
-        key: $.key ?? $.ckey,
-        label: $.title ?? $.label ?? $.key ?? "",
-        type: $.type ?? "text",
-        slug: $.slug,
-        ckey: $.ckey,
-        possible_values: F,
-        group: L,
-        regionalVariantsGroupUuid: $.regional_variants_group_uuid
+        key: w.key ?? w.ckey,
+        label: w.title ?? w.label ?? w.key ?? "",
+        type: w.type ?? "text",
+        slug: w.slug,
+        ckey: w.ckey,
+        possible_values: C,
+        group: k,
+        regionalVariantsGroupUuid: w.regional_variants_group_uuid
       });
     }
   }
-  return { fields: f, regionalVariantGroups: c, regionalFilters: h, brandColor: g };
+  return { fields: v, regionalVariantGroups: c, regionalFilters: h, brandColor: g };
 }
 function qe(t) {
   return t.toLocaleDateString("en-CA");
@@ -1320,17 +1320,17 @@ function La(t, e) {
   const a = e, { operator: o = fi, values: r = [], logic: l, metadataType: c } = a;
   if (r.length === 0) return [];
   if (r.length === 1 && (r[0] === pe || r[0] === he)) {
-    const h = c === k.GEO_POINT ? T.IS + "~" : T.IS;
+    const h = c === S.GEO_POINT ? L.IS + "~" : L.IS;
     return [`${s}${h}"${r[0]}"`];
   }
-  if ((c === k.NUMERIC || c === k.DECIMAL2) && o === T.RANGE)
-    return [`${s}${T.IS}"${r.join('","')}"`];
-  if (c === k.GEO_POINT) {
+  if ((c === S.NUMERIC || c === S.DECIMAL2) && o === L.RANGE)
+    return [`${s}${L.IS}"${r.join('","')}"`];
+  if (c === S.GEO_POINT) {
     const h = r.map((u) => {
       const g = u.indexOf("..");
       if (g === -1) return `(${u})`;
-      const d = u.slice(0, g), f = u.slice(g);
-      return `(${d})${f}`;
+      const p = u.slice(0, g), v = u.slice(g);
+      return `(${p})${v}`;
     });
     return He(s, o + "~", h, ",", l);
   }
@@ -1473,9 +1473,9 @@ function ps(t) {
   return t <= 0.04045 ? t / 12.92 : Math.pow((t + 0.055) / 1.055, 2.4);
 }
 function Ka(t, e, s) {
-  const i = ps(t), a = ps(e), o = ps(s), r = 0.4122214708 * i + 0.5363325363 * a + 0.0514459929 * o, l = 0.2119034982 * i + 0.6806995451 * a + 0.1073969566 * o, c = 0.0883024619 * i + 0.2817188376 * a + 0.6299787005 * o, h = Math.cbrt(r), u = Math.cbrt(l), g = Math.cbrt(c), d = 0.2104542553 * h + 0.793617785 * u - 0.0040720468 * g, f = 1.9779984951 * h - 2.428592205 * u + 0.4505937099 * g, b = 0.0259040371 * h + 0.7827717662 * u - 0.808675766 * g, x = Math.sqrt(f * f + b * b);
-  let w = Math.atan2(b, f) * (180 / Math.PI);
-  return w < 0 && (w += 360), [d, x, w];
+  const i = ps(t), a = ps(e), o = ps(s), r = 0.4122214708 * i + 0.5363325363 * a + 0.0514459929 * o, l = 0.2119034982 * i + 0.6806995451 * a + 0.1073969566 * o, c = 0.0883024619 * i + 0.2817188376 * a + 0.6299787005 * o, h = Math.cbrt(r), u = Math.cbrt(l), g = Math.cbrt(c), p = 0.2104542553 * h + 0.793617785 * u - 0.0040720468 * g, v = 1.9779984951 * h - 2.428592205 * u + 0.4505937099 * g, b = 0.0259040371 * h + 0.7827717662 * u - 0.808675766 * g, $ = Math.sqrt(v * v + b * b);
+  let x = Math.atan2(b, v) * (180 / Math.PI);
+  return x < 0 && (x += 360), [p, $, x];
 }
 function Qa(t) {
   return t > 0.7;
@@ -1528,7 +1528,7 @@ var to = Object.defineProperty, so = Object.getOwnPropertyDescriptor, ks = (t, e
     (r = t[o]) && (a = (i ? r(e, s, a) : r(a)) || a);
   return i && a && to(e, s, a), a;
 };
-let _t = class extends C {
+let _t = class extends E {
   constructor() {
     super(...arguments), this.open = !1;
   }
@@ -1575,7 +1575,7 @@ let _t = class extends C {
     `;
   }
 };
-_t.styles = S`
+_t.styles = F`
     :host {
       display: contents;
     }
@@ -1650,13 +1650,13 @@ _t.styles = S`
     }
   `;
 ks([
-  p({ type: Boolean })
+  d({ type: Boolean })
 ], _t.prototype, "open", 2);
 ks([
   Ze("dialog")
 ], _t.prototype, "dialog", 2);
 _t = ks([
-  A("ap-modal")
+  T("ap-modal")
 ], _t);
 function io(t, e) {
   let s;
@@ -1665,7 +1665,7 @@ function io(t, e) {
   });
   return i.cancel = () => clearTimeout(s), i;
 }
-const ee = S`
+const ee = F`
   *, *::before, *::after {
     box-sizing: border-box;
   }
@@ -1675,7 +1675,7 @@ var ao = Object.defineProperty, oo = Object.getOwnPropertyDescriptor, Zt = (t, e
     (r = t[o]) && (a = (i ? r(e, s, a) : r(a)) || a);
   return i && a && ao(e, s, a), a;
 };
-let dt = class extends C {
+let dt = class extends E {
   constructor() {
     super(...arguments), this.groups = [], this.selectedFilters = {}, this._open = !1, this._handleOutsideClick = (t) => {
       this._open && !t.composedPath().includes(this) && (this._open = !1);
@@ -1706,7 +1706,7 @@ let dt = class extends C {
         <ap-icon name="globe" .size=${18}></ap-icon>
       </button>
       <div class="popover ${this._open ? "open" : ""}">
-        ${t ? v : n`
+        ${t ? f : n`
           <div style="padding: 12px 12px; font-size: 0.8125rem; color: var(--ap-muted-foreground, oklch(0.685 0.033 249.82));">
             No regional settings configured
           </div>
@@ -1733,7 +1733,7 @@ let dt = class extends C {
     `;
   }
 };
-dt.styles = S`
+dt.styles = F`
     :host {
       position: relative;
       display: inline-block;
@@ -1820,16 +1820,16 @@ dt.styles = S`
     }
   `;
 Zt([
-  p({ type: Array })
+  d({ type: Array })
 ], dt.prototype, "groups", 2);
 Zt([
-  p({ type: Object })
+  d({ type: Object })
 ], dt.prototype, "selectedFilters", 2);
 Zt([
   _()
 ], dt.prototype, "_open", 2);
 dt = Zt([
-  A("ap-regional-settings")
+  T("ap-regional-settings")
 ], dt);
 var ro = Object.defineProperty, no = Object.getOwnPropertyDescriptor, te = (t, e, s, i) => {
   for (var a = i > 1 ? void 0 : i ? no(e, s) : e, o = t.length - 1, r; o >= 0; o--)
@@ -1842,7 +1842,7 @@ const lo = [
   { value: "labels", label: "Labels", icon: "tag" },
   { value: "collections", label: "Collections", icon: "layout-grid" }
 ];
-let H = class extends C {
+let H = class extends E {
   constructor() {
     super(...arguments), this.activeTab = "assets", this.tabs = ["assets", "folders"], this.isInsideLabel = !1, this.isInsideCollection = !1, this.isInsideCollectionLeaf = !1, this.viewMode = "grid", this.searchQuery = "", this.regionalGroups = [], this.regionalFilters = {}, this.hideClose = !1, this.enableAISearch = !1, this.isAISearchActive = !1, this._localSearch = "", this._debouncedSearch = io((t) => {
       (t.length === 0 || t.length >= 3) && this.dispatchEvent(new CustomEvent("search-change", { detail: { value: t }, bubbles: !0, composed: !0 }));
@@ -1894,7 +1894,7 @@ let H = class extends C {
               .value=${this.activeTab}
               .options=${t}
               @ap-change=${this._handleTabChange}
-            ></ap-dropdown>` : v}
+            ></ap-dropdown>` : f}
         <div class="search-wrapper">
           <ap-icon class="search-icon" name="search" .size=${16}></ap-icon>
           <input
@@ -1936,7 +1936,7 @@ let H = class extends C {
           >
             <ap-icon name=${this.viewMode === "grid" ? "list" : "layout-grid"} .size=${18}></ap-icon>
           </button>
-          ${this.hideClose ? v : n`
+          ${this.hideClose ? f : n`
             <div class="divider"></div>
             <button class="icon-btn" style="color: var(--ap-muted-foreground, oklch(0.685 0.033 249.82))" @click=${this._handleClose} aria-label="Close">
               <ap-icon name="close" .size=${18}></ap-icon>
@@ -1947,7 +1947,7 @@ let H = class extends C {
     `;
   }
 };
-H.styles = [ee, S`
+H.styles = [ee, F`
     :host {
       display: block;
       padding: 16px 20px;
@@ -2100,53 +2100,53 @@ H.styles = [ee, S`
     }
   `];
 te([
-  p()
+  d()
 ], H.prototype, "activeTab", 2);
 te([
-  p({ type: Array })
+  d({ type: Array })
 ], H.prototype, "tabs", 2);
 te([
-  p({ type: Boolean })
+  d({ type: Boolean })
 ], H.prototype, "isInsideLabel", 2);
 te([
-  p({ type: Boolean })
+  d({ type: Boolean })
 ], H.prototype, "isInsideCollection", 2);
 te([
-  p({ type: Boolean })
+  d({ type: Boolean })
 ], H.prototype, "isInsideCollectionLeaf", 2);
 te([
-  p()
+  d()
 ], H.prototype, "viewMode", 2);
 te([
-  p()
+  d()
 ], H.prototype, "searchQuery", 2);
 te([
-  p({ type: Array })
+  d({ type: Array })
 ], H.prototype, "regionalGroups", 2);
 te([
-  p({ type: Object })
+  d({ type: Object })
 ], H.prototype, "regionalFilters", 2);
 te([
-  p({ type: Boolean })
+  d({ type: Boolean })
 ], H.prototype, "hideClose", 2);
 te([
-  p({ type: Boolean, reflect: !0, attribute: "ai-search" })
+  d({ type: Boolean, reflect: !0, attribute: "ai-search" })
 ], H.prototype, "enableAISearch", 2);
 te([
-  p({ type: Boolean })
+  d({ type: Boolean })
 ], H.prototype, "isAISearchActive", 2);
 te([
   _()
 ], H.prototype, "_localSearch", 2);
 H = te([
-  A("ap-header")
+  T("ap-header")
 ], H);
 var co = Object.defineProperty, po = Object.getOwnPropertyDescriptor, Ss = (t, e, s, i) => {
   for (var a = i > 1 ? void 0 : i ? po(e, s) : e, o = t.length - 1, r; o >= 0; o--)
     (r = t[o]) && (a = (i ? r(e, s, a) : r(a)) || a);
   return i && a && co(e, s, a), a;
 };
-let yt = class extends C {
+let yt = class extends E {
   constructor() {
     super(...arguments), this.items = [], this.rootLabel = "Root";
   }
@@ -2167,7 +2167,7 @@ let yt = class extends C {
     `;
   }
 };
-yt.styles = S`
+yt.styles = F`
     :host {
       display: block;
       padding: 4px 20px 12px;
@@ -2205,20 +2205,20 @@ yt.styles = S`
     }
   `;
 Ss([
-  p({ type: Array })
+  d({ type: Array })
 ], yt.prototype, "items", 2);
 Ss([
-  p()
+  d()
 ], yt.prototype, "rootLabel", 2);
 yt = Ss([
-  A("ap-breadcrumb")
+  T("ap-breadcrumb")
 ], yt);
 var ho = Object.defineProperty, uo = Object.getOwnPropertyDescriptor, Cs = (t, e, s, i) => {
   for (var a = i > 1 ? void 0 : i ? uo(e, s) : e, o = t.length - 1, r; o >= 0; o--)
     (r = t[o]) && (a = (i ? r(e, s, a) : r(a)) || a);
   return i && a && ho(e, s, a), a;
 };
-let xt = class extends C {
+let xt = class extends E {
   constructor() {
     super(...arguments), this.title = "", this.open = !1;
   }
@@ -2231,7 +2231,7 @@ let xt = class extends C {
     ` : n``;
   }
 };
-xt.styles = S`
+xt.styles = F`
     :host {
       display: block;
     }
@@ -2258,13 +2258,13 @@ xt.styles = S`
     }
   `;
 Cs([
-  p()
+  d()
 ], xt.prototype, "title", 2);
 Cs([
-  p({ type: Boolean })
+  d({ type: Boolean })
 ], xt.prototype, "open", 2);
 xt = Cs([
-  A("ap-filter-popover")
+  T("ap-filter-popover")
 ], xt);
 var fo = Object.defineProperty, go = Object.getOwnPropertyDescriptor, Lt = (t, e, s, i) => {
   for (var a = i > 1 ? void 0 : i ? go(e, s) : e, o = t.length - 1, r; o >= 0; o--)
@@ -2299,7 +2299,7 @@ function ai(t) {
     return (r === -1 ? 999 : r) - (l === -1 ? 999 : l);
   });
 }
-let Ke = class extends C {
+let Ke = class extends E {
   constructor() {
     super(...arguments), this.selected = [], this.fileTypes = [], this._search = "", this._expanded = /* @__PURE__ */ new Set();
   }
@@ -2347,7 +2347,7 @@ let Ke = class extends C {
         detail: {
           key: y.TYPE,
           values: t,
-          operator: T.IS
+          operator: L.IS
         },
         bubbles: !0,
         composed: !0
@@ -2401,7 +2401,7 @@ let Ke = class extends C {
       />
       <div class="header-row">
         <span class="section-label">Formats</span>
-        ${s ? n`<button class="clear-btn" @click=${this._clearAll}>Clear all</button>` : v}
+        ${s ? n`<button class="clear-btn" @click=${this._clearAll}>Clear all</button>` : f}
       </div>
       <div class="groups">
         ${e.length === 0 && this._search.trim() ? n`<div class="no-results">No formats found</div>` : e.map((i) => this._renderGroup(i))}
@@ -2443,7 +2443,7 @@ let Ke = class extends C {
               </div>
             `)}
           </div>
-        ` : v}
+        ` : f}
     `;
   }
   _renderFallback() {
@@ -2466,7 +2466,7 @@ let Ke = class extends C {
     `;
   }
 };
-Ke.styles = S`
+Ke.styles = F`
     :host {
       display: block;
     }
@@ -2622,10 +2622,10 @@ Ke.styles = S`
     }
   `;
 Lt([
-  p({ type: Array })
+  d({ type: Array })
 ], Ke.prototype, "selected", 2);
 Lt([
-  p({ type: Array })
+  d({ type: Array })
 ], Ke.prototype, "fileTypes", 2);
 Lt([
   _()
@@ -2634,9 +2634,9 @@ Lt([
   _()
 ], Ke.prototype, "_expanded", 2);
 Ke = Lt([
-  A("ap-filter-type")
+  T("ap-filter-type")
 ], Ke);
-const Te = S`
+const Te = F`
   :host {
     display: block;
   }
@@ -2928,7 +2928,7 @@ var vo = Object.defineProperty, mo = Object.getOwnPropertyDescriptor, Je = (t, e
 function hs(t) {
   return t.toISOString().split("T")[0];
 }
-let Ce = class extends C {
+let Ce = class extends E {
   constructor() {
     super(...arguments), this.filterKey = y.DATE, this.field = "created", this.kind = null, this.preset = "", this.from = "", this.to = "";
   }
@@ -2994,7 +2994,7 @@ let Ce = class extends C {
     this.preset === "after" && t === "from" && i && (this.to = (/* @__PURE__ */ new Date()).toISOString()), this.preset === "before" && t === "to" && i && (this.from = (/* @__PURE__ */ new Date(0)).toISOString()), this._dispatchChange();
   }
   _renderDateTypeSection() {
-    return this._isLicenseExpiry ? v : n`
+    return this._isLicenseExpiry ? f : n`
       <div class="filter-section">
         <span class="section-label">Date type</span>
         <ap-radio-group
@@ -3021,7 +3021,7 @@ let Ce = class extends C {
   }
   _renderDateInputs() {
     const t = this.preset;
-    if (!["before", "after", "between", "specific"].includes(t)) return v;
+    if (!["before", "after", "between", "specific"].includes(t)) return f;
     const e = this.from ? hs(new Date(this.from)) : "", s = this.to ? hs(new Date(this.to)) : "", i = this._todayStr;
     return t === "specific" ? n`
         <div class="filter-section date-inputs">
@@ -3105,38 +3105,38 @@ let Ce = class extends C {
     `;
   }
 };
-Ce.styles = [Te, S`
+Ce.styles = [Te, F`
     .date-inputs {
       margin-top: 4px;
     }
   `];
 Je([
-  p()
+  d()
 ], Ce.prototype, "filterKey", 2);
 Je([
-  p()
+  d()
 ], Ce.prototype, "field", 2);
 Je([
-  p()
+  d()
 ], Ce.prototype, "kind", 2);
 Je([
-  p()
+  d()
 ], Ce.prototype, "preset", 2);
 Je([
-  p()
+  d()
 ], Ce.prototype, "from", 2);
 Je([
-  p()
+  d()
 ], Ce.prototype, "to", 2);
 Ce = Je([
-  A("ap-filter-date")
+  T("ap-filter-date")
 ], Ce);
 var bo = Object.defineProperty, _o = Object.getOwnPropertyDescriptor, gt = (t, e, s, i) => {
   for (var a = i > 1 ? void 0 : i ? _o(e, s) : e, o = t.length - 1, r; o >= 0; o--)
     (r = t[o]) && (a = (i ? r(e, s, a) : r(a)) || a);
   return i && a && bo(e, s, a), a;
 };
-let De = class extends C {
+let De = class extends E {
   constructor() {
     super(...arguments), this.tags = [], this.selected = [], this.filterKey = y.TAGS, this._search = "";
   }
@@ -3167,7 +3167,7 @@ let De = class extends C {
         detail: {
           key: this.filterKey,
           values: s,
-          operator: T.IS
+          operator: L.IS
         },
         bubbles: !0,
         composed: !0
@@ -3181,7 +3181,7 @@ let De = class extends C {
         detail: {
           key: this.filterKey,
           values: e,
-          operator: T.IS
+          operator: L.IS
         },
         bubbles: !0,
         composed: !0
@@ -3194,7 +3194,7 @@ let De = class extends C {
         detail: {
           key: this.filterKey,
           values: [],
-          operator: T.IS
+          operator: L.IS
         },
         bubbles: !0,
         composed: !0
@@ -3215,7 +3215,7 @@ let De = class extends C {
     return n`
       <div
         class="tag-item ${s ? "disabled" : ""}"
-        title=${s ? `You can select up to ${as} tags` : v}
+        title=${s ? `You can select up to ${as} tags` : f}
         @click=${() => !s && this._toggle(t.sid)}
       >
         <ap-checkbox ?checked=${e}></ap-checkbox>
@@ -3240,7 +3240,7 @@ let De = class extends C {
                 <button class="search-clear" @click=${this._clearSearch}>
                   <ap-icon name="close" .size=${12}></ap-icon>
                 </button>
-              ` : v}
+              ` : f}
         </div>
 
         <!-- Selected chips (when not searching) -->
@@ -3263,11 +3263,11 @@ let De = class extends C {
                           <ap-icon name="close" .size=${10}></ap-icon>
                         </button>
                       </div>
-                    ` : v;
+                    ` : f;
     })}
                 </div>
               </div>
-            ` : v}
+            ` : f}
 
         ${this._isSearching ? this._renderSearchResults(t) : this._renderSections()}
 
@@ -3277,7 +3277,7 @@ let De = class extends C {
                 <ap-icon name="info" .size=${14}></ap-icon>
                 <span>You can select up to ${as} tags.</span>
               </div>
-            ` : v}
+            ` : f}
       </div>
     `;
   }
@@ -3298,7 +3298,7 @@ let De = class extends C {
                 ${s.map((a) => this._renderTagItem(a))}
               </div>
             </div>
-          ` : v}
+          ` : f}
 
       ${i.length > 0 ? n`
             <div class="filter-section">
@@ -3314,7 +3314,7 @@ let De = class extends C {
                 ${i.map((a) => this._renderTagItem(a))}
               </div>
             </div>
-          ` : v}
+          ` : f}
     `;
   }
   _renderSections() {
@@ -3325,21 +3325,21 @@ let De = class extends C {
     );
     return n`
       <div class="filter-section">
-        ${t.length > 0 ? n`<span class="section-label">Suggested tags</span>` : v}
+        ${t.length > 0 ? n`<span class="section-label">Suggested tags</span>` : f}
         ${t.length > 0 ? n`
               <div class="options-list short">
                 ${t.map((e) => this._renderTagItem(e))}
               </div>
-            ` : v}
+            ` : f}
       </div>
 
-      ${t.length > 0 ? n`<div class="separator"></div>` : v}
+      ${t.length > 0 ? n`<div class="separator"></div>` : f}
 
       <div class="hint-message">Find more tags by using search</div>
     `;
   }
 };
-De.styles = [ee, Te, S`
+De.styles = [ee, Te, F`
     .tag-item {
       display: flex;
       align-items: center;
@@ -3426,13 +3426,13 @@ De.styles = [ee, Te, S`
     }
   `];
 gt([
-  p({ type: Array })
+  d({ type: Array })
 ], De.prototype, "tags", 2);
 gt([
-  p({ type: Array })
+  d({ type: Array })
 ], De.prototype, "selected", 2);
 gt([
-  p()
+  d()
 ], De.prototype, "filterKey", 2);
 gt([
   Ze(".tag-search")
@@ -3441,14 +3441,14 @@ gt([
   _()
 ], De.prototype, "_search", 2);
 De = gt([
-  A("ap-filter-tags")
+  T("ap-filter-tags")
 ], De);
 var yo = Object.defineProperty, xo = Object.getOwnPropertyDescriptor, Ot = (t, e, s, i) => {
   for (var a = i > 1 ? void 0 : i ? xo(e, s) : e, o = t.length - 1, r; o >= 0; o--)
     (r = t[o]) && (a = (i ? r(e, s, a) : r(a)) || a);
   return i && a && yo(e, s, a), a;
 };
-let Qe = class extends C {
+let Qe = class extends E {
   constructor() {
     super(...arguments), this.labels = [], this.selected = [], this._search = "";
   }
@@ -3473,7 +3473,7 @@ let Qe = class extends C {
         detail: {
           key: y.LABELS,
           values: s,
-          operator: T.IS
+          operator: L.IS
         },
         bubbles: !0,
         composed: !0
@@ -3487,7 +3487,7 @@ let Qe = class extends C {
         detail: {
           key: y.LABELS,
           values: e,
-          operator: T.IS
+          operator: L.IS
         },
         bubbles: !0,
         composed: !0
@@ -3500,7 +3500,7 @@ let Qe = class extends C {
         detail: {
           key: y.LABELS,
           values: [],
-          operator: T.IS
+          operator: L.IS
         },
         bubbles: !0,
         composed: !0
@@ -3521,7 +3521,7 @@ let Qe = class extends C {
     return n`
       <div
         class="label-item ${s ? "disabled" : ""}"
-        title=${s ? `You can select up to ${os} labels` : v}
+        title=${s ? `You can select up to ${os} labels` : f}
         @click=${() => !s && this._toggle(t.sid)}
       >
         <ap-checkbox ?checked=${e}></ap-checkbox>
@@ -3553,7 +3553,7 @@ let Qe = class extends C {
                 <button class="search-clear" @click=${this._clearSearch}>
                   <ap-icon name="close" .size=${12}></ap-icon>
                 </button>
-              ` : v}
+              ` : f}
         </div>
 
         <!-- Selected chips (when not searching) -->
@@ -3579,11 +3579,11 @@ let Qe = class extends C {
                           <ap-icon name="close" .size=${10}></ap-icon>
                         </button>
                       </div>
-                    ` : v;
+                    ` : f;
     })}
                 </div>
               </div>
-            ` : v}
+            ` : f}
 
         <!-- Labels list -->
         <div class="filter-section">
@@ -3606,12 +3606,12 @@ let Qe = class extends C {
                 <ap-icon name="info" .size=${14}></ap-icon>
                 <span>You can select up to ${os} labels.</span>
               </div>
-            ` : v}
+            ` : f}
       </div>
     `;
   }
 };
-Qe.styles = [Te, S`
+Qe.styles = [Te, F`
     .label-item {
       display: flex;
       align-items: center;
@@ -3662,10 +3662,10 @@ Qe.styles = [Te, S`
     }
   `];
 Ot([
-  p({ type: Array })
+  d({ type: Array })
 ], Qe.prototype, "labels", 2);
 Ot([
-  p({ type: Array })
+  d({ type: Array })
 ], Qe.prototype, "selected", 2);
 Ot([
   Ze(".search-input")
@@ -3674,7 +3674,7 @@ Ot([
   _()
 ], Qe.prototype, "_search", 2);
 Qe = Ot([
-  A("ap-filter-labels")
+  T("ap-filter-labels")
 ], Qe);
 var wo = Object.defineProperty, $o = Object.getOwnPropertyDescriptor, vt = (t, e, s, i) => {
   for (var a = i > 1 ? void 0 : i ? $o(e, s) : e, o = t.length - 1, r; o >= 0; o--)
@@ -3690,7 +3690,7 @@ function ko(t) {
     coverage: e[3] || jt
   };
 }
-let ze = class extends C {
+let ze = class extends E {
   constructor() {
     super(...arguments), this.values = [], this._colors = [], this._advanced = !1, this._showPalette = !1, this._initialized = !1;
   }
@@ -3883,7 +3883,7 @@ let ze = class extends C {
         </div>
 
         <div class="filter-section">
-          ${t ? this._renderPalette() : v}
+          ${t ? this._renderPalette() : f}
         </div>
 
         ${this._colors.length > 0 ? n`
@@ -3892,7 +3892,7 @@ let ze = class extends C {
               ${this._colors.map((s, i) => this._renderColorEntry(s, i))}
             </div>
           </div>
-        ` : v}
+        ` : f}
 
         ${e ? n`
           <div class="filter-section">
@@ -3901,7 +3901,7 @@ let ze = class extends C {
               Add color
             </button>
           </div>
-        ` : v}
+        ` : f}
 
         <div class="info-alert">
           <ap-icon name="info" .size=${14}></ap-icon>
@@ -3911,7 +3911,7 @@ let ze = class extends C {
     `;
   }
 };
-ze.styles = [ee, Te, S`
+ze.styles = [ee, Te, F`
     /* ── Palette ── */
     .palette {
       display: grid;
@@ -4150,7 +4150,7 @@ ze.styles = [ee, Te, S`
     }
   `];
 vt([
-  p({ type: Array })
+  d({ type: Array })
 ], ze.prototype, "values", 2);
 vt([
   _()
@@ -4165,7 +4165,7 @@ vt([
   _()
 ], ze.prototype, "_initialized", 2);
 ze = vt([
-  A("ap-filter-color")
+  T("ap-filter-color")
 ], ze);
 var So = Object.defineProperty, Co = Object.getOwnPropertyDescriptor, et = (t, e, s, i) => {
   for (var a = i > 1 ? void 0 : i ? Co(e, s) : e, o = t.length - 1, r; o >= 0; o--)
@@ -4181,7 +4181,7 @@ const Fo = {
   { value: "MB", label: "MB" },
   { value: "GB", label: "GB" }
 ];
-let Fe = class extends C {
+let Fe = class extends E {
   constructor() {
     super(...arguments), this.min = 0, this.max = 0, this._minVal = "", this._maxVal = "", this._unit = "MB", this._initialized = !1;
   }
@@ -4212,7 +4212,7 @@ let Fe = class extends C {
           detail: {
             key: y.SIZE,
             values: [],
-            operator: T.RANGE
+            operator: L.RANGE
           },
           bubbles: !0,
           composed: !0
@@ -4225,7 +4225,7 @@ let Fe = class extends C {
         detail: {
           key: y.SIZE,
           values: [i],
-          operator: T.RANGE
+          operator: L.RANGE
         },
         bubbles: !0,
         composed: !0
@@ -4288,7 +4288,7 @@ let Fe = class extends C {
 };
 Fe.styles = [
   Te,
-  S`
+  F`
       /* Hide number input spinners */
       .filter-input[type='number']::-webkit-inner-spin-button,
       .filter-input[type='number']::-webkit-outer-spin-button {
@@ -4310,10 +4310,10 @@ Fe.styles = [
     `
 ];
 et([
-  p({ type: Number })
+  d({ type: Number })
 ], Fe.prototype, "min", 2);
 et([
-  p({ type: Number })
+  d({ type: Number })
 ], Fe.prototype, "max", 2);
 et([
   _()
@@ -4328,7 +4328,7 @@ et([
   _()
 ], Fe.prototype, "_initialized", 2);
 Fe = et([
-  A("ap-filter-size")
+  T("ap-filter-size")
 ], Fe);
 var Eo = Object.defineProperty, To = Object.getOwnPropertyDescriptor, Jt = (t, e, s, i) => {
   for (var a = i > 1 ? void 0 : i ? To(e, s) : e, o = t.length - 1, r; o >= 0; o--)
@@ -4367,7 +4367,7 @@ const Lo = Ie`
   square: Mo,
   panorama: Io
 };
-let pt = class extends C {
+let pt = class extends E {
   constructor() {
     super(...arguments), this.selectedResolution = [], this.selectedOrientation = [], this.selectedFaces = [];
   }
@@ -4470,7 +4470,7 @@ let pt = class extends C {
     `;
   }
 };
-pt.styles = [Te, S`
+pt.styles = [Te, F`
     .options-horizontal {
       display: flex;
       gap: 28px;
@@ -4493,26 +4493,26 @@ pt.styles = [Te, S`
     }
   `];
 Jt([
-  p({ type: Array })
+  d({ type: Array })
 ], pt.prototype, "selectedResolution", 2);
 Jt([
-  p({ type: Array })
+  d({ type: Array })
 ], pt.prototype, "selectedOrientation", 2);
 Jt([
-  p({ type: Array })
+  d({ type: Array })
 ], pt.prototype, "selectedFaces", 2);
 pt = Jt([
-  A("ap-filter-image")
+  T("ap-filter-image")
 ], pt);
 var Do = Object.defineProperty, zo = Object.getOwnPropertyDescriptor, N = (t, e, s, i) => {
   for (var a = i > 1 ? void 0 : i ? zo(e, s) : e, o = t.length - 1, r; o >= 0; o--)
     (r = t[o]) && (a = (i ? r(e, s, a) : r(a)) || a);
   return i && a && Do(e, s, a), a;
 };
-function O(t) {
+function I(t) {
   return `${Xt[t.type] || ""}${t.key}`;
 }
-let j = class extends C {
+let j = class extends E {
   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 = {};
   }
@@ -4533,7 +4533,7 @@ let j = class extends C {
     return this.visibleFields.length >= zt;
   }
   _getField(t) {
-    return this.fields.find((e) => O(e) === t);
+    return this.fields.find((e) => I(e) === t);
   }
   _getUIType(t) {
     return va[t.type];
@@ -4552,7 +4552,7 @@ let j = class extends C {
   }
   // ── Event dispatchers ────────────────────────────────────────────
   _emitFilterChange(t, e, s) {
-    const i = O(t);
+    const i = I(t);
     this.dispatchEvent(
       new CustomEvent("metadata-filter-change", {
         detail: {
@@ -4567,7 +4567,7 @@ let j = class extends C {
     );
   }
   _emitFieldToggle(t, e) {
-    const s = O(t);
+    const s = I(t);
     this.dispatchEvent(
       new CustomEvent("metadata-field-toggle", {
         detail: { fieldKey: s, visible: e },
@@ -4577,7 +4577,7 @@ let j = class extends C {
     );
   }
   _emitFieldSelect(t) {
-    const e = O(t);
+    const e = I(t);
     !this.visibleFields.includes(e) && this._atFieldLimit || (this.visibleFields.includes(e) || this._emitFieldToggle(t, !0), this.dispatchEvent(
       new CustomEvent("metadata-field-select", {
         detail: { fieldKey: e },
@@ -4604,7 +4604,7 @@ let j = class extends C {
   }
   _addField(t) {
     if (this._atFieldLimit) return;
-    const e = O(t);
+    const e = I(t);
     this.visibleFields.includes(e) || this._emitFieldToggle(t, !0);
   }
   _removeField(t) {
@@ -4616,12 +4616,12 @@ let j = class extends C {
   }
   // ── Operator change (via radio group) ─────────────────────────────
   _onOperatorChange(t, e) {
-    const i = this._getApplied(O(t)).values || [];
+    const i = this._getApplied(I(t)).values || [];
     this._emitFilterChange(t, e, i);
   }
   // ── Content mode change ─────────────────────────────────────────
   _onContentModeChange(t, e) {
-    const s = O(t);
+    const s = I(t);
     if (e === Be) {
       const i = new Set(this._specificModeFields);
       i.add(s), this._specificModeFields = i;
@@ -4642,10 +4642,10 @@ let j = class extends C {
   }
   // ── Clear field filter ──────────────────────────────────────────
   _clearFieldFilter(t) {
-    const e = O(t);
+    const e = I(t);
     if (this._specificModeFields.has(e)) {
-      const d = new Set(this._specificModeFields);
-      d.delete(e), this._specificModeFields = d;
+      const p = new Set(this._specificModeFields);
+      p.delete(e), this._specificModeFields = p;
     }
     const { [e]: s, ...i } = this._datePresets;
     this._datePresets = i;
@@ -4660,16 +4660,16 @@ let j = class extends C {
   }
   // ── Text filter ──────────────────────────────────────────────────
   _onTextInput(t, e) {
-    const s = e.target.value, a = this._getApplied(O(t)).operator || ns[0].value;
+    const s = e.target.value, a = this._getApplied(I(t)).operator || ns[0].value;
     this._emitFilterChange(t, a, s ? [s] : []);
   }
   // ── Number filter ────────────────────────────────────────────────
   _onNumberInput(t, e, s) {
-    const i = e.target.value, a = O(t), o = this._getApplied(a), r = o.operator || cs[0].value, l = [...o.values || []];
+    const i = e.target.value, a = I(t), o = this._getApplied(a), r = o.operator || cs[0].value, l = [...o.values || []];
     s === 0 ? l[0] = i : l[1] = i;
     const c = l.filter((h) => h !== "" && h !== void 0);
     if (c.length > 0) {
-      const h = t.type === k.DECIMAL2;
+      const h = t.type === S.DECIMAL2;
       if (!c.every(
         (g) => h ? !isNaN(parseFloat(g)) : /^-?\d+$/.test(g)
       )) return;
@@ -4679,22 +4679,22 @@ let j = class extends C {
   // ── Boolean filter ───────────────────────────────────────────────
   _onBooleanSelect(t, e) {
     var a;
-    const s = this._getApplied(O(t)), i = (a = s.values) == null ? void 0 : a[0];
+    const s = this._getApplied(I(t)), i = (a = s.values) == null ? void 0 : a[0];
     !e || i === e ? this._emitFilterChange(t, void 0, []) : this._emitFilterChange(t, s.operator, [e]);
   }
   // ── Select-one filter ────────────────────────────────────────────
   _onSelectOneToggle(t, e) {
-    const s = O(t), i = this._getApplied(s), a = i.operator || Se[0].value, o = i.values || [];
+    const s = I(t), i = this._getApplied(s), a = i.operator || Se[0].value, o = i.values || [];
     o.length === 1 && o[0] === e ? this._emitFilterChange(t, a, []) : this._emitFilterChange(t, a, [e]);
   }
   // ── Multi-select filter ──────────────────────────────────────────
   _onMultiSelectToggle(t, e) {
-    const s = O(t), i = this._getApplied(s), a = i.operator || ls[0].value, o = i.values || [], r = o.includes(e) ? o.filter((l) => l !== e) : [...o, e];
+    const s = I(t), i = this._getApplied(s), a = i.operator || ls[0].value, o = i.values || [], r = o.includes(e) ? o.filter((l) => l !== e) : [...o, e];
     this._emitFilterChange(t, a, r);
   }
   // ── Tags filter ──────────────────────────────────────────────────
   _onTagKeydown(t, e) {
-    const s = O(t);
+    const s = I(t);
     (e.key === "Enter" || e.key === ",") && (e.preventDefault(), this._commitTagInput(t, s));
   }
   _onTagInput(t, e, s) {
@@ -4707,7 +4707,7 @@ let j = class extends C {
     this._tagInputs = { ...this._tagInputs, [e]: i }, this._fetchTagSuggestions(t, e, i.trim());
   }
   _selectTagSuggestion(t, e) {
-    const s = O(t), i = this._getApplied(s), a = i.operator || Se[0].value, o = i.values || [];
+    const s = I(t), i = this._getApplied(s), a = i.operator || Se[0].value, o = i.values || [];
     o.includes(e) || this._emitFilterChange(t, a, [...o, e]), this._tagInputs = { ...this._tagInputs, [s]: "" }, this._tagSuggestions = { ...this._tagSuggestions, [s]: [] };
   }
   _fetchTagSuggestions(t, e, s) {
@@ -4740,7 +4740,7 @@ let j = class extends C {
     o.includes(s) || this._emitFilterChange(t, a, [...o, s]), this._tagInputs = { ...this._tagInputs, [e]: "" }, this._tagSuggestions = { ...this._tagSuggestions, [e]: [] };
   }
   _removeTag(t, e) {
-    const s = O(t), i = this._getApplied(s), a = i.operator || Se[0].value, o = i.values || [];
+    const s = I(t), i = this._getApplied(s), a = i.operator || Se[0].value, o = i.values || [];
     this._emitFilterChange(
       t,
       a,
@@ -4748,12 +4748,12 @@ let j = class extends C {
     );
   }
   _onTagOperatorChange(t, e) {
-    const s = O(t), a = this._getApplied(s).values || [];
+    const s = I(t), a = this._getApplied(s).values || [];
     this._emitFilterChange(t, e, a);
   }
   // ── Date filter ──────────────────────────────────────────────────
   _onDatePreset(t, e) {
-    const s = O(t);
+    const s = I(t);
     if (!e) {
       this._clearFieldFilter(t);
       return;
@@ -4795,7 +4795,7 @@ let j = class extends C {
     a && o && (this._dateFroms = { ...this._dateFroms, [s]: a }, this._dateTos = { ...this._dateTos, [s]: o }, this._emitFilterChange(t, "..", [a, o]));
   }
   _onDateInput(t, e, s) {
-    const i = s.target.value, a = O(t), o = this._datePresets[a] || "", r = i ? (/* @__PURE__ */ new Date(i + "T00:00:00")).toISOString() : "";
+    const i = s.target.value, a = I(t), o = this._datePresets[a] || "", r = i ? (/* @__PURE__ */ new Date(i + "T00:00:00")).toISOString() : "";
     e === "from" ? this._dateFroms = { ...this._dateFroms, [a]: r } : this._dateTos = { ...this._dateTos, [a]: r };
     let l = this._dateFroms[a] || "", c = this._dateTos[a] || "";
     o === "after" && l && (c = (/* @__PURE__ */ new Date()).toISOString(), this._dateTos = { ...this._dateTos, [a]: c }), o === "before" && c && (l = (/* @__PURE__ */ new Date(0)).toISOString(), this._dateFroms = { ...this._dateFroms, [a]: l }), l && c && this._emitFilterChange(t, "..", [l, c]);
@@ -4803,32 +4803,32 @@ let j = class extends C {
   // ── Geo filter ───────────────────────────────────────────────────
   _onGeoLocationInput(t, e) {
     var g;
-    const s = e.target.value.trim(), i = O(t), a = (g = this.shadowRoot) == null ? void 0 : g.querySelector(
+    const s = e.target.value.trim(), i = I(t), a = (g = this.shadowRoot) == null ? void 0 : g.querySelector(
       `[data-geo-radius="${i}"]`
     ), o = (a == null ? void 0 : a.value) || "";
     if (!s) {
       this._emitFilterChange(t, void 0, []);
       return;
     }
-    const r = s.split(",").map((d) => d.trim());
-    if (r.length !== 2 || r.some((d) => isNaN(Number(d)) || d === ""))
+    const r = s.split(",").map((p) => p.trim());
+    if (r.length !== 2 || r.some((p) => isNaN(Number(p)) || p === ""))
       return;
     const [l, c] = r;
     let u = `${l},${c}..${o || "0"}`;
-    this._emitFilterChange(t, T.IS, [u]);
+    this._emitFilterChange(t, L.IS, [u]);
   }
   _onGeoRadiusInput(t, e) {
     var c;
-    const s = e.target.value, i = O(t), a = this._getApplied(i);
+    const s = e.target.value, i = I(t), a = this._getApplied(i);
     if (!((c = a.values) != null && c[0])) return;
     const o = a.values[0], [r] = o.split("..");
     let l = r;
-    s && (l += `..${s}`), this._emitFilterChange(t, T.IS, [l]);
+    s && (l += `..${s}`), this._emitFilterChange(t, L.IS, [l]);
   }
   // ── Empty/non-empty option click ─────────────────────────────────
   _onEmptyOption(t, e) {
     var a;
-    const s = this._getApplied(O(t)), i = (a = s.values) == null ? void 0 : a[0];
+    const s = this._getApplied(I(t)), i = (a = s.values) == null ? void 0 : a[0];
     !e || i === e ? this._emitFilterChange(t, s.operator, []) : this._emitFilterChange(t, s.operator, [e]);
   }
   // ── Render: Field selection panel ────────────────────────────────
@@ -4843,10 +4843,10 @@ let j = class extends C {
   _renderFieldSelection() {
     const t = this._fieldSearch.toLowerCase(), e = this.fields.filter(
       (a) => a.label.toLowerCase().includes(t)
-    ), s = this._getGroupedFields(e), i = (a, o) => o.length === 0 ? v : n`
+    ), s = this._getGroupedFields(e), i = (a, o) => o.length === 0 ? f : n`
         <div class="field-group-label">${a}</div>
         ${o.map((r) => {
-      const l = O(r), c = this.visibleFields.includes(l), h = !c && this._atFieldLimit;
+      const l = I(r), c = this.visibleFields.includes(l), h = !c && this._atFieldLimit;
       return n`
             <div
               class="field-item ${c ? "selected" : ""} ${h ? "disabled" : ""}"
@@ -4892,7 +4892,7 @@ let j = class extends C {
   // ── Render: Text filter ──────────────────────────────────────────
   _renderTextFilter(t) {
     var h, u;
-    const e = O(t), s = this._getApplied(e), a = this._isSpecialValue(s.values) ? "" : ((h = s.values) == null ? void 0 : h[0]) || "", o = this._getContentMode(e), r = o === pe || o === he, l = s.operator || ns[0].value, c = t.type === k.TEXT_AREA;
+    const e = I(t), s = this._getApplied(e), a = this._isSpecialValue(s.values) ? "" : ((h = s.values) == null ? void 0 : h[0]) || "", o = this._getContentMode(e), r = o === pe || o === he, l = s.operator || ns[0].value, c = t.type === S.TEXT_AREA;
     return n`
       <div class="filter-content" style="position: relative;">
         <button
@@ -4945,19 +4945,19 @@ let j = class extends C {
                       />
                     `}
               </div>
-            ` : v}
+            ` : f}
       </div>
     `;
   }
   // ── Render: Number filter ────────────────────────────────────────
   _renderNumberFilter(t) {
-    var $, R, F;
-    const e = O(t), s = this._getApplied(e), i = s.operator || cs[0].value, a = this._isSpecialValue(s.values), o = this._getContentMode(e), r = o === pe || o === he, l = i === T.RANGE, c = i === T.GREATER_THAN_OR_EQUAL, h = i === T.LESS_THAN_OR_EQUAL, u = t.type === k.DECIMAL2, g = u ? "0.01" : "1", d = u ? "0.00" : "0", f = a ? "" : (($ = s.values) == null ? void 0 : $[0]) || "", b = a ? "" : ((R = s.values) == null ? void 0 : R[1]) || "", x = l || c || h, w = l || c || h ? "Min" : "Value";
+    var w, P, C;
+    const e = I(t), s = this._getApplied(e), i = s.operator || cs[0].value, a = this._isSpecialValue(s.values), o = this._getContentMode(e), r = o === pe || o === he, l = i === L.RANGE, c = i === L.GREATER_THAN_OR_EQUAL, h = i === L.LESS_THAN_OR_EQUAL, u = t.type === S.DECIMAL2, g = u ? "0.01" : "1", p = u ? "0.00" : "0", v = a ? "" : ((w = s.values) == null ? void 0 : w[0]) || "", b = a ? "" : ((P = s.values) == null ? void 0 : P[1]) || "", $ = l || c || h, x = l || c || h ? "Min" : "Value";
     return n`
       <div class="filter-content" style="position: relative;">
         <button
           class="clear-btn"
-          ?disabled=${!((F = s.values) != null && F.length) && !s.operator}
+          ?disabled=${!((C = s.values) != null && C.length) && !s.operator}
           @click=${() => this._clearFieldFilter(t)}
         >Clear all</button>
 
@@ -4968,7 +4968,7 @@ let j = class extends C {
             .options=${cs}
             .value=${i}
             ?disabled=${r}
-            @ap-change=${(E) => this._onOperatorChange(t, E.detail.value)}
+            @ap-change=${(A) => this._onOperatorChange(t, A.detail.value)}
           ></ap-radio-group>
         </div>
 
@@ -4978,7 +4978,7 @@ let j = class extends C {
             clearable
             .options=${ds}
             .value=${o}
-            @ap-change=${(E) => this._onContentModeChange(t, E.detail.value)}
+            @ap-change=${(A) => this._onContentModeChange(t, A.detail.value)}
           ></ap-radio-group>
         </div>
 
@@ -4986,41 +4986,41 @@ let j = class extends C {
               <div class="filter-section">
                 <div class="grid-2">
                   <div>
-                    <span class="input-label" aria-disabled=${h ? "true" : v}>${w}</span>
+                    <span class="input-label" aria-disabled=${h ? "true" : f}>${x}</span>
                     <input
                       class="filter-input"
                       type="number"
                       step=${g}
-                      placeholder=${d}
-                      .value=${f}
+                      placeholder=${p}
+                      .value=${v}
                       ?disabled=${h}
-                      @change=${(E) => this._onNumberInput(t, E, 0)}
+                      @change=${(A) => this._onNumberInput(t, A, 0)}
                     />
                   </div>
-                  ${x ? n`
+                  ${$ ? n`
                         <div>
-                          <span class="input-label" aria-disabled=${c ? "true" : v}>${"Max"}</span>
+                          <span class="input-label" aria-disabled=${c ? "true" : f}>${"Max"}</span>
                           <input
                             class="filter-input"
                             type="number"
                             step=${g}
-                            placeholder=${d}
+                            placeholder=${p}
                             .value=${b}
                             ?disabled=${c}
-                            @change=${(E) => this._onNumberInput(t, E, 1)}
+                            @change=${(A) => this._onNumberInput(t, A, 1)}
                           />
                         </div>
-                      ` : v}
+                      ` : f}
                 </div>
               </div>
-            ` : v}
+            ` : f}
       </div>
     `;
   }
   // ── Render: Boolean filter ───────────────────────────────────────
   _renderBooleanFilter(t) {
     var i, a;
-    const e = this._getApplied(O(t)), s = ((i = e.values) == null ? void 0 : i[0]) || "";
+    const e = this._getApplied(I(t)), s = ((i = e.values) == null ? void 0 : i[0]) || "";
     return n`
       <div class="filter-content" style="position: relative;">
         <button
@@ -5043,7 +5043,7 @@ let j = class extends C {
   }
   // ── Render: Select-one filter ────────────────────────────────────
   _renderSelectOneFilter(t) {
-    const e = O(t), s = this._getApplied(e), i = this._isSpecialValue(s.values), a = i ? [] : s.values || [], o = t.possible_values || [], r = s.operator || Se[0].value, l = (this._selectSearches[e] || "").toLowerCase(), c = l.length > 0, h = a.length > 0 || i, u = l ? o.filter((d) => d.label.toLowerCase().includes(l)) : o, g = a.length >= zt;
+    const e = I(t), s = this._getApplied(e), i = this._isSpecialValue(s.values), a = i ? [] : s.values || [], o = t.possible_values || [], r = s.operator || Se[0].value, l = (this._selectSearches[e] || "").toLowerCase(), c = l.length > 0, h = a.length > 0 || i, u = l ? o.filter((p) => p.label.toLowerCase().includes(l)) : o, g = a.length >= zt;
     return n`
       <div class="filter-content">
         <!-- Search input -->
@@ -5054,10 +5054,10 @@ let j = class extends C {
             type="text"
             placeholder="Search options"
             .value=${this._selectSearches[e] || ""}
-            @input=${(d) => {
+            @input=${(p) => {
       this._selectSearches = {
         ...this._selectSearches,
-        [e]: d.target.value
+        [e]: p.target.value
       };
     }}
           />
@@ -5067,7 +5067,7 @@ let j = class extends C {
     }}>
                   <ap-icon name="close" .size=${12}></ap-icon>
                 </button>
-              ` : v}
+              ` : f}
         </div>
 
         ${c ? n`
@@ -5094,7 +5094,7 @@ let j = class extends C {
                   direction="horizontal"
                   .options=${Se}
                   .value=${r}
-                  @ap-change=${(d) => this._onOperatorChange(t, d.detail.value)}
+                  @ap-change=${(p) => this._onOperatorChange(t, p.detail.value)}
                 ></ap-radio-group>
               </div>
 
@@ -5109,12 +5109,12 @@ let j = class extends C {
                         >Clear all</button>
                       </div>
                       <div class="chips-wrap">
-                        ${a.map((d) => {
-      const f = o.find((b) => b.api_value === d);
+                        ${a.map((p) => {
+      const v = o.find((b) => b.api_value === p);
       return n`
                             <div class="chip">
-                              <span class="chip-label">${(f == null ? void 0 : f.label) || d}</span>
-                              <button class="chip-remove" @click=${() => this._onSelectOneToggle(t, d)}>
+                              <span class="chip-label">${(v == null ? void 0 : v.label) || p}</span>
+                              <button class="chip-remove" @click=${() => this._onSelectOneToggle(t, p)}>
                                 <ap-icon name="close" .size=${10}></ap-icon>
                               </button>
                             </div>
@@ -5122,7 +5122,7 @@ let j = class extends C {
     })}
                       </div>
                     </div>
-                  ` : v}
+                  ` : f}
             `}
 
         <!-- Options list -->
@@ -5132,15 +5132,15 @@ let j = class extends C {
           <!-- Empty/Not empty checkboxes -->
           <div class="options-list short">
             ${Ve.map(
-      (d) => {
-        var f;
+      (p) => {
+        var v;
         return n`
                 <div
                   class="option-item"
-                  @click=${() => this._onEmptyOption(t, d.value)}
+                  @click=${() => this._onEmptyOption(t, p.value)}
                 >
-                  <ap-checkbox ?checked=${((f = s.values) == null ? void 0 : f[0]) === d.value}></ap-checkbox>
-                  <span>${d.label}</span>
+                  <ap-checkbox ?checked=${((v = s.values) == null ? void 0 : v[0]) === p.value}></ap-checkbox>
+                  <span>${p.label}</span>
                 </div>
               `;
       }
@@ -5151,15 +5151,15 @@ let j = class extends C {
 
           <!-- Regular options -->
           <div class="options-list">
-            ${u.length === 0 ? n`<div class="no-results">No options found</div>` : u.map((d) => {
-      const f = a.includes(d.api_value), b = !f && g;
+            ${u.length === 0 ? n`<div class="no-results">No options found</div>` : u.map((p) => {
+      const v = a.includes(p.api_value), b = !v && g;
       return n`
                     <div
                       class="option-item ${b ? "disabled" : ""}"
-                      @click=${() => !b && this._onSelectOneToggle(t, d.api_value)}
+                      @click=${() => !b && this._onSelectOneToggle(t, p.api_value)}
                     >
-                      <ap-checkbox ?checked=${f}></ap-checkbox>
-                      <span>${d.label}</span>
+                      <ap-checkbox ?checked=${v}></ap-checkbox>
+                      <span>${p.label}</span>
                     </div>
                   `;
     })}
@@ -5170,7 +5170,7 @@ let j = class extends C {
   }
   // ── Render: Multi-select filter ──────────────────────────────────
   _renderMultiSelectFilter(t) {
-    const e = O(t), s = this._getApplied(e), i = this._isSpecialValue(s.values), a = i ? [] : s.values || [], o = t.possible_values || [], r = s.operator || ls[0].value, l = (this._selectSearches[e] || "").toLowerCase(), c = l.length > 0, h = a.length > 0 || i, u = l ? o.filter((d) => d.label.toLowerCase().includes(l)) : o, g = a.length >= zt;
+    const e = I(t), s = this._getApplied(e), i = this._isSpecialValue(s.values), a = i ? [] : s.values || [], o = t.possible_values || [], r = s.operator || ls[0].value, l = (this._selectSearches[e] || "").toLowerCase(), c = l.length > 0, h = a.length > 0 || i, u = l ? o.filter((p) => p.label.toLowerCase().includes(l)) : o, g = a.length >= zt;
     return n`
       <div class="filter-content">
         <!-- Search input -->
@@ -5181,10 +5181,10 @@ let j = class extends C {
             type="text"
             placeholder="Search options"
             .value=${this._selectSearches[e] || ""}
-            @input=${(d) => {
+            @input=${(p) => {
       this._selectSearches = {
         ...this._selectSearches,
-        [e]: d.target.value
+        [e]: p.target.value
       };
     }}
           />
@@ -5194,7 +5194,7 @@ let j = class extends C {
     }}>
                   <ap-icon name="close" .size=${12}></ap-icon>
                 </button>
-              ` : v}
+              ` : f}
         </div>
 
         ${c ? n`
@@ -5221,7 +5221,7 @@ let j = class extends C {
                   direction="horizontal"
                   .options=${ls}
                   .value=${r}
-                  @ap-change=${(d) => this._onOperatorChange(t, d.detail.value)}
+                  @ap-change=${(p) => this._onOperatorChange(t, p.detail.value)}
                 ></ap-radio-group>
               </div>
 
@@ -5236,12 +5236,12 @@ let j = class extends C {
                         >Clear all</button>
                       </div>
                       <div class="chips-wrap">
-                        ${a.map((d) => {
-      const f = o.find((b) => b.api_value === d);
+                        ${a.map((p) => {
+      const v = o.find((b) => b.api_value === p);
       return n`
                             <div class="chip">
-                              <span class="chip-label">${(f == null ? void 0 : f.label) || d}</span>
-                              <button class="chip-remove" @click=${() => this._onMultiSelectToggle(t, d)}>
+                              <span class="chip-label">${(v == null ? void 0 : v.label) || p}</span>
+                              <button class="chip-remove" @click=${() => this._onMultiSelectToggle(t, p)}>
                                 <ap-icon name="close" .size=${10}></ap-icon>
                               </button>
                             </div>
@@ -5249,7 +5249,7 @@ let j = class extends C {
     })}
                       </div>
                     </div>
-                  ` : v}
+                  ` : f}
             `}
 
         <!-- Options list -->
@@ -5259,15 +5259,15 @@ let j = class extends C {
           <!-- Empty/Not empty checkboxes -->
           <div class="options-list short">
             ${Ve.map(
-      (d) => {
-        var f;
+      (p) => {
+        var v;
         return n`
                 <div
                   class="option-item"
-                  @click=${() => this._onEmptyOption(t, d.value)}
+                  @click=${() => this._onEmptyOption(t, p.value)}
                 >
-                  <ap-checkbox ?checked=${((f = s.values) == null ? void 0 : f[0]) === d.value}></ap-checkbox>
-                  <span>${d.label}</span>
+                  <ap-checkbox ?checked=${((v = s.values) == null ? void 0 : v[0]) === p.value}></ap-checkbox>
+                  <span>${p.label}</span>
                 </div>
               `;
       }
@@ -5278,15 +5278,15 @@ let j = class extends C {
 
           <!-- Regular options -->
           <div class="options-list">
-            ${u.length === 0 ? n`<div class="no-results">No options found</div>` : u.map((d) => {
-      const f = a.includes(d.api_value), b = !f && g;
+            ${u.length === 0 ? n`<div class="no-results">No options found</div>` : u.map((p) => {
+      const v = a.includes(p.api_value), b = !v && g;
       return n`
                     <div
                       class="option-item ${b ? "disabled" : ""}"
-                      @click=${() => !b && this._onMultiSelectToggle(t, d.api_value)}
+                      @click=${() => !b && this._onMultiSelectToggle(t, p.api_value)}
                     >
-                      <ap-checkbox ?checked=${f}></ap-checkbox>
-                      <span>${d.label}</span>
+                      <ap-checkbox ?checked=${v}></ap-checkbox>
+                      <span>${p.label}</span>
                     </div>
                   `;
     })}
@@ -5297,7 +5297,7 @@ let j = class extends C {
   }
   // ── Render: Tags filter ──────────────────────────────────────────
   _renderTagsFilter(t) {
-    const e = O(t), s = this._getApplied(e), i = this._isSpecialValue(s.values), a = i ? [] : s.values || [], o = this._tagInputs[e] || "", r = s.operator || Se[0].value, l = a.length > 0 || i, c = this._tagSuggestions[e] || [], h = this._tagLoading[e] || !1, u = o.trim().length > 0, g = a.length >= zt;
+    const e = I(t), s = this._getApplied(e), i = this._isSpecialValue(s.values), a = i ? [] : s.values || [], o = this._tagInputs[e] || "", r = s.operator || Se[0].value, l = a.length > 0 || i, c = this._tagSuggestions[e] || [], h = this._tagLoading[e] || !1, u = o.trim().length > 0, g = a.length >= zt;
     return n`
       <div class="filter-content">
         <!-- Search input -->
@@ -5308,8 +5308,8 @@ let j = class extends C {
             type="text"
             placeholder="Search tags"
             .value=${o}
-            @input=${(d) => this._onTagInput(t, e, d)}
-            @keydown=${(d) => this._onTagKeydown(t, d)}
+            @input=${(p) => this._onTagInput(t, e, p)}
+            @keydown=${(p) => this._onTagKeydown(t, p)}
           />
           ${u ? n`
                 <button class="search-clear" @click=${() => {
@@ -5317,7 +5317,7 @@ let j = class extends C {
     }}>
                   <ap-icon name="close" .size=${12}></ap-icon>
                 </button>
-              ` : v}
+              ` : f}
         </div>
 
         ${u ? n`
@@ -5345,7 +5345,7 @@ let j = class extends C {
                   .options=${Se}
                   .value=${r}
                   ?disabled=${i}
-                  @ap-change=${(d) => this._onTagOperatorChange(t, d.detail.value)}
+                  @ap-change=${(p) => this._onTagOperatorChange(t, p.detail.value)}
                 ></ap-radio-group>
               </div>
 
@@ -5361,10 +5361,10 @@ let j = class extends C {
                       </div>
                       <div class="chips-wrap">
                         ${a.map(
-      (d) => n`
+      (p) => n`
                             <div class="chip">
-                              <span class="chip-label">${d}</span>
-                              <button class="chip-remove" @click=${() => this._removeTag(t, d)}>
+                              <span class="chip-label">${p}</span>
+                              <button class="chip-remove" @click=${() => this._removeTag(t, p)}>
                                 <ap-icon name="close" .size=${10}></ap-icon>
                               </button>
                             </div>
@@ -5372,22 +5372,22 @@ let j = class extends C {
     )}
                       </div>
                     </div>
-                  ` : v}
+                  ` : f}
 
               <!-- Empty/Not empty -->
               <div class="filter-section">
                 <span class="section-label">All options</span>
                 <div class="options-list short">
                   ${Ve.map(
-      (d) => {
-        var f;
+      (p) => {
+        var v;
         return n`
                       <div
                         class="option-item"
-                        @click=${() => this._onEmptyOption(t, d.value)}
+                        @click=${() => this._onEmptyOption(t, p.value)}
                       >
-                        <ap-checkbox ?checked=${((f = s.values) == null ? void 0 : f[0]) === d.value}></ap-checkbox>
-                        <span>${d.label}</span>
+                        <ap-checkbox ?checked=${((v = s.values) == null ? void 0 : v[0]) === p.value}></ap-checkbox>
+                        <span>${p.label}</span>
                       </div>
                     `;
       }
@@ -5401,29 +5401,29 @@ let j = class extends C {
               <div class="filter-section">
                 <div class="options-list">
                   ${h ? n`<div class="option-item disabled"><span>Loading...</span></div>` : c.length > 0 ? c.map(
-      (d) => {
-        const f = a.includes(d), b = !f && g;
+      (p) => {
+        const v = a.includes(p), b = !v && g;
         return n`
                               <div
                                 class="option-item ${b ? "disabled" : ""}"
-                                @click=${() => !b && (f ? this._removeTag(t, d) : this._selectTagSuggestion(t, d))}
+                                @click=${() => !b && (v ? this._removeTag(t, p) : this._selectTagSuggestion(t, p))}
                               >
-                                <ap-checkbox ?checked=${f}></ap-checkbox>
-                                <span>${d}</span>
+                                <ap-checkbox ?checked=${v}></ap-checkbox>
+                                <span>${p}</span>
                               </div>
                             `;
       }
     ) : n`<div class="option-item disabled"><span>No results</span></div>`}
                 </div>
               </div>
-            ` : v}
+            ` : f}
       </div>
     `;
   }
   // ── Render: Date filter ──────────────────────────────────────────
   _renderDateFilter(t) {
     var u, g;
-    const e = O(t), s = this._datePresets[e] || "", i = this._getApplied(e), o = this._isSpecialValue(i.values) ? ((u = i.values) == null ? void 0 : u[0]) || "" : s, r = [
+    const e = I(t), s = this._datePresets[e] || "", i = this._getApplied(e), o = this._isSpecialValue(i.values) ? ((u = i.values) == null ? void 0 : u[0]) || "" : s, r = [
       { value: "empty", label: "Empty" },
       { value: "non-empty", label: "Not empty" }
     ], l = this._dateFroms[e] ? new Date(this._dateFroms[e]).toISOString().split("T")[0] : "", c = this._dateTos[e] ? new Date(this._dateTos[e]).toISOString().split("T")[0] : "", h = ["before", "after", "between"].includes(o);
@@ -5440,7 +5440,7 @@ let j = class extends C {
             clearable
             .options=${r}
             .value=${o === "empty" || o === "non-empty" ? o : ""}
-            @ap-change=${(d) => this._onDatePreset(t, d.detail.value)}
+            @ap-change=${(p) => this._onDatePreset(t, p.detail.value)}
           ></ap-radio-group>
 
           <div class="separator"></div>
@@ -5450,7 +5450,7 @@ let j = class extends C {
             columns="2"
             .options=${ws}
             .value=${o !== "empty" && o !== "non-empty" ? o : ""}
-            @ap-change=${(d) => this._onDatePreset(t, d.detail.value)}
+            @ap-change=${(p) => this._onDatePreset(t, p.detail.value)}
           ></ap-radio-group>
         </div>
 
@@ -5464,7 +5464,7 @@ let j = class extends C {
                             type="date"
                             class="filter-input"
                             .value=${c}
-                            @change=${(d) => this._onDateInput(t, "to", d)}
+                            @change=${(p) => this._onDateInput(t, "to", p)}
                           />
                         </div>
                       ` : o === "after" ? n`
@@ -5474,7 +5474,7 @@ let j = class extends C {
                               type="date"
                               class="filter-input"
                               .value=${l}
-                              @change=${(d) => this._onDateInput(t, "from", d)}
+                              @change=${(p) => this._onDateInput(t, "from", p)}
                             />
                           </div>
                         ` : n`
@@ -5484,7 +5484,7 @@ let j = class extends C {
                               type="date"
                               class="filter-input"
                               .value=${l}
-                              @change=${(d) => this._onDateInput(t, "from", d)}
+                              @change=${(p) => this._onDateInput(t, "from", p)}
                             />
                           </div>
                           <div>
@@ -5493,26 +5493,26 @@ let j = class extends C {
                               type="date"
                               class="filter-input"
                               .value=${c}
-                              @change=${(d) => this._onDateInput(t, "to", d)}
+                              @change=${(p) => this._onDateInput(t, "to", p)}
                             />
                           </div>
                         `}
                 </div>
               </div>
-            ` : v}
+            ` : f}
       </div>
     `;
   }
   // ── Render: Geo filter ───────────────────────────────────────────
   _renderGeoFilter(t) {
     var u, g;
-    const e = O(t), s = this._getApplied(e), i = this._isSpecialValue(s.values), a = this._getContentMode(e);
+    const e = I(t), s = this._getApplied(e), i = this._isSpecialValue(s.values), a = this._getContentMode(e);
     let o = "", r = "";
     if (!i && ((u = s.values) != null && u[0])) {
-      const d = s.values[0], [f, b] = d.split("..");
-      o = f || "", r = b || "";
+      const p = s.values[0], [v, b] = p.split("..");
+      o = v || "", r = b || "";
     }
-    const l = o.length > 0, c = o.split(",").map((d) => d.trim()), h = !l || c.length === 2 && c.every((d) => !isNaN(Number(d)) && d !== "");
+    const l = o.length > 0, c = o.split(",").map((p) => p.trim()), h = !l || c.length === 2 && c.every((p) => !isNaN(Number(p)) && p !== "");
     return n`
       <div class="filter-content" style="position: relative;">
         <button
@@ -5527,7 +5527,7 @@ let j = class extends C {
             clearable
             .options=${ds}
             .value=${a}
-            @ap-change=${(d) => this._onContentModeChange(t, d.detail.value)}
+            @ap-change=${(p) => this._onContentModeChange(t, p.detail.value)}
           ></ap-radio-group>
         </div>
 
@@ -5541,9 +5541,9 @@ let j = class extends C {
                       type="text"
                       placeholder="Latitude, longitude"
                       .value=${o}
-                      @change=${(d) => this._onGeoLocationInput(t, d)}
+                      @change=${(p) => this._onGeoLocationInput(t, p)}
                     />
-                    ${l && !h ? n`<div class="error-text">Enter coordinates as "latitude, longitude"</div>` : v}
+                    ${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>
@@ -5553,19 +5553,19 @@ let j = class extends C {
                       placeholder="0"
                       data-geo-radius=${e}
                       .value=${r}
-                      @change=${(d) => this._onGeoRadiusInput(t, d)}
+                      @change=${(p) => this._onGeoRadiusInput(t, p)}
                     />
                   </div>
                 </div>
               </div>
-            ` : v}
+            ` : f}
       </div>
     `;
   }
   // ── Render: Attachment filter ────────────────────────────────────
   _renderAttachmentFilter(t) {
     var i, a;
-    const e = this._getApplied(O(t)), s = ((i = e.values) == null ? void 0 : i[0]) || "";
+    const e = this._getApplied(I(t)), s = ((i = e.values) == null ? void 0 : i[0]) || "";
     return n`
       <div class="filter-content" style="position: relative;">
         <button
@@ -5587,7 +5587,7 @@ let j = class extends C {
   }
   // ── Render: Face matcher (integer-list with slug face_matcher) ──
   _renderFaceMatcherFilter(t) {
-    const e = O(t), s = this._getApplied(e), i = s.values || [], a = s.operator || T.IS;
+    const e = I(t), s = this._getApplied(e), i = s.values || [], a = s.operator || L.IS;
     return n`
       <div class="filter-content" style="position: relative;">
         <button
@@ -5638,15 +5638,15 @@ let j = class extends C {
       case "geo":
         return this._renderGeoFilter(t);
       case "attachment":
-        return t.type === k.INTEGER_LIST && t.slug === "face_matcher" ? this._renderFaceMatcherFilter(t) : this._renderAttachmentFilter(t);
+        return t.type === S.INTEGER_LIST && t.slug === "face_matcher" ? this._renderFaceMatcherFilter(t) : this._renderAttachmentFilter(t);
       default:
-        return v;
+        return f;
     }
   }
   // ── Render: Single field section ─────────────────────────────────
   _renderFieldSection(t) {
     const e = this._getField(t);
-    if (!e) return v;
+    if (!e) return f;
     const s = this._collapsedFields.has(t);
     return n`
       <div class="field-section">
@@ -5685,10 +5685,10 @@ let j = class extends C {
   _renderSelectorMode() {
     const t = this._fieldSearch.toLowerCase(), e = this.fields.filter(
       (a) => a.label.toLowerCase().includes(t)
-    ), s = this._getGroupedFields(e), i = (a, o) => o.length === 0 ? v : n`
+    ), s = this._getGroupedFields(e), i = (a, o) => o.length === 0 ? f : n`
         <div class="field-group-label">${a}</div>
         ${o.map((r) => {
-      const l = O(r), c = this.visibleFields.includes(l), h = !!this.appliedMetadata[l] || !!this.appliedFilters[l], u = this.pinnedFields.includes(l), g = !c && this._atFieldLimit;
+      const l = I(r), c = this.visibleFields.includes(l), h = !!this.appliedMetadata[l] || !!this.appliedFilters[l], u = this.pinnedFields.includes(l), g = !c && this._atFieldLimit;
       return n`
             <div
               class="field-item ${h ? "has-filter" : ""} ${g ? "disabled" : ""}"
@@ -5698,14 +5698,14 @@ let j = class extends C {
               <span class="field-item-label">${r.label}</span>
               <button
                 class="field-item-pin ${u ? "pinned" : ""}"
-                @click=${(d) => {
-        d.stopPropagation(), this._emitPin(l, !u);
+                @click=${(p) => {
+        p.stopPropagation(), this._emitPin(l, !u);
       }}
                 title=${u ? "Unpin field" : "Pin field"}
               >
                 <ap-icon name="pin" .size=${12}></ap-icon>
               </button>
-              ${h ? n`<ap-icon name="check" .size=${14}></ap-icon>` : v}
+              ${h ? n`<ap-icon name="check" .size=${14}></ap-icon>` : f}
             </div>
           `;
     })}
@@ -5745,7 +5745,7 @@ let j = class extends C {
       return this._renderFieldMode();
     const t = this.visibleFields.length > 0;
     return n`
-      ${this._showFieldSelection || !t ? this._renderFieldSelection() : v}
+      ${this._showFieldSelection || !t ? this._renderFieldSelection() : f}
 
       ${t ? n`
             <div class="field-filters">
@@ -5761,12 +5761,12 @@ let j = class extends C {
                     <ap-icon name="filter" .size=${14}></ap-icon>
                     Add field
                   </button>
-                ` : v}
-          ` : v}
+                ` : f}
+          ` : f}
     `;
   }
 };
-j.styles = [ee, Te, S`
+j.styles = [ee, Te, F`
     /* ── Field selection panel ─────────────────────────────── */
 
     .add-field-btn {
@@ -6145,28 +6145,28 @@ j.styles = [ee, Te, S`
     }
   `];
 N([
-  p({ type: Array })
+  d({ type: Array })
 ], j.prototype, "fields", 2);
 N([
-  p({ type: Object })
+  d({ type: Object })
 ], j.prototype, "appliedFilters", 2);
 N([
-  p({ type: Array })
+  d({ type: Array })
 ], j.prototype, "visibleFields", 2);
 N([
-  p()
+  d()
 ], j.prototype, "mode", 2);
 N([
-  p()
+  d()
 ], j.prototype, "activeFieldKey", 2);
 N([
-  p({ type: Array })
+  d({ type: Array })
 ], j.prototype, "pinnedFields", 2);
 N([
-  p({ type: Object })
+  d({ type: Object })
 ], j.prototype, "appliedMetadata", 2);
 N([
-  p({ attribute: !1 })
+  d({ attribute: !1 })
 ], j.prototype, "apiClient", 2);
 N([
   _()
@@ -6202,14 +6202,14 @@ N([
   _()
 ], j.prototype, "_selectSearches", 2);
 j = N([
-  A("ap-filter-metadata")
+  T("ap-filter-metadata")
 ], j);
 var Ro = Object.defineProperty, jo = Object.getOwnPropertyDescriptor, we = (t, e, s, i) => {
   for (var a = i > 1 ? void 0 : i ? jo(e, s) : e, o = t.length - 1, r; o >= 0; o--)
     (r = t[o]) && (a = (i ? r(e, s, a) : r(a)) || a);
   return i && a && Ro(e, s, a), a;
 };
-let ue = class extends C {
+let ue = class extends E {
   constructor() {
     super(...arguments), this.selectedStatus = [], this.statusOperator = ":=", this.approverValue = "", this.approverOperator = "~", this.requesterValue = "", this.requesterOperator = "~", this.dueDatePreset = "", this.dueDateFrom = "", this.dueDateTo = "";
   }
@@ -6470,7 +6470,7 @@ let ue = class extends C {
                       @change=${this._handleDueDateFrom}
                     />
                   </div>
-                ` : v}
+                ` : f}
               ${this.dueDatePreset !== "after" && this.dueDatePreset !== "specific" ? n`
                   <div class="date-input-col">
                     <span class="input-label">End date</span>
@@ -6481,9 +6481,9 @@ let ue = class extends C {
                       @change=${this._handleDueDateTo}
                     />
                   </div>
-                ` : v}
+                ` : f}
             </div>
-          ` : v}
+          ` : f}
       </div>
     `;
   }
@@ -6501,7 +6501,7 @@ let ue = class extends C {
     `;
   }
 };
-ue.styles = [ee, Te, S`
+ue.styles = [ee, Te, F`
     .options-list.short {
       max-height: none;
     }
@@ -6522,34 +6522,34 @@ ue.styles = [ee, Te, S`
     }
   `];
 we([
-  p({ type: Array })
+  d({ type: Array })
 ], ue.prototype, "selectedStatus", 2);
 we([
-  p()
+  d()
 ], ue.prototype, "statusOperator", 2);
 we([
-  p()
+  d()
 ], ue.prototype, "approverValue", 2);
 we([
-  p()
+  d()
 ], ue.prototype, "approverOperator", 2);
 we([
-  p()
+  d()
 ], ue.prototype, "requesterValue", 2);
 we([
-  p()
+  d()
 ], ue.prototype, "requesterOperator", 2);
 we([
-  p()
+  d()
 ], ue.prototype, "dueDatePreset", 2);
 we([
-  p()
+  d()
 ], ue.prototype, "dueDateFrom", 2);
 we([
-  p()
+  d()
 ], ue.prototype, "dueDateTo", 2);
 ue = we([
-  A("ap-filter-approval")
+  T("ap-filter-approval")
 ], ue);
 var No = Object.defineProperty, Uo = Object.getOwnPropertyDescriptor, $e = (t, e, s, i) => {
   for (var a = i > 1 ? void 0 : i ? Uo(e, s) : e, o = t.length - 1, r; o >= 0; o--)
@@ -6564,7 +6564,7 @@ function qo(t) {
     )
   );
 }
-let fe = class extends C {
+let fe = class extends E {
   constructor() {
     super(...arguments), this.selected = [], this._search = "", this._debouncedSearch = "", this._products = [], this._isLoading = !1, this._showAddList = !1, this._addListText = "";
   }
@@ -6587,7 +6587,7 @@ let fe = class extends C {
         detail: {
           key: y.PRODUCT_REF,
           values: e,
-          operator: T.IS
+          operator: L.IS
         },
         bubbles: !0,
         composed: !0
@@ -6680,7 +6680,7 @@ let fe = class extends C {
                 <button class="search-clear" @click=${this._clearSearch}>
                   <ap-icon name="close" .size=${12}></ap-icon>
                 </button>
-              ` : v}
+              ` : f}
         </div>
 
         <!-- Clear all (when searching and has selection) -->
@@ -6693,7 +6693,7 @@ let fe = class extends C {
                   @click=${this._clearAll}
                 >Clear all</button>
               </div>
-            ` : v}
+            ` : f}
 
         <!-- Selected chips (when not searching) -->
         ${!this._isSearching && this.selected.length > 0 ? n`
@@ -6718,7 +6718,7 @@ let fe = class extends C {
     )}
                 </div>
               </div>
-            ` : v}
+            ` : f}
 
         <!-- Search results -->
         ${this._isSearching ? n`
@@ -6726,16 +6726,16 @@ let fe = class extends C {
                 <span class="section-label">Product references</span>
                 <div class="options-list">
                   <!-- Wildcard "Select all" option when multiple results -->
-                  ${this._products.length > 1 ? this._renderProductItem(`${this._search.trim()}*`) : v}
+                  ${this._products.length > 1 ? this._renderProductItem(`${this._search.trim()}*`) : f}
                   ${this._products.map(({ ref: e }) => this._renderProductItem(e))}
                 </div>
               </div>
-            ` : v}
+            ` : f}
 
         <!-- Placeholder (when not searching) -->
-        ${this._isSearching ? v : n`
+        ${this._isSearching ? f : n`
               <div class="placeholder">
-                ${t ? n`<ap-icon name="box" .size=${40} style="color: var(--ap-border, oklch(92.86% 0.009 247.92)); margin-bottom: 4px;"></ap-icon>` : v}
+                ${t ? n`<ap-icon name="box" .size=${40} style="color: var(--ap-border, oklch(92.86% 0.009 247.92)); margin-bottom: 4px;"></ap-icon>` : f}
                 <div class="placeholder-title">Find product reference</div>
                 <div class="placeholder-text">By using the search or pressing the button below to import the product references list.</div>
                 <button class="add-list-btn" @click=${this._openAddList}>
@@ -6752,10 +6752,10 @@ let fe = class extends C {
                 <div class="skeleton-item"></div>
                 <div class="skeleton-item"></div>
               </div>
-            ` : v}
+            ` : f}
 
         <!-- No results -->
-        ${this._isSearching && !this._isLoading && this._products.length === 0 ? n`<div class="no-results">No results found</div>` : v}
+        ${this._isSearching && !this._isLoading && this._products.length === 0 ? n`<div class="no-results">No results found</div>` : f}
       </div>
 
       <!-- Add List Dialog -->
@@ -6785,11 +6785,11 @@ let fe = class extends C {
                 </div>
               </div>
             </div>
-          ` : v}
+          ` : f}
     `;
   }
 };
-fe.styles = [ee, Te, S`
+fe.styles = [ee, Te, F`
     .product-item {
       display: flex;
       align-items: center;
@@ -7031,10 +7031,10 @@ fe.styles = [ee, Te, S`
     }
   `];
 $e([
-  p({ type: Array })
+  d({ type: Array })
 ], fe.prototype, "selected", 2);
 $e([
-  p({ attribute: !1 })
+  d({ attribute: !1 })
 ], fe.prototype, "apiClient", 2);
 $e([
   Ze(".product-search")
@@ -7058,14 +7058,14 @@ $e([
   _()
 ], fe.prototype, "_addListText", 2);
 fe = $e([
-  A("ap-filter-product-ref")
+  T("ap-filter-product-ref")
 ], fe);
-var Vo = Object.defineProperty, Ho = Object.getOwnPropertyDescriptor, D = (t, e, s, i) => {
+var Vo = Object.defineProperty, Ho = Object.getOwnPropertyDescriptor, z = (t, e, s, i) => {
   for (var a = i > 1 ? void 0 : i ? Ho(e, s) : e, o = t.length - 1, r; o >= 0; o--)
     (r = t[o]) && (a = (i ? r(e, s, a) : r(a)) || a);
   return i && a && Vo(e, s, a), a;
 };
-let P = class extends C {
+let D = class extends E {
   constructor() {
     super(...arguments), this.totalCount = 0, this.totalFolderCount = 0, this.isLoading = !1, this.showUpload = !1, this.showFilters = !0, this.countLabel = "", this.sortBy = "created_at", this.sortDirection = "desc", this.sortOptions = $s, this.filters = {
       metadata: { pinned: [], visible: [], applied: {} },
@@ -7351,7 +7351,7 @@ let P = class extends C {
         ></ap-filter-product-ref>`;
       }
       default:
-        return v;
+        return f;
     }
   }
   _renderFilterButton(t) {
@@ -7393,7 +7393,7 @@ let P = class extends C {
               @metadata-pin=${this._handleMetadataPin}
             ></ap-filter-metadata>
           </div>
-        ` : v}
+        ` : f}
       </div>
     ` : a;
   }
@@ -7418,9 +7418,9 @@ let P = class extends C {
               <div class="dropdown-menu">
                 ${ms.filter((e) => !this.forcedFilterKeys.includes(e.key)).map((e) => this._renderFilterButton(e))}
               </div>
-            ` : v}
+            ` : f}
           </div>
-          ` : v}
+          ` : f}
           <ap-dropdown
             variant="borderless"
             label="Sort"
@@ -7442,12 +7442,12 @@ let P = class extends C {
               <ap-icon name="upload" .size=${16}></ap-icon>
               Upload
             </button>
-          ` : v}
+          ` : f}
         </div>
       </div>
       ${this._openFilter ? n`
         <div class="popover-anchor ${this._externalTrigger ? "external" : ""}" style=${this._externalTrigger && this._externalTop != null ? `top: ${this._externalTop + 4}px` : ""}>
-          ${this._externalTrigger ? v : n`
+          ${this._externalTrigger ? f : n`
             <div class="anchor-tab">
               ${this._openFilter === "metadata" && this._openMetadataField ? n`
                     <button class="anchor-back" @click=${(e) => {
@@ -7471,11 +7471,11 @@ let P = class extends C {
             ${this._renderFilterContent(this._openFilter)}
           </div>
         </div>
-      ` : v}
+      ` : f}
     `;
   }
 };
-P.styles = S`
+D.styles = F`
     :host {
       display: block;
       padding: 8px 20px 6px;
@@ -7814,90 +7814,90 @@ P.styles = S`
       top: 0;
     }
   `;
-D([
-  p({ type: Number })
-], P.prototype, "totalCount", 2);
-D([
-  p({ type: Number })
-], P.prototype, "totalFolderCount", 2);
-D([
-  p({ type: Boolean })
-], P.prototype, "isLoading", 2);
-D([
-  p({ type: Boolean })
-], P.prototype, "showUpload", 2);
-D([
-  p({ type: Boolean })
-], P.prototype, "showFilters", 2);
-D([
-  p()
-], P.prototype, "countLabel", 2);
-D([
-  p()
-], P.prototype, "sortBy", 2);
-D([
-  p()
-], P.prototype, "sortDirection", 2);
-D([
-  p({ type: Array })
-], P.prototype, "sortOptions", 2);
-D([
-  p({ type: Object })
-], P.prototype, "filters", 2);
-D([
-  p({ type: Array })
-], P.prototype, "labels", 2);
-D([
-  p({ type: Array })
-], P.prototype, "tags", 2);
-D([
-  p({ type: Array })
-], P.prototype, "fileTypes", 2);
-D([
-  p({ type: Array })
-], P.prototype, "metadataFields", 2);
-D([
-  p({ type: Array })
-], P.prototype, "pinnedFilters", 2);
-D([
-  p({ type: Array })
-], P.prototype, "forcedFilterKeys", 2);
-D([
-  p({ attribute: !1 })
-], P.prototype, "apiClient", 2);
-D([
+z([
+  d({ type: Number })
+], D.prototype, "totalCount", 2);
+z([
+  d({ type: Number })
+], D.prototype, "totalFolderCount", 2);
+z([
+  d({ type: Boolean })
+], D.prototype, "isLoading", 2);
+z([
+  d({ type: Boolean })
+], D.prototype, "showUpload", 2);
+z([
+  d({ type: Boolean })
+], D.prototype, "showFilters", 2);
+z([
+  d()
+], D.prototype, "countLabel", 2);
+z([
+  d()
+], D.prototype, "sortBy", 2);
+z([
+  d()
+], D.prototype, "sortDirection", 2);
+z([
+  d({ type: Array })
+], D.prototype, "sortOptions", 2);
+z([
+  d({ type: Object })
+], D.prototype, "filters", 2);
+z([
+  d({ type: Array })
+], D.prototype, "labels", 2);
+z([
+  d({ type: Array })
+], D.prototype, "tags", 2);
+z([
+  d({ type: Array })
+], D.prototype, "fileTypes", 2);
+z([
+  d({ type: Array })
+], D.prototype, "metadataFields", 2);
+z([
+  d({ type: Array })
+], D.prototype, "pinnedFilters", 2);
+z([
+  d({ type: Array })
+], D.prototype, "forcedFilterKeys", 2);
+z([
+  d({ attribute: !1 })
+], D.prototype, "apiClient", 2);
+z([
   Ze("ap-dropdown")
-], P.prototype, "_sortDropdown", 2);
-D([
+], D.prototype, "_sortDropdown", 2);
+z([
   _()
-], P.prototype, "_showDropdown", 2);
-D([
+], D.prototype, "_showDropdown", 2);
+z([
   _()
-], P.prototype, "_showMetadataSelector", 2);
-D([
+], D.prototype, "_showMetadataSelector", 2);
+z([
   _()
-], P.prototype, "_openFilter", 2);
-D([
+], D.prototype, "_openFilter", 2);
+z([
   _()
-], P.prototype, "_openMetadataField", 2);
-D([
+], D.prototype, "_openMetadataField", 2);
+z([
   _()
-], P.prototype, "_externalTrigger", 2);
-D([
+], D.prototype, "_externalTrigger", 2);
+z([
   _()
-], P.prototype, "_externalLeft", 2);
-D([
+], D.prototype, "_externalLeft", 2);
+z([
   _()
-], P.prototype, "_externalTop", 2);
-P = D([
-  A("ap-content-toolbar")
-], P);
+], D.prototype, "_externalTop", 2);
+D = z([
+  T("ap-content-toolbar")
+], D);
 var Go = Object.defineProperty, Ko = Object.getOwnPropertyDescriptor, ne = (t, e, s, i) => {
   for (var a = i > 1 ? void 0 : i ? Ko(e, s) : e, o = t.length - 1, r; o >= 0; o--)
     (r = t[o]) && (a = (i ? r(e, s, a) : r(a)) || a);
   return i && a && Go(e, s, a), a;
 };
-let Q = class extends C {
+let Q = class extends E {
   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;
   }
@@ -8033,7 +8033,7 @@ let Q = class extends C {
       <span class="chip forced">
         ${(i || t === y.TYPE || t === y.SIZE) && s ? n`<span class="chip-label">${s}</span>` : n`
               <span class="chip-label">${nt[t] || t}</span>
-              ${s ? n`<span class="chip-summary">${s}</span>` : v}
+              ${s ? n`<span class="chip-summary">${s}</span>` : f}
             `}
         <span class="chip-lock">
           <ap-icon name="lock" .size=${12}></ap-icon>
@@ -8057,7 +8057,7 @@ let Q = class extends C {
               <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">${nt[t] || t}</span>
-              ${s ? n`<span class="chip-summary">${s}</span>` : v}
+              ${s ? n`<span class="chip-summary">${s}</span>` : f}
             `}
         <button class="chip-remove" @click=${(a) => {
       a.stopPropagation(), this._removeFilter(t);
@@ -8083,7 +8083,7 @@ let Q = class extends C {
       <span class="chip ${t === this.activeMetadataField ? "active" : ""}" @click=${(o) => this._openMetadataFilter(t, o)}>
         <span class="chip-icon"><ap-icon name=${a} .size=${16}></ap-icon></span>
         <span class="chip-label">${i}</span>
-        ${s ? n`<span class="chip-summary">${s}</span>` : v}
+        ${s ? n`<span class="chip-summary">${s}</span>` : f}
         <button class="chip-remove" @click=${(o) => {
       o.stopPropagation(), this._removeMetadataFilter(t);
     }} title="Remove filter">
@@ -8093,46 +8093,46 @@ let Q = class extends C {
     `;
   }
   render() {
-    const t = bs(this.forcedFilters), e = new Set(Object.keys(t)), s = Object.keys(this.appliedFilters).filter((f) => !e.has(f)), i = Object.keys(this.appliedMetadata), a = new Set(this.pinnedFilters), o = new Set(this.pinnedMetadataFields), r = this.pinnedFilters.filter((f) => !e.has(f)), l = s.filter((f) => !a.has(f)), c = i.filter((f) => !o.has(f)), h = this.pendingFilter && !a.has(this.pendingFilter) && !(this.pendingFilter in this.appliedFilters), u = this.pendingMetadataField && !o.has(this.pendingMetadataField) && !(this.pendingMetadataField in this.appliedMetadata), g = s.length + i.length > 0;
-    return e.size + r.length + this.pinnedMetadataFields.length + l.length + c.length + (h ? 1 : 0) + (u ? 1 : 0) === 0 ? v : n`
+    const t = bs(this.forcedFilters), e = new Set(Object.keys(t)), s = Object.keys(this.appliedFilters).filter((v) => !e.has(v)), i = Object.keys(this.appliedMetadata), a = new Set(this.pinnedFilters), o = new Set(this.pinnedMetadataFields), r = this.pinnedFilters.filter((v) => !e.has(v)), l = s.filter((v) => !a.has(v)), c = i.filter((v) => !o.has(v)), h = this.pendingFilter && !a.has(this.pendingFilter) && !(this.pendingFilter in this.appliedFilters), u = this.pendingMetadataField && !o.has(this.pendingMetadataField) && !(this.pendingMetadataField in this.appliedMetadata), g = s.length + i.length > 0;
+    return e.size + r.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(
-      (f) => this._renderForcedChip(f, t[f])
+      (v) => this._renderForcedChip(v, t[v])
     )}
           ${r.map(
-      (f) => this._renderFilterChip(f, this.appliedFilters[f])
+      (v) => this._renderFilterChip(v, this.appliedFilters[v])
     )}
           ${this.pinnedMetadataFields.map(
-      (f) => this._renderMetadataChip(f, this.appliedMetadata[f])
+      (v) => this._renderMetadataChip(v, this.appliedMetadata[v])
     )}
           ${l.map(
-      (f) => this._renderFilterChip(f, this.appliedFilters[f])
+      (v) => this._renderFilterChip(v, this.appliedFilters[v])
     )}
           ${h ? n`
-            <span class="chip pinned-empty active pending" @click=${(f) => this._openFilter(this.pendingFilter, f)}>
+            <span class="chip pinned-empty active pending" @click=${(v) => this._openFilter(this.pendingFilter, v)}>
               <span class="chip-icon"><ap-icon name=${this._getFilterIcon(this.pendingFilter)} .size=${16}></ap-icon></span>
               <span class="chip-label">${nt[this.pendingFilter] || this.pendingFilter}</span>
               <span class="chip-chevron"><ap-icon name="chevron-down" .size=${14}></ap-icon></span>
             </span>
-          ` : v}
+          ` : f}
           ${c.map(
-      (f) => this._renderMetadataChip(f, this.appliedMetadata[f])
+      (v) => this._renderMetadataChip(v, this.appliedMetadata[v])
     )}
           ${u ? n`
-            <span class="chip pinned-empty active pending" @click=${(f) => this._openMetadataFilter(this.pendingMetadataField, f)}>
+            <span class="chip pinned-empty active pending" @click=${(v) => this._openMetadataFilter(this.pendingMetadataField, v)}>
               <span class="chip-icon"><ap-icon name=${this._getMetadataIcon(this.pendingMetadataField)} .size=${16}></ap-icon></span>
               <span class="chip-label">${this._getMetadataLabel(this.pendingMetadataField)}</span>
               <span class="chip-chevron"><ap-icon name="chevron-down" .size=${14}></ap-icon></span>
             </span>
-          ` : v}
-          ${g ? n`<button class="clear-all" @click=${this._clearAll}>Clear filters</button>` : v}
+          ` : f}
+          ${g ? n`<button class="clear-all" @click=${this._clearAll}>Clear filters</button>` : f}
         </div>
       </div>
     `;
   }
 };
-Q.styles = S`
+Q.styles = F`
     :host {
       display: block;
     }
@@ -8281,43 +8281,43 @@ Q.styles = S`
     }
   `;
 ne([
-  p({ type: Object })
+  d({ type: Object })
 ], Q.prototype, "appliedFilters", 2);
 ne([
-  p({ type: Object })
+  d({ type: Object })
 ], Q.prototype, "appliedMetadata", 2);
 ne([
-  p({ type: Object })
+  d({ type: Object })
 ], Q.prototype, "forcedFilters", 2);
 ne([
-  p({ type: Array })
+  d({ type: Array })
 ], Q.prototype, "metadataFields", 2);
 ne([
-  p({ type: Array })
+  d({ type: Array })
 ], Q.prototype, "pinnedFilters", 2);
 ne([
-  p({ type: Array })
+  d({ type: Array })
 ], Q.prototype, "pinnedMetadataFields", 2);
 ne([
-  p({ type: Array })
+  d({ type: Array })
 ], Q.prototype, "tags", 2);
 ne([
-  p({ type: Array })
+  d({ type: Array })
 ], Q.prototype, "labels", 2);
 ne([
-  p()
+  d()
 ], Q.prototype, "activeFilter", 2);
 ne([
-  p()
+  d()
 ], Q.prototype, "activeMetadataField", 2);
 ne([
-  p()
+  d()
 ], Q.prototype, "pendingFilter", 2);
 ne([
-  p()
+  d()
 ], Q.prototype, "pendingMetadataField", 2);
 Q = ne([
-  A("ap-filters-bar")
+  T("ap-filters-bar")
 ], Q);
 var Qo = Object.defineProperty, Yo = Object.getOwnPropertyDescriptor, ke = (t, e, s, i) => {
   for (var a = i > 1 ? void 0 : i ? Yo(e, s) : e, o = t.length - 1, r; o >= 0; o--)
@@ -8325,7 +8325,7 @@ var Qo = Object.defineProperty, Yo = Object.getOwnPropertyDescriptor, ke = (t, e
   return i && a && Qo(e, s, a), a;
 };
 const Wo = 6;
-let ge = class extends C {
+let ge = class extends E {
   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;
   }
@@ -8382,12 +8382,12 @@ let ge = class extends C {
                   <div class="ghost-line ghost-name"></div>
                   <div class="ghost-line ghost-meta"></div>
                 </div>
-              </div>`) : v}
+              </div>`) : f}
       </div>
     `;
   }
 };
-ge.styles = S`
+ge.styles = F`
     :host {
       display: block;
       padding: 0 20px 16px;
@@ -8444,34 +8444,34 @@ ge.styles = S`
     }
   `;
 ke([
-  p({ type: Array })
+  d({ type: Array })
 ], ge.prototype, "assets", 2);
 ke([
-  p({ type: Array })
+  d({ type: Array })
 ], ge.prototype, "folders", 2);
 ke([
-  p({ type: Object })
+  d({ type: Object })
 ], ge.prototype, "folderPreviews", 2);
 ke([
-  p({ type: Array })
+  d({ type: Array })
 ], ge.prototype, "selectedIds", 2);
 ke([
-  p({ type: Array })
+  d({ type: Array })
 ], ge.prototype, "selectedFolderIds", 2);
 ke([
-  p({ type: Boolean })
+  d({ type: Boolean })
 ], ge.prototype, "isLoading", 2);
 ke([
-  p({ type: Boolean })
+  d({ type: Boolean })
 ], ge.prototype, "multiSelect", 2);
 ke([
-  p({ type: Boolean })
+  d({ type: Boolean })
 ], ge.prototype, "folderSelectable", 2);
 ke([
-  p({ type: String })
+  d({ type: String })
 ], ge.prototype, "gridSize", 2);
 ge = ke([
-  A("ap-grid-view")
+  T("ap-grid-view")
 ], ge);
 var Xo = Object.defineProperty, Zo = Object.getOwnPropertyDescriptor, ve = (t, e, s, i) => {
   for (var a = i > 1 ? void 0 : i ? Zo(e, s) : e, o = t.length - 1, r; o >= 0; o--)
@@ -8479,7 +8479,7 @@ var Xo = Object.defineProperty, Zo = Object.getOwnPropertyDescriptor, ve = (t, e
   return i && a && Xo(e, s, a), a;
 };
 const Jo = 5;
-let J = class extends C {
+let J = class extends E {
   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;
   }
@@ -8523,12 +8523,12 @@ let J = class extends C {
                   <path d="M5 12h14"></path>
                 </svg>
               </div>
-            </span>` : v}
+            </span>` : f}
         <span></span>
         <span>Name</span>
         <span>Type</span>
-        ${this._compactLevel < 2 ? n`<span>Size</span>` : v}
-        ${this._compactLevel < 1 ? n`<span>Date</span>` : v}
+        ${this._compactLevel < 2 ? n`<span>Size</span>` : f}
+        ${this._compactLevel < 1 ? n`<span>Date</span>` : f}
         <span></span>
       </div>
       <div class="list-body" role="list" aria-label="Assets">
@@ -8571,21 +8571,21 @@ let J = class extends C {
       const o = ["70%", "55%", "80%", "45%", "65%"];
       return n`
                 <div class="ghost-row" style="grid-template-columns: ${this._getGridColumns(this.multiSelect)}">
-                  ${this.multiSelect ? n`<div class="ghost-el ghost-check"></div>` : v}
+                  ${this.multiSelect ? n`<div class="ghost-el ghost-check"></div>` : f}
                   <div class="ghost-el ghost-thumb"></div>
                   <div class="ghost-el ghost-name" style="width: ${o[a]}"></div>
                   <div class="ghost-el ghost-type"></div>
-                  ${this._compactLevel < 2 ? n`<div class="ghost-el ghost-size"></div>` : v}
-                  ${this._compactLevel < 1 ? n`<div class="ghost-el ghost-date"></div>` : v}
+                  ${this._compactLevel < 2 ? n`<div class="ghost-el ghost-size"></div>` : f}
+                  ${this._compactLevel < 1 ? n`<div class="ghost-el ghost-date"></div>` : f}
                   <div></div>
                 </div>
               `;
-    }) : v}
+    }) : f}
       </div>
     `;
   }
 };
-J.styles = S`
+J.styles = F`
     :host {
       display: block;
       padding: 0 20px 16px;
@@ -8674,40 +8674,40 @@ J.styles = S`
     }
   `;
 ve([
-  p({ type: Array })
+  d({ type: Array })
 ], J.prototype, "assets", 2);
 ve([
-  p({ type: Array })
+  d({ type: Array })
 ], J.prototype, "folders", 2);
 ve([
-  p({ type: Array })
+  d({ type: Array })
 ], J.prototype, "selectedIds", 2);
 ve([
-  p({ type: Array })
+  d({ type: Array })
 ], J.prototype, "selectedFolderIds", 2);
 ve([
-  p({ type: Boolean })
+  d({ type: Boolean })
 ], J.prototype, "isLoading", 2);
 ve([
-  p({ type: Boolean })
+  d({ type: Boolean })
 ], J.prototype, "multiSelect", 2);
 ve([
-  p({ type: Boolean })
+  d({ type: Boolean })
 ], J.prototype, "folderSelectable", 2);
 ve([
-  p({ type: Number })
+  d({ type: Number })
 ], J.prototype, "totalCount", 2);
 ve([
-  p({ type: Boolean })
+  d({ type: Boolean })
 ], J.prototype, "isSelectingAll", 2);
 ve([
-  p({ type: Object })
+  d({ type: Object })
 ], J.prototype, "folderPreviews", 2);
 ve([
   _()
 ], J.prototype, "_compactLevel", 2);
 J = ve([
-  A("ap-list-view")
+  T("ap-list-view")
 ], J);
 function Fs(t) {
   if (t === 0) return "0 B";
@@ -8731,7 +8731,7 @@ var er = Object.defineProperty, tr = Object.getOwnPropertyDescriptor, Mt = (t, e
     (r = t[o]) && (a = (i ? r(e, s, a) : r(a)) || a);
   return i && a && er(e, s, a), a;
 };
-let Ye = class extends C {
+let Ye = class extends E {
   constructor() {
     super(...arguments), this.index = 0, this.selected = !1, this.multiSelect = !0;
   }
@@ -8767,35 +8767,35 @@ let Ye = class extends C {
     }));
   }
   render() {
-    var c, h, u, g, d;
+    var h, u, g, p, v, b, $, x;
     const t = this.asset;
     if (!t) return n``;
-    const s = lt(t.type) === "video", i = ((c = t.extension) == null ? void 0 : c.toLowerCase()) === "pdf", a = ri(t.extension || "");
-    let o = "";
-    s ? o = li(t) : i ? o = xs(t) : a && (o = Bt(t));
-    const r = Tt(t.extension || ""), l = ys(t.extension || "");
+    const s = lt(t.type) === "video", i = ((h = t.extension) == null ? void 0 : h.toLowerCase()) === "pdf", a = !!((u = t.info) != null && u.thumbnail || (g = t.info) != null && g.image_thumbnail || (p = t.info) != null && p.preview), o = ri(t.extension || "") || a;
+    let r = "";
+    s ? r = li(t) : i ? r = xs(t) : o && (r = Bt(t));
+    const l = Tt(t.extension || ""), c = ys(t.extension || "");
     return n`
       <div class="card" @click=${this._handleSelect}>
-        <div class="thumbnail ${l && o ? "chess" : ""}">
-          ${o ? n`<img
-                src=${o}
+        <div class="thumbnail ${c && r ? "chess" : ""}">
+          ${r ? n`<img
+                src=${r}
                 alt=${t.name}
                 loading="lazy"
-                class="thumb-img ${l ? "transparent-asset" : ""}"
-                @error=${(f) => {
-      const b = f.target, x = ct();
-      b.src !== r && b.src !== x ? (b.src = r, b.classList.add("icon-fallback")) : b.src !== x && (b.src = x);
+                class="thumb-img ${c ? "transparent-asset" : ""}"
+                @error=${(k) => {
+      const w = k.target, P = ct();
+      w.src !== l && w.src !== P ? (w.src = l, w.classList.add("icon-fallback")) : w.src !== P && (w.src = P);
     }}
               />` : n`<img
-                src=${r}
+                src=${l}
                 alt=${t.name}
                 class="thumb-img icon-fallback"
-                @error=${(f) => {
-      const b = f.target, x = ct();
-      b.src !== x && (b.src = x);
+                @error=${(k) => {
+      const w = k.target, P = ct();
+      w.src !== P && (w.src = P);
     }}
               />`}
-          ${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>` : v}
+          ${s && (((v = t.info) == null ? void 0 : v.video_duration) ?? ((b = t.info) == null ? void 0 : b.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>
@@ -8814,21 +8814,21 @@ let Ye = class extends C {
                 </svg>
               </div>
             </div>
-          ` : v}
+          ` : f}
         </div>
         <div class="info">
           <div class="name" title=${t.name}>${t.name}</div>
-          <div class="meta">${(g = t.extension) == null ? void 0 : g.toUpperCase()}${(() => {
-      var w, L, $, R;
-      const f = ((w = t.info) == null ? void 0 : w.img_w) || ((L = t.info) == null ? void 0 : L.video_w), b = (($ = t.info) == null ? void 0 : $.img_h) || ((R = t.info) == null ? void 0 : R.video_h), x = ki(f, b);
-      return x ? ` · ${x}` : "";
-    })()} · ${Fs(((d = t.size) == null ? void 0 : d.bytes) || 0)}</div>
+          <div class="meta">${($ = t.extension) == null ? void 0 : $.toUpperCase()}${(() => {
+      var C, A, O, M;
+      const k = ((C = t.info) == null ? void 0 : C.img_w) || ((A = t.info) == null ? void 0 : A.video_w), w = ((O = t.info) == null ? void 0 : O.img_h) || ((M = t.info) == null ? void 0 : M.video_h), P = ki(k, w);
+      return P ? ` · ${P}` : "";
+    })()} · ${Fs(((x = t.size) == null ? void 0 : x.bytes) || 0)}</div>
         </div>
       </div>
     `;
   }
 };
-Ye.styles = S`
+Ye.styles = F`
     :host {
       display: block;
       animation: ap-card-in 300ms ease-out both;
@@ -9009,26 +9009,26 @@ Ye.styles = S`
     }
   `;
 Mt([
-  p({ type: Object })
+  d({ type: Object })
 ], Ye.prototype, "asset", 2);
 Mt([
-  p({ type: Number })
+  d({ type: Number })
 ], Ye.prototype, "index", 2);
 Mt([
-  p({ type: Boolean, reflect: !0 })
+  d({ type: Boolean, reflect: !0 })
 ], Ye.prototype, "selected", 2);
 Mt([
-  p({ type: Boolean })
+  d({ type: Boolean })
 ], Ye.prototype, "multiSelect", 2);
 Ye = Mt([
-  A("ap-asset-card")
+  T("ap-asset-card")
 ], Ye);
 var sr = Object.defineProperty, ir = Object.getOwnPropertyDescriptor, mt = (t, e, s, i) => {
   for (var a = i > 1 ? void 0 : i ? ir(e, s) : e, o = t.length - 1, r; o >= 0; o--)
     (r = t[o]) && (a = (i ? r(e, s, a) : r(a)) || a);
   return i && a && sr(e, s, a), a;
 };
-let Re = class extends C {
+let Re = class extends E {
   constructor() {
     super(...arguments), this.index = 0, this.selected = !1, this.multiSelect = !0, this.compactLevel = 0;
   }
@@ -9064,13 +9064,13 @@ let Re = class extends C {
     }));
   }
   render() {
-    var c, h, u;
+    var h, u, g, p, v, b;
     const t = this.asset;
     if (!t) return n``;
-    const s = lt(t.type) === "video", i = ((c = t.extension) == null ? void 0 : c.toLowerCase()) === "pdf", a = ri(t.extension || "");
-    let o = "";
-    s ? o = li(t) : i ? o = xs(t) : a && (o = Bt(t));
-    const r = Tt(t.extension || ""), l = ys(t.extension || "");
+    const s = lt(t.type) === "video", i = ((h = t.extension) == null ? void 0 : h.toLowerCase()) === "pdf", a = !!((u = t.info) != null && u.thumbnail || (g = t.info) != null && g.image_thumbnail || (p = t.info) != null && p.preview), o = ri(t.extension || "") || a;
+    let r = "";
+    s ? r = li(t) : i ? r = xs(t) : o && (r = Bt(t));
+    const l = Tt(t.extension || ""), c = ys(t.extension || "");
     return n`
       <div class="row" style="grid-template-columns: ${this._getGridColumns()}" @click=${this._handleSelect}>
         ${this.multiSelect ? n`
@@ -9081,31 +9081,31 @@ let Re = class extends C {
               </svg>
             </div>
           </div>
-        ` : v}
-        <div class="thumb ${l && o ? "chess" : ""}">
-          ${o ? n`<img
-                src=${o}
+        ` : f}
+        <div class="thumb ${c && r ? "chess" : ""}">
+          ${r ? n`<img
+                src=${r}
                 alt=${t.name}
-                class="${l ? "transparent-asset" : ""}"
+                class="${c ? "transparent-asset" : ""}"
                 loading="lazy"
-                @error=${(g) => {
-      const d = g.target, f = ct();
-      d.src !== r && d.src !== f ? (d.src = r, d.classList.add("icon-fallback")) : d.src !== f && (d.src = f);
+                @error=${($) => {
+      const x = $.target, k = ct();
+      x.src !== l && x.src !== k ? (x.src = l, x.classList.add("icon-fallback")) : x.src !== k && (x.src = k);
     }}
               />` : n`<img
-                src=${r}
+                src=${l}
                 alt=${t.name}
                 class="icon-fallback"
-                @error=${(g) => {
-      const d = g.target, f = ct();
-      d.src !== f && (d.src = f);
+                @error=${($) => {
+      const x = $.target, k = ct();
+      x.src !== k && (x.src = k);
     }}
               />`}
         </div>
         <div class="name" title=${t.name}>${t.name}</div>
-        <div class="type">${(h = t.extension) == null ? void 0 : h.toUpperCase()}</div>
-        ${this.compactLevel < 2 ? n`<div class="desc">${Fs(((u = t.size) == null ? void 0 : u.bytes) || 0)}</div>` : v}
-        ${this.compactLevel < 1 ? n`<div class="date">${Vt(t.created_at || "")}</div>` : v}
+        <div class="type">${(v = t.extension) == null ? void 0 : v.toUpperCase()}</div>
+        ${this.compactLevel < 2 ? n`<div class="desc">${Fs(((b = t.size) == null ? void 0 : b.bytes) || 0)}</div>` : f}
+        ${this.compactLevel < 1 ? n`<div class="date">${Vt(t.created_at || "")}</div>` : f}
         <div class="actions">
           <button class="icon-btn select-btn" @click=${this._handleQuickSelect} aria-label="Select" title="Select">
             <ap-icon name="select" .size=${16}></ap-icon>
@@ -9118,7 +9118,7 @@ let Re = class extends C {
     `;
   }
 };
-Re.styles = S`
+Re.styles = F`
     :host {
       display: block;
     }
@@ -9250,29 +9250,29 @@ Re.styles = S`
     }
   `;
 mt([
-  p({ type: Object })
+  d({ type: Object })
 ], Re.prototype, "asset", 2);
 mt([
-  p({ type: Number })
+  d({ type: Number })
 ], Re.prototype, "index", 2);
 mt([
-  p({ type: Boolean, reflect: !0 })
+  d({ type: Boolean, reflect: !0 })
 ], Re.prototype, "selected", 2);
 mt([
-  p({ type: Boolean })
+  d({ type: Boolean })
 ], Re.prototype, "multiSelect", 2);
 mt([
-  p({ type: Number })
+  d({ type: Number })
 ], Re.prototype, "compactLevel", 2);
 Re = mt([
-  A("ap-asset-row")
+  T("ap-asset-row")
 ], Re);
 var ar = Object.defineProperty, or = Object.getOwnPropertyDescriptor, tt = (t, e, s, i) => {
   for (var a = i > 1 ? void 0 : i ? or(e, s) : e, o = t.length - 1, r; o >= 0; o--)
     (r = t[o]) && (a = (i ? r(e, s, a) : r(a)) || a);
   return i && a && ar(e, s, a), a;
 };
-let Ae = class extends C {
+let Ae = class extends E {
   constructor() {
     super(...arguments), this.previews = [], this.selected = !1, this.selectable = !1, this.multiSelect = !0, this.index = 0;
   }
@@ -9331,7 +9331,7 @@ let Ae = class extends C {
         <div class="preview-left">${this._renderPreviewImg(t[0])}</div>
         <div class="preview-right">
           <div class="preview-right-item">${this._renderPreviewImg(t[1])}</div>
-          ${t[2] ? n`<div class="preview-right-item">${this._renderPreviewImg(t[2])}</div>` : v}
+          ${t[2] ? n`<div class="preview-right-item">${this._renderPreviewImg(t[2])}</div>` : f}
         </div>
       </div>
     `;
@@ -9356,7 +9356,7 @@ let Ae = class extends C {
               </svg>
             </div>
           </div>
-        ` : v}
+        ` : f}
         <div class="card-content">
           <div class="preview-container">
             <div class="preview-overlay"></div>
@@ -9366,7 +9366,7 @@ let Ae = class extends C {
             <div class="name" title=${t.name}>${t.name}</div>
             <div class="counts">
               <span>${e} asset${e !== 1 ? "s" : ""}</span>
-              ${i > 0 ? n`<span>${i} sub-asset${i !== 1 ? "s" : ""}</span>` : v}
+              ${i > 0 ? n`<span>${i} sub-asset${i !== 1 ? "s" : ""}</span>` : f}
             </div>
           </div>
         </div>
@@ -9374,7 +9374,7 @@ let Ae = class extends C {
     `;
   }
 };
-Ae.styles = [ee, S`
+Ae.styles = [ee, F`
     :host {
       display: block;
     }
@@ -9554,32 +9554,32 @@ Ae.styles = [ee, S`
     }
   `];
 tt([
-  p({ type: Object })
+  d({ type: Object })
 ], Ae.prototype, "folder", 2);
 tt([
-  p({ type: Array })
+  d({ type: Array })
 ], Ae.prototype, "previews", 2);
 tt([
-  p({ type: Boolean, reflect: !0 })
+  d({ type: Boolean, reflect: !0 })
 ], Ae.prototype, "selected", 2);
 tt([
-  p({ type: Boolean })
+  d({ type: Boolean })
 ], Ae.prototype, "selectable", 2);
 tt([
-  p({ type: Boolean })
+  d({ type: Boolean })
 ], Ae.prototype, "multiSelect", 2);
 tt([
-  p({ type: Number })
+  d({ type: Number })
 ], Ae.prototype, "index", 2);
 Ae = tt([
-  A("ap-folder-card")
+  T("ap-folder-card")
 ], Ae);
 var rr = Object.defineProperty, nr = Object.getOwnPropertyDescriptor, je = (t, e, s, i) => {
   for (var a = i > 1 ? void 0 : i ? nr(e, s) : e, o = t.length - 1, r; o >= 0; o--)
     (r = t[o]) && (a = (i ? r(e, s, a) : r(a)) || a);
   return i && a && rr(e, s, a), a;
 };
-let xe = class extends C {
+let xe = class extends E {
   constructor() {
     super(...arguments), this.previews = [], this.selected = !1, this.selectable = !1, this.multiSelect = !0, this.index = 0, this.compactLevel = 0;
   }
@@ -9652,18 +9652,18 @@ let xe = class extends C {
                     <path d="M20 6 9 17l-5-5"></path>
                   </svg>
                 </div>
-              </div>` : n`<div></div>` : v}
+              </div>` : n`<div></div>` : f}
         <div class="thumb">${this._renderThumb()}</div>
         <div class="name">${t.name}</div>
         <div class="meta">Folder</div>
-        ${this.compactLevel < 2 ? n`<div class="meta">${((e = t.count) == null ? void 0 : e.files_recursive) ?? ((s = t.count) == null ? void 0 : s.files_direct) ?? 0} items</div>` : v}
-        ${this.compactLevel < 1 ? n`<div class="meta">${Vt(t.modified_at || t.updated_at || "")}</div>` : v}
+        ${this.compactLevel < 2 ? n`<div class="meta">${((e = t.count) == null ? void 0 : e.files_recursive) ?? ((s = t.count) == null ? void 0 : s.files_direct) ?? 0} items</div>` : f}
+        ${this.compactLevel < 1 ? n`<div class="meta">${Vt(t.modified_at || t.updated_at || "")}</div>` : f}
         <div></div>
       </div>
     ` : n``;
   }
 };
-xe.styles = S`
+xe.styles = F`
     :host {
       display: block;
     }
@@ -9784,35 +9784,35 @@ xe.styles = S`
     }
   `;
 je([
-  p({ type: Object })
+  d({ type: Object })
 ], xe.prototype, "folder", 2);
 je([
-  p({ type: Array })
+  d({ type: Array })
 ], xe.prototype, "previews", 2);
 je([
-  p({ type: Boolean, reflect: !0 })
+  d({ type: Boolean, reflect: !0 })
 ], xe.prototype, "selected", 2);
 je([
-  p({ type: Boolean })
+  d({ type: Boolean })
 ], xe.prototype, "selectable", 2);
 je([
-  p({ type: Boolean })
+  d({ type: Boolean })
 ], xe.prototype, "multiSelect", 2);
 je([
-  p({ type: Number })
+  d({ type: Number })
 ], xe.prototype, "index", 2);
 je([
-  p({ type: Number })
+  d({ type: Number })
 ], xe.prototype, "compactLevel", 2);
 xe = je([
-  A("ap-folder-row")
+  T("ap-folder-row")
 ], xe);
 var lr = Object.defineProperty, cr = Object.getOwnPropertyDescriptor, As = (t, e, s, i) => {
   for (var a = i > 1 ? void 0 : i ? cr(e, s) : e, o = t.length - 1, r; o >= 0; o--)
     (r = t[o]) && (a = (i ? r(e, s, a) : r(a)) || a);
   return i && a && lr(e, s, a), a;
 };
-let wt = class extends C {
+let wt = class extends E {
   constructor() {
     super(...arguments), this.index = 0;
   }
@@ -9840,7 +9840,7 @@ let wt = class extends C {
     `;
   }
 };
-wt.styles = [ee, S`
+wt.styles = [ee, F`
     :host {
       display: block;
     }
@@ -9889,20 +9889,20 @@ wt.styles = [ee, S`
     }
   `];
 As([
-  p({ type: Object })
+  d({ type: Object })
 ], wt.prototype, "label", 2);
 As([
-  p({ type: Number })
+  d({ type: Number })
 ], wt.prototype, "index", 2);
 wt = As([
-  A("ap-label-card")
+  T("ap-label-card")
 ], wt);
 var dr = Object.defineProperty, pr = Object.getOwnPropertyDescriptor, Es = (t, e, s, i) => {
   for (var a = i > 1 ? void 0 : i ? pr(e, s) : e, o = t.length - 1, r; o >= 0; o--)
     (r = t[o]) && (a = (i ? r(e, s, a) : r(a)) || a);
   return i && a && dr(e, s, a), a;
 };
-let $t = class extends C {
+let $t = class extends E {
   constructor() {
     super(...arguments), this.index = 0;
   }
@@ -9928,7 +9928,7 @@ let $t = class extends C {
     `;
   }
 };
-$t.styles = S`
+$t.styles = F`
     :host {
       display: block;
     }
@@ -9970,20 +9970,20 @@ $t.styles = S`
     }
   `;
 Es([
-  p({ type: Object })
+  d({ type: Object })
 ], $t.prototype, "label", 2);
 Es([
-  p({ type: Number })
+  d({ type: Number })
 ], $t.prototype, "index", 2);
 $t = Es([
-  A("ap-label-row")
+  T("ap-label-row")
 ], $t);
 var hr = Object.defineProperty, ur = Object.getOwnPropertyDescriptor, Ts = (t, e, s, i) => {
   for (var a = i > 1 ? void 0 : i ? ur(e, s) : e, o = t.length - 1, r; o >= 0; o--)
     (r = t[o]) && (a = (i ? r(e, s, a) : r(a)) || a);
   return i && a && hr(e, s, a), a;
 };
-let kt = class extends C {
+let kt = class extends E {
   constructor() {
     super(...arguments), this.index = 0;
   }
@@ -10017,7 +10017,7 @@ let kt = class extends C {
     ` : n``;
   }
 };
-kt.styles = [ee, S`
+kt.styles = [ee, F`
     @keyframes ap-card-in {
       from { opacity: 0; transform: translateY(8px); }
       to { opacity: 1; transform: translateY(0); }
@@ -10081,20 +10081,20 @@ kt.styles = [ee, S`
     }
   `];
 Ts([
-  p({ type: Object })
+  d({ type: Object })
 ], kt.prototype, "collection", 2);
 Ts([
-  p({ type: Number })
+  d({ type: Number })
 ], kt.prototype, "index", 2);
 kt = Ts([
-  A("ap-collection-card")
+  T("ap-collection-card")
 ], kt);
 var fr = Object.defineProperty, gr = Object.getOwnPropertyDescriptor, Ls = (t, e, s, i) => {
   for (var a = i > 1 ? void 0 : i ? gr(e, s) : e, o = t.length - 1, r; o >= 0; o--)
     (r = t[o]) && (a = (i ? r(e, s, a) : r(a)) || a);
   return i && a && fr(e, s, a), a;
 };
-let St = class extends C {
+let St = class extends E {
   constructor() {
     super(...arguments), this.index = 0;
   }
@@ -10129,7 +10129,7 @@ let St = class extends C {
     ` : n``;
   }
 };
-St.styles = S`
+St.styles = F`
     :host {
       display: block;
     }
@@ -10186,20 +10186,20 @@ St.styles = S`
     }
   `;
 Ls([
-  p({ type: Object })
+  d({ type: Object })
 ], St.prototype, "collection", 2);
 Ls([
-  p({ type: Number })
+  d({ type: Number })
 ], St.prototype, "index", 2);
 St = Ls([
-  A("ap-collection-row")
+  T("ap-collection-row")
 ], St);
 var vr = Object.defineProperty, mr = Object.getOwnPropertyDescriptor, Os = (t, e, s, i) => {
   for (var a = i > 1 ? void 0 : i ? mr(e, s) : e, o = t.length - 1, r; o >= 0; o--)
     (r = t[o]) && (a = (i ? r(e, s, a) : r(a)) || a);
   return i && a && vr(e, s, a), a;
 };
-let Ct = class extends C {
+let Ct = class extends E {
   constructor() {
     super(...arguments), this.index = 0;
   }
@@ -10233,7 +10233,7 @@ let Ct = class extends C {
     ` : n``;
   }
 };
-Ct.styles = [ee, S`
+Ct.styles = [ee, F`
     @keyframes ap-card-in {
       from { opacity: 0; transform: translateY(8px); }
       to { opacity: 1; transform: translateY(0); }
@@ -10293,20 +10293,20 @@ Ct.styles = [ee, S`
     }
   `];
 Os([
-  p({ type: Object })
+  d({ type: Object })
 ], Ct.prototype, "folder", 2);
 Os([
-  p({ type: Number })
+  d({ type: Number })
 ], Ct.prototype, "index", 2);
 Ct = Os([
-  A("ap-collection-folder-card")
+  T("ap-collection-folder-card")
 ], Ct);
 var br = Object.defineProperty, _r = Object.getOwnPropertyDescriptor, Ms = (t, e, s, i) => {
   for (var a = i > 1 ? void 0 : i ? _r(e, s) : e, o = t.length - 1, r; o >= 0; o--)
     (r = t[o]) && (a = (i ? r(e, s, a) : r(a)) || a);
   return i && a && br(e, s, a), a;
 };
-let Ft = class extends C {
+let Ft = class extends E {
   constructor() {
     super(...arguments), this.index = 0;
   }
@@ -10332,7 +10332,7 @@ let Ft = class extends C {
     ` : n``;
   }
 };
-Ft.styles = S`
+Ft.styles = F`
     :host {
       display: block;
     }
@@ -10379,20 +10379,20 @@ Ft.styles = S`
     }
   `;
 Ms([
-  p({ type: Object })
+  d({ type: Object })
 ], Ft.prototype, "folder", 2);
 Ms([
-  p({ type: Number })
+  d({ type: Number })
 ], Ft.prototype, "index", 2);
 Ft = Ms([
-  A("ap-collection-folder-row")
+  T("ap-collection-folder-row")
 ], Ft);
 var yr = Object.defineProperty, xr = Object.getOwnPropertyDescriptor, It = (t, e, s, i) => {
   for (var a = i > 1 ? void 0 : i ? xr(e, s) : e, o = t.length - 1, r; o >= 0; o--)
     (r = t[o]) && (a = (i ? r(e, s, a) : r(a)) || a);
   return i && a && yr(e, s, a), a;
 };
-let We = class extends C {
+let We = class extends E {
   constructor() {
     super(...arguments), this.variant = "grid", this.gridSize = "normal", this.multiSelect = !0, this.folderCount = 0;
   }
@@ -10453,7 +10453,7 @@ let We = class extends C {
     `;
   }
 };
-We.styles = S`
+We.styles = F`
     :host {
       display: block;
       padding: 0 20px 16px;
@@ -10580,26 +10580,26 @@ We.styles = S`
     }
   `;
 It([
-  p({ reflect: !0 })
+  d({ reflect: !0 })
 ], We.prototype, "variant", 2);
 It([
-  p({ type: String })
+  d({ type: String })
 ], We.prototype, "gridSize", 2);
 It([
-  p({ type: Boolean })
+  d({ type: Boolean })
 ], We.prototype, "multiSelect", 2);
 It([
-  p({ type: Number })
+  d({ type: Number })
 ], We.prototype, "folderCount", 2);
 We = It([
-  A("ap-skeleton")
+  T("ap-skeleton")
 ], We);
 var wr = Object.defineProperty, $r = Object.getOwnPropertyDescriptor, G = (t, e, s, i) => {
   for (var a = i > 1 ? void 0 : i ? $r(e, s) : e, o = t.length - 1, r; o >= 0; o--)
     (r = t[o]) && (a = (i ? r(e, s, a) : r(a)) || a);
   return i && a && wr(e, s, a), a;
 };
-let B = class extends C {
+let B = class extends E {
   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;
   }
@@ -10763,14 +10763,14 @@ let B = class extends C {
   }
   _applyTagFilter(t) {
     this.dispatchEvent(new CustomEvent("filter-update", {
-      detail: { key: y.TAGS, values: [t], operator: T.IS },
+      detail: { key: y.TAGS, values: [t], operator: L.IS },
       bubbles: !0,
       composed: !0
     }));
   }
   _applyLabelFilter(t) {
     this.dispatchEvent(new CustomEvent("filter-update", {
-      detail: { key: y.LABELS, values: [t], operator: T.IS },
+      detail: { key: y.LABELS, values: [t], operator: L.IS },
       bubbles: !0,
       composed: !0
     }));
@@ -10781,7 +10781,7 @@ let B = class extends C {
   }
   _renderFileInfoSection(t) {
     const e = this._getFileInfoRows(t);
-    if (e.length === 0) return v;
+    if (e.length === 0) return f;
     const s = this._openSections.has("file-info");
     return n`
       <div class="accordion">
@@ -10809,7 +10809,7 @@ let B = class extends C {
     `;
   }
   _renderAccordion(t, e, s) {
-    if (s.length === 0) return v;
+    if (s.length === 0) return f;
     const i = this._openSections.has(t);
     return n`
       <div class="accordion">
@@ -10890,11 +10890,11 @@ let B = class extends C {
     if (this.metadataFields.length > 0) {
       const h = t;
       for (const u of this.metadataFields) {
-        const g = h[u.key] ?? ((r = (o = t.info) == null ? void 0 : o.metadata) == null ? void 0 : r[u.key]) ?? ((l = t.meta) == null ? void 0 : l[u.key]), d = this._resolveFieldValue(g, u);
-        if (!d) continue;
+        const g = h[u.key] ?? ((r = (o = t.info) == null ? void 0 : o.metadata) == null ? void 0 : r[u.key]) ?? ((l = t.meta) == null ? void 0 : l[u.key]), p = this._resolveFieldValue(g, u);
+        if (!p) continue;
         i.add(u.key), u.slug && i.add(u.slug);
-        const f = d.length > 50;
-        e.push({ label: u.label, value: d, wrap: f });
+        const v = p.length > 50;
+        e.push({ label: u.label, value: p, wrap: v });
       }
     }
     if (t.meta)
@@ -10902,17 +10902,17 @@ let B = class extends C {
         if (i.has(h) || u == null || u === "") continue;
         const g = s.get(h);
         if (g) {
-          const d = this._resolveFieldValue(u, g);
-          if (!d) continue;
+          const p = this._resolveFieldValue(u, g);
+          if (!p) continue;
           i.add(h);
-          const f = d.length > 50;
-          e.push({ label: g.label, value: d, wrap: f });
+          const v = p.length > 50;
+          e.push({ label: g.label, value: p, wrap: v });
         } else {
-          const d = typeof u == "object" ? JSON.stringify(u) : String(u);
-          if (!d || d === "{}" || d === "[]") continue;
+          const p = typeof u == "object" ? JSON.stringify(u) : String(u);
+          if (!p || p === "{}" || p === "[]") continue;
           i.add(h);
-          const f = h.charAt(0).toUpperCase() + h.slice(1).replace(/_/g, " "), b = d.length > 50;
-          e.push({ label: f, value: d, wrap: b });
+          const v = h.charAt(0).toUpperCase() + h.slice(1).replace(/_/g, " "), b = p.length > 50;
+          e.push({ label: v, value: p, wrap: b });
         }
       }
     const a = (c = t.info) == null ? void 0 : c.metadata;
@@ -10921,17 +10921,17 @@ let B = class extends C {
         if (i.has(h) || u == null || u === "") continue;
         const g = s.get(h);
         if (g) {
-          const d = this._resolveFieldValue(u, g);
-          if (!d) continue;
+          const p = this._resolveFieldValue(u, g);
+          if (!p) continue;
           i.add(h);
-          const f = d.length > 50;
-          e.push({ label: g.label, value: d, wrap: f });
+          const v = p.length > 50;
+          e.push({ label: g.label, value: p, wrap: v });
         } else {
-          const d = typeof u == "object" ? JSON.stringify(u) : String(u);
-          if (!d || d === "{}" || d === "[]") continue;
+          const p = typeof u == "object" ? JSON.stringify(u) : String(u);
+          if (!p || p === "{}" || p === "[]") continue;
           i.add(h);
-          const f = h.charAt(0).toUpperCase() + h.slice(1).replace(/_/g, " "), b = d.length > 50;
-          e.push({ label: f, value: d, wrap: b });
+          const v = h.charAt(0).toUpperCase() + h.slice(1).replace(/_/g, " "), b = p.length > 50;
+          e.push({ label: v, value: p, wrap: b });
         }
       }
     return e;
@@ -10941,7 +10941,7 @@ let B = class extends C {
   }
   _renderLabelsRow(t) {
     const e = this._getAssetLabels(t);
-    return e.length === 0 ? v : n`
+    return e.length === 0 ? f : n`
       <div class="meta-row" style="flex-direction:column;gap:6px">
         <span class="meta-label">Labels</span>
         <div class="tags-list">
@@ -10959,7 +10959,7 @@ let B = class extends C {
   }
   _renderTagsRow(t) {
     const e = this._getTagEntries(t.tags);
-    return e.length === 0 ? v : n`
+    return e.length === 0 ? f : n`
       <div class="meta-row">
         <span class="meta-label">Tags</span>
         <div class="tags-list">
@@ -10971,10 +10971,10 @@ let B = class extends C {
     `;
   }
   render() {
-    var F, E, M, I, ye, le, z, se;
+    var C, A, O, M, ye, le, R, se;
     const t = this.asset;
-    if (!t) return v;
-    const e = lt(t.type), s = e === "image", i = e === "video", a = e === "audio", o = ((F = t.extension) == null ? void 0 : F.toLowerCase()) === "pdf", r = Tt(t.extension || ""), l = ys(t.extension || ""), c = ((E = t.extension) == null ? void 0 : E.toLowerCase()) === "svg", h = Bt(t), u = s ? c ? ((M = t.url) == null ? void 0 : M.cdn) || "" : h || Ge(((I = t.url) == null ? void 0 : I.cdn) || "", this.containerToken) : "", g = s ? this._getFullscreenImageUrl(t) : "", d = s && !c ? this._getBlurDimensions(t) : null, f = i && ((ye = t.url) == null ? void 0 : ye.cdn) || "", b = i && (((le = t.info) == null ? void 0 : le.video_thumbnail) || ((z = t.info) == null ? void 0 : z.preview)) || "", x = o && !s ? xs(t) : "", w = this._getCurrentIndex(), L = w > 0 && this._findNavTarget(w, -1) >= 0, $ = w >= 0 && this._findNavTarget(w, 1) >= 0, R = this.assets.length > 1;
+    if (!t) return f;
+    const e = lt(t.type), s = e === "image", i = e === "video", a = e === "audio", o = ((C = t.extension) == null ? void 0 : C.toLowerCase()) === "pdf", r = Tt(t.extension || ""), l = ys(t.extension || ""), c = ((A = t.extension) == null ? void 0 : A.toLowerCase()) === "svg", h = Bt(t), u = s ? c ? ((O = t.url) == null ? void 0 : O.cdn) || "" : h || Ge(((M = t.url) == null ? void 0 : M.cdn) || "", this.containerToken) : "", g = s ? this._getFullscreenImageUrl(t) : "", p = s && !c ? this._getBlurDimensions(t) : null, v = i && ((ye = t.url) == null ? void 0 : ye.cdn) || "", b = i && (((le = t.info) == null ? void 0 : le.video_thumbnail) || ((R = t.info) == null ? void 0 : R.preview)) || "", $ = o && !s ? xs(t) : "", x = this._getCurrentIndex(), k = x > 0 && this._findNavTarget(x, -1) >= 0, w = x >= 0 && this._findNavTarget(x, 1) >= 0, P = this.assets.length > 1;
     return n`
       <div class="panel">
         <div class="panel-header">
@@ -10994,20 +10994,20 @@ let B = class extends C {
         </div>
 
         <div class="preview-area ${s && l ? "chess" : ""}">
-          ${R ? n`
-            <button class="nav-btn prev" @click=${this._prev} ?disabled=${!L} aria-label="Previous">
+          ${P ? n`
+            <button class="nav-btn prev" @click=${this._prev} ?disabled=${!k} aria-label="Previous">
               <ap-icon name="chevron-left" .size=${16}></ap-icon>
             </button>
-            <button class="nav-btn next" @click=${this._next} ?disabled=${!$} aria-label="Next">
+            <button class="nav-btn next" @click=${this._next} ?disabled=${!w} aria-label="Next">
               <ap-icon name="chevron-right" .size=${16}></ap-icon>
             </button>
-          ` : v}
+          ` : f}
           ${this._isFullscreen ? n`
             <button class="fs-close-btn" @click=${this._exitFullscreen} aria-label="Exit fullscreen">
               <ap-icon name="close" .size=${16}></ap-icon>
             </button>
-          ` : v}
-          ${this._previewLoading ? n`<div class="preview-loading"><div class="spinner"></div></div>` : v}
+          ` : f}
+          ${this._previewLoading ? n`<div class="preview-loading"><div class="spinner"></div></div>` : f}
           ${s ? n`
             <img
               src=${u}
@@ -11021,12 +11021,12 @@ let B = class extends C {
     }}
             />
             <div class="fs-wrapper">
-              ${c ? v : n`
+              ${c ? f : n`
                 <img
                   class="fs-blur ${this._fsImageLoaded ? "hidden" : ""}"
                   src=${u}
                   alt=""
-                  style="width:${d.width};height:${d.height}"
+                  style="width:${p.width};height:${p.height}"
                 />
               `}
               <img
@@ -11037,36 +11037,36 @@ let B = class extends C {
                 @load=${this._onFsImageLoad}
               />
             </div>
-          ` : v}
-          ${i ? n`<video src=${f} poster=${b || v} controls controlsList="nofullscreen" @loadeddata=${() => {
+          ` : f}
+          ${i ? n`<video src=${v} poster=${b || f} controls controlsList="nofullscreen" @loadeddata=${() => {
       this._previewLoading = !1;
     }} @error=${() => {
       this._previewLoading = !1;
-    }}></video>` : v}
-          ${a ? n`<audio src=${((se = t.url) == null ? void 0 : se.cdn) || ""} controls></audio>` : v}
+    }}></video>` : f}
+          ${a ? n`<audio src=${((se = t.url) == null ? void 0 : se.cdn) || ""} controls></audio>` : f}
           ${o && !s ? n`
             <img
-              src=${x || r}
+              src=${$ || r}
               alt=${t.name}
-              class=${x ? "" : "icon-fallback"}
+              class=${$ ? "" : "icon-fallback"}
               @error=${(ie) => {
       const U = ie.target;
       U.src !== r && (U.src = r, U.classList.add("icon-fallback"));
     }}
             />
-          ` : v}
-          ${!s && !i && !a && !o ? n`<img src=${r} alt=${t.name} class="icon-fallback" />` : v}
+          ` : f}
+          ${!s && !i && !a && !o ? n`<img src=${r} alt=${t.name} class="icon-fallback" />` : f}
         </div>
 
         ${this._renderFileInfoSection(t)}
         ${this.showMetadata ? n`
           ${this._renderAccordion("metadata", "Metadata", this._getAllMetadataRows(t))}
-        ` : v}
+        ` : f}
       </div>
     `;
   }
 };
-B.styles = S`
+B.styles = F`
     :host {
       display: block;
     }
@@ -11379,31 +11379,31 @@ B.styles = S`
     }
   `;
 G([
-  p({ type: Object })
+  d({ type: Object })
 ], B.prototype, "asset", 2);
 G([
-  p({ type: Array })
+  d({ type: Array })
 ], B.prototype, "assets", 2);
 G([
-  p({ type: Array })
+  d({ type: Array })
 ], B.prototype, "selectedIds", 2);
 G([
-  p()
+  d()
 ], B.prototype, "containerToken", 2);
 G([
-  p({ type: Boolean })
+  d({ type: Boolean })
 ], B.prototype, "showMetadata", 2);
 G([
-  p({ type: Array })
+  d({ type: Array })
 ], B.prototype, "metadataFields", 2);
 G([
-  p({ type: Array })
+  d({ type: Array })
 ], B.prototype, "labels", 2);
 G([
-  p({ type: Object })
+  d({ type: Object })
 ], B.prototype, "regionalFilters", 2);
 G([
-  p({ type: Boolean })
+  d({ type: Boolean })
 ], B.prototype, "multiSelect", 2);
 G([
   Ze(".preview-area")
@@ -11424,7 +11424,7 @@ G([
   _()
 ], B.prototype, "_openSections", 2);
 B = G([
-  A("ap-preview-panel")
+  T("ap-preview-panel")
 ], B);
 var kr = Object.defineProperty, Sr = Object.getOwnPropertyDescriptor, Is = (t, e, s, i) => {
   for (var a = i > 1 ? void 0 : i ? Sr(e, s) : e, o = t.length - 1, r; o >= 0; o--)
@@ -11782,13 +11782,13 @@ const Cr = {
     { 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 At = class extends C {
+let At = class extends E {
   constructor() {
     super(...arguments), this.name = "", this.size = 20;
   }
   render() {
     const t = Cr[this.name];
-    if (!t) return v;
+    if (!t) return f;
     const e = typeof t == "string" ? Ie`<path d=${t}></path>` : t.map((s) => {
       const { tag: i, attrs: a } = s;
       return i === "circle" ? Ie`<circle cx=${a.cx} cy=${a.cy} r=${a.r} fill=${a.fill ?? "none"}></circle>` : i === "rect" ? Ie`<rect width=${a.width} height=${a.height} x=${a.x} y=${a.y} rx=${a.rx ?? "0"} ry=${a.ry ?? "0"}></rect>` : Ie`<path d=${a.d}></path>`;
@@ -11809,7 +11809,7 @@ let At = class extends C {
   }
 };
 At.styles = [
-  S`
+  F`
       :host {
         display: inline-flex;
         align-items: center;
@@ -11822,20 +11822,20 @@ At.styles = [
     `
 ];
 Is([
-  p()
+  d()
 ], At.prototype, "name", 2);
 Is([
-  p({ type: Number })
+  d({ type: Number })
 ], At.prototype, "size", 2);
 At = Is([
-  A("ap-icon")
+  T("ap-icon")
 ], At);
 var Fr = Object.defineProperty, Ar = Object.getOwnPropertyDescriptor, Le = (t, e, s, i) => {
   for (var a = i > 1 ? void 0 : i ? Ar(e, s) : e, o = t.length - 1, r; o >= 0; o--)
     (r = t[o]) && (a = (i ? r(e, s, a) : r(a)) || a);
   return i && a && Fr(e, s, a), a;
 };
-let be = class extends C {
+let be = class extends E {
   constructor() {
     super(...arguments), this.selectedAssets = [], this.selectedFolders = [], this.totalCount = 0, this.totalFolderCount = 0, this.isSelectingAll = !1, this.multiSelect = !0, this.showTransform = !1;
   }
@@ -11887,7 +11887,7 @@ let be = class extends C {
     }));
   }
   render() {
-    return this._totalSelected === 0 ? v : n`
+    return this._totalSelected === 0 ? f : n`
       <div class="bar">
         <span class="count">${this._formatCount()}</span>
         ${this.multiSelect ? n`
@@ -11897,20 +11897,20 @@ let be = class extends C {
                 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>` : v}
+              ><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>` : v}
-        ` : v}
+          ${this.maxSelections && this._totalSelected >= this.maxSelections ? n`<span class="limit-notice">Max ${this.maxSelections} allowed</span>` : f}
+        ` : f}
         <div class="spacer"></div>
         ${this.showTransform ? n`
           <button class="btn-confirm btn-transform" @click=${this._transform}>Transform</button>
-        ` : v}
+        ` : f}
         <button class="btn-confirm" @click=${this._confirm}>Confirm</button>
       </div>
     `;
   }
 };
-be.styles = S`
+be.styles = F`
     :host {
       display: block;
       padding: 0 8px 8px;
@@ -12003,43 +12003,43 @@ be.styles = S`
     }
   `;
 Le([
-  p({ type: Array })
+  d({ type: Array })
 ], be.prototype, "selectedAssets", 2);
 Le([
-  p({ type: Array })
+  d({ type: Array })
 ], be.prototype, "selectedFolders", 2);
 Le([
-  p({ type: Number })
+  d({ type: Number })
 ], be.prototype, "totalCount", 2);
 Le([
-  p({ type: Number })
+  d({ type: Number })
 ], be.prototype, "totalFolderCount", 2);
 Le([
-  p({ type: Boolean })
+  d({ type: Boolean })
 ], be.prototype, "isSelectingAll", 2);
 Le([
-  p({ type: Boolean })
+  d({ type: Boolean })
 ], be.prototype, "multiSelect", 2);
 Le([
-  p({ type: Number })
+  d({ type: Number })
 ], be.prototype, "maxSelections", 2);
 Le([
-  p({ type: Boolean })
+  d({ type: Boolean })
 ], be.prototype, "showTransform", 2);
 be = Le([
-  A("ap-selection-bar")
+  T("ap-selection-bar")
 ], be);
 var Er = Object.defineProperty, Tr = Object.getOwnPropertyDescriptor, Ps = (t, e, s, i) => {
   for (var a = i > 1 ? void 0 : i ? Tr(e, s) : e, o = t.length - 1, r; o >= 0; o--)
     (r = t[o]) && (a = (i ? r(e, s, a) : r(a)) || a);
   return i && a && Er(e, s, a), a;
 };
-let Et = class extends C {
+let Et = class extends E {
   constructor() {
     super(...arguments), this.active = !1, this.rect = { x: 0, y: 0, width: 0, height: 0 };
   }
   render() {
-    return !this.active || this.rect.width < 5 || this.rect.height < 5 ? v : n`
+    return !this.active || this.rect.width < 5 || this.rect.height < 5 ? f : n`
       <div
         class="marquee"
         style="left:${this.rect.x}px;top:${this.rect.y}px;width:${this.rect.width}px;height:${this.rect.height}px"
@@ -12047,7 +12047,7 @@ let Et = class extends C {
     `;
   }
 };
-Et.styles = S`
+Et.styles = F`
     :host {
       display: block;
       position: absolute;
@@ -12066,20 +12066,20 @@ Et.styles = S`
     }
   `;
 Ps([
-  p({ type: Boolean })
+  d({ type: Boolean })
 ], Et.prototype, "active", 2);
 Ps([
-  p({ type: Object })
+  d({ type: Object })
 ], Et.prototype, "rect", 2);
 Et = Ps([
-  A("ap-marquee-overlay")
+  T("ap-marquee-overlay")
 ], Et);
 var Lr = Object.defineProperty, Or = Object.getOwnPropertyDescriptor, st = (t, e, s, i) => {
   for (var a = i > 1 ? void 0 : i ? Or(e, s) : e, o = t.length - 1, r; o >= 0; o--)
     (r = t[o]) && (a = (i ? r(e, s, a) : r(a)) || a);
   return i && a && Lr(e, s, a), a;
 };
-let Ee = class extends C {
+let Ee = class extends E {
   constructor() {
     super(...arguments), this.value = "", this.options = [], this.disabled = !1, this.clearable = !1, this.direction = "vertical", this._onKeydown = (t) => {
       const e = this.options.filter(
@@ -12123,11 +12123,11 @@ let Ee = class extends C {
             class="option"
             role="radio"
             aria-checked=${t.value === this.value}
-            aria-disabled=${this.disabled || t.disabled ? "true" : v}
+            aria-disabled=${this.disabled || t.disabled ? "true" : f}
             @click=${() => this._select(t)}
           >
             <div class="radio"><div class="dot"></div></div>
-            ${t.icon ? n`<ap-icon name=${t.icon} .size=${16}></ap-icon>` : v}
+            ${t.icon ? n`<ap-icon name=${t.icon} .size=${16}></ap-icon>` : f}
             <span class="label">${t.label}</span>
           </div>
         `
@@ -12146,7 +12146,7 @@ let Ee = class extends C {
 };
 Ee.styles = [
   ee,
-  S`
+  F`
       :host {
         display: flex;
         flex-direction: column;
@@ -12210,32 +12210,32 @@ Ee.styles = [
     `
 ];
 st([
-  p()
+  d()
 ], Ee.prototype, "value", 2);
 st([
-  p({ type: Array })
+  d({ type: Array })
 ], Ee.prototype, "options", 2);
 st([
-  p({ type: Boolean })
+  d({ type: Boolean })
 ], Ee.prototype, "disabled", 2);
 st([
-  p({ type: Boolean })
+  d({ type: Boolean })
 ], Ee.prototype, "clearable", 2);
 st([
-  p({ reflect: !0 })
+  d({ reflect: !0 })
 ], Ee.prototype, "direction", 2);
 st([
-  p({ reflect: !0 })
+  d({ reflect: !0 })
 ], Ee.prototype, "columns", 2);
 Ee = st([
-  A("ap-radio-group")
+  T("ap-radio-group")
 ], Ee);
 var Mr = Object.defineProperty, Ir = Object.getOwnPropertyDescriptor, Si = (t, e, s, i) => {
   for (var a = i > 1 ? void 0 : i ? Ir(e, s) : e, o = t.length - 1, r; o >= 0; o--)
     (r = t[o]) && (a = (i ? r(e, s, a) : r(a)) || a);
   return i && a && Mr(e, s, a), a;
 };
-let Ht = class extends C {
+let Ht = class extends E {
   constructor() {
     super(...arguments), this.size = 24;
   }
@@ -12244,7 +12244,7 @@ let Ht = class extends C {
   }
 };
 Ht.styles = [
-  S`
+  F`
       :host {
         display: inline-flex;
       }
@@ -12260,17 +12260,17 @@ Ht.styles = [
     `
 ];
 Si([
-  p({ type: Number })
+  d({ type: Number })
 ], Ht.prototype, "size", 2);
 Ht = Si([
-  A("ap-spinner")
+  T("ap-spinner")
 ], Ht);
 var Pr = Object.defineProperty, Dr = Object.getOwnPropertyDescriptor, es = (t, e, s, i) => {
   for (var a = i > 1 ? void 0 : i ? Dr(e, s) : e, o = t.length - 1, r; o >= 0; o--)
     (r = t[o]) && (a = (i ? r(e, s, a) : r(a)) || a);
   return i && a && Pr(e, s, a), a;
 };
-let ht = class extends C {
+let ht = class extends E {
   constructor() {
     super(...arguments), this.folders = [], this.loading = !1, this._mode = "recursive";
   }
@@ -12322,7 +12322,7 @@ let ht = class extends C {
     `;
   }
 };
-ht.styles = [ee, S`
+ht.styles = [ee, F`
     :host {
       display: block;
     }
@@ -12397,23 +12397,23 @@ ht.styles = [ee, S`
     }
   `];
 es([
-  p({ type: Array })
+  d({ type: Array })
 ], ht.prototype, "folders", 2);
 es([
-  p({ type: Boolean })
+  d({ type: Boolean })
 ], ht.prototype, "loading", 2);
 es([
   _()
 ], ht.prototype, "_mode", 2);
 ht = es([
-  A("ap-folder-resolve-dialog")
+  T("ap-folder-resolve-dialog")
 ], ht);
 var zr = Object.defineProperty, Rr = Object.getOwnPropertyDescriptor, Y = (t, e, s, i) => {
   for (var a = i > 1 ? void 0 : i ? Rr(e, s) : e, o = t.length - 1, r; o >= 0; o--)
     (r = t[o]) && (a = (i ? r(e, s, a) : r(a)) || a);
   return i && a && zr(e, s, a), a;
 };
-let q = class extends C {
+let q = class extends E {
   constructor() {
     super(...arguments), this.value = "", this.label = "", this.variant = "default", this.clearable = !1, 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._menuWidth = 0, this._handleOutsideClick = (t) => {
       t.composedPath().includes(this) || (this._open = !1, document.removeEventListener("click", this._handleOutsideClick));
@@ -12434,8 +12434,8 @@ let q = class extends C {
         @click=${this._toggle}
         @keydown=${this._handleTriggerKeydown}
       >
-        ${t != null && t.icon ? n`<ap-icon name=${t.icon} .size=${16}></ap-icon>` : v}
-        ${this.label ? n`<span class="label">${this.label}${t ? ": " : ""}</span>` : v}${t ? t.label : ""}
+        ${t != null && t.icon ? n`<ap-icon name=${t.icon} .size=${16}></ap-icon>` : f}
+        ${this.label ? n`<span class="label">${this.label}${t ? ": " : ""}</span>` : f}${t ? t.label : ""}
         ${this.clearable && t ? n`<span class="clear-trigger" @click=${this._clear}><ap-icon name="close" .size=${12}></ap-icon></span>` : n`<ap-icon name="chevron-down" .size=${14}></ap-icon>`}
       </button>
       ${this._open ? n`
@@ -12462,15 +12462,15 @@ let q = class extends C {
       }}
               >
                 <span class="option-label">
-                  ${s.icon ? n`<ap-icon name=${s.icon} .size=${16}></ap-icon>` : v}
+                  ${s.icon ? n`<ap-icon name=${s.icon} .size=${16}></ap-icon>` : f}
                   ${s.label}
                 </span>
-                ${s.value === this.value ? n`<ap-icon name="check" .size=${14}></ap-icon>` : v}
+                ${s.value === this.value ? n`<ap-icon name="check" .size=${14}></ap-icon>` : f}
               </button>
             `
     )}
         </div>
-      ` : v}
+      ` : f}
     `;
   }
   _toggle() {
@@ -12531,7 +12531,7 @@ let q = class extends C {
 };
 q.styles = [
   ee,
-  S`
+  F`
       :host {
         position: relative;
         display: inline-block;
@@ -12643,19 +12643,19 @@ q.styles = [
     `
 ];
 Y([
-  p()
+  d()
 ], q.prototype, "value", 2);
 Y([
-  p()
+  d()
 ], q.prototype, "label", 2);
 Y([
-  p({ reflect: !0 })
+  d({ reflect: !0 })
 ], q.prototype, "variant", 2);
 Y([
-  p({ type: Boolean })
+  d({ type: Boolean })
 ], q.prototype, "clearable", 2);
 Y([
-  p({ type: Array })
+  d({ type: Array })
 ], q.prototype, "options", 2);
 Y([
   _()
@@ -12685,7 +12685,7 @@ Y([
   _()
 ], q.prototype, "_menuWidth", 2);
 q = Y([
-  A("ap-dropdown")
+  T("ap-dropdown")
 ], q);
 var jr = Object.defineProperty, Nr = Object.getOwnPropertyDescriptor, Oe = (t, e, s, i) => {
   for (var a = i > 1 ? void 0 : i ? Nr(e, s) : e, o = t.length - 1, r; o >= 0; o--)
@@ -12697,7 +12697,7 @@ function Br(t) {
   const e = (t ?? "").toLowerCase();
   return Ur.includes(e) ? e : "jpeg";
 }
-let _e = class extends C {
+let _e = class extends E {
   constructor() {
     super(...arguments), this.assets = [], this.isMultiSelect = !1, this._format = "jpeg", this._quality = "excellent", this._lockAspect = !0, this._activePreset = "original", this._defaultFormat = "jpeg";
   }
@@ -12798,7 +12798,7 @@ let _e = class extends C {
             ></ap-radio-group>
           </div>
 
-          ${t ? v : n`
+          ${t ? f : n`
             <div class="section">
               <span class="section-label">Quality</span>
               <ap-dropdown
@@ -12879,7 +12879,7 @@ let _e = class extends C {
     `;
   }
 };
-_e.styles = [ee, S`
+_e.styles = [ee, F`
     :host {
       display: block;
     }
@@ -13085,10 +13085,10 @@ _e.styles = [ee, S`
     }
   `];
 Oe([
-  p({ type: Array })
+  d({ type: Array })
 ], _e.prototype, "assets", 2);
 Oe([
-  p({ type: Boolean })
+  d({ type: Boolean })
 ], _e.prototype, "isMultiSelect", 2);
 Oe([
   _()
@@ -13109,14 +13109,14 @@ Oe([
   _()
 ], _e.prototype, "_activePreset", 2);
 _e = Oe([
-  A("ap-transformation-dialog")
+  T("ap-transformation-dialog")
 ], _e);
 var qr = Object.defineProperty, Vr = Object.getOwnPropertyDescriptor, ts = (t, e, s, i) => {
   for (var a = i > 1 ? void 0 : i ? Vr(e, s) : e, o = t.length - 1, r; o >= 0; o--)
     (r = t[o]) && (a = (i ? r(e, s, a) : r(a)) || a);
   return i && a && qr(e, s, a), a;
 };
-let ut = class extends C {
+let ut = class extends E {
   constructor() {
     super(...arguments), this.checked = !1, this.indeterminate = !1, this.disabled = !1, this._hasLabel = !1, this._handleHostClick = () => {
       this.dispatchEvent(new CustomEvent("ap-toggle", {
@@ -13151,7 +13151,7 @@ let ut = class extends C {
   }
 };
 ut.styles = [
-  S`
+  F`
       :host {
         display: inline-flex;
         align-items: center;
@@ -13213,23 +13213,23 @@ ut.styles = [
     `
 ];
 ts([
-  p({ type: Boolean, reflect: !0 })
+  d({ type: Boolean, reflect: !0 })
 ], ut.prototype, "checked", 2);
 ts([
-  p({ type: Boolean, reflect: !0 })
+  d({ type: Boolean, reflect: !0 })
 ], ut.prototype, "indeterminate", 2);
 ts([
-  p({ type: Boolean, reflect: !0 })
+  d({ type: Boolean, reflect: !0 })
 ], ut.prototype, "disabled", 2);
 ut = ts([
-  A("ap-checkbox")
+  T("ap-checkbox")
 ], ut);
 var Hr = Object.defineProperty, Gr = Object.getOwnPropertyDescriptor, Ci = (t, e, s, i) => {
   for (var a = i > 1 ? void 0 : i ? Gr(e, s) : e, o = t.length - 1, r; o >= 0; o--)
     (r = t[o]) && (a = (i ? r(e, s, a) : r(a)) || a);
   return i && a && Hr(e, s, a), a;
 };
-let Gt = class extends C {
+let Gt = class extends E {
   constructor() {
     super(...arguments), this.open = !1, this._handleOutsideClick = (t) => {
       this.open && !t.composedPath().includes(this) && (this.open = !1);
@@ -13251,7 +13251,7 @@ let Gt = class extends C {
   }
 };
 Gt.styles = [
-  S`
+  F`
       :host {
         position: relative;
         display: inline-block;
@@ -13278,14 +13278,14 @@ Ci([
   _()
 ], Gt.prototype, "open", 2);
 Gt = Ci([
-  A("ap-popover")
+  T("ap-popover")
 ], Gt);
 var Kr = Object.defineProperty, Qr = Object.getOwnPropertyDescriptor, Fi = (t, e, s, i) => {
   for (var a = i > 1 ? void 0 : i ? Qr(e, s) : e, o = t.length - 1, r; o >= 0; o--)
     (r = t[o]) && (a = (i ? r(e, s, a) : r(a)) || a);
   return i && a && Kr(e, s, a), a;
 };
-let Kt = class extends C {
+let Kt = class extends E {
   constructor() {
     super(...arguments), this.variant = "default";
   }
@@ -13294,7 +13294,7 @@ let Kt = class extends C {
   }
 };
 Kt.styles = [
-  S`
+  F`
       :host {
         display: inline-flex;
       }
@@ -13316,17 +13316,17 @@ Kt.styles = [
     `
 ];
 Fi([
-  p({ reflect: !0 })
+  d({ reflect: !0 })
 ], Kt.prototype, "variant", 2);
 Kt = Fi([
-  A("ap-badge")
+  T("ap-badge")
 ], Kt);
 var Yr = Object.defineProperty, Wr = Object.getOwnPropertyDescriptor, Ai = (t, e, s, i) => {
   for (var a = i > 1 ? void 0 : i ? Wr(e, s) : e, o = t.length - 1, r; o >= 0; o--)
     (r = t[o]) && (a = (i ? r(e, s, a) : r(a)) || a);
   return i && a && Yr(e, s, a), a;
 };
-let Qt = class extends C {
+let Qt = class extends E {
   constructor() {
     super(...arguments), this.text = "";
   }
@@ -13338,7 +13338,7 @@ let Qt = class extends C {
   }
 };
 Qt.styles = [
-  S`
+  F`
       :host {
         position: relative;
         display: inline-flex;
@@ -13364,17 +13364,17 @@ Qt.styles = [
     `
 ];
 Ai([
-  p()
+  d()
 ], Qt.prototype, "text", 2);
 Qt = Ai([
-  A("ap-tooltip")
+  T("ap-tooltip")
 ], Qt);
 var Xr = Object.defineProperty, Pt = (t, e, s, i) => {
   for (var a = void 0, o = t.length - 1, r; o >= 0; o--)
     (r = t[o]) && (a = r(e, s, a) || a);
   return a && Xr(e, s, a), a;
 };
-const Ds = class Ds extends C {
+const Ds = class Ds extends E {
   constructor() {
     super(), this._initFailed = !1, this._loadId = 0, this._loadMoreId = 0, this._selectAllId = 0, this._loadDataTimer = null, this._pendingFilter = null, this._pendingMetadataField = null, this._normalizedForcedFilters = {}, this._uploaderEl = null, this._uploaderImportPromise = null, this._dragCounter = 0, this._isDragOver = !1, this._isUploaderOpen = !1, this._folderResolveOpen = !1, this._transformOpen = !1, this._transformAssets = [], this._transformFolders = [], this._transformAfterResolve = !1, this._onDragEnter = (e) => {
       var s;
@@ -13428,8 +13428,8 @@ const Ds = class Ds extends C {
     }), this.apiClient = new Di(e.auth, e.apiBase);
     try {
       if (e.auth.mode === "securityTemplate") {
-        const x = await Vi(this.apiClient);
-        this.apiClient.setSassKey(x), this.store.setState({ sassKey: x });
+        const $ = await Vi(this.apiClient);
+        this.apiClient.setSassKey($), this.store.setState({ sassKey: $ });
       }
       const [o, r, l, c, h] = await Promise.allSettled([
         _a(this.apiClient),
@@ -13439,19 +13439,19 @@ const Ds = class Ds extends C {
         Ui(this.apiClient)
       ]), u = {};
       if (o.status === "fulfilled") {
-        const { fields: x, regionalVariantGroups: w, regionalFilters: L, brandColor: $ } = o.value;
-        u.metadataFields = x, u.regionalVariantGroups = w, u.regionalFilters = L, $ && (u.brandColor = $);
+        const { fields: $, regionalVariantGroups: x, regionalFilters: k, brandColor: w } = o.value;
+        u.metadataFields = $, u.regionalVariantGroups = x, u.regionalFilters = k, w && (u.brandColor = w);
       }
       r.status === "fulfilled" && (u.labels = r.value.labels || []), l.status === "fulfilled" && (u.tags = l.value), h.status === "fulfilled" && (u.collections = h.value.collections || []), c.status === "fulfilled" && (u.fileTypes = c.value);
-      const { pinnedFilters: g, pinnedMetadata: d } = za(e.auth.projectToken ?? null), f = this.store.getState().filters;
+      const { pinnedFilters: g, pinnedMetadata: p } = za(e.auth.projectToken ?? null), v = this.store.getState().filters;
       u.filters = {
-        ...f,
+        ...v,
         pinned: g,
         visible: [...g],
         metadata: {
-          ...f.metadata,
-          pinned: d,
-          visible: [...d]
+          ...v.metadata,
+          pinned: p,
+          visible: [...p]
         }
       }, this.store.setState(u);
       const b = e.brandColor || u.brandColor || this.store.getState().brandColor;
@@ -13553,16 +13553,16 @@ const Ds = class Ds extends C {
     return !!((i = (s = e.dataTransfer) == null ? void 0 : s.types) != null && i.includes("Files"));
   }
   async open() {
-    var h, u, g, d, f, b, x;
+    var h, u, g, p, v, b, $;
     const e = this.store.getState(), s = new Set(Object.keys(this._normalizedForcedFilters)), i = {}, a = bs((h = this.config) == null ? void 0 : h.defaultFilters);
-    for (const [w, L] of Object.entries(a))
-      s.has(w) || (i[w] = L);
-    const o = Object.keys(i), r = ((u = this.config) == null ? void 0 : u.tabs) ?? ["assets", "folders"], l = (g = this.config) != null && g.rememberLastTab ? Ha(this.config.auth.projectToken) : null, c = (l && r.includes(l) ? l : null) ?? ((d = this.config) != null && d.defaultTab && r.includes(this.config.defaultTab) ? this.config.defaultTab : null) ?? r[0] ?? "assets";
+    for (const [x, k] of Object.entries(a))
+      s.has(x) || (i[x] = k);
+    const o = Object.keys(i), r = ((u = this.config) == null ? void 0 : u.tabs) ?? ["assets", "folders"], l = (g = this.config) != null && g.rememberLastTab ? Ha(this.config.auth.projectToken) : null, c = (l && r.includes(l) ? l : null) ?? ((p = this.config) != null && p.defaultTab && r.includes(this.config.defaultTab) ? this.config.defaultTab : null) ?? r[0] ?? "assets";
     this.store.setState({
       isOpen: !0,
       activeTab: c,
       searchQuery: "",
-      isAISearchActive: !!((f = this.config) != null && f.enableAISearch && ((b = this.config) != null && b.defaultAISearch)),
+      isAISearchActive: !!((v = this.config) != null && v.enableAISearch && ((b = this.config) != null && b.defaultAISearch)),
       filters: {
         metadata: {
           pinned: e.filters.metadata.pinned,
@@ -13585,7 +13585,7 @@ const Ds = class Ds extends C {
       isLoadingCollectionFolders: !1,
       breadcrumb: this._buildBreadcrumbFromPath(
         this._resolveInitialFolderPath(c),
-        ((x = this.config) == null ? void 0 : x.rootFolderPath) || "/"
+        (($ = this.config) == null ? void 0 : $.rootFolderPath) || "/"
       ),
       selectedAssets: /* @__PURE__ */ new Map(),
       selectedFolders: /* @__PURE__ */ new Map(),
@@ -13609,7 +13609,7 @@ const Ds = class Ds extends C {
     (e = this.renderRoot.querySelector(".main-content")) == null || e.scrollTo({ top: 0 });
   }
   async _loadData() {
-    var i, a, o, r, l, c, h, u, g, d, f, b, x, w, L, $, R, F, E, M, I, ye, le, z, se, ie, U, Ne, zs, Rs, js, Ns, Us, Bs, qs, Vs, Hs, Gs, Ks;
+    var i, a, o, r, l, c, h, u, g, p, v, b, $, x, k, w, P, C, A, O, M, ye, le, R, se, ie, U, Ne, zs, Rs, js, Ns, Us, Bs, qs, Vs, Hs, Gs, Ks;
     if (!this.apiClient) return;
     const e = ++this._loadId, s = this.store.getState();
     this._scrollToTop(), this.store.setState({ isLoading: !0 });
@@ -13642,7 +13642,7 @@ const Ds = class Ds extends C {
           }
         }).catch(() => null), [K, ae] = await Promise.all([de, W]);
         if (e !== this._loadId) return;
-        const oe = ((o = K.files) == null ? void 0 : o.length) ?? 0, V = oe >= s.limit, re = ((r = ae == null ? void 0 : ae.stats) == null ? void 0 : r.approx_files_count) ?? ((l = ae == null ? void 0 : ae.info) == null ? void 0 : l.total_files_count) ?? ((c = K.info) == null ? void 0 : c.total_files_count) ?? ((u = (h = K.base) == null ? void 0 : h.count) == null ? void 0 : u.files_recursive) ?? ((d = (g = K.base) == null ? void 0 : g.count) == null ? void 0 : d.files_direct) ?? oe;
+        const oe = ((o = K.files) == null ? void 0 : o.length) ?? 0, V = oe >= s.limit, re = ((r = ae == null ? void 0 : ae.stats) == null ? void 0 : r.approx_files_count) ?? ((l = ae == null ? void 0 : ae.info) == null ? void 0 : l.total_files_count) ?? ((c = K.info) == null ? void 0 : c.total_files_count) ?? ((u = (h = K.base) == null ? void 0 : h.count) == null ? void 0 : u.files_recursive) ?? ((p = (g = K.base) == null ? void 0 : g.count) == null ? void 0 : p.files_direct) ?? oe;
         this.store.setState({
           assets: K.files || [],
           folders: [],
@@ -13673,7 +13673,7 @@ const Ds = class Ds extends C {
             ...s.isAISearchActive && s.searchQuery && {
               with_ai: !0,
               ai_query: s.searchQuery,
-              ai_lang: ((f = s.config) == null ? void 0 : f.locale) ?? "en"
+              ai_lang: ((v = s.config) == null ? void 0 : v.locale) ?? "en"
             }
           }),
           Dt(this.apiClient, {
@@ -13697,7 +13697,7 @@ const Ds = class Ds extends C {
           } catch {
           }
         if (e !== this._loadId) return;
-        const oe = ((x = de.files) == null ? void 0 : x.length) ?? 0, V = oe >= s.limit, re = ((w = W == null ? void 0 : W.stats) == null ? void 0 : w.approx_files_count) ?? ((L = W == null ? void 0 : W.info) == null ? void 0 : L.total_files_count) ?? (($ = de.info) == null ? void 0 : $.total_files_count) ?? ((F = (R = de.base) == null ? void 0 : R.count) == null ? void 0 : F.files_direct) ?? oe;
+        const oe = (($ = de.files) == null ? void 0 : $.length) ?? 0, V = oe >= s.limit, re = ((x = W == null ? void 0 : W.stats) == null ? void 0 : x.approx_files_count) ?? ((k = W == null ? void 0 : W.info) == null ? void 0 : k.total_files_count) ?? ((w = de.info) == null ? void 0 : w.total_files_count) ?? ((C = (P = de.base) == null ? void 0 : P.count) == null ? void 0 : C.files_direct) ?? oe;
         this.store.setState({
           assets: de.files || [],
           folders: K,
@@ -13738,7 +13738,7 @@ const Ds = class Ds extends C {
           ...W && {
             with_ai: !0,
             ai_query: s.searchQuery,
-            ai_lang: ((E = s.config) == null ? void 0 : E.locale) ?? "en"
+            ai_lang: ((A = s.config) == null ? void 0 : A.locale) ?? "en"
           }
         }), ae = Dt(this.apiClient, {
           folder: "/",
@@ -13748,11 +13748,11 @@ const Ds = class Ds extends C {
           ...W && {
             with_ai: !0,
             ai_query: s.searchQuery,
-            ai_lang: ((M = s.config) == null ? void 0 : M.locale) ?? "en"
+            ai_lang: ((O = s.config) == null ? void 0 : O.locale) ?? "en"
           }
         }).catch(() => null), [oe, V] = await Promise.all([K, ae]);
         if (e !== this._loadId) return;
-        const re = ((I = oe.files) == null ? void 0 : I.length) ?? 0, at = re >= s.limit, ss = ((ye = V == null ? void 0 : V.stats) == null ? void 0 : ye.approx_files_count) ?? ((le = V == null ? void 0 : V.info) == null ? void 0 : le.total_files_count) ?? ((z = oe.info) == null ? void 0 : z.total_files_count) ?? ((ie = (se = oe.base) == null ? void 0 : se.count) == null ? void 0 : ie.files_recursive) ?? ((Ne = (U = oe.base) == null ? void 0 : U.count) == null ? void 0 : Ne.files_direct) ?? re;
+        const re = ((M = oe.files) == null ? void 0 : M.length) ?? 0, at = re >= s.limit, ss = ((ye = V == null ? void 0 : V.stats) == null ? void 0 : ye.approx_files_count) ?? ((le = V == null ? void 0 : V.info) == null ? void 0 : le.total_files_count) ?? ((R = oe.info) == null ? void 0 : R.total_files_count) ?? ((ie = (se = oe.base) == null ? void 0 : se.count) == null ? void 0 : ie.files_recursive) ?? ((Ne = (U = oe.base) == null ? void 0 : U.count) == null ? void 0 : Ne.files_direct) ?? re;
         this.store.setState({
           assets: oe.files || [],
           folders: [],
@@ -13846,12 +13846,12 @@ const Ds = class Ds extends C {
       const r = this._buildSearchNotation();
       let l = r || void 0, c = e.currentFolderPath || "/", h = e.activeTab === "folders" ? 0 : 1;
       if (e.activeTab === "labels" && e.activeLabelUuid) {
-        const L = e.labels.find(($) => $.uuid === e.activeLabelUuid);
-        L && (l = `labels:${L.sid.replace("#", "")}${r ? " " + r : ""}`), c = "/", h = 1;
+        const k = e.labels.find((w) => w.uuid === e.activeLabelUuid);
+        k && (l = `labels:${k.sid.replace("#", "")}${r ? " " + r : ""}`), c = "/", h = 1;
       }
       let u, g;
       e.activeTab === "collections" && e.activeCollectionFolder && (u = e.activeCollectionUuid || void 0, g = e.activeCollectionFolder.filters || void 0, c = "", h = 1);
-      const d = await Ue(this.apiClient, {
+      const p = await Ue(this.apiClient, {
         ...c ? { folder: c } : {},
         offset: i,
         limit: e.limit,
@@ -13869,11 +13869,11 @@ const Ds = class Ds extends C {
         }
       });
       if (s !== this._loadMoreId) return;
-      const f = this.store.getState().assets, b = d.files || [], x = b.length >= e.limit, w = [...f, ...b];
+      const v = this.store.getState().assets, b = p.files || [], $ = b.length >= e.limit, x = [...v, ...b];
       this.store.setState({
-        assets: w,
+        assets: x,
         offset: i,
-        hasMore: x,
+        hasMore: $,
         isLoading: !1
       });
     } catch {
@@ -14046,7 +14046,7 @@ const Ds = class Ds extends C {
       }
       const h = this._findCollectionFolder(i.activeCollectionFolders, s);
       if (h) {
-        const u = i.breadcrumb.findIndex((d) => d.uuid === s), g = i.breadcrumb.slice(0, u + 1);
+        const u = i.breadcrumb.findIndex((p) => p.uuid === s), g = i.breadcrumb.slice(0, u + 1);
         this.store.setState({
           activeCollectionFolder: h,
           breadcrumb: g,
@@ -14196,18 +14196,18 @@ const Ds = class Ds extends C {
     try {
       const r = await Promise.all(
         i.map(
-          (d) => Ue(this.apiClient, {
-            folder: d.path,
+          (p) => Ue(this.apiClient, {
+            folder: p.path,
             recursive: s === "recursive" ? 1 : 0,
             limit: 1e4
           })
         )
       ), l = [];
-      for (const d of r)
-        l.push(...d.files);
-      const c = [...a], h = new Set(c.map((d) => d.uuid));
-      for (const d of l)
-        h.has(d.uuid) || (c.push(d), h.add(d.uuid));
+      for (const p of r)
+        l.push(...p.files);
+      const c = [...a], h = new Set(c.map((p) => p.uuid));
+      for (const p of l)
+        h.has(p.uuid) || (c.push(p), h.add(p.uuid));
       const u = (o = this.config) == null ? void 0 : o.maxSelections, g = u ? c.slice(0, u) : c;
       if (this._folderResolveOpen = !1, this.store.setState({ isResolvingFolders: !1 }), this._transformAfterResolve) {
         this._transformAfterResolve = !1, this._transformAssets = g, this._transformFolders = [], this._transformOpen = !0;
@@ -14227,12 +14227,12 @@ const Ds = class Ds extends C {
   }
   _handleTransformConfirm(e) {
     const s = e.detail.params, i = e.detail.isAspectLocked ?? !0, a = this._transformAssets, o = this._transformFolders, r = a.length > 1, l = di(s, { isMultiSelect: r, isAspectLocked: i }), c = a.map((h) => {
-      var f, b;
+      var v, b;
       if (!rt(h)) return h;
-      const u = (f = h.url) == null ? void 0 : f.cdn, g = (b = h.url) == null ? void 0 : b.permalink, d = {
+      const u = (v = h.url) == null ? void 0 : v.cdn, g = (b = h.url) == null ? void 0 : b.permalink, p = {
         cdn: u ? Pe(u, l) : ""
       };
-      return g && (d.permalink_cdn = Pe(g, l)), { ...h, transformation: { params: s, url: d } };
+      return g && (p.permalink_cdn = Pe(g, l)), { ...h, transformation: { params: s, url: p } };
     });
     this._transformOpen = !1, this._transformAssets = [], this._transformFolders = [], this._emitSelect(c, o.length ? o : void 0);
   }
@@ -14260,36 +14260,36 @@ const Ds = class Ds extends C {
     this.store.setState({ isSelectingAll: !0 });
     try {
       const g = this._buildSearchNotation();
-      let d = s.currentFolderPath || "/";
-      const f = s.limit, b = s.assets, x = s.totalCount;
-      let w = s.activeTab === "folders" ? 0 : 1, L = g || void 0;
+      let p = s.currentFolderPath || "/";
+      const v = s.limit, b = s.assets, $ = s.totalCount;
+      let x = s.activeTab === "folders" ? 0 : 1, k = g || void 0;
       if (s.activeTab === "labels" && s.activeLabelUuid) {
-        const z = s.labels.find((se) => se.uuid === s.activeLabelUuid);
-        z && (L = `labels:${z.sid.replace("#", "")}${g ? " " + g : ""}`), d = "/", w = 1;
-      }
-      let $, R;
-      s.activeTab === "collections" && s.activeCollectionFolder && ($ = s.activeCollectionUuid || void 0, R = s.activeCollectionFolder.filters || void 0, d = "", w = 1);
-      const F = [];
-      for (let z = b.length; z < x; z += f)
-        F.push(z);
-      const E = 4, M = [];
-      for (let z = 0; z < F.length; z += E) {
+        const R = s.labels.find((se) => se.uuid === s.activeLabelUuid);
+        R && (k = `labels:${R.sid.replace("#", "")}${g ? " " + g : ""}`), p = "/", x = 1;
+      }
+      let w, P;
+      s.activeTab === "collections" && s.activeCollectionFolder && (w = s.activeCollectionUuid || void 0, P = s.activeCollectionFolder.filters || void 0, p = "", x = 1);
+      const C = [];
+      for (let R = b.length; R < $; R += v)
+        C.push(R);
+      const A = 4, O = [];
+      for (let R = 0; R < C.length; R += A) {
         if (l !== this._selectAllId) return;
-        const se = F.slice(z, z + E), ie = await Promise.all(
+        const se = C.slice(R, R + A), ie = await Promise.all(
           se.map(
             (U) => {
               var Ne;
               return Ue(this.apiClient, {
-                ...d ? { folder: d } : {},
+                ...p ? { folder: p } : {},
                 offset: U,
-                limit: f,
+                limit: v,
                 sort_by: s.sortBy,
                 sort_direction: s.sortDirection,
                 search: s.searchQuery || void 0,
-                q: L,
-                recursive: w,
-                ...$ && { collection_uuid: $ },
-                ...R && { f64: R },
+                q: k,
+                recursive: x,
+                ...w && { collection_uuid: w },
+                ...P && { f64: P },
                 ...s.isAISearchActive && s.searchQuery && {
                   with_ai: !0,
                   ai_query: s.searchQuery,
@@ -14301,13 +14301,13 @@ const Ds = class Ds extends C {
         );
         if (l !== this._selectAllId) return;
         for (const U of ie)
-          U.files && M.push(...U.files);
+          U.files && O.push(...U.files);
       }
       if (l !== this._selectAllId) return;
-      const I = new Set(b.map((z) => z.uuid)), ye = M.filter((z) => I.has(z.uuid) ? !1 : (I.add(z.uuid), !0)), le = [...b, ...ye];
+      const M = new Set(b.map((R) => R.uuid)), ye = O.filter((R) => M.has(R.uuid) ? !1 : (M.add(R.uuid), !0)), le = [...b, ...ye];
       this.store.setState({
         assets: le,
-        offset: Math.max(0, le.length - f),
+        offset: Math.max(0, le.length - v),
         hasMore: !1,
         isSelectingAll: !1
       }), o && this.selectionCtrl.selectAllFolders(s.folders), this.selectionCtrl.selectAll(le);
@@ -14393,21 +14393,21 @@ const Ds = class Ds extends C {
     s && (s.activeFilter = e.detail.key, s.activeMetadataField = e.detail.metadataFieldKey || null), !e.detail.key && !e.detail.metadataFieldKey && (this._pendingFilter || this._pendingMetadataField) && (this._pendingFilter = null, this._pendingMetadataField = null, s && (s.pendingFilter = null, s.pendingMetadataField = null));
   }
   async _handleFilterPending(e) {
-    var d, f, b;
+    var p, v, b;
     const { key: s, metadataFieldKey: i } = e.detail, a = this.renderRoot.querySelector("ap-filters-bar"), o = this.renderRoot.querySelector("ap-content-toolbar");
     if (!a || !o) return;
     i ? (this._pendingMetadataField = i, a.pendingMetadataField = i) : s && (this._pendingFilter = s, a.pendingFilter = s), await a.updateComplete;
     let r = a.renderRoot.querySelector(".chip.pending");
     if (!r) {
-      const x = a.renderRoot.querySelectorAll(".chip.pinned-empty"), w = i ? (d = a._getMetadataLabel) == null ? void 0 : d.call(a, i) : void 0;
-      for (const L of x) {
-        const $ = (b = (f = L.querySelector(".chip-label")) == null ? void 0 : f.textContent) == null ? void 0 : b.trim();
-        if (i && $ === w) {
-          r = L;
+      const $ = a.renderRoot.querySelectorAll(".chip.pinned-empty"), x = i ? (p = a._getMetadataLabel) == null ? void 0 : p.call(a, i) : void 0;
+      for (const k of $) {
+        const w = (b = (v = k.querySelector(".chip-label")) == null ? void 0 : v.textContent) == null ? void 0 : b.trim();
+        if (i && w === x) {
+          r = k;
           break;
         }
-        if (s && $ === (nt[s] || s)) {
-          r = L;
+        if (s && w === (nt[s] || s)) {
+          r = k;
           break;
         }
       }
@@ -14519,17 +14519,17 @@ const Ds = class Ds extends C {
     return wa(s, e.filters.metadata.applied).join(" ");
   }
   render() {
-    var d, f, b, x, w, L, $, R, F, E, M, I, ye, le, z, se, ie, U;
-    const e = this.storeCtrl.state, s = Array.from(e.selectedAssets.keys()), i = Array.from(e.selectedFolders.keys()), a = this.selectionCtrl.getSelectedAssets(), o = this.selectionCtrl.getSelectedFolders(), r = ((d = this.config) == null ? void 0 : d.folderSelection) !== !1, l = n`
+    var p, v, b, $, x, k, w, P, C, A, O, M, ye, le, R, se, ie, U;
+    const e = this.storeCtrl.state, s = Array.from(e.selectedAssets.keys()), i = Array.from(e.selectedFolders.keys()), a = this.selectionCtrl.getSelectedAssets(), o = this.selectionCtrl.getSelectedFolders(), r = ((p = this.config) == null ? void 0 : p.folderSelection) !== !1, l = n`
       <ap-header
         .activeTab=${e.activeTab}
-        .tabs=${((f = this.config) == null ? void 0 : f.tabs) ?? ["assets", "folders"]}
+        .tabs=${((v = this.config) == null ? void 0 : v.tabs) ?? ["assets", "folders"]}
         .isInsideLabel=${e.activeTab === "labels" && !!e.activeLabelUuid}
         .isInsideCollection=${e.activeTab === "collections" && !!e.activeCollectionUuid}
         .isInsideCollectionLeaf=${e.activeTab === "collections" && !!e.activeCollectionFolder && !((b = e.activeCollectionFolder.children) != null && b.length)}
         .viewMode=${e.viewMode}
         .searchQuery=${e.searchQuery}
-        .enableAISearch=${!!((x = this.config) != null && x.enableAISearch)}
+        .enableAISearch=${!!(($ = this.config) != null && $.enableAISearch)}
         .isAISearchActive=${e.isAISearchActive}
         .regionalGroups=${e.regionalVariantGroups}
         .regionalFilters=${e.regionalFilters}
@@ -14541,7 +14541,7 @@ const Ds = class Ds extends C {
         @regional-change=${this._handleRegionalChange}
         @ap-close=${() => this._handleCancel("close-button")}
       ></ap-header>
-    `, c = !!((w = this.config) != null && w.uploader), h = n`
+    `, c = !!((x = this.config) != null && x.uploader), h = n`
       <div class="content-area"
         @dragenter=${this._onDragEnter}
         @dragover=${this._onDragOver}
@@ -14555,16 +14555,16 @@ const Ds = class Ds extends C {
               Drop files to upload
             </div>
           </div>
-        ` : v}
+        ` : f}
         <div class="main-content">
-          <div class="toolbar-filters-wrapper${(L = this.config) != null && L.stickyFilters ? " sticky" : ""}">
+          <div class="toolbar-filters-wrapper${(k = this.config) != null && k.stickyFilters ? " sticky" : ""}">
             <ap-content-toolbar
               .isLoading=${e.isLoading}
               .totalCount=${e.totalCount}
               .totalFolderCount=${e.totalFolderCount}
               .showUpload=${c}
-              .showFilters=${!(e.activeTab === "labels" && !e.activeLabelUuid) && !(e.activeTab === "collections" && !(e.activeCollectionFolder && !(($ = e.activeCollectionFolder.children) != null && $.length)))}
-              .countLabel=${e.activeTab === "labels" && !e.activeLabelUuid ? `${e.labels.length} label${e.labels.length !== 1 ? "s" : ""}` : e.activeTab === "collections" && !e.activeCollectionUuid ? `${e.collections.length} collection${e.collections.length !== 1 ? "s" : ""}` : e.activeTab === "collections" && e.activeCollectionUuid && !(e.activeCollectionFolder && !((R = e.activeCollectionFolder.children) != null && R.length)) ? `${this._getVisibleCollectionFolders().length} folder${this._getVisibleCollectionFolders().length !== 1 ? "s" : ""}` : ""}
+              .showFilters=${!(e.activeTab === "labels" && !e.activeLabelUuid) && !(e.activeTab === "collections" && !(e.activeCollectionFolder && !((w = e.activeCollectionFolder.children) != null && w.length)))}
+              .countLabel=${e.activeTab === "labels" && !e.activeLabelUuid ? `${e.labels.length} label${e.labels.length !== 1 ? "s" : ""}` : e.activeTab === "collections" && !e.activeCollectionUuid ? `${e.collections.length} collection${e.collections.length !== 1 ? "s" : ""}` : e.activeTab === "collections" && e.activeCollectionUuid && !(e.activeCollectionFolder && !((P = e.activeCollectionFolder.children) != null && P.length)) ? `${this._getVisibleCollectionFolders().length} folder${this._getVisibleCollectionFolders().length !== 1 ? "s" : ""}` : ""}
               .sortBy=${e.sortBy}
               .sortDirection=${e.sortDirection}
               .sortOptions=${this._getSortOptions()}
@@ -14588,7 +14588,7 @@ const Ds = class Ds extends C {
               @upload-click=${this._handleUploadClick}
             ></ap-content-toolbar>
 
-            ${e.activeTab === "labels" && !e.activeLabelUuid || e.activeTab === "collections" && !(e.activeCollectionFolder && !((F = e.activeCollectionFolder.children) != null && F.length)) ? v : n`
+            ${e.activeTab === "labels" && !e.activeLabelUuid || e.activeTab === "collections" && !(e.activeCollectionFolder && !((C = e.activeCollectionFolder.children) != null && C.length)) ? f : n`
             <ap-filters-bar
               .appliedFilters=${e.filters.applied}
               .appliedMetadata=${e.filters.metadata.applied}
@@ -14597,7 +14597,7 @@ const Ds = class Ds extends C {
               .labels=${e.labels}
               .pinnedFilters=${e.filters.pinned}
               .pinnedMetadataFields=${e.filters.metadata.pinned}
-              .forcedFilters=${((E = this.config) == null ? void 0 : E.forcedFilters) ?? {}}
+              .forcedFilters=${((A = this.config) == null ? void 0 : A.forcedFilters) ?? {}}
               @filter-remove=${this._handleFilterRemove}
               @filter-deactivate=${this._handleFilterDeactivate}
               @filter-open=${this._handleFilterOpen}
@@ -14614,10 +14614,10 @@ const Ds = class Ds extends C {
                   .items=${e.breadcrumb}
                   .rootLabel=${e.activeTab === "labels" ? "Labels" : e.activeTab === "collections" ? "Collections" : "Root"}
                   @breadcrumb-navigate=${this._handleBreadcrumbNavigate}
-                ></ap-breadcrumb>` : v}
+                ></ap-breadcrumb>` : f}
           </div>
 
-          ${e.isLoading && e.assets.length === 0 && e.folders.length === 0 && !(e.activeTab === "labels" && !e.activeLabelUuid) && !(e.activeTab === "collections" && !(e.activeCollectionFolder && !((M = e.activeCollectionFolder.children) != null && M.length))) ? n`<ap-skeleton .variant=${e.viewMode} .gridSize=${((I = this.config) == null ? void 0 : I.gridSize) ?? "normal"} .multiSelect=${((ye = this.config) == null ? void 0 : ye.multiSelect) !== !1} .folderCount=${2}></ap-skeleton>` : this._renderContent(e, s, i, r)}
+          ${e.isLoading && e.assets.length === 0 && e.folders.length === 0 && !(e.activeTab === "labels" && !e.activeLabelUuid) && !(e.activeTab === "collections" && !(e.activeCollectionFolder && !((O = e.activeCollectionFolder.children) != null && O.length))) ? n`<ap-skeleton .variant=${e.viewMode} .gridSize=${((M = this.config) == null ? void 0 : M.gridSize) ?? "normal"} .multiSelect=${((ye = this.config) == null ? void 0 : ye.multiSelect) !== !1} .folderCount=${2}></ap-skeleton>` : this._renderContent(e, s, i, r)}
 
           <ap-marquee-overlay .active=${this.marqueeCtrl.isActive} .rect=${this.marqueeCtrl.rect}></ap-marquee-overlay>
           ${this._folderResolveOpen ? n`
@@ -14627,7 +14627,7 @@ const Ds = class Ds extends C {
               @folder-resolve-confirm=${this._handleFolderResolveConfirm}
               @folder-resolve-cancel=${this._handleFolderResolveCancel}
             ></ap-folder-resolve-dialog>
-          ` : v}
+          ` : f}
           ${this._transformOpen ? n`
             <ap-transformation-dialog
               .assets=${this._transformAssets}
@@ -14636,7 +14636,7 @@ const Ds = class Ds extends C {
               @transform-skip=${this._handleTransformSkip}
               @transform-cancel=${this._handleTransformCancel}
             ></ap-transformation-dialog>
-          ` : v}
+          ` : f}
         </div>
 
         ${e.isPreviewOpen && e.previewAsset ? n`<ap-preview-panel
@@ -14648,13 +14648,13 @@ const Ds = class Ds extends C {
               .metadataFields=${e.metadataFields}
               .labels=${e.labels}
               .regionalFilters=${e.regionalFilters}
-              .multiSelect=${((z = this.config) == null ? void 0 : z.multiSelect) ?? !0}
+              .multiSelect=${((R = this.config) == null ? void 0 : R.multiSelect) ?? !0}
               @preview-close=${this._handlePreviewClose}
               @preview-navigate=${this._handlePreviewNavigate}
               @asset-select=${this._handleAssetSelect}
               @asset-quick-select=${this._handleQuickSelect}
               @filter-update=${this._handleFilterUpdate}
-            ></ap-preview-panel>` : v}
+            ></ap-preview-panel>` : f}
       </div>
     `, u = n`
       <ap-selection-bar
@@ -14676,7 +14676,7 @@ const Ds = class Ds extends C {
       <div class="uploader-overlay">
         <div class="uploader-body">${this._uploaderEl}</div>
       </div>
-    ` : v;
+    ` : f;
     return this._isInline ? e.isOpen ? n`
         <div class="ap-inline">
           ${this._isUploaderOpen ? g : n`
@@ -14685,7 +14685,7 @@ const Ds = class Ds extends C {
             <div class="inline-footer">${u}</div>
           `}
         </div>
-      ` : v : n`
+      ` : f : n`
       <ap-modal
         ?open=${e.isOpen}
         @ap-cancel=${(Ne) => this._handleCancel(Ne.detail.reason)}
@@ -14699,7 +14699,7 @@ const Ds = class Ds extends C {
     `;
   }
   _renderContent(e, s, i = [], a = !1) {
-    var o, r, l, c, h, u, g, d, f, b, x, w, L;
+    var o, r, l, c, h, u, g, p, v, b, $, x, k;
     if (e.activeTab === "assets")
       return !e.isLoading && e.assets.length === 0 ? n`
           <div class="empty-state">
@@ -14792,13 +14792,13 @@ const Ds = class Ds extends C {
       `;
     if (e.activeTab === "labels") {
       if (!e.activeLabelUuid) {
-        let $ = e.labels;
+        let w = e.labels;
         if (e.searchQuery) {
-          const F = e.searchQuery.toLowerCase();
-          $ = e.labels.filter((E) => E.name.toLowerCase().includes(F));
+          const C = e.searchQuery.toLowerCase();
+          w = e.labels.filter((A) => A.name.toLowerCase().includes(C));
         }
-        const R = e.sortDirection === "asc" ? 1 : -1;
-        return $ = [...$].sort((F, E) => R * F.name.localeCompare(E.name)), $.length === 0 ? n`
+        const P = e.sortDirection === "asc" ? 1 : -1;
+        return w = [...w].sort((C, A) => P * C.name.localeCompare(A.name)), w.length === 0 ? n`
             <div class="empty-state">
               <ap-icon name="tag" .size=${48}></ap-icon>
               <div class="empty-title">${e.searchQuery ? "No labels match your search" : "No labels found"}</div>
@@ -14806,14 +14806,14 @@ const Ds = class Ds extends C {
             </div>
           ` : e.viewMode === "grid" ? n`
             <div class="labels-grid">
-              ${$.map((F, E) => n`
-                <ap-label-card .label=${F} .index=${E} @label-open=${this._handleLabelOpen}></ap-label-card>
+              ${w.map((C, A) => n`
+                <ap-label-card .label=${C} .index=${A} @label-open=${this._handleLabelOpen}></ap-label-card>
               `)}
             </div>
           ` : n`
           <div class="labels-list">
-            ${$.map((F, E) => n`
-              <ap-label-row .label=${F} .index=${E} @label-open=${this._handleLabelOpen}></ap-label-row>
+            ${w.map((C, A) => n`
+              <ap-label-row .label=${C} .index=${A} @label-open=${this._handleLabelOpen}></ap-label-row>
             `)}
           </div>
         `;
@@ -14833,7 +14833,7 @@ const Ds = class Ds extends C {
             .isLoading=${e.isLoading}
             .multiSelect=${((g = this.config) == null ? void 0 : g.multiSelect) ?? !0}
             .folderSelectable=${!1}
-            .gridSize=${((d = this.config) == null ? void 0 : d.gridSize) ?? "normal"}
+            .gridSize=${((p = this.config) == null ? void 0 : p.gridSize) ?? "normal"}
             @asset-select=${this._handleAssetSelect}
             @asset-preview=${this._handleAssetPreview}
             @asset-quick-select=${this._handleQuickSelect}
@@ -14846,7 +14846,7 @@ const Ds = class Ds extends C {
           .selectedIds=${s}
           .selectedFolderIds=${i}
           .isLoading=${e.isLoading}
-          .multiSelect=${((f = this.config) == null ? void 0 : f.multiSelect) ?? !0}
+          .multiSelect=${((v = this.config) == null ? void 0 : v.multiSelect) ?? !0}
           .folderSelectable=${!1}
           .totalCount=${e.totalCount}
           .isSelectingAll=${e.isSelectingAll}
@@ -14861,13 +14861,13 @@ const Ds = class Ds extends C {
     }
     if (e.activeTab === "collections") {
       if (!e.activeCollectionUuid) {
-        let F = e.collections;
+        let C = e.collections;
         if (e.searchQuery) {
-          const M = e.searchQuery.toLowerCase();
-          F = e.collections.filter((I) => I.title.toLowerCase().includes(M));
+          const O = e.searchQuery.toLowerCase();
+          C = e.collections.filter((M) => M.title.toLowerCase().includes(O));
         }
-        const E = e.sortDirection === "asc" ? 1 : -1;
-        return e.sortBy === "created_at" ? F = [...F].sort((M, I) => E * (new Date(M.created_at).getTime() - new Date(I.created_at).getTime())) : e.sortBy === "updated_at" ? F = [...F].sort((M, I) => E * (new Date(M.updated_at).getTime() - new Date(I.updated_at).getTime())) : F = [...F].sort((M, I) => E * M.title.localeCompare(I.title)), F.length === 0 ? n`
+        const A = e.sortDirection === "asc" ? 1 : -1;
+        return e.sortBy === "created_at" ? C = [...C].sort((O, M) => A * (new Date(O.created_at).getTime() - new Date(M.created_at).getTime())) : e.sortBy === "updated_at" ? C = [...C].sort((O, M) => A * (new Date(O.updated_at).getTime() - new Date(M.updated_at).getTime())) : C = [...C].sort((O, M) => A * O.title.localeCompare(M.title)), C.length === 0 ? n`
             <div class="empty-state">
               <ap-icon name="layout-grid" .size=${48}></ap-icon>
               <div class="empty-title">${e.searchQuery ? "No collections match your search" : "No collections found"}</div>
@@ -14875,29 +14875,29 @@ const Ds = class Ds extends C {
             </div>
           ` : e.viewMode === "grid" ? n`
             <div class="collections-grid">
-              ${F.map((M, I) => n`
-                <ap-collection-card .collection=${M} .index=${I} @collection-open=${this._handleCollectionOpen}></ap-collection-card>
+              ${C.map((O, M) => n`
+                <ap-collection-card .collection=${O} .index=${M} @collection-open=${this._handleCollectionOpen}></ap-collection-card>
               `)}
             </div>
           ` : n`
           <div class="collections-list">
-            ${F.map((M, I) => n`
-              <ap-collection-row .collection=${M} .index=${I} @collection-open=${this._handleCollectionOpen}></ap-collection-row>
+            ${C.map((O, M) => n`
+              <ap-collection-row .collection=${O} .index=${M} @collection-open=${this._handleCollectionOpen}></ap-collection-row>
             `)}
           </div>
         `;
       }
       if (e.isLoadingCollectionFolders)
         return n`<div class="loading-center"><ap-spinner></ap-spinner></div>`;
-      const $ = this._getVisibleCollectionFolders();
+      const w = this._getVisibleCollectionFolders();
       if (!e.activeCollectionFolder || (((b = e.activeCollectionFolder.children) == null ? void 0 : b.length) ?? 0) > 0) {
-        let F = $;
+        let C = w;
         if (e.searchQuery) {
-          const M = e.searchQuery.toLowerCase();
-          F = $.filter((I) => I.name.toLowerCase().includes(M));
+          const O = e.searchQuery.toLowerCase();
+          C = w.filter((M) => M.name.toLowerCase().includes(O));
         }
-        const E = e.sortDirection === "asc" ? 1 : -1;
-        return F = [...F].sort((M, I) => E * M.name.localeCompare(I.name)), F.length === 0 ? n`
+        const A = e.sortDirection === "asc" ? 1 : -1;
+        return C = [...C].sort((O, M) => A * O.name.localeCompare(M.name)), C.length === 0 ? n`
             <div class="empty-state">
               <ap-icon name="folder" .size=${48}></ap-icon>
               <div class="empty-title">${e.searchQuery ? "No folders match your search" : "No folders in this collection"}</div>
@@ -14905,14 +14905,14 @@ const Ds = class Ds extends C {
             </div>
           ` : e.viewMode === "grid" ? n`
             <div class="collection-folders-grid">
-              ${F.map((M, I) => n`
-                <ap-collection-folder-card .folder=${M} .index=${I} @collection-folder-open=${this._handleCollectionFolderOpen}></ap-collection-folder-card>
+              ${C.map((O, M) => n`
+                <ap-collection-folder-card .folder=${O} .index=${M} @collection-folder-open=${this._handleCollectionFolderOpen}></ap-collection-folder-card>
               `)}
             </div>
           ` : n`
           <div class="collection-folders-list">
-            ${F.map((M, I) => n`
-              <ap-collection-folder-row .folder=${M} .index=${I} @collection-folder-open=${this._handleCollectionFolderOpen}></ap-collection-folder-row>
+            ${C.map((O, M) => n`
+              <ap-collection-folder-row .folder=${O} .index=${M} @collection-folder-open=${this._handleCollectionFolderOpen}></ap-collection-folder-row>
             `)}
           </div>
         `;
@@ -14930,9 +14930,9 @@ const Ds = class Ds extends C {
             .selectedIds=${s}
             .selectedFolderIds=${i}
             .isLoading=${e.isLoading}
-            .multiSelect=${((x = this.config) == null ? void 0 : x.multiSelect) ?? !0}
+            .multiSelect=${(($ = this.config) == null ? void 0 : $.multiSelect) ?? !0}
             .folderSelectable=${!1}
-            .gridSize=${((w = this.config) == null ? void 0 : w.gridSize) ?? "normal"}
+            .gridSize=${((x = this.config) == null ? void 0 : x.gridSize) ?? "normal"}
             @asset-select=${this._handleAssetSelect}
             @asset-preview=${this._handleAssetPreview}
             @asset-quick-select=${this._handleQuickSelect}
@@ -14945,7 +14945,7 @@ const Ds = class Ds extends C {
           .selectedIds=${s}
           .selectedFolderIds=${i}
           .isLoading=${e.isLoading}
-          .multiSelect=${((L = this.config) == null ? void 0 : L.multiSelect) ?? !0}
+          .multiSelect=${((k = this.config) == null ? void 0 : k.multiSelect) ?? !0}
           .folderSelectable=${!1}
           .totalCount=${e.totalCount}
           .isSelectingAll=${e.isSelectingAll}
@@ -14958,11 +14958,11 @@ const Ds = class Ds extends C {
         <div id="sentinel"></div>
       `;
     }
-    return v;
+    return f;
   }
 };
 Ds.styles = [
-  S`
+  F`
       :host {
         display: contents;
         font-family: var(--ap-font-family, system-ui, -apple-system, sans-serif);
@@ -15152,7 +15152,7 @@ Pt([
   _()
 ], Xe.prototype, "_transformOpen");
 Pt([
-  p({ type: Object })
+  d({ type: Object })
 ], Xe.prototype, "config");
 export {
   Xe as A,