@orangelogic/orange-dam-content-browser-sdk 2.4.12 → 2.4.13

package/build/index.mjs

@@ -135,6 +135,7 @@ import CxSwitch from "@orangelogic/design-system/components/switch";
 import CxTag from "@orangelogic/design-system/components/tag";
 import CxTree from "@orangelogic/design-system/components/tree";
 import CxTreeItem from "@orangelogic/design-system/components/tree-item";
+import CxAlert from "@orangelogic/design-system/components/alert";
 import CxAssetLinkFormat from "@orangelogic/design-system/components/asset-link-format";
 import CxCropper from "@orangelogic/design-system/components/cropper";
 import CxDialog from "@orangelogic/design-system/components/dialog";
@@ -1223,212 +1224,6 @@ var camelCase = createCompounder(function(result, word, index) {
   word = word.toLowerCase();
   return result + (index ? capitalize(word) : word);
 });
-var __defProp$i = Object.defineProperty;
-var __decorateClass$i = (decorators, target, key, kind) => {
-  var result = void 0;
-  for (var i4 = decorators.length - 1, decorator; i4 >= 0; i4--)
-    if (decorator = decorators[i4])
-      result = decorator(target, key, result) || result;
-  if (result) __defProp$i(target, key, result);
-  return result;
-};
-const _CortexElement = class _CortexElement extends i$4 {
-  constructor() {
-    super();
-    this.theme = "light";
-    this.preRender = false;
-    Object.entries(
-      this.constructor.dependencies
-    ).forEach(([name, component]) => {
-      this.constructor.define(name, component);
-    });
-    this.handleThemeChange = this.handleThemeChange.bind(this);
-  }
-  emit(name, options) {
-    const event = new CustomEvent(name, __spreadValues({
-      bubbles: true,
-      cancelable: false,
-      composed: true,
-      detail: {}
-    }, options));
-    this.dispatchEvent(event);
-    return event;
-  }
-  static define(name, elementConstructor = this, options = {}) {
-    const currentlyRegisteredConstructor = customElements.get(name);
-    if (!currentlyRegisteredConstructor) {
-      try {
-        customElements.define(name, elementConstructor, options);
-      } catch (error) {
-        customElements.define(
-          name,
-          class extends elementConstructor {
-          },
-          options
-        );
-      }
-      return;
-    }
-    let newVersion = " (unknown version)";
-    let existingVersion = newVersion;
-    if ("version" in elementConstructor && elementConstructor.version) {
-      newVersion = " v" + elementConstructor.version;
-    }
-    if ("version" in currentlyRegisteredConstructor && currentlyRegisteredConstructor.version) {
-      existingVersion = " v" + currentlyRegisteredConstructor.version;
-    }
-    if (newVersion && existingVersion && newVersion === existingVersion) {
-      return;
-    }
-    console.warn(
-      `Attempted to register <${name}>${newVersion}, but <${name}>${existingVersion} has already been registered.`
-    );
-  }
-  static createProperty(name, options) {
-    super.createProperty(name, options);
-    if ((options == null ? void 0 : options.attribute) && typeof options.attribute === "string" && !Object.prototype.hasOwnProperty.call(
-      this.prototype,
-      options.attribute
-    ) && Object.prototype.hasOwnProperty.call(this.prototype, name)) {
-      Object.defineProperty(this.prototype, options.attribute, {
-        get() {
-          return this[name];
-        },
-        set(v2) {
-          this[name] = v2;
-        }
-      });
-    }
-  }
-  firstUpdated(_changedProperties) {
-    super.firstUpdated(_changedProperties);
-    if (this.preRender) {
-      return;
-    }
-    this.runFirstUpdated(_changedProperties);
-  }
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  runFirstUpdated(_changedProperties) {
-  }
-  connectedUpdatedCallback() {
-  }
-  runConnectedCallback() {
-  }
-  adoptedCallback() {
-    rescueElementPrototype(this);
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    if ("addEventListener" in globalThis) {
-      globalThis.addEventListener("cx-theme-change", this.handleThemeChange);
-    }
-    if (this.preRender) {
-      return;
-    }
-    this.runConnectedCallback();
-    this.updateComplete.then(() => {
-      this.connectedUpdatedCallback();
-    });
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback();
-    if ("removeEventListener" in globalThis) {
-      globalThis.removeEventListener("cx-theme-change", this.handleThemeChange);
-    }
-    rescueElementPrototype(this);
-  }
-  handleThemeChange(event) {
-    this.theme = event.detail.theme;
-  }
-  getTheme() {
-    if ("getComputedStyle" in globalThis) {
-      const computedStyle = getComputedStyle(
-        globalThis.document.documentElement
-      );
-      return (computedStyle == null ? void 0 : computedStyle.colorScheme) === "dark" ? "dark" : "light";
-    }
-    return "light";
-  }
-  getState(key) {
-    return this[key];
-  }
-};
-_CortexElement.version = "1";
-_CortexElement.dependencies = {};
-let CortexElement = _CortexElement;
-__decorateClass$i([
-  n$6()
-], CortexElement.prototype, "dir");
-__decorateClass$i([
-  n$6()
-], CortexElement.prototype, "lang");
-__decorateClass$i([
-  n$6()
-], CortexElement.prototype, "theme");
-__decorateClass$i([
-  n$6({ attribute: "pre-render", type: Boolean })
-], CortexElement.prototype, "preRender");
-function rescueElementPrototype(element) {
-  if (element instanceof CortexElement) {
-    return;
-  }
-  const tagName = element.localName || element.tagName;
-  const constructor = customElements.get(tagName.toLowerCase());
-  if (constructor) {
-    Object.setPrototypeOf(element, constructor.prototype);
-  }
-}
-/**
- * @license
- * Copyright 2017 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const t$4 = { ATTRIBUTE: 1, CHILD: 2 }, e$6 = (t2) => (...e2) => ({ _$litDirective$: t2, values: e2 });
-let i$3 = class i2 {
-  constructor(t2) {
-  }
-  get _$AU() {
-    return this._$AM._$AU;
-  }
-  _$AT(t2, e2, i4) {
-    this._$Ct = t2, this._$AM = e2, this._$Ci = i4;
-  }
-  _$AS(t2, e2) {
-    return this.update(t2, e2);
-  }
-  update(t2, e2) {
-    return this.render(...e2);
-  }
-};
-/**
- * @license
- * Copyright 2018 Google LLC
- * SPDX-License-Identifier: BSD-3-Clause
- */
-const e$5 = e$6(class extends i$3 {
-  constructor(t2) {
-    var _a2;
-    if (super(t2), t2.type !== t$4.ATTRIBUTE || "class" !== t2.name || ((_a2 = t2.strings) == null ? void 0 : _a2.length) > 2) throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");
-  }
-  render(t2) {
-    return " " + Object.keys(t2).filter((s2) => t2[s2]).join(" ") + " ";
-  }
-  update(s2, [i4]) {
-    var _a2, _b2;
-    if (void 0 === this.st) {
-      this.st = /* @__PURE__ */ new Set(), void 0 !== s2.strings && (this.nt = new Set(s2.strings.join(" ").split(/\s/).filter((t2) => "" !== t2)));
-      for (const t2 in i4) i4[t2] && !((_a2 = this.nt) == null ? void 0 : _a2.has(t2)) && this.st.add(t2);
-      return this.render(i4);
-    }
-    const r2 = s2.element.classList;
-    for (const t2 of this.st) t2 in i4 || (r2.remove(t2), this.st.delete(t2));
-    for (const t2 in i4) {
-      const s3 = !!i4[t2];
-      s3 === this.st.has(t2) || ((_b2 = this.nt) == null ? void 0 : _b2.has(t2)) || (s3 ? (r2.add(t2), this.st.add(t2)) : (r2.remove(t2), this.st.delete(t2)));
-    }
-    return E;
-  }
-});
 function bind(fn, thisArg) {
   return function wrap() {
     return fn.apply(thisArg, arguments);
@@ -4097,13 +3892,13 @@ const {
   getAdapter,
   mergeConfig
 } = axios;
-var e$4 = Symbol("cache-parser");
+var e$6 = Symbol("cache-parser");
 function r$5(e2, r2) {
   (null == r2 || r2 > e2.length) && (r2 = e2.length);
   for (var t2 = 0, a2 = Array(r2); t2 < r2; t2++) a2[t2] = e2[t2];
   return a2;
 }
-function t$3(e2) {
+function t$4(e2) {
   return ("string" == typeof e2 || "number" == typeof e2) && (e2 = Number(e2)) >= 0 && e2 < Number.POSITIVE_INFINITY;
 }
 function a(e2) {
@@ -4111,7 +3906,7 @@ function a(e2) {
 }
 var n$4 = Number;
 function o$4(o2) {
-  var i4 = Object.defineProperty({}, e$4, { enumerable: false, value: 1 });
+  var i4 = Object.defineProperty({}, e$6, { enumerable: false, value: 1 });
   if (!o2 || "string" != typeof o2) return i4;
   var s2 = (function(e2) {
     for (var t2, a2 = {}, n3 = (function(e3) {
@@ -4137,10 +3932,10 @@ function o$4(o2) {
     }
     return a2;
   })(o2), u2 = s2["max-age"], l2 = s2["max-stale"], m2 = s2["min-fresh"], p2 = s2["s-maxage"], f3 = s2["stale-if-error"], c2 = s2["stale-while-revalidate"];
-  return a(s2.immutable) && (i4.immutable = true), t$3(u2) && (i4.maxAge = n$4(u2)), t$3(l2) && (i4.maxStale = n$4(l2)), t$3(m2) && (i4.minFresh = n$4(m2)), a(s2["must-revalidate"]) && (i4.mustRevalidate = true), a(s2["must-understand"]) && (i4.mustUnderstand = true), a(s2["no-cache"]) && (i4.noCache = true), a(s2["no-store"]) && (i4.noStore = true), a(s2["no-transform"]) && (i4.noTransform = true), a(s2["only-if-cached"]) && (i4.onlyIfCached = true), a(s2.private) && (i4.private = true), a(s2["proxy-revalidate"]) && (i4.proxyRevalidate = true), a(s2.public) && (i4.public = true), t$3(p2) && (i4.sMaxAge = n$4(p2)), t$3(f3) && (i4.staleIfError = n$4(f3)), t$3(c2) && (i4.staleWhileRevalidate = n$4(c2)), i4;
+  return a(s2.immutable) && (i4.immutable = true), t$4(u2) && (i4.maxAge = n$4(u2)), t$4(l2) && (i4.maxStale = n$4(l2)), t$4(m2) && (i4.minFresh = n$4(m2)), a(s2["must-revalidate"]) && (i4.mustRevalidate = true), a(s2["must-understand"]) && (i4.mustUnderstand = true), a(s2["no-cache"]) && (i4.noCache = true), a(s2["no-store"]) && (i4.noStore = true), a(s2["no-transform"]) && (i4.noTransform = true), a(s2["only-if-cached"]) && (i4.onlyIfCached = true), a(s2.private) && (i4.private = true), a(s2["proxy-revalidate"]) && (i4.proxyRevalidate = true), a(s2.public) && (i4.public = true), t$4(p2) && (i4.sMaxAge = n$4(p2)), t$4(f3) && (i4.staleIfError = n$4(f3)), t$4(c2) && (i4.staleWhileRevalidate = n$4(c2)), i4;
 }
 var r$4 = Symbol();
-function e$3() {
+function e$5() {
   var e2, n3, o2 = new Promise(function(r2, o3) {
     e2 = r2, n3 = o3;
   });
@@ -4151,7 +3946,7 @@ function r$3(r2, e2) {
   for (var t2 = 0, n3 = Array(e2); t2 < e2; t2++) n3[t2] = r2[t2];
   return n3;
 }
-function e$2(e2, t2) {
+function e$4(e2, t2) {
   var n3 = "undefined" != typeof Symbol && e2[Symbol.iterator] || e2["@@iterator"];
   if (n3) return (n3 = n3.call(e2)).next.bind(n3);
   if (Array.isArray(e2) || (n3 = (function(e3, t3) {
@@ -4169,10 +3964,10 @@ function e$2(e2, t2) {
   }
   throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
-function t$2(r2, t2, n3) {
+function t$3(r2, t2, n3) {
   if ("*" === r2 || null === r2) return false;
-  for (var o2, a2 = Object.keys(t2), i4 = Object.keys(n3), l2 = e$2(r2); !(o2 = l2()).done; ) {
-    for (var u2, f3 = o2.value, v2 = void 0, d2 = void 0, s2 = e$2(a2); !(u2 = s2()).done; ) {
+  for (var o2, a2 = Object.keys(t2), i4 = Object.keys(n3), l2 = e$4(r2); !(o2 = l2()).done; ) {
+    for (var u2, f3 = o2.value, v2 = void 0, d2 = void 0, s2 = e$4(a2); !(u2 = s2()).done; ) {
       var c2 = u2.value;
       if (c2.toLowerCase() === f3) {
         var y3;
@@ -4180,7 +3975,7 @@ function t$2(r2, t2, n3) {
         break;
       }
     }
-    for (var b2, m2 = e$2(i4); !(b2 = m2()).done; ) {
+    for (var b2, m2 = e$4(i4); !(b2 = m2()).done; ) {
       var g2 = b2.value;
       if (g2.toLowerCase() === f3) {
         var h2;
@@ -4206,34 +4001,34 @@ function o$3(r2, e2) {
   }
   return 0 === t2.size ? null : Array.from(t2);
 }
-function t$1(t2, r2) {
+function t$2(t2, r2) {
   return t2 > r2 ? 1 : -1;
 }
 function r$2(r2, n3) {
-  return t$1(String(r2[0]), String(n3[0]));
+  return t$2(String(r2[0]), String(n3[0]));
 }
 function n$2(t2, r2) {
   return 33 * t2 ^ r2;
 }
-function e$1(o2, i4) {
+function e$3(o2, i4) {
   var f3 = 5381;
   if ("object" == typeof o2 && null !== o2) {
     var u2 = "function" == typeof o2.entries, a2 = Object.keys(o2).length > 0;
     if (o2.toString === Object.prototype.toString || o2.toString === Array.prototype.toString || u2 && !a2) {
       i4 || (i4 = /* @__PURE__ */ new WeakSet()), i4.add(o2);
-      var c2 = u2 && !a2 ? Array.from(o2.entries()) : Object.keys(o2).sort(t$1).map(function(t2) {
+      var c2 = u2 && !a2 ? Array.from(o2.entries()) : Object.keys(o2).sort(t$2).map(function(t2) {
         return [t2, o2[t2]];
       });
       u2 && !a2 && c2.sort(r$2);
       for (var g2 = 0; g2 < c2.length; g2++) {
         var y3 = c2[g2], p2 = y3[1];
-        if (f3 = n$2(f3, e$1(y3[0], i4)), "object" == typeof p2 && null !== p2 && (p2.toString === Object.prototype.toString || p2.toString === Array.prototype.toString)) {
+        if (f3 = n$2(f3, e$3(y3[0], i4)), "object" == typeof p2 && null !== p2 && (p2.toString === Object.prototype.toString || p2.toString === Array.prototype.toString)) {
           if (i4.has(p2)) continue;
           i4.add(p2);
         }
-        f3 = n$2(f3, e$1(p2, i4));
+        f3 = n$2(f3, e$3(p2, i4));
       }
-      return n$2(f3, e$1(o2.constructor, i4));
+      return n$2(f3, e$3(o2.constructor, i4));
     }
   }
   for (var S3, b2 = typeof o2, l2 = 0; l2 < b2.length; l2++) f3 = n$2(f3, b2.charCodeAt(l2));
@@ -4388,7 +4183,7 @@ function defaultRequestInterceptor(axios2) {
     const overrideCache = config.cache.override;
     if (config.cache.vary !== false && ((_b2 = (_a2 = cache.data) == null ? void 0 : _a2.meta) == null ? void 0 : _b2.vary) && cache.data.headers[Header.Vary]) {
       const vary = Array.isArray(config.cache.vary) ? config.cache.vary : o$3(cache.data.headers[Header.Vary]);
-      if (vary && vary !== "*" && !t$2(vary, (_c2 = cache.data.meta) == null ? void 0 : _c2.vary, config.headers)) {
+      if (vary && vary !== "*" && !t$3(vary, (_c2 = cache.data.meta) == null ? void 0 : _c2.vary, config.headers)) {
         const extractedHeaders = extractHeaders(config.headers, vary);
         const newKey = axios2.generateKey(__spreadProps(__spreadValues({}, config), {
           id: void 0
@@ -4404,7 +4199,7 @@ function defaultRequestInterceptor(axios2) {
         cache = yield axios2.storage.get(config.id, config);
         if (cache.state !== "empty" && cache.state !== "must-revalidate") break ignoreAndRequest;
       }
-      const def = e$3();
+      const def = e$5();
       axios2.waiting.set(config.id, def);
       def.catch(() => void 0);
       yield axios2.storage.set(config.id, {
@@ -4433,7 +4228,7 @@ function defaultRequestInterceptor(axios2) {
         if (!state.data) return onFulfilled(config);
         if (config.cache.vary !== false && ((_h = state.data.meta) == null ? void 0 : _h.vary) && state.data.headers[Header.Vary]) {
           const vary = Array.isArray(config.cache.vary) ? config.cache.vary : o$3(state.data.headers[Header.Vary]);
-          if (vary && vary !== "*" && !t$2(vary, state.data.meta.vary, config.headers)) return onFulfilled(config);
+          if (vary && vary !== "*" && !t$3(vary, state.data.meta.vary, config.headers)) return onFulfilled(config);
         }
         cachedResponse = state.data;
       } catch (err) {
@@ -4752,7 +4547,7 @@ function buildKeyGenerator(generator) {
     if (request.id) return request.id;
     const key = generator(request, meta);
     if (typeof key === "string" || typeof key === "number") return `${key}`;
-    return `${e$1(key)}`;
+    return `${e$3(key)}`;
   };
 }
 const defaultKeyGenerator = buildKeyGenerator(({ baseURL, url, method, params, data }, meta) => {
@@ -4830,6 +4625,86 @@ instance.interceptors.response.use(
   }
 );
 const http = setupCache(instance);
+var OptionType = /* @__PURE__ */ ((OptionType2) => {
+  OptionType2["FILTER"] = "filter";
+  OptionType2["SORT_DIRECTION"] = "sort-direction";
+  OptionType2["SORT_ORDER"] = "sort-order";
+  return OptionType2;
+})(OptionType || {});
+var GridView$1 = /* @__PURE__ */ ((GridView2) => {
+  GridView2["Large"] = "large";
+  GridView2["Medium"] = "medium";
+  GridView2["Small"] = "small";
+  return GridView2;
+})(GridView$1 || {});
+const TABLE_VIEW = "table";
+const ASSET_SIZE = {
+  [
+    "small"
+    /* Small */
+  ]: {
+    maxWidth: 178,
+    minWidth: 130
+  },
+  [
+    "medium"
+    /* Medium */
+  ]: {
+    maxWidth: 292,
+    minWidth: 190
+  },
+  [
+    "large"
+    /* Large */
+  ]: {
+    maxWidth: 456,
+    minWidth: 302
+  }
+};
+var TransformationAction = /* @__PURE__ */ ((TransformationAction2) => {
+  TransformationAction2["Crop"] = "Crop";
+  TransformationAction2["Metadata"] = "Metadata";
+  TransformationAction2["Proxy"] = "Proxy";
+  TransformationAction2["Quality"] = "Quality";
+  TransformationAction2["Resize"] = "Resize";
+  TransformationAction2["Rotate"] = "Rotate";
+  return TransformationAction2;
+})(TransformationAction || {});
+const autoSelectFormatConverter = {
+  fromAttribute: (value) => {
+    if (value === null) {
+      return false;
+    }
+    const normalized = value.trim();
+    if (normalized === "" || normalized.toLowerCase() === "true") {
+      return true;
+    }
+    if (normalized.toLowerCase() === "false") {
+      return false;
+    }
+    return normalized;
+  },
+  toAttribute: (value) => {
+    return value === false ? null : String(value);
+  }
+};
+function isAutoSelectFormatActive(value) {
+  return value === true || typeof value === "string" && value.trim() !== "";
+}
+function toTitleFallback(value) {
+  return value === "originalFileName" ? "originalFileName" : "uniqueIdentifier";
+}
+function toTableRowActionPosition(value) {
+  return value === "row-end" ? "row-end" : "host-edge";
+}
+var ContentBrowserFormatDialogVariant = /* @__PURE__ */ ((ContentBrowserFormatDialogVariant2) => {
+  ContentBrowserFormatDialogVariant2["Dialog"] = "dialog";
+  ContentBrowserFormatDialogVariant2["Drawer"] = "drawer";
+  return ContentBrowserFormatDialogVariant2;
+})(ContentBrowserFormatDialogVariant || {});
+function toFieldKey(field) {
+  return field.trim().toLowerCase();
+}
 const FOLDER_API_ENDPOINT = "webapi/extensibility/integrations/gab/assetbrowser/gethierarchy_41e8";
 var AssetApiEndpoint = /* @__PURE__ */ ((AssetApiEndpoint2) => {
   AssetApiEndpoint2["ADD_ASSET_TO_FAVORITE"] = "webapi/extensibility/integrations/contentBrowserSDK/addtofavorites_2du";
@@ -4853,183 +4728,432 @@ var MetadataApiEndpoint = /* @__PURE__ */ ((MetadataApiEndpoint2) => {
   MetadataApiEndpoint2["GET_SORT_ORDERS"] = "webapi/extensibility/integrations/contentBrowserSDK/sortorders_4147";
   return MetadataApiEndpoint2;
 })(MetadataApiEndpoint || {});
-var FolderField = /* @__PURE__ */ ((FolderField2) => {
-  FolderField2["CortexPath"] = "Document.CortexPath";
-  FolderField2["DocType"] = "CoreField.DocType";
-  FolderField2["HasBrowserChildren"] = "Document.HasBrowserChildren";
-  FolderField2["RepresentativeAssetId"] = "Document.DocumentDirectRepresentativeRID";
-  FolderField2["TitleWithFallback"] = "CoreField.TitleWithFallback";
-  FolderField2["rawDocSubtype"] = "Document.RawDocSubType";
-  return FolderField2;
-})(FolderField || {});
-const FOLDER_PAGE_SIZE = 50;
-function resolveCollectionsExtraFilters({
-  searchText
+const appendPathAndQuery = (baseUrl, pathSuffix, extraQueryParams = []) => {
+  const questionMarkIndex = baseUrl.indexOf("?");
+  const hashIndex = baseUrl.indexOf("#");
+  const separatorIndex = [questionMarkIndex, hashIndex].filter((index) => index !== -1).reduce((lowest, index) => lowest === -1 ? index : Math.min(lowest, index), -1);
+  const path = separatorIndex === -1 ? baseUrl : baseUrl.slice(0, separatorIndex);
+  const tail = separatorIndex === -1 ? "" : baseUrl.slice(separatorIndex);
+  const tailHashIndex = tail.indexOf("#");
+  const fragment = tailHashIndex === -1 ? "" : tail.slice(tailHashIndex);
+  const existingQuery = (tailHashIndex === -1 ? tail : tail.slice(0, tailHashIndex)).replace(/^\?/, "");
+  const parameterName = (parameter) => parameter.split("=")[0].toLowerCase();
+  const overriddenNames = new Set(extraQueryParams.map(parameterName));
+  const mergedParams = [
+    ...existingQuery.split("&").filter((parameter) => parameter && !overriddenNames.has(parameterName(parameter))),
+    ...extraQueryParams
+  ];
+  const query = mergedParams.length > 0 ? `?${mergedParams.join("&")}` : "";
+  return `${path}${pathSuffix}${query}${fragment}`;
+};
+const DEFAULT_VIEW_SIZE = "CoreField.LargeSizePreview";
+const FIELD_ALLOW_ATS_LINK = "AllowATSLink";
+const FIELD_DOC_CAPTION_LONG = "Document.CaptionLong";
+const FIELD_DOC_TITLE = "Document.Title";
+const FIELD_DOC_TYPE = "CoreField.DocType";
+const FIELD_EXTENSION = "Document.FileExtension";
+const FIELD_FILE_SIZE = "CoreField.FileSize";
+const FIELD_IDENTIFIER = "CoreField.Identifier";
+const FIELD_KEYWORDS = "CoreField.Keywords";
+const FIELD_MAX_HEIGHT = "CoreField.MaxHeight";
+const FIELD_MAX_WIDTH = "CoreField.MaxWidth";
+const FIELD_ORIGINAL_FILE_NAME = "CoreField.OriginalFileName";
+const FIELD_RECORD_ID = "Document.RecordID";
+const FIELD_SCRUB_URL = "ScrubURL";
+const FIELD_STORAGE_GROUP = "CoreField.S6_StorageGroup";
+const FIELD_SUBTYPE = "CoreField.DocSubType";
+const FIELD_TITLE_WITH_FALLBACK = "CoreField.TitleWithFallback";
+const FIELD_UPDATED_FILE_NAME = "CoreField.UpdatedFileName";
+const ORIGINAL_VIEW_SIZE = "CoreField.OriginalPreview";
+function resolveTitleFallbackField(titleFallback) {
+  return titleFallback === "originalFileName" ? FIELD_ORIGINAL_FILE_NAME : FIELD_IDENTIFIER;
+}
+function resolveAssetCaption(fields, titleFallback) {
+  return fields[FIELD_DOC_TITLE] || fields[resolveTitleFallbackField(titleFallback)] || fields[FIELD_IDENTIFIER] || "";
+}
+function resolveAssetExtraFilters(selectedFacets) {
+  if (!selectedFacets || Object.keys(selectedFacets).length === 0) {
+    return {};
+  }
+  return Object.entries(selectedFacets).reduce(
+    (acc, [key, values]) => {
+      if (!values || values.length === 0) {
+        return acc;
+      }
+      if (key === "Types") {
+        return __spreadProps(__spreadValues({}, acc), {
+          SubtypeCriteria: values
+        });
+      }
+      return __spreadProps(__spreadValues({}, acc), {
+        FacetFilters: __spreadProps(__spreadValues({}, acc.FacetFilters), {
+          [key]: values
+        })
+      });
+    },
+    {}
+  );
+}
+class AssetLinkError extends Error {
+  constructor(message, { errorCode, serverMessage } = {}) {
+    super(message);
+    this.name = "AssetLinkError";
+    this.errorCode = errorCode;
+    this.serverMessage = serverMessage;
+  }
+}
+const ASSET_LINK_FAILED_MESSAGE = "Failed to get the asset link";
+function isCortexErrorResponse(response) {
+  return !!response && typeof response === "object" && "ErrorCode" in response;
+}
+function fromCortexErrorResponse(response) {
+  const serverMessage = typeof response.Message === "string" && response.Message.trim() ? response.Message : void 0;
+  return new AssetLinkError(serverMessage != null ? serverMessage : ASSET_LINK_FAILED_MESSAGE, {
+    errorCode: response.ErrorCode,
+    serverMessage
+  });
+}
+function toAssetLinkError(error) {
+  var _a2;
+  if (error instanceof AssetLinkError) {
+    return error;
+  }
+  const responseData = (_a2 = error == null ? void 0 : error.response) == null ? void 0 : _a2.data;
+  if (isCortexErrorResponse(responseData)) {
+    return fromCortexErrorResponse(responseData);
+  }
+  return new AssetLinkError(error instanceof Error && error.message ? error.message : ASSET_LINK_FAILED_MESSAGE);
+}
+function isSearchFacet(facet) {
+  const details = facet == null ? void 0 : facet.facetDetails;
+  return !!facet && !!details && typeof details === "object" && !Array.isArray(details) && typeof details.facetFieldName === "string" && typeof details.displayName === "string" && Array.isArray(facet.values) && facet.values.every((facetValue) => !!facetValue && typeof facetValue.value === "string");
+}
+function isSearchResponse(response) {
+  if (!response || typeof response !== "object" || Array.isArray(response)) {
+    return false;
+  }
+  const { contentItems, facets, totalCount } = response;
+  return Array.isArray(facets) && facets.every(isSearchFacet) && Number.isFinite(totalCount) && (contentItems === void 0 || Array.isArray(contentItems));
+}
+const POST_UNSUPPORTED_STATUSES = /* @__PURE__ */ new Set([405, 501]);
+const postUnsupportedOrigins = /* @__PURE__ */ new Set();
+function createId() {
+  const cryptoApi = globalThis.crypto;
+  if (cryptoApi == null ? void 0 : cryptoApi.randomUUID) {
+    return cryptoApi.randomUUID();
+  }
+  if (cryptoApi == null ? void 0 : cryptoApi.getRandomValues) {
+    const bytes = cryptoApi.getRandomValues(new Uint8Array(16));
+    bytes[6] = bytes[6] & 15 | 64;
+    bytes[8] = bytes[8] & 63 | 128;
+    const hex = Array.from(bytes, (byte) => byte.toString(16).padStart(2, "0"));
+    return [
+      hex.slice(0, 4).join(""),
+      hex.slice(4, 6).join(""),
+      hex.slice(6, 8).join(""),
+      hex.slice(8, 10).join(""),
+      hex.slice(10).join("")
+    ].join("-");
+  }
+  return `${Date.now()}-${Math.random().toString(36).slice(2)}`;
+}
+function buildAssetLinkImageUrl({
+  asset,
+  extension,
+  parameters,
+  permanentLink,
+  rawResponse,
+  transformations,
+  useSession
 }) {
-  if (!(searchText == null ? void 0 : searchText.trim())) {
-    return "";
+  let baseImageUrl = permanentLink || rawResponse.imageUrl;
+  let transformationPath = "";
+  if (transformations && transformations.length > 0) {
+    transformationPath += "/t/";
   }
-  return `Story_Title:${searchText}`;
+  transformations == null ? void 0 : transformations.forEach(({ key, value }) => {
+    if (key === TransformationAction.Resize) {
+      const validTransformations = [
+        ...[
+          {
+            key: "re_w_",
+            value: value.width
+          },
+          {
+            key: "re_h_",
+            value: value.height
+          }
+        ].filter((item) => item.value !== void 0).map((item) => ({
+          key: item.key,
+          value: Math.round(Number(item.value))
+        })),
+        {
+          key: "re_rm_",
+          value: "stretch"
+        }
+      ];
+      validTransformations.forEach(({ key: vKey, value: vValue }, index) => {
+        transformationPath += `${vKey}${vValue}${index < validTransformations.length - 1 ? "," : ""}`;
+      });
+      transformationPath += "/";
+    }
+    if (key === TransformationAction.Crop) {
+      const validTransformations = [
+        ...[
+          {
+            key: "c_w_",
+            value: value.width
+          },
+          {
+            key: "c_h_",
+            value: value.height
+          },
+          {
+            key: "c_x_",
+            value: value.x
+          },
+          {
+            key: "c_y_",
+            value: value.y
+          }
+        ].filter((item) => item.value !== void 0).map((item) => ({
+          key: item.key,
+          value: Math.round(Number(item.value))
+        })),
+        {
+          key: "c_whu_",
+          value: "pixel"
+        }
+      ];
+      validTransformations.forEach(({ key: vKey, value: vValue }, index) => {
+        transformationPath += `${vKey}${vValue}${index < validTransformations.length - 1 ? "," : ""}`;
+      });
+      transformationPath += "/";
+    }
+    if (key === TransformationAction.Rotate) {
+      const validTransformations = [{
+        key: "r_a_",
+        value: value.rotation
+      }].filter((item) => item.value !== void 0).map((item) => ({ key: item.key, value: Math.round(Number(item.value)) }));
+      validTransformations.forEach(({ key: vKey, value: vValue }, index) => {
+        transformationPath += `${vKey}${vValue}${index < validTransformations.length - 1 ? "," : ""}`;
+      });
+      transformationPath += "/";
+    }
+    if (key === TransformationAction.Quality) {
+      const validTransformations = [{
+        key: "q_level_",
+        value: value.quality
+      }].filter((item) => item.value !== void 0).map((item) => ({ key: item.key, value: Math.round(Number(item.value)) }));
+      validTransformations.forEach(({ key: vKey, value: vValue }, index) => {
+        transformationPath += `${vKey}${vValue}${index < validTransformations.length - 1 ? "," : ""}`;
+      });
+      transformationPath += "/";
+    }
+    if (key === TransformationAction.Metadata) {
+      if (value.keepMetadata === true) {
+        transformationPath += "fl_keep_metadata/";
+      }
+    }
+  });
+  const hasTransformations = Boolean(transformations && transformations.length > 0);
+  if (hasTransformations) {
+    transformationPath += `${asset.identifier}`;
+  }
+  const assetExtension = extension != null ? extension : asset.extension;
+  if (!permanentLink && assetExtension) {
+    const normalizedExtension = assetExtension.startsWith(".") ? assetExtension : `.${assetExtension}`;
+    if (hasTransformations) {
+      transformationPath += normalizedExtension;
+    } else {
+      const [basePath, baseTail] = baseImageUrl.split(/([?#].*)$/, 2);
+      baseImageUrl = basePath.replace(/\.[^./]+$/, "") + normalizedExtension + (baseTail != null ? baseTail : "");
+    }
+  }
+  const queryParams = [];
+  parameters == null ? void 0 : parameters.forEach(({ key, value }) => {
+    queryParams.push(`${encodeURIComponent(key.trim())}=${encodeURIComponent(value.trim())}`);
+  });
+  if (useSession) {
+    queryParams.push(`UseSession=${encodeURIComponent(useSession)}`);
+  }
+  return appendPathAndQuery(baseImageUrl, transformationPath, queryParams);
 }
-function apiGetFolders(_0) {
+function apiGetAssetLinks(_0) {
   return __async(this, arguments, function* ({
-    allowedFolders,
-    baseUrl,
-    bearerToken,
-    excludeVirtualFolders,
-    folderId,
-    includeDirectChild,
-    limit = FOLDER_PAGE_SIZE,
-    noCache,
-    searchTerm,
-    self: self2,
-    start = 0,
-    token: token2
+    assets,
+    extension,
+    extraFields,
+    parameters,
+    permanentLink,
+    proxyPreference,
+    skipLinkGeneration,
+    transformations,
+    useSession
   }) {
-    let objectRecordIDs = [];
-    let includesDirectChildren = includeDirectChild != null ? includeDirectChild : true;
-    if (allowedFolders && allowedFolders.length > 0 && !folderId) {
-      objectRecordIDs = allowedFolders;
-      self2 = true;
-      includesDirectChildren = false;
-    } else if (folderId) {
-      objectRecordIDs = [folderId];
-    }
+    var _a2;
+    const failures = [];
+    const origin2 = (_a2 = http.defaults.baseURL) != null ? _a2 : window.location.origin;
     try {
-      const response = yield http.request({
-        baseURL: baseUrl,
-        cache: noCache ? false : void 0,
-        headers: {
-          Authorization: `Bearer ${bearerToken}`
-        },
-        method: "GET",
-        params: {
-          IncludeDirectChild: includesDirectChildren,
-          IncludeVirtualFolders: !excludeVirtualFolders,
-          Limit: limit,
-          ObjectRecordIDs: objectRecordIDs,
-          SeeThru: !!searchTerm,
-          Self: self2,
-          Start: start,
-          Text: searchTerm || void 0,
-          Token: token2 || void 0
-        },
-        paramsSerializer: {
-          indexes: null
-        },
-        responseType: "json",
-        transformResponse: [
-          ...Array.isArray(http.defaults.transformResponse) ? http.defaults.transformResponse : [],
-          (rawResponse, _headers, status) => {
-            var _a2, _b2, _c2, _d2;
-            if (status !== void 0 && (status < 200 || status >= 300)) {
-              return {
-                data: [],
-                hasMore: false,
-                totalCount: 0
-              };
-            }
-            if (!rawResponse || typeof rawResponse !== "object") {
-              throw new Error("Invalid response format");
+      const settled = yield Promise.allSettled(assets.map((asset, index) => __async(null, null, function* () {
+        var _a3;
+        const requestBody = {
+          GenerateAssetUrl: !permanentLink && !skipLinkGeneration,
+          Parameters: parameters,
+          Proxy: proxyPreference,
+          RecordId: asset.recordId
+        };
+        if (extraFields == null ? void 0 : extraFields.length) {
+          requestBody.ExtraFields = extraFields;
+        }
+        const useSessionParams = useSession ? { UseSession: useSession } : void 0;
+        const attemptPost = !postUnsupportedOrigins.has(origin2);
+        let rawResponse;
+        let rawStatus = 200;
+        if (attemptPost) {
+          try {
+            const postResult = yield http.request({
+              data: requestBody,
+              method: "POST",
+              params: useSessionParams,
+              url: AssetApiEndpoint.GET_ASSET_LINK,
+              validateStatus: () => true
+            });
+            if (POST_UNSUPPORTED_STATUSES.has(postResult.status)) {
+              postUnsupportedOrigins.add(origin2);
+            } else {
+              rawResponse = postResult.data;
+              rawStatus = postResult.status;
             }
-            const length2 = (_b2 = (_a2 = rawResponse.contentItems) == null ? void 0 : _a2.length) != null ? _b2 : 0;
-            return {
-              data: (_d2 = (_c2 = rawResponse.contentItems) == null ? void 0 : _c2.map((item) => {
-                var _a3, _b3, _c3, _d3;
-                return {
-                  docType: (_a3 = item.fields[FolderField.DocType]) != null ? _a3 : "",
-                  fullPath: (_b3 = item.fields[FolderField.CortexPath]) != null ? _b3 : "",
-                  hasChildren: item.fields[FolderField.HasBrowserChildren] === "1",
-                  id: item.recordID,
-                  isShared: item.fields[FolderField.rawDocSubtype] === "DO_OR1ND000001913488",
-                  representativeAssetId: (_c3 = item.fields[FolderField.RepresentativeAssetId]) != null ? _c3 : "",
-                  title: (_d3 = item.fields[FolderField.TitleWithFallback]) != null ? _d3 : ""
-                };
-              })) != null ? _d2 : [],
-              hasMore: start + length2 < rawResponse.totalCount,
-              totalCount: rawResponse.totalCount
-            };
+          } catch (e2) {
           }
-        ],
-        url: FOLDER_API_ENDPOINT
+        }
+        if (rawResponse === void 0) {
+          const getResult = yield http.request({
+            method: "GET",
+            params: __spreadProps(__spreadValues({}, requestBody), {
+              UseSession: useSession || void 0
+            }),
+            paramsSerializer: {
+              indexes: null
+            },
+            url: AssetApiEndpoint.GET_ASSET_LINK
+          });
+          rawResponse = getResult.data;
+        }
+        const isResponseObject = !!rawResponse && typeof rawResponse === "object";
+        if (isCortexErrorResponse(rawResponse) || !isResponseObject || rawStatus < 200 || rawStatus >= 300) {
+          failures[index] = isCortexErrorResponse(rawResponse) ? fromCortexErrorResponse(rawResponse) : new AssetLinkError(`${ASSET_LINK_FAILED_MESSAGE} (HTTP ${rawStatus})`);
+          return {
+            imageUrl: asset.imageUrl
+          };
+        }
+        const linkResponse = rawResponse;
+        if (skipLinkGeneration) {
+          return __spreadProps(__spreadValues({}, linkResponse), {
+            imageUrl: (_a3 = asset.imageUrl) != null ? _a3 : ""
+          });
+        }
+        if (!permanentLink && (linkResponse.imageUrl === null || linkResponse.imageUrl === void 0)) {
+          return __spreadProps(__spreadValues({}, linkResponse), {
+            imageUrl: asset.imageUrl
+          });
+        }
+        const imageUrl = buildAssetLinkImageUrl({
+          asset,
+          extension,
+          parameters,
+          permanentLink,
+          rawResponse: linkResponse,
+          transformations,
+          useSession
+        });
+        return __spreadProps(__spreadValues({}, linkResponse), {
+          imageUrl
+        });
+      })));
+      const data = settled.flatMap((result, index) => {
+        if (result.status === "fulfilled") {
+          return [result.value];
+        }
+        failures[index] = toAssetLinkError(result.reason);
+        return [];
+      });
+      const error = failures.find((failure) => failure !== void 0);
+      return __spreadProps(__spreadValues({
+        data
+      }, error ? { error } : {}), {
+        isError: !!error
       });
-      return response.data;
     } catch (error) {
       return {
         data: [],
-        hasMore: false,
-        totalCount: 0
+        error: toAssetLinkError(error),
+        isError: true
       };
     }
   });
 }
-function apiGetCollections(_0) {
+function apiGetAssetsByIDs(_0) {
   return __async(this, arguments, function* ({
-    baseUrl,
-    bearerToken,
-    folderId,
-    pageSize = FOLDER_PAGE_SIZE,
-    searchTerm,
-    start = 0,
-    token: token2
+    extraFields,
+    recordIds
   }) {
+    var _a2;
+    if (!Array.isArray(recordIds) || recordIds.length === 0) {
+      return { facets: [], items: [], totalCount: 0 };
+    }
+    const validatedExtraFields = (_a2 = extraFields == null ? void 0 : extraFields.filter((field) => field && typeof field === "string")) != null ? _a2 : [];
     try {
-      const extraFilters = resolveCollectionsExtraFilters({ searchText: searchTerm });
       const response = yield http.request({
-        baseURL: baseUrl,
-        headers: {
-          Authorization: `Bearer ${bearerToken}`
-        },
         method: "GET",
-        params: __spreadProps(__spreadValues({}, extraFilters && { ExtraFilters: extraFilters }), {
+        params: {
+          ExtraFilters: `RecordID:${recordIds.join(" OR ")}`,
           Fields: [
-            FolderField.CortexPath,
-            FolderField.DocType,
-            FolderField.TitleWithFallback
+            ...validatedExtraFields,
+            ORIGINAL_VIEW_SIZE,
+            FIELD_UPDATED_FILE_NAME,
+            FIELD_ORIGINAL_FILE_NAME,
+            FIELD_DOC_TITLE,
+            FIELD_DOC_CAPTION_LONG
           ],
-          Limit: pageSize,
-          SeeThru: true,
-          Start: start,
-          SubtypeCriteria: folderId,
-          Token: token2 || void 0
-        }),
+          SeeThru: true
+        },
         paramsSerializer: {
           indexes: null
         },
         responseType: "json",
         transformResponse: [
           ...Array.isArray(http.defaults.transformResponse) ? http.defaults.transformResponse : [],
-          (rawResponse, _headers, status) => {
-            var _a2, _b2, _c2, _d2;
-            if (status !== void 0 && (status < 200 || status >= 300)) {
-              return {
-                data: [],
-                hasMore: false,
-                totalCount: 0
-              };
-            }
-            if (!rawResponse || typeof rawResponse !== "object") {
-              return {
-                data: [],
-                hasMore: false,
-                totalCount: 0
-              };
-            }
-            const length2 = (_b2 = (_a2 = rawResponse.contentItems) == null ? void 0 : _a2.length) != null ? _b2 : 0;
+          (rawResponse) => {
+            var _a3, _b2;
+            const mappedItems = (_b2 = (_a3 = rawResponse.contentItems) == null ? void 0 : _a3.map((item) => {
+              var _a4, _b3, _c2;
+              let name = (_a4 = item.fields[FIELD_UPDATED_FILE_NAME]) != null ? _a4 : "";
+              if (name === "") {
+                name = (_b3 = item.fields[FIELD_ORIGINAL_FILE_NAME]) != null ? _b3 : "";
+              }
+              return __spreadValues({
+                name,
+                originalUrl: (_c2 = item.fields[ORIGINAL_VIEW_SIZE]) != null ? _c2 : "",
+                recordId: item.recordID
+              }, validatedExtraFields.reduce(
+                (acc, field) => {
+                  var _a5;
+                  acc[field] = (_a5 = item.fields[field]) != null ? _a5 : "";
+                  return acc;
+                },
+                {}
+              ));
+            })) != null ? _b2 : [];
+            mappedItems.sort((a2, b2) => {
+              const indexA = recordIds.indexOf(a2.recordId);
+              const indexB = recordIds.indexOf(b2.recordId);
+              return indexA - indexB;
+            });
             return {
-              data: (_d2 = (_c2 = rawResponse.contentItems) == null ? void 0 : _c2.map((item) => {
-                var _a3, _b3, _c3, _d3;
-                return {
-                  docType: (_a3 = item.fields[FolderField.DocType]) != null ? _a3 : "",
-                  fullPath: (_c3 = (_b3 = item.fields[FolderField.CortexPath]) == null ? void 0 : _b3.replace(/^Root\//i, "")) != null ? _c3 : "",
-                  hasChildren: false,
-                  id: item.recordID,
-                  parents: [],
-                  path: [],
-                  title: (_d3 = item.fields[FolderField.TitleWithFallback]) != null ? _d3 : ""
-                };
-              })) != null ? _d2 : [],
-              hasMore: start + length2 < rawResponse.totalCount,
+              facets: rawResponse.facets,
+              items: mappedItems,
               totalCount: rawResponse.totalCount
             };
           }
@@ -5039,18 +5163,751 @@ function apiGetCollections(_0) {
       return response.data;
     } catch (error) {
       return {
-        data: [],
-        hasMore: false,
+        facets: [],
+        items: [],
         totalCount: 0
       };
     }
   });
 }
-const componentStyles = i$7`
-  :host {
-    box-sizing: border-box;
-  }
-
+const ASSET_LIST_FIELDS = [
+  DEFAULT_VIEW_SIZE,
+  FIELD_DOC_TITLE,
+  FIELD_DOC_TYPE,
+  FIELD_EXTENSION,
+  FIELD_FILE_SIZE,
+  FIELD_IDENTIFIER,
+  FIELD_KEYWORDS,
+  FIELD_MAX_HEIGHT,
+  FIELD_MAX_WIDTH,
+  FIELD_RECORD_ID,
+  FIELD_SUBTYPE,
+  FIELD_TITLE_WITH_FALLBACK,
+  FIELD_UPDATED_FILE_NAME,
+  FIELD_STORAGE_GROUP,
+  ORIGINAL_VIEW_SIZE
+];
+function apiGetAssets(_0) {
+  return __async(this, arguments, function* ({
+    fields,
+    folderId,
+    isSeeThrough,
+    limitedToDocTypes = [],
+    pageSize,
+    searchText,
+    selectedFacets,
+    sortOrder,
+    start,
+    titleFallback,
+    useSession
+  }) {
+    var _a2;
+    const validatedFields = (_a2 = fields == null ? void 0 : fields.filter((field) => field && typeof field === "string")) != null ? _a2 : [];
+    const requestedFields = [
+      ...ASSET_LIST_FIELDS,
+      resolveTitleFallbackField(titleFallback),
+      ...validatedFields
+    ].filter(
+      (field, index, all3) => all3.findIndex((item) => item.toLowerCase() === field.toLowerCase()) === index
+    );
+    try {
+      const response = yield http.request({
+        data: __spreadValues({
+          Fields: requestedFields,
+          Limit: pageSize || void 0,
+          LimitedToDocTypes: limitedToDocTypes,
+          ObjectRecordID: folderId || void 0,
+          OrderBy: sortOrder,
+          SeeThru: isSeeThrough || void 0,
+          SelectedFacets: selectedFacets,
+          Start: start,
+          Text: searchText || void 0,
+          UseSession: useSession || void 0
+        }, resolveAssetExtraFilters(selectedFacets)),
+        method: "POST",
+        transformResponse: [
+          ...Array.isArray(http.defaults.transformResponse) ? http.defaults.transformResponse : [],
+          (rawResponse) => {
+            var _a3, _b2;
+            if (!isSearchResponse(rawResponse)) {
+              return {
+                facets: [],
+                isError: true,
+                items: [],
+                totalCount: 0,
+                unreadableFields: []
+              };
+            }
+            const mappedItems = (_b2 = (_a3 = rawResponse.contentItems) == null ? void 0 : _a3.map((item) => {
+              var _a4, _b3, _c2, _d2, _e3, _f2, _g, _h, _i, _j, _k, _l;
+              let extension = (_a4 = item.fields[FIELD_EXTENSION]) != null ? _a4 : "";
+              const name = resolveAssetCaption(item.fields, titleFallback);
+              if (extension && !extension.startsWith(".")) {
+                extension = "." + extension;
+              }
+              return __spreadProps(__spreadValues({}, validatedFields.reduce((acc, field) => {
+                var _a5, _b4;
+                const sourceField = (_a5 = requestedFields.find(
+                  (requestedField) => requestedField.toLowerCase() === field.toLowerCase()
+                )) != null ? _a5 : field;
+                acc[field] = (_b4 = item.fields[sourceField]) != null ? _b4 : "";
+                return acc;
+              }, {})), {
+                allowATSLink: item.fields[FIELD_ALLOW_ATS_LINK] === "True",
+                docSubType: (_b3 = item.fields[FIELD_SUBTYPE]) != null ? _b3 : "",
+                docType: (_c2 = item.fields[FIELD_DOC_TYPE]) != null ? _c2 : "",
+                extension,
+                height: (_d2 = item.fields[FIELD_MAX_HEIGHT]) != null ? _d2 : "0",
+                id: item.recordID,
+                identifier: (_e3 = item.fields[FIELD_IDENTIFIER]) != null ? _e3 : "",
+                imageUrl: (_f2 = item.fields[DEFAULT_VIEW_SIZE]) != null ? _f2 : "",
+                inColdStorage: item.fields[FIELD_STORAGE_GROUP] === "Cold Storage",
+                name: name != null ? name : "",
+                originalUrl: (_g = item.fields[ORIGINAL_VIEW_SIZE]) != null ? _g : "",
+                recordId: (_h = item.fields[FIELD_RECORD_ID]) != null ? _h : "",
+                scrubUrl: (_i = item.fields[FIELD_SCRUB_URL]) != null ? _i : "",
+                size: (_j = item.fields[FIELD_FILE_SIZE]) != null ? _j : "0 MB",
+                tags: (_k = item.fields[FIELD_KEYWORDS]) != null ? _k : "",
+                width: (_l = item.fields[FIELD_MAX_WIDTH]) != null ? _l : "0"
+              });
+            })) != null ? _b2 : [];
+            return {
+              facets: rawResponse.facets,
+              isError: false,
+              items: mappedItems,
+              totalCount: rawResponse.totalCount,
+              unreadableFields: Array.isArray(rawResponse.unreadableFields) ? rawResponse.unreadableFields.filter((field) => typeof field === "string") : []
+            };
+          }
+        ],
+        url: AssetApiEndpoint.GET_CONTENT_V3
+      });
+      return response.data;
+    } catch (error) {
+      return {
+        facets: [],
+        isError: true,
+        items: [],
+        totalCount: 0,
+        unreadableFields: []
+      };
+    }
+  });
+}
+function apiGetAvailableProxies(_0) {
+  return __async(this, arguments, function* ({
+    assetRecordId,
+    siteUrl
+  }) {
+    try {
+      const response = yield http.request({
+        baseURL: siteUrl,
+        cache: {
+          // A malformed body arrives with HTTP 200, so the default status check would cache the error and
+          // serve it again after the server recovers.
+          cachePredicate: {
+            responseMatch: ({ data }) => !data.isError
+          }
+        },
+        method: "GET",
+        params: {
+          RecordId: assetRecordId
+        },
+        responseType: "json",
+        transformResponse: [
+          ...Array.isArray(http.defaults.transformResponse) ? http.defaults.transformResponse : [],
+          (rawResponse) => {
+            var _a2;
+            if (!rawResponse || typeof rawResponse !== "object" || !Array.isArray(rawResponse.proxies)) {
+              return {
+                isError: true,
+                previewUrl: "",
+                proxies: []
+              };
+            }
+            return {
+              isError: false,
+              previewUrl: (_a2 = rawResponse.previewUrl) != null ? _a2 : "",
+              proxies: rawResponse.proxies.map((proxy) => ({
+                cdnName: proxy.cdnName,
+                extension: proxy.extension,
+                formatHeight: proxy.formatHeight,
+                formatWidth: proxy.formatWidth,
+                height: proxy.height,
+                id: createId(),
+                permanentLink: proxy.permanentLink,
+                proxyLabel: proxy.proxyLabel,
+                proxyName: proxy.proxyName,
+                width: proxy.width
+              }))
+            };
+          }
+        ],
+        url: AssetApiEndpoint.GET_AVAILABLE_PROXIES
+      });
+      return response.data;
+    } catch (error) {
+      return {
+        isError: true,
+        previewUrl: "",
+        proxies: []
+      };
+    }
+  });
+}
+function apiGetAvailableExtensions() {
+  return __async(this, null, function* () {
+    try {
+      const response = yield http.request({
+        method: "GET",
+        responseType: "json",
+        transformResponse: [
+          ...Array.isArray(http.defaults.transformResponse) ? http.defaults.transformResponse : [],
+          (rawResponse) => {
+            return rawResponse.extensions;
+          }
+        ],
+        url: AssetApiEndpoint.GET_AVAILABLE_EXTENSIONS
+      });
+      return response.data;
+    } catch (error) {
+      return {};
+    }
+  });
+}
+function apiGetAssetFavoriteStatus(_0) {
+  return __async(this, arguments, function* ({
+    assetRecordId
+  }) {
+    try {
+      const response = yield http.request({
+        method: "GET",
+        params: {
+          RecordId: assetRecordId
+        },
+        responseType: "json",
+        transformResponse: [
+          ...Array.isArray(http.defaults.transformResponse) ? http.defaults.transformResponse : [],
+          (rawResponse) => {
+            if (!rawResponse.favoriteRecordIds) {
+              return false;
+            }
+            return rawResponse.favoriteRecordIds.includes(assetRecordId);
+          }
+        ],
+        url: AssetApiEndpoint.GET_FAVORITE_ASSETS
+      });
+      return response.data;
+    } catch (error) {
+      return false;
+    }
+  });
+}
+function apiGetAssetVersionHistory(_0) {
+  return __async(this, arguments, function* ({
+    assetRecordId
+  }) {
+    try {
+      const response = yield http.request({
+        method: "GET",
+        params: {
+          RecordId: assetRecordId
+        },
+        responseType: "json",
+        transformResponse: [
+          ...Array.isArray(http.defaults.transformResponse) ? http.defaults.transformResponse : [],
+          (rawResponse) => {
+            return {
+              count: rawResponse.count,
+              versions: rawResponse.versions.map((version) => ({
+                createByEmail: version.CreateByEmail,
+                fileImportDate: version.FileImportDate,
+                scrubUrl: version.ScrubUrl,
+                versionCreateDate: version.VersionCreateDate,
+                versionFileName: version.UpdatedFileName || version.VersionFileName,
+                versionFileUrl: version.PreviewUrl,
+                versionId: version.VersionID,
+                versionNumber: Number(version.VersionNumber),
+                versionNumberDisplay: version.VersionNumberDisplay
+              }))
+            };
+          }
+        ],
+        url: AssetApiEndpoint.GET_ASSET_VERSION_HISTORY
+      });
+      return response.data;
+    } catch (error) {
+      return {
+        count: 0,
+        versions: []
+      };
+    }
+  });
+}
+function apiAddAssetToFavorite(_0) {
+  return __async(this, arguments, function* ({
+    assetRecordId,
+    siteUrl
+  }) {
+    try {
+      const response = yield http.request({
+        baseURL: siteUrl,
+        data: {
+          RecordId: assetRecordId
+        },
+        method: "POST",
+        responseType: "json",
+        transformResponse: [
+          ...Array.isArray(http.defaults.transformResponse) ? http.defaults.transformResponse : [],
+          (rawResponse) => {
+            if (rawResponse.success) {
+              return true;
+            }
+            return false;
+          }
+        ],
+        url: AssetApiEndpoint.ADD_ASSET_TO_FAVORITE
+      });
+      return response.data;
+    } catch (error) {
+      return false;
+    }
+  });
+}
+function apiRemoveAssetFromFavorite(_0) {
+  return __async(this, arguments, function* ({
+    assetRecordId,
+    siteUrl
+  }) {
+    try {
+      const response = yield http.request({
+        baseURL: siteUrl,
+        data: {
+          RecordId: assetRecordId
+        },
+        method: "POST",
+        responseType: "json",
+        transformResponse: [
+          ...Array.isArray(http.defaults.transformResponse) ? http.defaults.transformResponse : [],
+          (rawResponse) => {
+            if (rawResponse.success) {
+              return true;
+            }
+            return false;
+          }
+        ],
+        url: AssetApiEndpoint.REMOVE_ASSET_FROM_FAVORITE
+      });
+      return response.data;
+    } catch (error) {
+      return false;
+    }
+  });
+}
+var __defProp$i = Object.defineProperty;
+var __decorateClass$i = (decorators, target, key, kind) => {
+  var result = void 0;
+  for (var i4 = decorators.length - 1, decorator; i4 >= 0; i4--)
+    if (decorator = decorators[i4])
+      result = decorator(target, key, result) || result;
+  if (result) __defProp$i(target, key, result);
+  return result;
+};
+const _CortexElement = class _CortexElement extends i$4 {
+  constructor() {
+    super();
+    this.theme = "light";
+    this.preRender = false;
+    Object.entries(
+      this.constructor.dependencies
+    ).forEach(([name, component]) => {
+      this.constructor.define(name, component);
+    });
+    this.handleThemeChange = this.handleThemeChange.bind(this);
+  }
+  emit(name, options) {
+    const event = new CustomEvent(name, __spreadValues({
+      bubbles: true,
+      cancelable: false,
+      composed: true,
+      detail: {}
+    }, options));
+    this.dispatchEvent(event);
+    return event;
+  }
+  static define(name, elementConstructor = this, options = {}) {
+    const currentlyRegisteredConstructor = customElements.get(name);
+    if (!currentlyRegisteredConstructor) {
+      try {
+        customElements.define(name, elementConstructor, options);
+      } catch (error) {
+        customElements.define(
+          name,
+          class extends elementConstructor {
+          },
+          options
+        );
+      }
+      return;
+    }
+    let newVersion = " (unknown version)";
+    let existingVersion = newVersion;
+    if ("version" in elementConstructor && elementConstructor.version) {
+      newVersion = " v" + elementConstructor.version;
+    }
+    if ("version" in currentlyRegisteredConstructor && currentlyRegisteredConstructor.version) {
+      existingVersion = " v" + currentlyRegisteredConstructor.version;
+    }
+    if (newVersion && existingVersion && newVersion === existingVersion) {
+      return;
+    }
+    console.warn(
+      `Attempted to register <${name}>${newVersion}, but <${name}>${existingVersion} has already been registered.`
+    );
+  }
+  static createProperty(name, options) {
+    super.createProperty(name, options);
+    if ((options == null ? void 0 : options.attribute) && typeof options.attribute === "string" && !Object.prototype.hasOwnProperty.call(
+      this.prototype,
+      options.attribute
+    ) && Object.prototype.hasOwnProperty.call(this.prototype, name)) {
+      Object.defineProperty(this.prototype, options.attribute, {
+        get() {
+          return this[name];
+        },
+        set(v2) {
+          this[name] = v2;
+        }
+      });
+    }
+  }
+  firstUpdated(_changedProperties) {
+    super.firstUpdated(_changedProperties);
+    if (this.preRender) {
+      return;
+    }
+    this.runFirstUpdated(_changedProperties);
+  }
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  runFirstUpdated(_changedProperties) {
+  }
+  connectedUpdatedCallback() {
+  }
+  runConnectedCallback() {
+  }
+  adoptedCallback() {
+    rescueElementPrototype(this);
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    if ("addEventListener" in globalThis) {
+      globalThis.addEventListener("cx-theme-change", this.handleThemeChange);
+    }
+    if (this.preRender) {
+      return;
+    }
+    this.runConnectedCallback();
+    this.updateComplete.then(() => {
+      this.connectedUpdatedCallback();
+    });
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    if ("removeEventListener" in globalThis) {
+      globalThis.removeEventListener("cx-theme-change", this.handleThemeChange);
+    }
+    rescueElementPrototype(this);
+  }
+  handleThemeChange(event) {
+    this.theme = event.detail.theme;
+  }
+  getTheme() {
+    if ("getComputedStyle" in globalThis) {
+      const computedStyle = getComputedStyle(
+        globalThis.document.documentElement
+      );
+      return (computedStyle == null ? void 0 : computedStyle.colorScheme) === "dark" ? "dark" : "light";
+    }
+    return "light";
+  }
+  getState(key) {
+    return this[key];
+  }
+};
+_CortexElement.version = "1";
+_CortexElement.dependencies = {};
+let CortexElement = _CortexElement;
+__decorateClass$i([
+  n$6()
+], CortexElement.prototype, "dir");
+__decorateClass$i([
+  n$6()
+], CortexElement.prototype, "lang");
+__decorateClass$i([
+  n$6()
+], CortexElement.prototype, "theme");
+__decorateClass$i([
+  n$6({ attribute: "pre-render", type: Boolean })
+], CortexElement.prototype, "preRender");
+function rescueElementPrototype(element) {
+  if (element instanceof CortexElement) {
+    return;
+  }
+  const tagName = element.localName || element.tagName;
+  const constructor = customElements.get(tagName.toLowerCase());
+  if (constructor) {
+    Object.setPrototypeOf(element, constructor.prototype);
+  }
+}
+/**
+ * @license
+ * Copyright 2017 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const t$1 = { ATTRIBUTE: 1, CHILD: 2 }, e$2 = (t2) => (...e2) => ({ _$litDirective$: t2, values: e2 });
+let i$3 = class i2 {
+  constructor(t2) {
+  }
+  get _$AU() {
+    return this._$AM._$AU;
+  }
+  _$AT(t2, e2, i4) {
+    this._$Ct = t2, this._$AM = e2, this._$Ci = i4;
+  }
+  _$AS(t2, e2) {
+    return this.update(t2, e2);
+  }
+  update(t2, e2) {
+    return this.render(...e2);
+  }
+};
+/**
+ * @license
+ * Copyright 2018 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+const e$1 = e$2(class extends i$3 {
+  constructor(t2) {
+    var _a2;
+    if (super(t2), t2.type !== t$1.ATTRIBUTE || "class" !== t2.name || ((_a2 = t2.strings) == null ? void 0 : _a2.length) > 2) throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");
+  }
+  render(t2) {
+    return " " + Object.keys(t2).filter((s2) => t2[s2]).join(" ") + " ";
+  }
+  update(s2, [i4]) {
+    var _a2, _b2;
+    if (void 0 === this.st) {
+      this.st = /* @__PURE__ */ new Set(), void 0 !== s2.strings && (this.nt = new Set(s2.strings.join(" ").split(/\s/).filter((t2) => "" !== t2)));
+      for (const t2 in i4) i4[t2] && !((_a2 = this.nt) == null ? void 0 : _a2.has(t2)) && this.st.add(t2);
+      return this.render(i4);
+    }
+    const r2 = s2.element.classList;
+    for (const t2 of this.st) t2 in i4 || (r2.remove(t2), this.st.delete(t2));
+    for (const t2 in i4) {
+      const s3 = !!i4[t2];
+      s3 === this.st.has(t2) || ((_b2 = this.nt) == null ? void 0 : _b2.has(t2)) || (s3 ? (r2.add(t2), this.st.add(t2)) : (r2.remove(t2), this.st.delete(t2)));
+    }
+    return E;
+  }
+});
+var FolderField = /* @__PURE__ */ ((FolderField2) => {
+  FolderField2["CortexPath"] = "Document.CortexPath";
+  FolderField2["DocType"] = "CoreField.DocType";
+  FolderField2["HasBrowserChildren"] = "Document.HasBrowserChildren";
+  FolderField2["RepresentativeAssetId"] = "Document.DocumentDirectRepresentativeRID";
+  FolderField2["TitleWithFallback"] = "CoreField.TitleWithFallback";
+  FolderField2["rawDocSubtype"] = "Document.RawDocSubType";
+  return FolderField2;
+})(FolderField || {});
+const FOLDER_PAGE_SIZE = 50;
+function resolveCollectionsExtraFilters({
+  searchText
+}) {
+  if (!(searchText == null ? void 0 : searchText.trim())) {
+    return "";
+  }
+  return `Story_Title:${searchText}`;
+}
+function apiGetFolders(_0) {
+  return __async(this, arguments, function* ({
+    allowedFolders,
+    baseUrl,
+    bearerToken,
+    excludeVirtualFolders,
+    folderId,
+    includeDirectChild,
+    limit = FOLDER_PAGE_SIZE,
+    noCache,
+    searchTerm,
+    self: self2,
+    start = 0,
+    token: token2
+  }) {
+    let objectRecordIDs = [];
+    let includesDirectChildren = includeDirectChild != null ? includeDirectChild : true;
+    if (allowedFolders && allowedFolders.length > 0 && !folderId) {
+      objectRecordIDs = allowedFolders;
+      self2 = true;
+      includesDirectChildren = false;
+    } else if (folderId) {
+      objectRecordIDs = [folderId];
+    }
+    try {
+      const response = yield http.request({
+        baseURL: baseUrl,
+        cache: noCache ? false : void 0,
+        headers: {
+          Authorization: `Bearer ${bearerToken}`
+        },
+        method: "GET",
+        params: {
+          IncludeDirectChild: includesDirectChildren,
+          IncludeVirtualFolders: !excludeVirtualFolders,
+          Limit: limit,
+          ObjectRecordIDs: objectRecordIDs,
+          SeeThru: !!searchTerm,
+          Self: self2,
+          Start: start,
+          Text: searchTerm || void 0,
+          Token: token2 || void 0
+        },
+        paramsSerializer: {
+          indexes: null
+        },
+        responseType: "json",
+        transformResponse: [
+          ...Array.isArray(http.defaults.transformResponse) ? http.defaults.transformResponse : [],
+          (rawResponse, _headers, status) => {
+            var _a2, _b2, _c2, _d2;
+            if (status !== void 0 && (status < 200 || status >= 300)) {
+              return {
+                data: [],
+                hasMore: false,
+                totalCount: 0
+              };
+            }
+            if (!rawResponse || typeof rawResponse !== "object") {
+              throw new Error("Invalid response format");
+            }
+            const length2 = (_b2 = (_a2 = rawResponse.contentItems) == null ? void 0 : _a2.length) != null ? _b2 : 0;
+            return {
+              data: (_d2 = (_c2 = rawResponse.contentItems) == null ? void 0 : _c2.map((item) => {
+                var _a3, _b3, _c3, _d3;
+                return {
+                  docType: (_a3 = item.fields[FolderField.DocType]) != null ? _a3 : "",
+                  fullPath: (_b3 = item.fields[FolderField.CortexPath]) != null ? _b3 : "",
+                  hasChildren: item.fields[FolderField.HasBrowserChildren] === "1",
+                  id: item.recordID,
+                  isShared: item.fields[FolderField.rawDocSubtype] === "DO_OR1ND000001913488",
+                  representativeAssetId: (_c3 = item.fields[FolderField.RepresentativeAssetId]) != null ? _c3 : "",
+                  title: (_d3 = item.fields[FolderField.TitleWithFallback]) != null ? _d3 : ""
+                };
+              })) != null ? _d2 : [],
+              hasMore: start + length2 < rawResponse.totalCount,
+              totalCount: rawResponse.totalCount
+            };
+          }
+        ],
+        url: FOLDER_API_ENDPOINT
+      });
+      return response.data;
+    } catch (error) {
+      return {
+        data: [],
+        hasMore: false,
+        totalCount: 0
+      };
+    }
+  });
+}
+function apiGetCollections(_0) {
+  return __async(this, arguments, function* ({
+    baseUrl,
+    bearerToken,
+    folderId,
+    pageSize = FOLDER_PAGE_SIZE,
+    searchTerm,
+    start = 0,
+    token: token2
+  }) {
+    try {
+      const extraFilters = resolveCollectionsExtraFilters({ searchText: searchTerm });
+      const response = yield http.request({
+        baseURL: baseUrl,
+        headers: {
+          Authorization: `Bearer ${bearerToken}`
+        },
+        method: "GET",
+        params: __spreadProps(__spreadValues({}, extraFilters && { ExtraFilters: extraFilters }), {
+          Fields: [
+            FolderField.CortexPath,
+            FolderField.DocType,
+            FolderField.TitleWithFallback
+          ],
+          Limit: pageSize,
+          SeeThru: true,
+          Start: start,
+          SubtypeCriteria: folderId,
+          Token: token2 || void 0
+        }),
+        paramsSerializer: {
+          indexes: null
+        },
+        responseType: "json",
+        transformResponse: [
+          ...Array.isArray(http.defaults.transformResponse) ? http.defaults.transformResponse : [],
+          (rawResponse, _headers, status) => {
+            var _a2, _b2, _c2, _d2;
+            if (status !== void 0 && (status < 200 || status >= 300)) {
+              return {
+                data: [],
+                hasMore: false,
+                totalCount: 0
+              };
+            }
+            if (!rawResponse || typeof rawResponse !== "object") {
+              return {
+                data: [],
+                hasMore: false,
+                totalCount: 0
+              };
+            }
+            const length2 = (_b2 = (_a2 = rawResponse.contentItems) == null ? void 0 : _a2.length) != null ? _b2 : 0;
+            return {
+              data: (_d2 = (_c2 = rawResponse.contentItems) == null ? void 0 : _c2.map((item) => {
+                var _a3, _b3, _c3, _d3;
+                return {
+                  docType: (_a3 = item.fields[FolderField.DocType]) != null ? _a3 : "",
+                  fullPath: (_c3 = (_b3 = item.fields[FolderField.CortexPath]) == null ? void 0 : _b3.replace(/^Root\//i, "")) != null ? _c3 : "",
+                  hasChildren: false,
+                  id: item.recordID,
+                  parents: [],
+                  path: [],
+                  title: (_d3 = item.fields[FolderField.TitleWithFallback]) != null ? _d3 : ""
+                };
+              })) != null ? _d2 : [],
+              hasMore: start + length2 < rawResponse.totalCount,
+              totalCount: rawResponse.totalCount
+            };
+          }
+        ],
+        url: AssetApiEndpoint.GET_CONTENT_V1
+      });
+      return response.data;
+    } catch (error) {
+      return {
+        data: [],
+        hasMore: false,
+        totalCount: 0
+      };
+    }
+  });
+}
+const componentStyles = i$7`
+  :host {
+    box-sizing: border-box;
+  }
+
   :host *,
   :host *::before,
   :host *::after {
@@ -6085,7 +6942,7 @@ let CxContentBrowserBrowser = class extends CortexElement {
         name="trigger"
         slot="anchor"
         part="trigger"
-        class=${e$5({
+        class=${e$1({
       "drawer-trigger": true,
       "drawer-trigger--hidden": this.isPersistent
     })}
@@ -6145,7 +7002,7 @@ let CxContentBrowserBrowser = class extends CortexElement {
           ${n$5(
       this.showCollections && this.collectionPath,
       () => b`
-              <div class=${e$5({
+              <div class=${e$1({
         browser__collections: true,
         "browser__collections--open": this.collectionsOpen
       })}>
@@ -6296,9 +7153,9 @@ const u = (e2, s2, t2) => {
   const r2 = /* @__PURE__ */ new Map();
   for (let l2 = s2; l2 <= t2; l2++) r2.set(e2[l2], l2);
   return r2;
-}, c$1 = e$6(class extends i$3 {
+}, c$1 = e$2(class extends i$3 {
   constructor(e2) {
-    if (super(e2), e2.type !== t$4.CHILD) throw Error("repeat() can only be used in text expressions");
+    if (super(e2), e2.type !== t$1.CHILD) throw Error("repeat() can only be used in text expressions");
   }
   dt(e2, s2, t2) {
     let r2;
@@ -6348,10 +7205,10 @@ const u = (e2, s2, t2) => {
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const n$1 = "important", i$1 = " !" + n$1, o$2 = e$6(class extends i$3 {
+const n$1 = "important", i$1 = " !" + n$1, o$2 = e$2(class extends i$3 {
   constructor(t2) {
     var _a2;
-    if (super(t2), t2.type !== t$4.ATTRIBUTE || "style" !== t2.name || ((_a2 = t2.strings) == null ? void 0 : _a2.length) > 2) throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.");
+    if (super(t2), t2.type !== t$1.ATTRIBUTE || "style" !== t2.name || ((_a2 = t2.strings) == null ? void 0 : _a2.length) > 2) throw Error("The `styleMap` directive must be used in the `style` attribute and must be the only part in the attribute.");
   }
   render(t2) {
     return Object.keys(t2).reduce((e2, r2) => {
@@ -6374,86 +7231,6 @@ const n$1 = "important", i$1 = " !" + n$1, o$2 = e$6(class extends i$3 {
     return E;
   }
 });
-var OptionType = /* @__PURE__ */ ((OptionType2) => {
-  OptionType2["FILTER"] = "filter";
-  OptionType2["SORT_DIRECTION"] = "sort-direction";
-  OptionType2["SORT_ORDER"] = "sort-order";
-  return OptionType2;
-})(OptionType || {});
-var GridView$1 = /* @__PURE__ */ ((GridView2) => {
-  GridView2["Large"] = "large";
-  GridView2["Medium"] = "medium";
-  GridView2["Small"] = "small";
-  return GridView2;
-})(GridView$1 || {});
-const TABLE_VIEW = "table";
-const ASSET_SIZE = {
-  [
-    "small"
-    /* Small */
-  ]: {
-    maxWidth: 178,
-    minWidth: 130
-  },
-  [
-    "medium"
-    /* Medium */
-  ]: {
-    maxWidth: 292,
-    minWidth: 190
-  },
-  [
-    "large"
-    /* Large */
-  ]: {
-    maxWidth: 456,
-    minWidth: 302
-  }
-};
-var TransformationAction = /* @__PURE__ */ ((TransformationAction2) => {
-  TransformationAction2["Crop"] = "Crop";
-  TransformationAction2["Metadata"] = "Metadata";
-  TransformationAction2["Proxy"] = "Proxy";
-  TransformationAction2["Quality"] = "Quality";
-  TransformationAction2["Resize"] = "Resize";
-  TransformationAction2["Rotate"] = "Rotate";
-  return TransformationAction2;
-})(TransformationAction || {});
-const autoSelectFormatConverter = {
-  fromAttribute: (value) => {
-    if (value === null) {
-      return false;
-    }
-    const normalized = value.trim();
-    if (normalized === "" || normalized.toLowerCase() === "true") {
-      return true;
-    }
-    if (normalized.toLowerCase() === "false") {
-      return false;
-    }
-    return normalized;
-  },
-  toAttribute: (value) => {
-    return value === false ? null : String(value);
-  }
-};
-function isAutoSelectFormatActive(value) {
-  return value === true || typeof value === "string" && value.trim() !== "";
-}
-function toTitleFallback(value) {
-  return value === "originalFileName" ? "originalFileName" : "uniqueIdentifier";
-}
-function toTableRowActionPosition(value) {
-  return value === "row-end" ? "row-end" : "host-edge";
-}
-var ContentBrowserFormatDialogVariant = /* @__PURE__ */ ((ContentBrowserFormatDialogVariant2) => {
-  ContentBrowserFormatDialogVariant2["Dialog"] = "dialog";
-  ContentBrowserFormatDialogVariant2["Drawer"] = "drawer";
-  return ContentBrowserFormatDialogVariant2;
-})(ContentBrowserFormatDialogVariant || {});
-function toFieldKey(field) {
-  return field.trim().toLowerCase();
-}
 var __defProp$g = Object.defineProperty;
 var __getOwnPropDesc$g = Object.getOwnPropertyDescriptor;
 var __decorateClass$g = (decorators, target, key, kind) => {
@@ -6754,7 +7531,7 @@ let CxContentBrowserControlFilter = class extends CortexElement {
     return b`
       <cx-details
         open
-        class=${e$5({
+        class=${e$1({
       "filter-details": true,
       "filter-details--empty": this.appliedFiltersCount === 0
     })}
@@ -7552,7 +8329,7 @@ CxContentBrowserControlBar = __decorateClass$c([
  * Copyright 2018 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const e = {}, i3 = e$6(class extends i$3 {
+const e = {}, i3 = e$2(class extends i$3 {
   constructor() {
     super(...arguments), this.ot = e;
   }
@@ -7915,7 +8692,7 @@ let CxContentBrowserAssetPreviewVideo = class extends CortexElement {
   render() {
     return b`
       <div
-        class=${e$5({
+        class=${e$1({
       "content-browser-asset-preview__representative": true,
       [`content-browser-asset-preview__representative--${this.assetDirection}`]: true
     })}
@@ -8229,7 +9006,7 @@ let CxContentBrowserAssetPreview = class extends CortexElement {
       return b`
         <div
           data-testid="content-browser-asset-preview__thumbnail--cold-storage"
-          class=${e$5({
+          class=${e$1({
         "content-browser-asset-preview__thumbnail": true,
         "content-browser-asset-preview__thumbnail--other": true
       })}>
@@ -8251,7 +9028,7 @@ let CxContentBrowserAssetPreview = class extends CortexElement {
       return b`
         <div
           data-testid="content-browser-asset-preview__thumbnail--other"
-          class=${e$5({
+          class=${e$1({
         "content-browser-asset-preview__thumbnail": true,
         "content-browser-asset-preview__thumbnail--other": true
       })}
@@ -8277,7 +9054,7 @@ let CxContentBrowserAssetPreview = class extends CortexElement {
     return b`
       <div
         data-testid="content-browser-asset-preview__representative-container"
-        class=${e$5({
+        class=${e$1({
       "content-browser-asset-preview__representative-container": true,
       "content-browser-asset-preview__representative-container--animated": this.extension === GIF_EXTENSION && this.originalUrl && this.loaded
     })}
@@ -8293,7 +9070,7 @@ let CxContentBrowserAssetPreview = class extends CortexElement {
       this.extension === GIF_EXTENSION && this.originalUrl,
       () => b`
             <img
-              class=${e$5({
+              class=${e$1({
         "content-browser-asset-preview__representative": true,
         "content-browser-asset-preview__representative--animated": true
       })}
@@ -8308,7 +9085,7 @@ let CxContentBrowserAssetPreview = class extends CortexElement {
   }
   render() {
     return b`
-      <div class=${e$5({
+      <div class=${e$1({
       "content-browser-asset-preview": true
     })}
       >
@@ -8671,7 +9448,7 @@ let CxContentBrowserAssetProxySelector = class extends CortexElement {
           (item) => b`
                     <cx-menu-item
                       value=${item.id}
-                      class=${e$5({
+                      class=${e$1({
             "content-browser-asset-proxy-selector__menu-item": true,
             "content-browser-asset-proxy-selector__menu-item--disable-hover": !this.disabledSelected && item.id === this.selected
           })}
@@ -8688,7 +9465,7 @@ let CxContentBrowserAssetProxySelector = class extends CortexElement {
                       <div>
                         <cx-typography
                           variant="body3"
-                          class=${e$5({
+                          class=${e$1({
             "content-browser-asset-proxy-selector__menu-item__name": true,
             "content-browser-asset-proxy-selector__menu-item__name--selected": !this.disabledSelected && item.id === this.selected
           })}
@@ -8740,13 +9517,13 @@ let CxContentBrowserAssetProxySelector = class extends CortexElement {
           () => b`
                     <cx-menu-item
                       value=${USE_REPRESENTATIVE_VALUE}
-                      class=${e$5({
+                      class=${e$1({
             "content-browser-asset-proxy-selector__menu-item": true
           })}
                     >
                       <cx-typography
                         variant="body3"
-                        class=${e$5({
+                        class=${e$1({
             "content-browser-asset-proxy-selector__menu-item__name": true,
             "content-browser-asset-proxy-selector__menu-item__name--selected": !this.disabledSelected && this.selected === USE_REPRESENTATIVE_VALUE
           })}
@@ -8771,7 +9548,7 @@ let CxContentBrowserAssetProxySelector = class extends CortexElement {
               <cx-menu class="content-browser-asset-proxy-selector__menu">
                 <cx-menu-item
                   value=${CUSTOM_FORMAT_VALUE}
-                  class=${e$5({
+                  class=${e$1({
           "content-browser-asset-proxy-selector__menu-item": true
         })}
                 >
@@ -8783,7 +9560,7 @@ let CxContentBrowserAssetProxySelector = class extends CortexElement {
                   <div>
                     <cx-typography
                       variant="body3"
-                      class=${e$5({
+                      class=${e$1({
           "content-browser-asset-proxy-selector__menu-item__name": true,
           "content-browser-asset-proxy-selector__menu-item__name--selected": !this.disabledSelected && this.selected === CUSTOM_FORMAT_VALUE
         })}
@@ -9189,9 +9966,15 @@ const styles$6 = i$7`
 
   .content-browser-format__footer {
     display: flex;
+    flex-wrap: wrap;
     justify-content: flex-end;
   }
 
+  .content-browser-format__error {
+    flex-basis: 100%;
+    margin-bottom: var(--cx-spacing-small);
+  }
+
   .content-browser-format__footer__button cx-button-group {
     width: 100%;
   }
@@ -9271,6 +10054,7 @@ let CxContentBrowserFormatDialog = class extends CortexElement {
     this.confirmedTransformations = [];
     this.confirmedFormat = void 0;
     this.loadingConfirm = false;
+    this.confirmError = void 0;
     this.enabledTracking = false;
     this.trackingParameters = DEFAULT_TRACKING_PARAMETERS;
   }
@@ -9352,6 +10136,7 @@ let CxContentBrowserFormatDialog = class extends CortexElement {
   }) {
     var _a2, _b2;
     this.asset = asset;
+    this.confirmError = void 0;
     this.isFavorite = isFavorite;
     this.isAssetPinned = isAssetPinned;
     this.proxies = proxies;
@@ -9410,6 +10195,15 @@ let CxContentBrowserFormatDialog = class extends CortexElement {
   setLoadingConfirm(loadingConfirm) {
     this.loadingConfirm = loadingConfirm;
   }
+  /**
+   * Show why the last confirm failed, and make the confirm button usable again for a retry.
+   * Without a message, the dialog shows a generic error text.
+   */
+  showConfirmError(message) {
+    var _a2;
+    this.loadingConfirm = false;
+    this.confirmError = (_a2 = message == null ? void 0 : message.trim()) != null ? _a2 : "";
+  }
   mapFormatConfirmPayload(asset, selectedProxy) {
     var _a2, _b2, _c2, _d2, _e3, _f2, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r;
     return {
@@ -9503,6 +10297,7 @@ let CxContentBrowserFormatDialog = class extends CortexElement {
     if (!this.asset || !this.canConfirm) {
       return;
     }
+    this.confirmError = void 0;
     if (!this.canUseProxies) {
       this.loadingConfirm = true;
       this.emit("cx-content-browser-format-dialog-proxy-confirm", {
@@ -9929,6 +10724,16 @@ let CxContentBrowserFormatDialog = class extends CortexElement {
     }
     return b`
       <div slot="footer" class="content-browser-format__footer">
+        ${n$5(
+      this.confirmError !== void 0,
+      () => b`
+            <cx-alert class="content-browser-format__error" variant="danger" open>
+              <cx-icon slot="icon" name="report"></cx-icon>
+              ${this.confirmError || this.localize.term("oopsSomethingWentWrong")}
+            </cx-alert>
+          `,
+      () => A$1
+    )}
         ${content}
       </div>
     `;
@@ -9954,6 +10759,7 @@ let CxContentBrowserFormatDialog = class extends CortexElement {
   }
   handleClose() {
     this.asset = void 0;
+    this.confirmError = void 0;
     this.confirmedFormat = void 0;
     this.confirmedTransformations = [];
     this.isOpen = false;
@@ -10005,6 +10811,7 @@ let CxContentBrowserFormatDialog = class extends CortexElement {
 };
 CxContentBrowserFormatDialog.styles = [componentStyles, styles$6];
 CxContentBrowserFormatDialog.dependencies = {
+  "cx-alert": CxAlert,
   "cx-asset-link-format": CxAssetLinkFormat,
   "cx-cropper": CxCropper,
   "cx-content-browser-asset-preview": CxContentBrowserAssetPreview,
@@ -10012,6 +10819,7 @@ CxContentBrowserFormatDialog.dependencies = {
   "cx-content-browser-asset-version-history": CxContentBrowserAssetVersionHistory,
   "cx-dialog": CxDialog,
   "cx-drawer": CxDrawer,
+  "cx-icon": CxIcon,
   "cx-icon-button": CxIconButton,
   "cx-line-clamp": CxLineClamp,
   "cx-space": CxSpace,
@@ -10152,6 +10960,9 @@ __decorateClass$6([
 __decorateClass$6([
   r$6()
 ], CxContentBrowserFormatDialog.prototype, "loadingConfirm", 2);
+__decorateClass$6([
+  r$6()
+], CxContentBrowserFormatDialog.prototype, "confirmError", 2);
 __decorateClass$6([
   r$6()
 ], CxContentBrowserFormatDialog.prototype, "enabledTracking", 2);
@@ -10211,7 +11022,7 @@ function n2(i4, t2 = false, e2 = 0) {
 }
 const c = (i4) => {
   var _a2, _b2;
-  i4.type == t$4.CHILD && ((_a2 = i4._$AP) != null ? _a2 : i4._$AP = n2, (_b2 = i4._$AQ) != null ? _b2 : i4._$AQ = h);
+  i4.type == t$1.CHILD && ((_a2 = i4._$AP) != null ? _a2 : i4._$AP = n2, (_b2 = i4._$AQ) != null ? _b2 : i4._$AQ = h);
 };
 let f$1 = class f extends i$3 {
   constructor() {
@@ -11046,7 +11857,7 @@ class VirtualizeDirective extends f$1 {
     this._renderItem = (item, idx) => defaultRenderItem(item, idx + this._first);
     this._keyFunction = (item, idx) => defaultKeyFunction(item, idx + this._first);
     this._items = [];
-    if (part.type !== t$4.CHILD) {
+    if (part.type !== t$1.CHILD) {
       throw new Error("The virtualize directive can only be used in child expressions");
     }
   }
@@ -11121,7 +11932,7 @@ class VirtualizeDirective extends f$1 {
     (_a2 = this._virtualizer) == null ? void 0 : _a2.connected();
   }
 }
-const virtualize = e$6(VirtualizeDirective);
+const virtualize = e$2(VirtualizeDirective);
 /**
  * @license
  * Copyright 2021 Google LLC
@@ -12119,7 +12930,7 @@ let CxContentBrowserAssetCard = class extends CortexElement {
     var _a2, _b2;
     return b`
       <cx-card
-        class=${e$5({
+        class=${e$1({
       "content-browser-asset-card": true,
       [`content-browser-asset-card--${this.view}`]: true,
       "content-browser-asset-card--disabled": this.inColdStorage,
@@ -12145,7 +12956,7 @@ let CxContentBrowserAssetCard = class extends CortexElement {
       () => b`
             <div
               slot="image"
-              class=${e$5({
+              class=${e$1({
         "content-browser-asset-card__cta": true,
         "content-browser-asset-card__cta--busy": this.busy
       })}
@@ -12230,7 +13041,7 @@ let CxContentBrowserAssetCard = class extends CortexElement {
         () => b`
                   <cx-line-clamp
                     lines="1"
-                    class=${e$5({
+                    class=${e$1({
           "content-browser-asset-card__name": true,
           "content-browser-asset-card__name--right": true
         })}
@@ -13097,7 +13908,7 @@ let CxContentBrowserHeader = class extends CortexElement {
       "container--bordered": this.bordered
     };
     return b`
-      <cx-space class=${e$5(containerClasses)} direction="vertical" spacing="small">
+      <cx-space class=${e$1(containerClasses)} direction="vertical" spacing="small">
         <cx-space class="header" justify-content="space-between" align-items="center">
           <div class="header__title">
             <cx-space class="header" justify-content="space-between" align-items="center" spacing="x-small">
@@ -13835,1408 +14646,662 @@ let CxContentBrowserTable = class extends CortexElement {
     if (measure) {
       __privateSet$1(this, _layoutPending, false);
       this.layoutAgainWhenFontsLoad();
-    }
-    const hidden = new Set(this.hiddenFields);
-    const keys2 = this.resolveColumnKeys();
-    const shown = this.columns.flatMap((column2, index) => {
-      const tabulatorColumn = hidden.has(column2.field) ? false : tabulator.getColumn(keys2[index]);
-      return tabulatorColumn ? [{ column: column2, key: keys2[index], tabulatorColumn }] : [];
-    });
-    const metrics = this.readColumnMetrics(shown.map(({ tabulatorColumn }) => tabulatorColumn));
-    if (!metrics) {
-      return;
-    }
-    const scrollbar = this.getScrollbarWidth();
-    __privateSet$1(this, _layoutScrollbarWidth, scrollbar);
-    const widths = layoutColumnWidths(shown.map(({ column: column2, key }) => {
-      var _a3;
-      let natural = measure ? void 0 : __privateGet$1(this, _naturalWidths).get(key);
-      if (natural === void 0) {
-        natural = this.measureNaturalWidth(column2, metrics);
-        __privateGet$1(this, _naturalWidths).set(key, natural);
-      }
-      return { natural, saved: (_a3 = __privateGet$1(this, _resizedWidths).get(column2.field.trim())) != null ? _a3 : __privateGet$1(this, _sessionWidths).get(column2.field.trim()) };
-    }), Math.floor(unroundedClientWidth(element) - scrollbar) - RESIZE_BUFFER_WIDTH);
-    shown.forEach(({ key, tabulatorColumn }, index) => {
-      const width = widths[index];
-      void tabulatorColumn.setWidth(width);
-      tabulatorColumn.getDefinition().width = width;
-      const definition = __privateGet$1(this, _columnDefinitions).find(({ field }) => field === key);
-      if (definition) {
-        definition.width = width;
-      }
-    });
-    this.syncTableFrame();
-  }
-  /**
-   * The canvas measures with a fallback font while a web font loads, so measure again once the fonts
-   * are ready. Guarded by one pending wait, and by the connection of the element.
-   */
-  layoutAgainWhenFontsLoad() {
-    var _a2;
-    if (__privateGet$1(this, _fontsPending) || ((_a2 = document.fonts) == null ? void 0 : _a2.status) !== "loading") {
-      return;
-    }
-    __privateSet$1(this, _fontsPending, true);
-    void document.fonts.ready.then(() => {
-      __privateSet$1(this, _fontsPending, false);
-      if (this.isConnected) {
-        this.applyColumnLayout();
-      }
-    });
-  }
-  /**
-   * `content-browser` hands over the whole list on every page, so a list that only grows by a page
-   * is appended: reassigning it would call `setData`, which scrolls the table back to the top. Any
-   * other list -- a new search, sort, filter or folder, or a refetch that brings the assets the rows
-   * show as new objects -- replaces the rows.
-   */
-  syncRows(replace2 = false) {
-    return __async(this, null, function* () {
-      const tabulator = this.tabulator;
-      if (!tabulator) {
-        return;
-      }
-      const columnKeys = this.resolveColumnKeys();
-      const synced = __privateGet$1(this, _syncedAssets);
-      const isNextPage = !replace2 && __privateGet$1(this, _pendingReplaces) === 0 && isAppendOf(synced, this.assets);
-      __privateSet$1(this, _syncedAssets, [...this.assets]);
-      if (isNextPage) {
-        __privateSet$1(this, _heldRowKeys, new Set(columnKeys.filter((key) => __privateGet$1(this, _heldRowKeys).has(key))));
-        yield tabulator.addData(this.assets.slice(synced.length).map((asset) => this.toRow(asset, columnKeys)));
-      } else {
-        __privateSet$1(this, _heldRowKeys, new Set(columnKeys));
-        __privateSet$1(this, _pendingReplaces, __privateGet$1(this, _pendingReplaces) + 1);
-        try {
-          yield tabulator.setData(this.assets.map((asset) => this.toRow(asset, columnKeys)));
-        } finally {
-          __privateSet$1(this, _pendingReplaces, __privateGet$1(this, _pendingReplaces) - 1);
-        }
-        this.applyColumnLayout();
-      }
-      this.markCurrentRow(this.selectedAssetId, true);
-      this.observeLastRow();
-      this.reportRestartedRowCount();
-      this.reportHeldRowCount();
-    });
-  }
-  handleTableBuilt(event) {
-    var _a2, _b2;
-    event.stopPropagation();
-    __privateSet$1(this, _builtTable, (_b2 = (_a2 = this.tableEl) == null ? void 0 : _a2.tabulatorInstance) != null ? _b2 : void 0);
-    if (__privateGet$1(this, _builtTable)) {
-      __privateGet$1(this, _builtTable).options.rowFormatter = (row) => this.renderRowAction(row);
-    }
-    this.prepareFrame();
-    __privateSet$1(this, _syncedAssets, []);
-    void this.syncRows();
-  }
-  /**
-   * Gives the frame, the scrollport and the header their styles. Runs as soon as Tabulator lays out its
-   * columns: until then the frame takes the width of its content, which is not the width of the header.
-   */
-  prepareFrame() {
-    var _a2, _b2, _c2, _d2, _e3, _f2, _g;
-    const scrollport = (_b2 = (_a2 = this.buildingTabulator) == null ? void 0 : _a2.rowManager) == null ? void 0 : _b2.element;
-    const frame = scrollport == null ? void 0 : scrollport.parentElement;
-    frame == null ? void 0 : frame.style.setProperty("width", "100%");
-    frame == null ? void 0 : frame.part.add("content-browser-frame");
-    scrollport == null ? void 0 : scrollport.part.add("content-browser-scrollport");
-    const header = (_d2 = (_c2 = this.tableEl) == null ? void 0 : _c2.shadowRoot) == null ? void 0 : _d2.querySelector(".tabulator-header");
-    const columns = header == null ? void 0 : header.querySelector(".tabulator-headers");
-    header == null ? void 0 : header.part.add("content-browser-header");
-    (_f2 = (_e3 = this.tableEl) == null ? void 0 : _e3.shadowRoot) == null ? void 0 : _f2.addEventListener("dblclick", this.handleResizeHandleDoubleClick, { capture: true });
-    (_g = __privateGet$1(this, _frameWidthObserver)) == null ? void 0 : _g.disconnect();
-    if (columns) {
-      __privateSet$1(this, _frameWidthObserver, new ResizeObserver(() => this.syncTableFrame()));
-      __privateGet$1(this, _frameWidthObserver).observe(columns);
-    }
-    this.syncTableFrame();
-  }
-  /**
-   * `setData` replaces the rows only once its debounce runs out, and Tabulator emits `dataLoaded` just
-   * before it does. Until then, the old rows stay on the page with their hover and focus.
-   */
-  handleDataLoaded(event) {
-    event.stopPropagation();
-    __privateSet$1(this, _hoveredRow, void 0);
-    __privateSet$1(this, _focusedCta, void 0);
-    __privateGet$1(this, _renderedCtas).clear();
-  }
-  /**
-   * Every `setColumns` builds the columns again from the definitions: Tabulator calls it as it builds,
-   * before `tableBuilt`. `cx-table` calls it again from its own `tableBuilt` handler, after this
-   * component's has run, and for every new column set.
-   */
-  handleColumnsLoaded(event) {
-    event.stopPropagation();
-    this.prepareFrame();
-    this.applyColumnLayout();
-  }
-  willUpdate(changedProperties) {
-    super.willUpdate(changedProperties);
-    const signature = columnsSignature(this.columns);
-    const columnsChanged = signature !== __privateGet$1(this, _columnsSignature);
-    const tableRemounts = changedProperties.get("empty") === true && !this.empty;
-    if (columnsChanged) {
-      __privateSet$1(this, _columnsSignature, signature);
-      __privateSet$1(this, _rowsNeedRebuild, this.hasUpdated && this.resolveColumnKeys().some((key) => !__privateGet$1(this, _heldRowKeys).has(key)));
-    }
-    const savedWidthsChanged = changedProperties.has("savedWidths");
-    const widthScopeChanged = changedProperties.has("widthScope");
-    if (widthScopeChanged) {
-      __privateGet$1(this, _sessionWidths).clear();
-    }
-    if (savedWidthsChanged) {
-      this.applySavedWidths();
-    }
-    if (columnsChanged || tableRemounts) {
-      __privateSet$1(this, _columnDefinitions, this.buildColumnDefinitions());
-    } else if (changedProperties.has("hiddenFields")) {
-      this.applyHiddenFields();
-    } else if (savedWidthsChanged || widthScopeChanged) {
-      this.applyColumnLayout();
-    }
-  }
-  /**
-   * The new saved widths replace all the widths in memory: a width that the new map does not hold,
-   * for example one of another site, goes away. Only a positive width counts: a bad entry has no effect.
-   */
-  applySavedWidths() {
-    var _a2;
-    __privateSet$1(this, _resizedWidths, new Map(Object.entries((_a2 = this.savedWidths) != null ? _a2 : {}).flatMap(([field, width]) => typeof width === "number" && Number.isFinite(width) && width > 0 ? [[field.trim(), Math.round(width)]] : [])));
-  }
-  /**
-   * Through Tabulator's own column visibility: new definitions would reach it through `setColumns`,
-   * and the rows would have to be rebuilt, which scrolls back to the top.
-   */
-  applyHiddenFields() {
-    const hidden = new Set(this.hiddenFields);
-    const keys2 = this.resolveColumnKeys();
-    const shows = [];
-    __privateGet$1(this, _columnDefinitions).forEach((definition) => {
-      var _a2;
-      const field = String(definition.field);
-      const hostColumn = this.columns[keys2.indexOf(field)];
-      if (!hostColumn) {
-        return;
-      }
-      const isHidden = hidden.has(hostColumn.field);
-      const column2 = (_a2 = this.tabulator) == null ? void 0 : _a2.getColumn(field);
-      definition.hidden = isHidden || void 0;
-      if (column2 && column2.isVisible() === isHidden) {
-        if (isHidden) {
-          column2.hide();
-        } else {
-          shows.push(column2.show());
-        }
-      }
-    });
-    void Promise.all(shows).then(() => this.applyColumnLayout());
-  }
-  updated(changedProperties) {
-    var _a2;
-    super.updated(changedProperties);
-    if (this.empty) {
-      (_a2 = __privateGet$1(this, _frameWidthObserver)) == null ? void 0 : _a2.disconnect();
-    }
-    if (__privateGet$1(this, _rowsNeedRebuild)) {
-      __privateSet$1(this, _rowsNeedRebuild, false);
-      void this.rebuildRows();
-    }
-  }
-  /** Once `cx-table` has taken the new column definitions. */
-  rebuildRows() {
-    return __async(this, null, function* () {
-      var _a2;
-      yield (_a2 = this.tableEl) == null ? void 0 : _a2.updateComplete;
-      yield this.syncRows(true);
-    });
-  }
-  handleAssetsChange(previous) {
-    const previousAssets = previous != null ? previous : [];
-    if (this.assets.length === previousAssets.length && this.assets.every((asset, index) => asset === previousAssets[index])) {
-      return;
-    }
-    this.assetMap.clear();
-    this.assets.forEach((item) => this.assetMap.set(item.id, item));
-    if (!isAppendOf(previousAssets, this.assets)) {
-      __privateSet$1(this, _lastRowCount, void 0);
-    }
-    void this.syncRows();
-  }
-  handleLoadingChange() {
-    return __async(this, null, function* () {
-      if (this.loading) {
-        return;
-      }
-      yield this.updateComplete;
-      if (__privateGet$1(this, _pendingReplaces) === 0) {
-        this.reportHeldRowCount();
-      }
-    });
-  }
-  handleSelectedAssetIdChange(previous) {
-    this.markCurrentRow(previous, false);
-    this.markCurrentRow(this.selectedAssetId, true);
-    this.paintAssetCta(previous);
-    this.paintAssetCta(this.selectedAssetId);
-  }
-  handleBusyAssetIdChange(previous) {
-    this.paintAssetCta(previous);
-    this.paintAssetCta(this.busyAssetId);
-  }
-  handleCtaTextChange() {
-    var _a2, _b2;
-    (_b2 = ((_a2 = this.tabulator) == null ? void 0 : _a2.getColumn(FILLER_FIELD)) || void 0) == null ? void 0 : _b2.getElement().setAttribute("aria-label", this.ctaLabel);
-    __privateGet$1(this, _renderedCtas).forEach((cta) => this.paintCta(cta));
-  }
-  /** In place, as a relabel is: a CTA built again would drop the keyboard focus the old one held. */
-  setNoHover(noHover) {
-    if (noHover === __privateGet$1(this, _hasNoHover)) {
-      return;
-    }
-    __privateSet$1(this, _hasNoHover, noHover);
-    __privateGet$1(this, _renderedCtas).forEach((cta) => this.paintCta(cta));
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    __privateSet$1(this, _noHoverQueries, NO_HOVER_QUERIES.map((media) => window.matchMedia(media)));
-    __privateGet$1(this, _noHoverQueries).forEach((list) => list.addEventListener("change", this.handleNoHoverChange));
-    this.handleNoHoverChange();
-    if (this.hasUpdated) {
-      __privateSet$1(this, _columnDefinitions, this.buildColumnDefinitions());
-      this.requestUpdate();
-    }
-  }
-  disconnectedCallback() {
-    var _a2, _b2;
-    super.disconnectedCallback();
-    __privateGet$1(this, _noHoverQueries).forEach((list) => list.removeEventListener("change", this.handleNoHoverChange));
-    __privateSet$1(this, _noHoverQueries, []);
-    (_a2 = __privateGet$1(this, _lastRowObserver)) == null ? void 0 : _a2.disconnect();
-    (_b2 = __privateGet$1(this, _frameWidthObserver)) == null ? void 0 : _b2.disconnect();
-    this.debouncedCalculatePageSize.cancel();
-    this.debouncedHandleScrollEnd.cancel();
-    this.debouncedHandleLastRowVisible.cancel();
-    this.debouncedRedrawTable.cancel();
-    this.debouncedApplyColumnLayout.cancel();
-  }
-  handleResize(event) {
-    event.stopPropagation();
-    const entries = event.detail.entries;
-    if (entries[0].target !== this.containerEl) {
-      return;
-    }
-    const { height, width } = entries[0].contentRect;
-    this.debouncedCalculatePageSize(height);
-    this.refitToContainer(width, height);
-    if (__privateGet$1(this, _layoutPending)) {
-      this.applyColumnLayout();
-    }
-  }
-  /**
-   * A new container width changes the space that the auto-fit shares out, so the columns are laid
-   * out again. `cx-table` renders its rows again for a new container height only until the first drag
-   * of a column divider, so a new height redraws the rows, which leaves no blank area under them.
-   */
-  refitToContainer(width, height) {
-    const size = { height: Math.round(height), width: Math.round(width) };
-    const previous = __privateGet$1(this, _containerSize);
-    __privateSet$1(this, _containerSize, size);
-    if (previous === void 0) {
-      return;
-    }
-    if (previous.width !== size.width) {
-      this.debouncedApplyColumnLayout();
-    }
-    if (previous.height !== size.height) {
-      this.debouncedRedrawTable();
-    }
-  }
-  calculatePageSize(height) {
-    if (Math.abs(__privateGet$1(this, _lastHeight) - height) < 10) {
-      return;
-    }
-    __privateSet$1(this, _lastHeight, height);
-    this.reportRowCount();
-  }
-  /** Counts the rows the last measured height shows, and tells the host when the count changes. */
-  reportRowCount() {
-    const rowCount = Math.ceil(this.resolveVisibleHeight(__privateGet$1(this, _lastHeight)) / ROW_HEIGHT);
-    __privateSet$1(this, _rowCountHeld, this.loading && this.assets.length > 0);
-    if (rowCount === __privateGet$1(this, _lastRowCount) || __privateGet$1(this, _rowCountHeld)) {
-      return;
-    }
-    __privateSet$1(this, _lastRowCount, rowCount);
-    this.emit("cx-content-browser-grid-resize", {
-      detail: {
-        columnCount: 1,
-        rowCount
-      }
-    });
-  }
-  /**
-   * Only once the restarted rows are in: the host asks for the next page at once, and a page that
-   * lands while `setData` waits replaces the rows again and holds them back for another half second.
-   * A measurement still in its debounce reports in the same count, because a second count inside the
-   * host's 200 ms fetch debounce cancels the page the first count asked for.
-   */
-  reportRestartedRowCount() {
-    if (!this.isConnected || __privateGet$1(this, _lastRowCount) !== void 0 || __privateGet$1(this, _lastHeight) === 0) {
-      return;
-    }
-    this.debouncedCalculatePageSize.flush();
-    this.reportRowCount();
-  }
-  /**
-   * Once the load ends and any rows it brings are in, the count measured meanwhile can ask for the
-   * page after it. A table that is not built yet reports it at once.
-   */
-  reportHeldRowCount() {
-    if (!__privateGet$1(this, _rowCountHeld) || !this.isConnected) {
-      return;
-    }
-    this.debouncedCalculatePageSize.flush();
-    this.reportRowCount();
-  }
-  /**
-   * The rows never size the container (see the styles), so this is the height the host gives the
-   * picker, and it can run past the viewport. No scrollport shows more rows than the viewport, so
-   * while the rows do not overflow the scrollport the count stops there, and the page scrolls to the
-   * rest, where the last row coming into view asks for more (`observeLastRow`). One that overflows,
-   * or holds no rows yet, measures the space its container gives it and is used as is.
-   */
-  resolveVisibleHeight(height) {
-    return this.isSizedByRows() ? Math.min(height, window.innerHeight) : height;
-  }
-  isSizedByRows() {
-    var _a2, _b2;
-    const scrollport = this.scrollport;
-    return ((_b2 = (_a2 = this.tabulator) == null ? void 0 : _a2.getDataCount()) != null ? _b2 : 0) > 0 && scrollport !== void 0 && scrollport.scrollHeight <= scrollport.clientHeight + 1;
-  }
-  /**
-   * A scrollport that holds its rows without overflowing never scrolls, so its own scroll never
-   * reaches the end: the page scrolls instead. Once the table is taller than the viewport its count
-   * is capped and stops fetching, which leaves the last row coming into view as the only sign the
-   * user wants more.
-   */
-  observeLastRow() {
-    var _a2, _b2, _c2, _d2;
-    (_a2 = __privateGet$1(this, _lastRowObserver)) == null ? void 0 : _a2.disconnect();
-    const rows = (_c2 = (_b2 = this.tabulator) == null ? void 0 : _b2.getRows()) != null ? _c2 : [];
-    const lastRow = rows[rows.length - 1];
-    if (!lastRow) {
-      return;
-    }
-    (_d2 = __privateGet$1(this, _lastRowObserver)) != null ? _d2 : __privateSet$1(this, _lastRowObserver, new IntersectionObserver((entries) => {
-      if (entries.some((entry) => entry.isIntersecting)) {
-        this.debouncedHandleLastRowVisible();
-      }
-    }));
-    __privateGet$1(this, _lastRowObserver).observe(lastRow.getElement());
-  }
-  handleLastRowVisible() {
-    if (this.isSizedByRows() && this.containerEl.clientHeight > window.innerHeight) {
-      this.handleScrollEnd();
-    }
-  }
-  insertAsset(assetId) {
-    var _a2;
-    if (!assetId || ((_a2 = this.assetMap.get(assetId)) == null ? void 0 : _a2.inColdStorage)) {
+    }
+    const hidden = new Set(this.hiddenFields);
+    const keys2 = this.resolveColumnKeys();
+    const shown = this.columns.flatMap((column2, index) => {
+      const tabulatorColumn = hidden.has(column2.field) ? false : tabulator.getColumn(keys2[index]);
+      return tabulatorColumn ? [{ column: column2, key: keys2[index], tabulatorColumn }] : [];
+    });
+    const metrics = this.readColumnMetrics(shown.map(({ tabulatorColumn }) => tabulatorColumn));
+    if (!metrics) {
       return;
     }
-    this.emit("cx-content-browser-grid-click", {
-      detail: {
-        id: assetId
+    const scrollbar = this.getScrollbarWidth();
+    __privateSet$1(this, _layoutScrollbarWidth, scrollbar);
+    const widths = layoutColumnWidths(shown.map(({ column: column2, key }) => {
+      var _a3;
+      let natural = measure ? void 0 : __privateGet$1(this, _naturalWidths).get(key);
+      if (natural === void 0) {
+        natural = this.measureNaturalWidth(column2, metrics);
+        __privateGet$1(this, _naturalWidths).set(key, natural);
+      }
+      return { natural, saved: (_a3 = __privateGet$1(this, _resizedWidths).get(column2.field.trim())) != null ? _a3 : __privateGet$1(this, _sessionWidths).get(column2.field.trim()) };
+    }), Math.floor(unroundedClientWidth(element) - scrollbar) - RESIZE_BUFFER_WIDTH);
+    shown.forEach(({ key, tabulatorColumn }, index) => {
+      const width = widths[index];
+      void tabulatorColumn.setWidth(width);
+      tabulatorColumn.getDefinition().width = width;
+      const definition = __privateGet$1(this, _columnDefinitions).find(({ field }) => field === key);
+      if (definition) {
+        definition.width = width;
       }
     });
+    this.syncTableFrame();
   }
-  /** The host field of a row key, or `undefined` for the filler. */
-  fieldOfKey(key) {
+  /**
+   * The canvas measures with a fallback font while a web font loads, so measure again once the fonts
+   * are ready. Guarded by one pending wait, and by the connection of the element.
+   */
+  layoutAgainWhenFontsLoad() {
     var _a2;
-    return key ? (_a2 = this.columns[this.resolveColumnKeys().indexOf(key)]) == null ? void 0 : _a2.field : void 0;
-  }
-  handleColumnResized(event) {
-    event.stopPropagation();
-    const [column2] = event.detail.args;
-    const field = this.fieldOfKey(column2.getField());
-    if (field === void 0) {
+    if (__privateGet$1(this, _fontsPending) || ((_a2 = document.fonts) == null ? void 0 : _a2.status) !== "loading") {
       return;
     }
-    const width = Math.round(column2.getWidth());
-    column2.getDefinition().width = width;
-    __privateGet$1(this, _resizedWidths).set(field.trim(), width);
-    this.holdOtherAutoFitWidths(field);
-    this.emit("cx-content-browser-table-column-resize", {
-      detail: {
-        field,
-        reset: false,
-        width
+    __privateSet$1(this, _fontsPending, true);
+    void document.fonts.ready.then(() => {
+      __privateSet$1(this, _fontsPending, false);
+      if (this.isConnected) {
+        this.applyColumnLayout();
       }
     });
-    this.applyColumnLayout();
   }
   /**
-   * Holds each other visible auto-fit column at its width when the drag ends, for the session. A drag
-   * on one column must not change the width of another column (L-42CA9K issue 2).
+   * `content-browser` hands over the whole list on every page, so a list that only grows by a page
+   * is appended: reassigning it would call `setData`, which scrolls the table back to the top. Any
+   * other list -- a new search, sort, filter or folder, or a refetch that brings the assets the rows
+   * show as new objects -- replaces the rows.
    */
-  holdOtherAutoFitWidths(dragged) {
-    const hidden = new Set(this.hiddenFields);
-    const keys2 = this.resolveColumnKeys();
-    this.columns.forEach((column2, index) => {
-      var _a2;
-      const field = column2.field.trim();
-      if (field === dragged.trim() || hidden.has(column2.field) || __privateGet$1(this, _resizedWidths).has(field)) {
+  syncRows(replace2 = false) {
+    return __async(this, null, function* () {
+      const tabulator = this.tabulator;
+      if (!tabulator) {
         return;
       }
-      const tabulatorColumn = (_a2 = this.tabulator) == null ? void 0 : _a2.getColumn(keys2[index]);
-      const width = tabulatorColumn ? Math.round(tabulatorColumn.getWidth()) : 0;
-      if (width > 0) {
-        __privateGet$1(this, _sessionWidths).set(field, width);
+      const columnKeys = this.resolveColumnKeys();
+      const synced = __privateGet$1(this, _syncedAssets);
+      const isNextPage = !replace2 && __privateGet$1(this, _pendingReplaces) === 0 && isAppendOf(synced, this.assets);
+      __privateSet$1(this, _syncedAssets, [...this.assets]);
+      if (isNextPage) {
+        __privateSet$1(this, _heldRowKeys, new Set(columnKeys.filter((key) => __privateGet$1(this, _heldRowKeys).has(key))));
+        yield tabulator.addData(this.assets.slice(synced.length).map((asset) => this.toRow(asset, columnKeys)));
+      } else {
+        __privateSet$1(this, _heldRowKeys, new Set(columnKeys));
+        __privateSet$1(this, _pendingReplaces, __privateGet$1(this, _pendingReplaces) + 1);
+        try {
+          yield tabulator.setData(this.assets.map((asset) => this.toRow(asset, columnKeys)));
+        } finally {
+          __privateSet$1(this, _pendingReplaces, __privateGet$1(this, _pendingReplaces) - 1);
+        }
+        this.applyColumnLayout();
       }
+      this.markCurrentRow(this.selectedAssetId, true);
+      this.observeLastRow();
+      this.reportRestartedRowCount();
+      this.reportHeldRowCount();
     });
   }
-  handleScrollVertical(event) {
+  handleTableBuilt(event) {
+    var _a2, _b2;
     event.stopPropagation();
-    this.releaseDetachedCta();
-    const scrollport = this.scrollport;
-    if (scrollport && scrollport.scrollTop + scrollport.clientHeight >= scrollport.scrollHeight - ROW_HEIGHT) {
-      this.debouncedHandleScrollEnd();
+    __privateSet$1(this, _builtTable, (_b2 = (_a2 = this.tableEl) == null ? void 0 : _a2.tabulatorInstance) != null ? _b2 : void 0);
+    if (__privateGet$1(this, _builtTable)) {
+      __privateGet$1(this, _builtTable).options.rowFormatter = (row) => this.renderRowAction(row);
     }
+    this.prepareFrame();
+    __privateSet$1(this, _syncedAssets, []);
+    void this.syncRows();
   }
-  handleScrollEnd() {
-    if (this.hasMore && !this.loading) {
-      this.emit("cx-content-browser-grid-scroll-end");
+  /**
+   * Gives the frame, the scrollport and the header their styles. Runs as soon as Tabulator lays out its
+   * columns: until then the frame takes the width of its content, which is not the width of the header.
+   */
+  prepareFrame() {
+    var _a2, _b2, _c2, _d2, _e3, _f2, _g;
+    const scrollport = (_b2 = (_a2 = this.buildingTabulator) == null ? void 0 : _a2.rowManager) == null ? void 0 : _b2.element;
+    const frame = scrollport == null ? void 0 : scrollport.parentElement;
+    frame == null ? void 0 : frame.style.setProperty("width", "100%");
+    frame == null ? void 0 : frame.part.add("content-browser-frame");
+    scrollport == null ? void 0 : scrollport.part.add("content-browser-scrollport");
+    const header = (_d2 = (_c2 = this.tableEl) == null ? void 0 : _c2.shadowRoot) == null ? void 0 : _d2.querySelector(".tabulator-header");
+    const columns = header == null ? void 0 : header.querySelector(".tabulator-headers");
+    header == null ? void 0 : header.part.add("content-browser-header");
+    (_f2 = (_e3 = this.tableEl) == null ? void 0 : _e3.shadowRoot) == null ? void 0 : _f2.addEventListener("dblclick", this.handleResizeHandleDoubleClick, { capture: true });
+    (_g = __privateGet$1(this, _frameWidthObserver)) == null ? void 0 : _g.disconnect();
+    if (columns) {
+      __privateSet$1(this, _frameWidthObserver, new ResizeObserver(() => this.syncTableFrame()));
+      __privateGet$1(this, _frameWidthObserver).observe(columns);
     }
+    this.syncTableFrame();
   }
-  handleRetry() {
-    this.emit("cx-content-browser-grid-retry");
+  /**
+   * `setData` replaces the rows only once its debounce runs out, and Tabulator emits `dataLoaded` just
+   * before it does. Until then, the old rows stay on the page with their hover and focus.
+   */
+  handleDataLoaded(event) {
+    event.stopPropagation();
+    __privateSet$1(this, _hoveredRow, void 0);
+    __privateSet$1(this, _focusedCta, void 0);
+    __privateGet$1(this, _renderedCtas).clear();
   }
-  renderRetry() {
-    return b`
-      <cx-button class="content-browser-table__retry" variant="primary" @click=${this.handleRetry}>
-        ${this.localize.term("retry")}
-      </cx-button>
-    `;
+  /**
+   * Every `setColumns` builds the columns again from the definitions: Tabulator calls it as it builds,
+   * before `tableBuilt`. `cx-table` calls it again from its own `tableBuilt` handler, after this
+   * component's has run, and for every new column set.
+   */
+  handleColumnsLoaded(event) {
+    event.stopPropagation();
+    this.prepareFrame();
+    this.applyColumnLayout();
   }
-  renderContent() {
-    if (this.error && this.assets.length === 0) {
-      return b`
-        <cx-content-browser-no-result
-          class="content-browser-table__empty"
-          icon="error_outline"
-          message=${this.localize.term("oopsSomethingWentWrong")}
-          role="alert"
-        >
-          ${this.renderRetry()}
-        </cx-content-browser-no-result>
-      `;
+  willUpdate(changedProperties) {
+    super.willUpdate(changedProperties);
+    const signature = columnsSignature(this.columns);
+    const columnsChanged = signature !== __privateGet$1(this, _columnsSignature);
+    const tableRemounts = changedProperties.get("empty") === true && !this.empty;
+    if (columnsChanged) {
+      __privateSet$1(this, _columnsSignature, signature);
+      __privateSet$1(this, _rowsNeedRebuild, this.hasUpdated && this.resolveColumnKeys().some((key) => !__privateGet$1(this, _heldRowKeys).has(key)));
     }
-    if (this.empty) {
-      return b`
-        <cx-content-browser-no-result
-          class="content-browser-table__empty"
-          icon="search_off"
-          message=${this.localize.term("noResults")}
-        ></cx-content-browser-no-result>
-      `;
+    const savedWidthsChanged = changedProperties.has("savedWidths");
+    const widthScopeChanged = changedProperties.has("widthScope");
+    if (widthScopeChanged) {
+      __privateGet$1(this, _sessionWidths).clear();
+    }
+    if (savedWidthsChanged) {
+      this.applySavedWidths();
+    }
+    if (columnsChanged || tableRemounts) {
+      __privateSet$1(this, _columnDefinitions, this.buildColumnDefinitions());
+    } else if (changedProperties.has("hiddenFields")) {
+      this.applyHiddenFields();
+    } else if (savedWidthsChanged || widthScopeChanged) {
+      this.applyColumnLayout();
     }
-    return b`
-      <cx-table
-        class="content-browser-table__table"
-        layout="fitData"
-        placeholder=""
-        no-selectable
-        no-clipboard
-        .columns=${__privateGet$1(this, _columnDefinitions)}
-        .columnDefaults=${COLUMN_DEFAULTS}
-        .rowHeight=${ROW_HEIGHT}
-        @cx-table.tableBuilt=${this.handleTableBuilt}
-        @cx-table.dataLoaded=${this.handleDataLoaded}
-        @cx-table.columnsLoaded=${this.handleColumnsLoaded}
-        @cx-table.columnResized=${this.handleColumnResized}
-        @cx-table.scrollVertical=${this.handleScrollVertical}
-        @cx-table.renderStarted=${this.handleRenderStarted}
-        @cx-table.renderComplete=${this.handleRenderComplete}
-      ></cx-table>
-    `;
-  }
-  render() {
-    return b`
-      <div
-        class="content-browser-table-loading"
-        style=${o$2({
-      opacity: this.loading ? 1 : 0
-    })}
-      >
-        <cx-progress-bar indeterminate></cx-progress-bar>
-      </div>
-      <cx-resize-observer @cx-resize=${this.handleResize}>
-        <div class="content-browser-table">
-          ${this.renderContent()}
-        </div>
-      </cx-resize-observer>
-      ${n$5(this.error && this.assets.length > 0, () => b`
-        <div class="content-browser-table__page-error" role="alert">
-          <cx-icon name="error_outline"></cx-icon>
-          ${this.localize.term("oopsSomethingWentWrong")}
-          ${this.renderRetry()}
-        </div>
-      `)}
-    `;
   }
-};
-_columnDefinitions = /* @__PURE__ */ new WeakMap();
-_columnsSignature = /* @__PURE__ */ new WeakMap();
-_columnKeys = /* @__PURE__ */ new WeakMap();
-_rowsNeedRebuild = /* @__PURE__ */ new WeakMap();
-_heldRowKeys = /* @__PURE__ */ new WeakMap();
-_resizedWidths = /* @__PURE__ */ new WeakMap();
-_sessionWidths = /* @__PURE__ */ new WeakMap();
-_ctas = /* @__PURE__ */ new WeakMap();
-_renderedCtas = /* @__PURE__ */ new WeakMap();
-_pointerTrackedRows = /* @__PURE__ */ new WeakMap();
-_hoveredRow = /* @__PURE__ */ new WeakMap();
-_focusedCta = /* @__PURE__ */ new WeakMap();
-_ctaFocusedAtRender = /* @__PURE__ */ new WeakMap();
-_noHoverQueries = /* @__PURE__ */ new WeakMap();
-_hasNoHover = /* @__PURE__ */ new WeakMap();
-_builtTable = /* @__PURE__ */ new WeakMap();
-_syncedAssets = /* @__PURE__ */ new WeakMap();
-_pendingReplaces = /* @__PURE__ */ new WeakMap();
-_lastHeight = /* @__PURE__ */ new WeakMap();
-_containerSize = /* @__PURE__ */ new WeakMap();
-_lastRowCount = /* @__PURE__ */ new WeakMap();
-_rowCountHeld = /* @__PURE__ */ new WeakMap();
-_lastRowObserver = /* @__PURE__ */ new WeakMap();
-_layoutScrollbarWidth = /* @__PURE__ */ new WeakMap();
-_naturalWidths = /* @__PURE__ */ new WeakMap();
-_layoutPending = /* @__PURE__ */ new WeakMap();
-_fontsPending = /* @__PURE__ */ new WeakMap();
-_frameWidthObserver = /* @__PURE__ */ new WeakMap();
-CxContentBrowserTable.styles = [componentStyles, styles$1];
-CxContentBrowserTable.dependencies = {
-  "cx-button": CxButton,
-  "cx-content-browser-no-result": CxContentBrowserNoResult,
-  "cx-icon": CxIcon,
-  "cx-line-clamp": CxLineClamp,
-  "cx-progress-bar": CxProgressBar,
-  "cx-resize-observer": CxResizeObserver,
-  "cx-table": CxTable
-};
-__decorateClass$1([
-  e$7(".content-browser-table")
-], CxContentBrowserTable.prototype, "containerEl", 2);
-__decorateClass$1([
-  e$7("cx-table")
-], CxContentBrowserTable.prototype, "tableEl", 2);
-__decorateClass$1([
-  n$6({ attribute: "assets", reflect: false, type: Array })
-], CxContentBrowserTable.prototype, "assets", 2);
-__decorateClass$1([
-  n$6({ attribute: "columns", reflect: false, type: Array })
-], CxContentBrowserTable.prototype, "columns", 2);
-__decorateClass$1([
-  n$6({ attribute: "cta-text", reflect: false, type: String })
-], CxContentBrowserTable.prototype, "ctaText", 2);
-__decorateClass$1([
-  n$6({ attribute: "cta-text-transform", reflect: false, type: String })
-], CxContentBrowserTable.prototype, "ctaTextTransform", 2);
-__decorateClass$1([
-  n$6({ attribute: "empty", reflect: true, type: Boolean })
-], CxContentBrowserTable.prototype, "empty", 2);
-__decorateClass$1([
-  n$6({ attribute: "error", reflect: true, type: Boolean })
-], CxContentBrowserTable.prototype, "error", 2);
-__decorateClass$1([
-  n$6({ attribute: "has-more", reflect: true, type: Boolean })
-], CxContentBrowserTable.prototype, "hasMore", 2);
-__decorateClass$1([
-  n$6({ attribute: "loading", reflect: true, type: Boolean })
-], CxContentBrowserTable.prototype, "loading", 2);
-__decorateClass$1([
-  n$6({ attribute: "selected-asset-id", reflect: true, type: String })
-], CxContentBrowserTable.prototype, "selectedAssetId", 2);
-__decorateClass$1([
-  n$6({ attribute: false })
-], CxContentBrowserTable.prototype, "busyAssetId", 2);
-__decorateClass$1([
-  n$6({ attribute: false })
-], CxContentBrowserTable.prototype, "hiddenFields", 2);
-__decorateClass$1([
-  n$6({ attribute: false })
-], CxContentBrowserTable.prototype, "savedWidths", 2);
-__decorateClass$1([
-  n$6({ attribute: false })
-], CxContentBrowserTable.prototype, "widthScope", 2);
-__decorateClass$1([
-  n$6({ attribute: "row-action-position", reflect: true })
-], CxContentBrowserTable.prototype, "rowActionPosition", 2);
-__decorateClass$1([
-  watch("assets")
-], CxContentBrowserTable.prototype, "handleAssetsChange", 1);
-__decorateClass$1([
-  watch("loading", { waitUntilFirstUpdate: true })
-], CxContentBrowserTable.prototype, "handleLoadingChange", 1);
-__decorateClass$1([
-  watch("selectedAssetId", { waitUntilFirstUpdate: true })
-], CxContentBrowserTable.prototype, "handleSelectedAssetIdChange", 1);
-__decorateClass$1([
-  watch("busyAssetId", { waitUntilFirstUpdate: true })
-], CxContentBrowserTable.prototype, "handleBusyAssetIdChange", 1);
-__decorateClass$1([
-  watch(["ctaText", "ctaTextTransform"], { waitUntilFirstUpdate: true })
-], CxContentBrowserTable.prototype, "handleCtaTextChange", 1);
-CxContentBrowserTable = __decorateClass$1([
-  customElement("cx-content-browser-table")
-], CxContentBrowserTable);
-const appendPathAndQuery = (baseUrl, pathSuffix, extraQueryParams = []) => {
-  const questionMarkIndex = baseUrl.indexOf("?");
-  const hashIndex = baseUrl.indexOf("#");
-  const separatorIndex = [questionMarkIndex, hashIndex].filter((index) => index !== -1).reduce((lowest, index) => lowest === -1 ? index : Math.min(lowest, index), -1);
-  const path = separatorIndex === -1 ? baseUrl : baseUrl.slice(0, separatorIndex);
-  const tail = separatorIndex === -1 ? "" : baseUrl.slice(separatorIndex);
-  const tailHashIndex = tail.indexOf("#");
-  const fragment = tailHashIndex === -1 ? "" : tail.slice(tailHashIndex);
-  const existingQuery = (tailHashIndex === -1 ? tail : tail.slice(0, tailHashIndex)).replace(/^\?/, "");
-  const parameterName = (parameter) => parameter.split("=")[0].toLowerCase();
-  const overriddenNames = new Set(extraQueryParams.map(parameterName));
-  const mergedParams = [
-    ...existingQuery.split("&").filter((parameter) => parameter && !overriddenNames.has(parameterName(parameter))),
-    ...extraQueryParams
-  ];
-  const query = mergedParams.length > 0 ? `?${mergedParams.join("&")}` : "";
-  return `${path}${pathSuffix}${query}${fragment}`;
-};
-const DEFAULT_VIEW_SIZE = "CoreField.LargeSizePreview";
-const FIELD_ALLOW_ATS_LINK = "AllowATSLink";
-const FIELD_DOC_CAPTION_LONG = "Document.CaptionLong";
-const FIELD_DOC_TITLE = "Document.Title";
-const FIELD_DOC_TYPE = "CoreField.DocType";
-const FIELD_EXTENSION = "Document.FileExtension";
-const FIELD_FILE_SIZE = "CoreField.FileSize";
-const FIELD_IDENTIFIER = "CoreField.Identifier";
-const FIELD_KEYWORDS = "CoreField.Keywords";
-const FIELD_MAX_HEIGHT = "CoreField.MaxHeight";
-const FIELD_MAX_WIDTH = "CoreField.MaxWidth";
-const FIELD_ORIGINAL_FILE_NAME = "CoreField.OriginalFileName";
-const FIELD_RECORD_ID = "Document.RecordID";
-const FIELD_SCRUB_URL = "ScrubURL";
-const FIELD_STORAGE_GROUP = "CoreField.S6_StorageGroup";
-const FIELD_SUBTYPE = "CoreField.DocSubType";
-const FIELD_TITLE_WITH_FALLBACK = "CoreField.TitleWithFallback";
-const FIELD_UPDATED_FILE_NAME = "CoreField.UpdatedFileName";
-const ORIGINAL_VIEW_SIZE = "CoreField.OriginalPreview";
-function resolveTitleFallbackField(titleFallback) {
-  return titleFallback === "originalFileName" ? FIELD_ORIGINAL_FILE_NAME : FIELD_IDENTIFIER;
-}
-function resolveAssetCaption(fields, titleFallback) {
-  return fields[FIELD_DOC_TITLE] || fields[resolveTitleFallbackField(titleFallback)] || fields[FIELD_IDENTIFIER] || "";
-}
-function resolveAssetExtraFilters(selectedFacets) {
-  if (!selectedFacets || Object.keys(selectedFacets).length === 0) {
-    return {};
+  /**
+   * The new saved widths replace all the widths in memory: a width that the new map does not hold,
+   * for example one of another site, goes away. Only a positive width counts: a bad entry has no effect.
+   */
+  applySavedWidths() {
+    var _a2;
+    __privateSet$1(this, _resizedWidths, new Map(Object.entries((_a2 = this.savedWidths) != null ? _a2 : {}).flatMap(([field, width]) => typeof width === "number" && Number.isFinite(width) && width > 0 ? [[field.trim(), Math.round(width)]] : [])));
   }
-  return Object.entries(selectedFacets).reduce(
-    (acc, [key, values]) => {
-      if (!values || values.length === 0) {
-        return acc;
-      }
-      if (key === "Types") {
-        return __spreadProps(__spreadValues({}, acc), {
-          SubtypeCriteria: values
-        });
+  /**
+   * Through Tabulator's own column visibility: new definitions would reach it through `setColumns`,
+   * and the rows would have to be rebuilt, which scrolls back to the top.
+   */
+  applyHiddenFields() {
+    const hidden = new Set(this.hiddenFields);
+    const keys2 = this.resolveColumnKeys();
+    const shows = [];
+    __privateGet$1(this, _columnDefinitions).forEach((definition) => {
+      var _a2;
+      const field = String(definition.field);
+      const hostColumn = this.columns[keys2.indexOf(field)];
+      if (!hostColumn) {
+        return;
       }
-      return __spreadProps(__spreadValues({}, acc), {
-        FacetFilters: __spreadProps(__spreadValues({}, acc.FacetFilters), {
-          [key]: values
-        })
-      });
-    },
-    {}
-  );
-}
-function isCortexErrorResponse(response) {
-  return response && typeof response === "object" && "ErrorCode" in response;
-}
-function isSearchFacet(facet) {
-  const details = facet == null ? void 0 : facet.facetDetails;
-  return !!facet && !!details && typeof details === "object" && !Array.isArray(details) && typeof details.facetFieldName === "string" && typeof details.displayName === "string" && Array.isArray(facet.values) && facet.values.every((facetValue) => !!facetValue && typeof facetValue.value === "string");
-}
-function isSearchResponse(response) {
-  if (!response || typeof response !== "object" || Array.isArray(response)) {
-    return false;
-  }
-  const { contentItems, facets, totalCount } = response;
-  return Array.isArray(facets) && facets.every(isSearchFacet) && Number.isFinite(totalCount) && (contentItems === void 0 || Array.isArray(contentItems));
-}
-const POST_UNSUPPORTED_STATUSES = /* @__PURE__ */ new Set([405, 501]);
-const postUnsupportedOrigins = /* @__PURE__ */ new Set();
-function createId() {
-  const cryptoApi = globalThis.crypto;
-  if (cryptoApi == null ? void 0 : cryptoApi.randomUUID) {
-    return cryptoApi.randomUUID();
-  }
-  if (cryptoApi == null ? void 0 : cryptoApi.getRandomValues) {
-    const bytes = cryptoApi.getRandomValues(new Uint8Array(16));
-    bytes[6] = bytes[6] & 15 | 64;
-    bytes[8] = bytes[8] & 63 | 128;
-    const hex = Array.from(bytes, (byte) => byte.toString(16).padStart(2, "0"));
-    return [
-      hex.slice(0, 4).join(""),
-      hex.slice(4, 6).join(""),
-      hex.slice(6, 8).join(""),
-      hex.slice(8, 10).join(""),
-      hex.slice(10).join("")
-    ].join("-");
-  }
-  return `${Date.now()}-${Math.random().toString(36).slice(2)}`;
-}
-function buildAssetLinkImageUrl({
-  asset,
-  extension,
-  parameters,
-  permanentLink,
-  rawResponse,
-  transformations,
-  useSession
-}) {
-  let baseImageUrl = permanentLink || rawResponse.imageUrl;
-  let transformationPath = "";
-  if (transformations && transformations.length > 0) {
-    transformationPath += "/t/";
-  }
-  transformations == null ? void 0 : transformations.forEach(({ key, value }) => {
-    if (key === TransformationAction.Resize) {
-      const validTransformations = [
-        ...[
-          {
-            key: "re_w_",
-            value: value.width
-          },
-          {
-            key: "re_h_",
-            value: value.height
-          }
-        ].filter((item) => item.value !== void 0).map((item) => ({
-          key: item.key,
-          value: Math.round(Number(item.value))
-        })),
-        {
-          key: "re_rm_",
-          value: "stretch"
+      const isHidden = hidden.has(hostColumn.field);
+      const column2 = (_a2 = this.tabulator) == null ? void 0 : _a2.getColumn(field);
+      definition.hidden = isHidden || void 0;
+      if (column2 && column2.isVisible() === isHidden) {
+        if (isHidden) {
+          column2.hide();
+        } else {
+          shows.push(column2.show());
         }
-      ];
-      validTransformations.forEach(({ key: vKey, value: vValue }, index) => {
-        transformationPath += `${vKey}${vValue}${index < validTransformations.length - 1 ? "," : ""}`;
-      });
-      transformationPath += "/";
+      }
+    });
+    void Promise.all(shows).then(() => this.applyColumnLayout());
+  }
+  updated(changedProperties) {
+    var _a2;
+    super.updated(changedProperties);
+    if (this.empty) {
+      (_a2 = __privateGet$1(this, _frameWidthObserver)) == null ? void 0 : _a2.disconnect();
     }
-    if (key === TransformationAction.Crop) {
-      const validTransformations = [
-        ...[
-          {
-            key: "c_w_",
-            value: value.width
-          },
-          {
-            key: "c_h_",
-            value: value.height
-          },
-          {
-            key: "c_x_",
-            value: value.x
-          },
-          {
-            key: "c_y_",
-            value: value.y
-          }
-        ].filter((item) => item.value !== void 0).map((item) => ({
-          key: item.key,
-          value: Math.round(Number(item.value))
-        })),
-        {
-          key: "c_whu_",
-          value: "pixel"
-        }
-      ];
-      validTransformations.forEach(({ key: vKey, value: vValue }, index) => {
-        transformationPath += `${vKey}${vValue}${index < validTransformations.length - 1 ? "," : ""}`;
-      });
-      transformationPath += "/";
+    if (__privateGet$1(this, _rowsNeedRebuild)) {
+      __privateSet$1(this, _rowsNeedRebuild, false);
+      void this.rebuildRows();
     }
-    if (key === TransformationAction.Rotate) {
-      const validTransformations = [{
-        key: "r_a_",
-        value: value.rotation
-      }].filter((item) => item.value !== void 0).map((item) => ({ key: item.key, value: Math.round(Number(item.value)) }));
-      validTransformations.forEach(({ key: vKey, value: vValue }, index) => {
-        transformationPath += `${vKey}${vValue}${index < validTransformations.length - 1 ? "," : ""}`;
-      });
-      transformationPath += "/";
+  }
+  /** Once `cx-table` has taken the new column definitions. */
+  rebuildRows() {
+    return __async(this, null, function* () {
+      var _a2;
+      yield (_a2 = this.tableEl) == null ? void 0 : _a2.updateComplete;
+      yield this.syncRows(true);
+    });
+  }
+  handleAssetsChange(previous) {
+    const previousAssets = previous != null ? previous : [];
+    if (this.assets.length === previousAssets.length && this.assets.every((asset, index) => asset === previousAssets[index])) {
+      return;
     }
-    if (key === TransformationAction.Quality) {
-      const validTransformations = [{
-        key: "q_level_",
-        value: value.quality
-      }].filter((item) => item.value !== void 0).map((item) => ({ key: item.key, value: Math.round(Number(item.value)) }));
-      validTransformations.forEach(({ key: vKey, value: vValue }, index) => {
-        transformationPath += `${vKey}${vValue}${index < validTransformations.length - 1 ? "," : ""}`;
-      });
-      transformationPath += "/";
+    this.assetMap.clear();
+    this.assets.forEach((item) => this.assetMap.set(item.id, item));
+    if (!isAppendOf(previousAssets, this.assets)) {
+      __privateSet$1(this, _lastRowCount, void 0);
     }
-    if (key === TransformationAction.Metadata) {
-      if (value.keepMetadata === true) {
-        transformationPath += "fl_keep_metadata/";
+    void this.syncRows();
+  }
+  handleLoadingChange() {
+    return __async(this, null, function* () {
+      if (this.loading) {
+        return;
       }
+      yield this.updateComplete;
+      if (__privateGet$1(this, _pendingReplaces) === 0) {
+        this.reportHeldRowCount();
+      }
+    });
+  }
+  handleSelectedAssetIdChange(previous) {
+    this.markCurrentRow(previous, false);
+    this.markCurrentRow(this.selectedAssetId, true);
+    this.paintAssetCta(previous);
+    this.paintAssetCta(this.selectedAssetId);
+  }
+  handleBusyAssetIdChange(previous) {
+    this.paintAssetCta(previous);
+    this.paintAssetCta(this.busyAssetId);
+  }
+  handleCtaTextChange() {
+    var _a2, _b2;
+    (_b2 = ((_a2 = this.tabulator) == null ? void 0 : _a2.getColumn(FILLER_FIELD)) || void 0) == null ? void 0 : _b2.getElement().setAttribute("aria-label", this.ctaLabel);
+    __privateGet$1(this, _renderedCtas).forEach((cta) => this.paintCta(cta));
+  }
+  /** In place, as a relabel is: a CTA built again would drop the keyboard focus the old one held. */
+  setNoHover(noHover) {
+    if (noHover === __privateGet$1(this, _hasNoHover)) {
+      return;
     }
-  });
-  const hasTransformations = Boolean(transformations && transformations.length > 0);
-  if (hasTransformations) {
-    transformationPath += `${asset.identifier}`;
+    __privateSet$1(this, _hasNoHover, noHover);
+    __privateGet$1(this, _renderedCtas).forEach((cta) => this.paintCta(cta));
   }
-  const assetExtension = extension != null ? extension : asset.extension;
-  if (!permanentLink && assetExtension) {
-    const normalizedExtension = assetExtension.startsWith(".") ? assetExtension : `.${assetExtension}`;
-    if (hasTransformations) {
-      transformationPath += normalizedExtension;
-    } else {
-      const [basePath, baseTail] = baseImageUrl.split(/([?#].*)$/, 2);
-      baseImageUrl = basePath.replace(/\.[^./]+$/, "") + normalizedExtension + (baseTail != null ? baseTail : "");
+  connectedCallback() {
+    super.connectedCallback();
+    __privateSet$1(this, _noHoverQueries, NO_HOVER_QUERIES.map((media) => window.matchMedia(media)));
+    __privateGet$1(this, _noHoverQueries).forEach((list) => list.addEventListener("change", this.handleNoHoverChange));
+    this.handleNoHoverChange();
+    if (this.hasUpdated) {
+      __privateSet$1(this, _columnDefinitions, this.buildColumnDefinitions());
+      this.requestUpdate();
     }
   }
-  const queryParams = [];
-  parameters == null ? void 0 : parameters.forEach(({ key, value }) => {
-    queryParams.push(`${encodeURIComponent(key.trim())}=${encodeURIComponent(value.trim())}`);
-  });
-  if (useSession) {
-    queryParams.push(`UseSession=${encodeURIComponent(useSession)}`);
+  disconnectedCallback() {
+    var _a2, _b2;
+    super.disconnectedCallback();
+    __privateGet$1(this, _noHoverQueries).forEach((list) => list.removeEventListener("change", this.handleNoHoverChange));
+    __privateSet$1(this, _noHoverQueries, []);
+    (_a2 = __privateGet$1(this, _lastRowObserver)) == null ? void 0 : _a2.disconnect();
+    (_b2 = __privateGet$1(this, _frameWidthObserver)) == null ? void 0 : _b2.disconnect();
+    this.debouncedCalculatePageSize.cancel();
+    this.debouncedHandleScrollEnd.cancel();
+    this.debouncedHandleLastRowVisible.cancel();
+    this.debouncedRedrawTable.cancel();
+    this.debouncedApplyColumnLayout.cancel();
   }
-  return appendPathAndQuery(baseImageUrl, transformationPath, queryParams);
-}
-function apiGetAssetLinks(_0) {
-  return __async(this, arguments, function* ({
-    assets,
-    extension,
-    extraFields,
-    parameters,
-    permanentLink,
-    proxyPreference,
-    skipLinkGeneration,
-    transformations,
-    useSession
-  }) {
-    var _a2;
-    const getAssetLinkErrors = {};
-    const isOnlyOneAssetSelected = assets.length === 1;
-    let hasError = false;
-    const origin2 = (_a2 = http.defaults.baseURL) != null ? _a2 : window.location.origin;
-    try {
-      const settled = yield Promise.allSettled(assets.map((asset) => __async(null, null, function* () {
-        var _a3;
-        const requestBody = {
-          GenerateAssetUrl: !permanentLink && !skipLinkGeneration,
-          Parameters: parameters,
-          Proxy: proxyPreference,
-          RecordId: asset.recordId
-        };
-        if (extraFields == null ? void 0 : extraFields.length) {
-          requestBody.ExtraFields = extraFields;
-        }
-        const useSessionParams = useSession ? { UseSession: useSession } : void 0;
-        const attemptPost = !postUnsupportedOrigins.has(origin2);
-        let rawResponse;
-        if (attemptPost) {
-          try {
-            const postResult = yield http.request({
-              data: requestBody,
-              method: "POST",
-              params: useSessionParams,
-              url: AssetApiEndpoint.GET_ASSET_LINK,
-              validateStatus: () => true
-            });
-            if (POST_UNSUPPORTED_STATUSES.has(postResult.status)) {
-              postUnsupportedOrigins.add(origin2);
-            } else {
-              rawResponse = postResult.data;
-            }
-          } catch (e2) {
-          }
-        }
-        if (rawResponse === void 0) {
-          const getResult = yield http.request({
-            method: "GET",
-            params: __spreadProps(__spreadValues({}, requestBody), {
-              UseSession: useSession || void 0
-            }),
-            paramsSerializer: {
-              indexes: null
-            },
-            url: AssetApiEndpoint.GET_ASSET_LINK
-          });
-          rawResponse = getResult.data;
-        }
-        if (isCortexErrorResponse(rawResponse)) {
-          hasError = true;
-          if (isOnlyOneAssetSelected) {
-            if (getAssetLinkErrors[rawResponse.ErrorCode]) {
-              getAssetLinkErrors[rawResponse.ErrorCode].push(asset);
-            } else {
-              getAssetLinkErrors[rawResponse.ErrorCode] = [asset];
-            }
-          }
-          return {
-            imageUrl: asset.imageUrl
-          };
-        }
-        if (skipLinkGeneration) {
-          return __spreadProps(__spreadValues({}, rawResponse), {
-            imageUrl: (_a3 = asset.imageUrl) != null ? _a3 : ""
-          });
-        }
-        const imageUrl = buildAssetLinkImageUrl({
-          asset,
-          extension,
-          parameters,
-          permanentLink,
-          rawResponse,
-          transformations,
-          useSession
-        });
-        return __spreadProps(__spreadValues({}, rawResponse), {
-          imageUrl
-        });
-      })));
-      const data = settled.flatMap((result) => {
-        if (result.status === "fulfilled") {
-          return [result.value];
-        }
-        hasError = true;
-        return [];
-      });
-      return {
-        data,
-        isError: hasError
-      };
-    } catch (e2) {
-      return {
-        data: [],
-        isError: true
-      };
+  handleResize(event) {
+    event.stopPropagation();
+    const entries = event.detail.entries;
+    if (entries[0].target !== this.containerEl) {
+      return;
     }
-  });
-}
-function apiGetAssetsByIDs(_0) {
-  return __async(this, arguments, function* ({
-    extraFields,
-    recordIds
-  }) {
-    var _a2;
-    if (!Array.isArray(recordIds) || recordIds.length === 0) {
-      return { facets: [], items: [], totalCount: 0 };
+    const { height, width } = entries[0].contentRect;
+    this.debouncedCalculatePageSize(height);
+    this.refitToContainer(width, height);
+    if (__privateGet$1(this, _layoutPending)) {
+      this.applyColumnLayout();
     }
-    const validatedExtraFields = (_a2 = extraFields == null ? void 0 : extraFields.filter((field) => field && typeof field === "string")) != null ? _a2 : [];
-    try {
-      const response = yield http.request({
-        method: "GET",
-        params: {
-          ExtraFilters: `RecordID:${recordIds.join(" OR ")}`,
-          Fields: [
-            ...validatedExtraFields,
-            ORIGINAL_VIEW_SIZE,
-            FIELD_UPDATED_FILE_NAME,
-            FIELD_ORIGINAL_FILE_NAME,
-            FIELD_DOC_TITLE,
-            FIELD_DOC_CAPTION_LONG
-          ],
-          SeeThru: true
-        },
-        paramsSerializer: {
-          indexes: null
-        },
-        responseType: "json",
-        transformResponse: [
-          ...Array.isArray(http.defaults.transformResponse) ? http.defaults.transformResponse : [],
-          (rawResponse) => {
-            var _a3, _b2;
-            const mappedItems = (_b2 = (_a3 = rawResponse.contentItems) == null ? void 0 : _a3.map((item) => {
-              var _a4, _b3, _c2;
-              let name = (_a4 = item.fields[FIELD_UPDATED_FILE_NAME]) != null ? _a4 : "";
-              if (name === "") {
-                name = (_b3 = item.fields[FIELD_ORIGINAL_FILE_NAME]) != null ? _b3 : "";
-              }
-              return __spreadValues({
-                name,
-                originalUrl: (_c2 = item.fields[ORIGINAL_VIEW_SIZE]) != null ? _c2 : "",
-                recordId: item.recordID
-              }, validatedExtraFields.reduce(
-                (acc, field) => {
-                  var _a5;
-                  acc[field] = (_a5 = item.fields[field]) != null ? _a5 : "";
-                  return acc;
-                },
-                {}
-              ));
-            })) != null ? _b2 : [];
-            mappedItems.sort((a2, b2) => {
-              const indexA = recordIds.indexOf(a2.recordId);
-              const indexB = recordIds.indexOf(b2.recordId);
-              return indexA - indexB;
-            });
-            return {
-              facets: rawResponse.facets,
-              items: mappedItems,
-              totalCount: rawResponse.totalCount
-            };
-          }
-        ],
-        url: AssetApiEndpoint.GET_CONTENT_V1
-      });
-      return response.data;
-    } catch (error) {
-      return {
-        facets: [],
-        items: [],
-        totalCount: 0
-      };
+  }
+  /**
+   * A new container width changes the space that the auto-fit shares out, so the columns are laid
+   * out again. `cx-table` renders its rows again for a new container height only until the first drag
+   * of a column divider, so a new height redraws the rows, which leaves no blank area under them.
+   */
+  refitToContainer(width, height) {
+    const size = { height: Math.round(height), width: Math.round(width) };
+    const previous = __privateGet$1(this, _containerSize);
+    __privateSet$1(this, _containerSize, size);
+    if (previous === void 0) {
+      return;
     }
-  });
-}
-const ASSET_LIST_FIELDS = [
-  DEFAULT_VIEW_SIZE,
-  FIELD_DOC_TITLE,
-  FIELD_DOC_TYPE,
-  FIELD_EXTENSION,
-  FIELD_FILE_SIZE,
-  FIELD_IDENTIFIER,
-  FIELD_KEYWORDS,
-  FIELD_MAX_HEIGHT,
-  FIELD_MAX_WIDTH,
-  FIELD_RECORD_ID,
-  FIELD_SUBTYPE,
-  FIELD_TITLE_WITH_FALLBACK,
-  FIELD_UPDATED_FILE_NAME,
-  FIELD_STORAGE_GROUP,
-  ORIGINAL_VIEW_SIZE
-];
-function apiGetAssets(_0) {
-  return __async(this, arguments, function* ({
-    fields,
-    folderId,
-    isSeeThrough,
-    limitedToDocTypes = [],
-    pageSize,
-    searchText,
-    selectedFacets,
-    sortOrder,
-    start,
-    titleFallback,
-    useSession
-  }) {
-    var _a2;
-    const validatedFields = (_a2 = fields == null ? void 0 : fields.filter((field) => field && typeof field === "string")) != null ? _a2 : [];
-    const requestedFields = [
-      ...ASSET_LIST_FIELDS,
-      resolveTitleFallbackField(titleFallback),
-      ...validatedFields
-    ].filter(
-      (field, index, all3) => all3.findIndex((item) => item.toLowerCase() === field.toLowerCase()) === index
-    );
-    try {
-      const response = yield http.request({
-        data: __spreadValues({
-          Fields: requestedFields,
-          Limit: pageSize || void 0,
-          LimitedToDocTypes: limitedToDocTypes,
-          ObjectRecordID: folderId || void 0,
-          OrderBy: sortOrder,
-          SeeThru: isSeeThrough || void 0,
-          SelectedFacets: selectedFacets,
-          Start: start,
-          Text: searchText || void 0,
-          UseSession: useSession || void 0
-        }, resolveAssetExtraFilters(selectedFacets)),
-        method: "POST",
-        transformResponse: [
-          ...Array.isArray(http.defaults.transformResponse) ? http.defaults.transformResponse : [],
-          (rawResponse) => {
-            var _a3, _b2;
-            if (!isSearchResponse(rawResponse)) {
-              return {
-                facets: [],
-                isError: true,
-                items: [],
-                totalCount: 0,
-                unreadableFields: []
-              };
-            }
-            const mappedItems = (_b2 = (_a3 = rawResponse.contentItems) == null ? void 0 : _a3.map((item) => {
-              var _a4, _b3, _c2, _d2, _e3, _f2, _g, _h, _i, _j, _k, _l;
-              let extension = (_a4 = item.fields[FIELD_EXTENSION]) != null ? _a4 : "";
-              const name = resolveAssetCaption(item.fields, titleFallback);
-              if (extension && !extension.startsWith(".")) {
-                extension = "." + extension;
-              }
-              return __spreadProps(__spreadValues({}, validatedFields.reduce((acc, field) => {
-                var _a5, _b4;
-                const sourceField = (_a5 = requestedFields.find(
-                  (requestedField) => requestedField.toLowerCase() === field.toLowerCase()
-                )) != null ? _a5 : field;
-                acc[field] = (_b4 = item.fields[sourceField]) != null ? _b4 : "";
-                return acc;
-              }, {})), {
-                allowATSLink: item.fields[FIELD_ALLOW_ATS_LINK] === "True",
-                docSubType: (_b3 = item.fields[FIELD_SUBTYPE]) != null ? _b3 : "",
-                docType: (_c2 = item.fields[FIELD_DOC_TYPE]) != null ? _c2 : "",
-                extension,
-                height: (_d2 = item.fields[FIELD_MAX_HEIGHT]) != null ? _d2 : "0",
-                id: item.recordID,
-                identifier: (_e3 = item.fields[FIELD_IDENTIFIER]) != null ? _e3 : "",
-                imageUrl: (_f2 = item.fields[DEFAULT_VIEW_SIZE]) != null ? _f2 : "",
-                inColdStorage: item.fields[FIELD_STORAGE_GROUP] === "Cold Storage",
-                name: name != null ? name : "",
-                originalUrl: (_g = item.fields[ORIGINAL_VIEW_SIZE]) != null ? _g : "",
-                recordId: (_h = item.fields[FIELD_RECORD_ID]) != null ? _h : "",
-                scrubUrl: (_i = item.fields[FIELD_SCRUB_URL]) != null ? _i : "",
-                size: (_j = item.fields[FIELD_FILE_SIZE]) != null ? _j : "0 MB",
-                tags: (_k = item.fields[FIELD_KEYWORDS]) != null ? _k : "",
-                width: (_l = item.fields[FIELD_MAX_WIDTH]) != null ? _l : "0"
-              });
-            })) != null ? _b2 : [];
-            return {
-              facets: rawResponse.facets,
-              isError: false,
-              items: mappedItems,
-              totalCount: rawResponse.totalCount,
-              unreadableFields: Array.isArray(rawResponse.unreadableFields) ? rawResponse.unreadableFields.filter((field) => typeof field === "string") : []
-            };
-          }
-        ],
-        url: AssetApiEndpoint.GET_CONTENT_V3
-      });
-      return response.data;
-    } catch (error) {
-      return {
-        facets: [],
-        isError: true,
-        items: [],
-        totalCount: 0,
-        unreadableFields: []
-      };
+    if (previous.width !== size.width) {
+      this.debouncedApplyColumnLayout();
+    }
+    if (previous.height !== size.height) {
+      this.debouncedRedrawTable();
+    }
+  }
+  calculatePageSize(height) {
+    if (Math.abs(__privateGet$1(this, _lastHeight) - height) < 10) {
+      return;
+    }
+    __privateSet$1(this, _lastHeight, height);
+    this.reportRowCount();
+  }
+  /** Counts the rows the last measured height shows, and tells the host when the count changes. */
+  reportRowCount() {
+    const rowCount = Math.ceil(this.resolveVisibleHeight(__privateGet$1(this, _lastHeight)) / ROW_HEIGHT);
+    __privateSet$1(this, _rowCountHeld, this.loading && this.assets.length > 0);
+    if (rowCount === __privateGet$1(this, _lastRowCount) || __privateGet$1(this, _rowCountHeld)) {
+      return;
+    }
+    __privateSet$1(this, _lastRowCount, rowCount);
+    this.emit("cx-content-browser-grid-resize", {
+      detail: {
+        columnCount: 1,
+        rowCount
+      }
+    });
+  }
+  /**
+   * Only once the restarted rows are in: the host asks for the next page at once, and a page that
+   * lands while `setData` waits replaces the rows again and holds them back for another half second.
+   * A measurement still in its debounce reports in the same count, because a second count inside the
+   * host's 200 ms fetch debounce cancels the page the first count asked for.
+   */
+  reportRestartedRowCount() {
+    if (!this.isConnected || __privateGet$1(this, _lastRowCount) !== void 0 || __privateGet$1(this, _lastHeight) === 0) {
+      return;
     }
-  });
-}
-function apiGetAvailableProxies(_0) {
-  return __async(this, arguments, function* ({
-    assetRecordId,
-    siteUrl
-  }) {
-    try {
-      const response = yield http.request({
-        baseURL: siteUrl,
-        cache: {
-          // A malformed body arrives with HTTP 200, so the default status check would cache the error and
-          // serve it again after the server recovers.
-          cachePredicate: {
-            responseMatch: ({ data }) => !data.isError
-          }
-        },
-        method: "GET",
-        params: {
-          RecordId: assetRecordId
-        },
-        responseType: "json",
-        transformResponse: [
-          ...Array.isArray(http.defaults.transformResponse) ? http.defaults.transformResponse : [],
-          (rawResponse) => {
-            var _a2;
-            if (!rawResponse || typeof rawResponse !== "object" || !Array.isArray(rawResponse.proxies)) {
-              return {
-                isError: true,
-                previewUrl: "",
-                proxies: []
-              };
-            }
-            return {
-              isError: false,
-              previewUrl: (_a2 = rawResponse.previewUrl) != null ? _a2 : "",
-              proxies: rawResponse.proxies.map((proxy) => ({
-                cdnName: proxy.cdnName,
-                extension: proxy.extension,
-                formatHeight: proxy.formatHeight,
-                formatWidth: proxy.formatWidth,
-                height: proxy.height,
-                id: createId(),
-                permanentLink: proxy.permanentLink,
-                proxyLabel: proxy.proxyLabel,
-                proxyName: proxy.proxyName,
-                width: proxy.width
-              }))
-            };
-          }
-        ],
-        url: AssetApiEndpoint.GET_AVAILABLE_PROXIES
-      });
-      return response.data;
-    } catch (error) {
-      return {
-        isError: true,
-        previewUrl: "",
-        proxies: []
-      };
+    this.debouncedCalculatePageSize.flush();
+    this.reportRowCount();
+  }
+  /**
+   * Once the load ends and any rows it brings are in, the count measured meanwhile can ask for the
+   * page after it. A table that is not built yet reports it at once.
+   */
+  reportHeldRowCount() {
+    if (!__privateGet$1(this, _rowCountHeld) || !this.isConnected) {
+      return;
     }
-  });
-}
-function apiGetAvailableExtensions() {
-  return __async(this, null, function* () {
-    try {
-      const response = yield http.request({
-        method: "GET",
-        responseType: "json",
-        transformResponse: [
-          ...Array.isArray(http.defaults.transformResponse) ? http.defaults.transformResponse : [],
-          (rawResponse) => {
-            return rawResponse.extensions;
-          }
-        ],
-        url: AssetApiEndpoint.GET_AVAILABLE_EXTENSIONS
-      });
-      return response.data;
-    } catch (error) {
-      return {};
+    this.debouncedCalculatePageSize.flush();
+    this.reportRowCount();
+  }
+  /**
+   * The rows never size the container (see the styles), so this is the height the host gives the
+   * picker, and it can run past the viewport. No scrollport shows more rows than the viewport, so
+   * while the rows do not overflow the scrollport the count stops there, and the page scrolls to the
+   * rest, where the last row coming into view asks for more (`observeLastRow`). One that overflows,
+   * or holds no rows yet, measures the space its container gives it and is used as is.
+   */
+  resolveVisibleHeight(height) {
+    return this.isSizedByRows() ? Math.min(height, window.innerHeight) : height;
+  }
+  isSizedByRows() {
+    var _a2, _b2;
+    const scrollport = this.scrollport;
+    return ((_b2 = (_a2 = this.tabulator) == null ? void 0 : _a2.getDataCount()) != null ? _b2 : 0) > 0 && scrollport !== void 0 && scrollport.scrollHeight <= scrollport.clientHeight + 1;
+  }
+  /**
+   * A scrollport that holds its rows without overflowing never scrolls, so its own scroll never
+   * reaches the end: the page scrolls instead. Once the table is taller than the viewport its count
+   * is capped and stops fetching, which leaves the last row coming into view as the only sign the
+   * user wants more.
+   */
+  observeLastRow() {
+    var _a2, _b2, _c2, _d2;
+    (_a2 = __privateGet$1(this, _lastRowObserver)) == null ? void 0 : _a2.disconnect();
+    const rows = (_c2 = (_b2 = this.tabulator) == null ? void 0 : _b2.getRows()) != null ? _c2 : [];
+    const lastRow = rows[rows.length - 1];
+    if (!lastRow) {
+      return;
     }
-  });
-}
-function apiGetAssetFavoriteStatus(_0) {
-  return __async(this, arguments, function* ({
-    assetRecordId
-  }) {
-    try {
-      const response = yield http.request({
-        method: "GET",
-        params: {
-          RecordId: assetRecordId
-        },
-        responseType: "json",
-        transformResponse: [
-          ...Array.isArray(http.defaults.transformResponse) ? http.defaults.transformResponse : [],
-          (rawResponse) => {
-            if (!rawResponse.favoriteRecordIds) {
-              return false;
-            }
-            return rawResponse.favoriteRecordIds.includes(assetRecordId);
-          }
-        ],
-        url: AssetApiEndpoint.GET_FAVORITE_ASSETS
-      });
-      return response.data;
-    } catch (error) {
-      return false;
+    (_d2 = __privateGet$1(this, _lastRowObserver)) != null ? _d2 : __privateSet$1(this, _lastRowObserver, new IntersectionObserver((entries) => {
+      if (entries.some((entry) => entry.isIntersecting)) {
+        this.debouncedHandleLastRowVisible();
+      }
+    }));
+    __privateGet$1(this, _lastRowObserver).observe(lastRow.getElement());
+  }
+  handleLastRowVisible() {
+    if (this.isSizedByRows() && this.containerEl.clientHeight > window.innerHeight) {
+      this.handleScrollEnd();
     }
-  });
-}
-function apiGetAssetVersionHistory(_0) {
-  return __async(this, arguments, function* ({
-    assetRecordId
-  }) {
-    try {
-      const response = yield http.request({
-        method: "GET",
-        params: {
-          RecordId: assetRecordId
-        },
-        responseType: "json",
-        transformResponse: [
-          ...Array.isArray(http.defaults.transformResponse) ? http.defaults.transformResponse : [],
-          (rawResponse) => {
-            return {
-              count: rawResponse.count,
-              versions: rawResponse.versions.map((version) => ({
-                createByEmail: version.CreateByEmail,
-                fileImportDate: version.FileImportDate,
-                scrubUrl: version.ScrubUrl,
-                versionCreateDate: version.VersionCreateDate,
-                versionFileName: version.UpdatedFileName || version.VersionFileName,
-                versionFileUrl: version.PreviewUrl,
-                versionId: version.VersionID,
-                versionNumber: Number(version.VersionNumber),
-                versionNumberDisplay: version.VersionNumberDisplay
-              }))
-            };
-          }
-        ],
-        url: AssetApiEndpoint.GET_ASSET_VERSION_HISTORY
-      });
-      return response.data;
-    } catch (error) {
-      return {
-        count: 0,
-        versions: []
-      };
+  }
+  insertAsset(assetId) {
+    var _a2;
+    if (!assetId || ((_a2 = this.assetMap.get(assetId)) == null ? void 0 : _a2.inColdStorage)) {
+      return;
     }
-  });
-}
-function apiAddAssetToFavorite(_0) {
-  return __async(this, arguments, function* ({
-    assetRecordId,
-    siteUrl
-  }) {
-    try {
-      const response = yield http.request({
-        baseURL: siteUrl,
-        data: {
-          RecordId: assetRecordId
-        },
-        method: "POST",
-        responseType: "json",
-        transformResponse: [
-          ...Array.isArray(http.defaults.transformResponse) ? http.defaults.transformResponse : [],
-          (rawResponse) => {
-            if (rawResponse.success) {
-              return true;
-            }
-            return false;
-          }
-        ],
-        url: AssetApiEndpoint.ADD_ASSET_TO_FAVORITE
-      });
-      return response.data;
-    } catch (error) {
-      return false;
+    this.emit("cx-content-browser-grid-click", {
+      detail: {
+        id: assetId
+      }
+    });
+  }
+  /** The host field of a row key, or `undefined` for the filler. */
+  fieldOfKey(key) {
+    var _a2;
+    return key ? (_a2 = this.columns[this.resolveColumnKeys().indexOf(key)]) == null ? void 0 : _a2.field : void 0;
+  }
+  handleColumnResized(event) {
+    event.stopPropagation();
+    const [column2] = event.detail.args;
+    const field = this.fieldOfKey(column2.getField());
+    if (field === void 0) {
+      return;
     }
-  });
-}
-function apiRemoveAssetFromFavorite(_0) {
-  return __async(this, arguments, function* ({
-    assetRecordId,
-    siteUrl
-  }) {
-    try {
-      const response = yield http.request({
-        baseURL: siteUrl,
-        data: {
-          RecordId: assetRecordId
-        },
-        method: "POST",
-        responseType: "json",
-        transformResponse: [
-          ...Array.isArray(http.defaults.transformResponse) ? http.defaults.transformResponse : [],
-          (rawResponse) => {
-            if (rawResponse.success) {
-              return true;
-            }
-            return false;
-          }
-        ],
-        url: AssetApiEndpoint.REMOVE_ASSET_FROM_FAVORITE
-      });
-      return response.data;
-    } catch (error) {
-      return false;
+    const width = Math.round(column2.getWidth());
+    column2.getDefinition().width = width;
+    __privateGet$1(this, _resizedWidths).set(field.trim(), width);
+    this.holdOtherAutoFitWidths(field);
+    this.emit("cx-content-browser-table-column-resize", {
+      detail: {
+        field,
+        reset: false,
+        width
+      }
+    });
+    this.applyColumnLayout();
+  }
+  /**
+   * Holds each other visible auto-fit column at its width when the drag ends, for the session. A drag
+   * on one column must not change the width of another column (L-42CA9K issue 2).
+   */
+  holdOtherAutoFitWidths(dragged) {
+    const hidden = new Set(this.hiddenFields);
+    const keys2 = this.resolveColumnKeys();
+    this.columns.forEach((column2, index) => {
+      var _a2;
+      const field = column2.field.trim();
+      if (field === dragged.trim() || hidden.has(column2.field) || __privateGet$1(this, _resizedWidths).has(field)) {
+        return;
+      }
+      const tabulatorColumn = (_a2 = this.tabulator) == null ? void 0 : _a2.getColumn(keys2[index]);
+      const width = tabulatorColumn ? Math.round(tabulatorColumn.getWidth()) : 0;
+      if (width > 0) {
+        __privateGet$1(this, _sessionWidths).set(field, width);
+      }
+    });
+  }
+  handleScrollVertical(event) {
+    event.stopPropagation();
+    this.releaseDetachedCta();
+    const scrollport = this.scrollport;
+    if (scrollport && scrollport.scrollTop + scrollport.clientHeight >= scrollport.scrollHeight - ROW_HEIGHT) {
+      this.debouncedHandleScrollEnd();
     }
-  });
-}
+  }
+  handleScrollEnd() {
+    if (this.hasMore && !this.loading) {
+      this.emit("cx-content-browser-grid-scroll-end");
+    }
+  }
+  handleRetry() {
+    this.emit("cx-content-browser-grid-retry");
+  }
+  renderRetry() {
+    return b`
+      <cx-button class="content-browser-table__retry" variant="primary" @click=${this.handleRetry}>
+        ${this.localize.term("retry")}
+      </cx-button>
+    `;
+  }
+  renderContent() {
+    if (this.error && this.assets.length === 0) {
+      return b`
+        <cx-content-browser-no-result
+          class="content-browser-table__empty"
+          icon="error_outline"
+          message=${this.localize.term("oopsSomethingWentWrong")}
+          role="alert"
+        >
+          ${this.renderRetry()}
+        </cx-content-browser-no-result>
+      `;
+    }
+    if (this.empty) {
+      return b`
+        <cx-content-browser-no-result
+          class="content-browser-table__empty"
+          icon="search_off"
+          message=${this.localize.term("noResults")}
+        ></cx-content-browser-no-result>
+      `;
+    }
+    return b`
+      <cx-table
+        class="content-browser-table__table"
+        layout="fitData"
+        placeholder=""
+        no-selectable
+        no-clipboard
+        .columns=${__privateGet$1(this, _columnDefinitions)}
+        .columnDefaults=${COLUMN_DEFAULTS}
+        .rowHeight=${ROW_HEIGHT}
+        @cx-table.tableBuilt=${this.handleTableBuilt}
+        @cx-table.dataLoaded=${this.handleDataLoaded}
+        @cx-table.columnsLoaded=${this.handleColumnsLoaded}
+        @cx-table.columnResized=${this.handleColumnResized}
+        @cx-table.scrollVertical=${this.handleScrollVertical}
+        @cx-table.renderStarted=${this.handleRenderStarted}
+        @cx-table.renderComplete=${this.handleRenderComplete}
+      ></cx-table>
+    `;
+  }
+  render() {
+    return b`
+      <div
+        class="content-browser-table-loading"
+        style=${o$2({
+      opacity: this.loading ? 1 : 0
+    })}
+      >
+        <cx-progress-bar indeterminate></cx-progress-bar>
+      </div>
+      <cx-resize-observer @cx-resize=${this.handleResize}>
+        <div class="content-browser-table">
+          ${this.renderContent()}
+        </div>
+      </cx-resize-observer>
+      ${n$5(this.error && this.assets.length > 0, () => b`
+        <div class="content-browser-table__page-error" role="alert">
+          <cx-icon name="error_outline"></cx-icon>
+          ${this.localize.term("oopsSomethingWentWrong")}
+          ${this.renderRetry()}
+        </div>
+      `)}
+    `;
+  }
+};
+_columnDefinitions = /* @__PURE__ */ new WeakMap();
+_columnsSignature = /* @__PURE__ */ new WeakMap();
+_columnKeys = /* @__PURE__ */ new WeakMap();
+_rowsNeedRebuild = /* @__PURE__ */ new WeakMap();
+_heldRowKeys = /* @__PURE__ */ new WeakMap();
+_resizedWidths = /* @__PURE__ */ new WeakMap();
+_sessionWidths = /* @__PURE__ */ new WeakMap();
+_ctas = /* @__PURE__ */ new WeakMap();
+_renderedCtas = /* @__PURE__ */ new WeakMap();
+_pointerTrackedRows = /* @__PURE__ */ new WeakMap();
+_hoveredRow = /* @__PURE__ */ new WeakMap();
+_focusedCta = /* @__PURE__ */ new WeakMap();
+_ctaFocusedAtRender = /* @__PURE__ */ new WeakMap();
+_noHoverQueries = /* @__PURE__ */ new WeakMap();
+_hasNoHover = /* @__PURE__ */ new WeakMap();
+_builtTable = /* @__PURE__ */ new WeakMap();
+_syncedAssets = /* @__PURE__ */ new WeakMap();
+_pendingReplaces = /* @__PURE__ */ new WeakMap();
+_lastHeight = /* @__PURE__ */ new WeakMap();
+_containerSize = /* @__PURE__ */ new WeakMap();
+_lastRowCount = /* @__PURE__ */ new WeakMap();
+_rowCountHeld = /* @__PURE__ */ new WeakMap();
+_lastRowObserver = /* @__PURE__ */ new WeakMap();
+_layoutScrollbarWidth = /* @__PURE__ */ new WeakMap();
+_naturalWidths = /* @__PURE__ */ new WeakMap();
+_layoutPending = /* @__PURE__ */ new WeakMap();
+_fontsPending = /* @__PURE__ */ new WeakMap();
+_frameWidthObserver = /* @__PURE__ */ new WeakMap();
+CxContentBrowserTable.styles = [componentStyles, styles$1];
+CxContentBrowserTable.dependencies = {
+  "cx-button": CxButton,
+  "cx-content-browser-no-result": CxContentBrowserNoResult,
+  "cx-icon": CxIcon,
+  "cx-line-clamp": CxLineClamp,
+  "cx-progress-bar": CxProgressBar,
+  "cx-resize-observer": CxResizeObserver,
+  "cx-table": CxTable
+};
+__decorateClass$1([
+  e$7(".content-browser-table")
+], CxContentBrowserTable.prototype, "containerEl", 2);
+__decorateClass$1([
+  e$7("cx-table")
+], CxContentBrowserTable.prototype, "tableEl", 2);
+__decorateClass$1([
+  n$6({ attribute: "assets", reflect: false, type: Array })
+], CxContentBrowserTable.prototype, "assets", 2);
+__decorateClass$1([
+  n$6({ attribute: "columns", reflect: false, type: Array })
+], CxContentBrowserTable.prototype, "columns", 2);
+__decorateClass$1([
+  n$6({ attribute: "cta-text", reflect: false, type: String })
+], CxContentBrowserTable.prototype, "ctaText", 2);
+__decorateClass$1([
+  n$6({ attribute: "cta-text-transform", reflect: false, type: String })
+], CxContentBrowserTable.prototype, "ctaTextTransform", 2);
+__decorateClass$1([
+  n$6({ attribute: "empty", reflect: true, type: Boolean })
+], CxContentBrowserTable.prototype, "empty", 2);
+__decorateClass$1([
+  n$6({ attribute: "error", reflect: true, type: Boolean })
+], CxContentBrowserTable.prototype, "error", 2);
+__decorateClass$1([
+  n$6({ attribute: "has-more", reflect: true, type: Boolean })
+], CxContentBrowserTable.prototype, "hasMore", 2);
+__decorateClass$1([
+  n$6({ attribute: "loading", reflect: true, type: Boolean })
+], CxContentBrowserTable.prototype, "loading", 2);
+__decorateClass$1([
+  n$6({ attribute: "selected-asset-id", reflect: true, type: String })
+], CxContentBrowserTable.prototype, "selectedAssetId", 2);
+__decorateClass$1([
+  n$6({ attribute: false })
+], CxContentBrowserTable.prototype, "busyAssetId", 2);
+__decorateClass$1([
+  n$6({ attribute: false })
+], CxContentBrowserTable.prototype, "hiddenFields", 2);
+__decorateClass$1([
+  n$6({ attribute: false })
+], CxContentBrowserTable.prototype, "savedWidths", 2);
+__decorateClass$1([
+  n$6({ attribute: false })
+], CxContentBrowserTable.prototype, "widthScope", 2);
+__decorateClass$1([
+  n$6({ attribute: "row-action-position", reflect: true })
+], CxContentBrowserTable.prototype, "rowActionPosition", 2);
+__decorateClass$1([
+  watch("assets")
+], CxContentBrowserTable.prototype, "handleAssetsChange", 1);
+__decorateClass$1([
+  watch("loading", { waitUntilFirstUpdate: true })
+], CxContentBrowserTable.prototype, "handleLoadingChange", 1);
+__decorateClass$1([
+  watch("selectedAssetId", { waitUntilFirstUpdate: true })
+], CxContentBrowserTable.prototype, "handleSelectedAssetIdChange", 1);
+__decorateClass$1([
+  watch("busyAssetId", { waitUntilFirstUpdate: true })
+], CxContentBrowserTable.prototype, "handleBusyAssetIdChange", 1);
+__decorateClass$1([
+  watch(["ctaText", "ctaTextTransform"], { waitUntilFirstUpdate: true })
+], CxContentBrowserTable.prototype, "handleCtaTextChange", 1);
+CxContentBrowserTable = __decorateClass$1([
+  customElement("cx-content-browser-table")
+], CxContentBrowserTable);
 function apiGetUserInfo() {
   return __async(this, null, function* () {
     try {
@@ -17014,7 +17079,7 @@ let CxContentBrowser = class extends CortexElement {
           skipLinkGeneration: this.skipLinkGeneration
         }));
         if (response.isError) {
-          this.reportProxyConfirmFailure();
+          this.reportConfirmFailure(response.error);
           return;
         }
         this.handleSelectedAsset({
@@ -17023,20 +17088,25 @@ let CxContentBrowser = class extends CortexElement {
           selectedProxyMetadata: event.detail.selectedProxyMetadata
         });
         this.formatDialog.hide();
-      } catch (e2) {
-        this.reportProxyConfirmFailure();
+      } catch (error) {
+        this.reportConfirmFailure(error);
       } finally {
         __privateSet2(this, _insertInFlight, false);
         this.busyAssetId = void 0;
       }
     });
   }
-  reportProxyConfirmFailure() {
+  reportConfirmFailure(cause) {
+    const error = toAssetLinkError(cause);
+    if (!this.formatDialog.isDialogOpen) {
+      this.formatDialog.revealAfterAutoConfirm();
+    }
     if (this.formatDialog.isDialogOpen) {
-      this.formatDialog.setLoadingConfirm(false);
-      return;
+      this.formatDialog.showConfirmError(error.serverMessage);
     }
-    this.formatDialog.revealAfterAutoConfirm();
+    this.emit("cx-content-browser-asset-link-error", {
+      detail: { error }
+    });
   }
   handleFormatConfirm(event) {
     return __async(this, null, function* () {
@@ -17047,7 +17117,7 @@ let CxContentBrowser = class extends CortexElement {
           extraFields: this.extraFields
         }));
         if (response.isError) {
-          this.formatDialog.setLoadingConfirm(false);
+          this.reportConfirmFailure(response.error);
           return;
         }
         this.handleSelectedAsset({
@@ -17057,8 +17127,8 @@ let CxContentBrowser = class extends CortexElement {
           transformedAssetMetadata: event.detail.transformedAssetMetadata
         });
         this.formatDialog.hide();
-      } catch (e2) {
-        this.formatDialog.setLoadingConfirm(false);
+      } catch (error) {
+        this.reportConfirmFailure(error);
       } finally {
         __privateSet2(this, _insertInFlight, false);
         this.busyAssetId = void 0;
@@ -34624,6 +34694,10 @@ const AssetsPicker = reactExports.forwardRef(function AssetsPicker2({ accessToke
     }
     onClose == null ? void 0 : onClose();
   }), [onAssetSelected, onClose, persistMode]);
+  const onAssetLinkError = reactExports.useCallback((event) => {
+    const { error } = event.detail;
+    onError(error.message, error);
+  }, [onError]);
   const onFetchAndMergeAssetsSuccess = reactExports.useCallback((event) => {
     var _a2;
     if (!loadedFromStorage.current) {
@@ -34814,6 +34888,7 @@ const AssetsPicker = reactExports.forwardRef(function AssetsPicker2({ accessToke
       "show-title": displayInfo.title,
       "multi-select": multiSelect ? "true" : void 0,
       "oncx-content-browser-selected-asset": onSelectedAsset,
+      "oncx-content-browser-asset-link-error": onAssetLinkError,
       "oncx-content-browser-request-change": onFetchAndMergeAssetsSuccess,
       "oncx-content-browser-grid-click": onGridClick,
       "oncx-content-browser-pin-asset-lookup": onPinAssetLookup,
@@ -36099,6 +36174,7 @@ const fonts = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePropert
   __proto__: null
 }, Symbol.toStringTag, { value: "Module" }));
 export {
+  AssetLinkError,
   CxContentBrowser,
   ContentBrowser as default
 };