@orangelogic/design-system 2.89.0 → 2.91.0

package/library/chunks/{color-swatch-group.BaMEIlzq.js → color-swatch-group.CpuPC0u3.js}

@@ -1,5 +1,5 @@
 import z from "../components/space.js";
-import { C as $ } from "./table.CGTmaN_x.js";
+import { C as $ } from "./table.Da1P5WrI.js";
 import { C as k } from "./typography.DJC_UXgs.js";
 import { n as h, C as F } from "./lib-cortex-element.CVMmyPMC.js";
 import { C, a as g } from "./color-swatch.hsIcIXE-.js";

package/library/chunks/{folder-select.BFme962J.js → folder-select.D6NkbExX.js}

@@ -1,8 +1,8 @@
 import N from "../components/icon.js";
 import oe from "../components/input.js";
 import H from "../components/line-clamp.js";
-import ne from "../components/select.js";
-import ce from "../components/tag.js";
+import ce from "../components/select.js";
+import ne from "../components/tag.js";
 import { C as g, a as he } from "./tree.D5Fv7i1r.js";
 import { n as r, C as U } from "./lib-cortex-element.CVMmyPMC.js";
 import { h as E, F as de, b as pe } from "./endpoints.BpAhLyZw.js";
@@ -19,7 +19,7 @@ import { d as me } from "./debounce.DaHuiSGU.js";
 import { g as X, p as W, e as ye } from "./string.B_mXTq0K.js";
 import { o as y } from "./if-defined.BRoBj_Rp.js";
 import { c as Y } from "./repeat.DbF2p5ae.js";
-import { n as D } from "./when.Dr1es41R.js";
+import { n as _ } from "./when.Dr1es41R.js";
 import xe from "../components/space.js";
 import { M as q } from "./asset-link-format.BSRDqHg7.js";
 import { g as be } from "./template.CsJd8Pb_.js";
@@ -208,7 +208,7 @@ let o = class extends U {
       this.data || [],
       (t) => t.id,
       (t) => m`<cx-folder-select-tree-item slot="children" folder-id=${t.id} full-path=${t.fullPath} name=${t.title} representative-asset-id=${t.representativeAssetId} selected-value=${this.selectedValue} selection=${this.selection} token=${this.token} bearer-token=${this.bearerToken} ?exclude-virtual-folders=${this.excludeVirtualFolders} ?has-children=${t.hasChildren} ?selectable=${this.selectable} base-url=${this.baseUrl} url=${y(t.url ?? void 0)} .api=${this.api} .currentRootIDsSet=${this.currentRootIDsSet} .removedIDs=${this.removedIDs} value=${t.url}></cx-folder-select-tree-item>`
-    )}</cx-tree-item>${D(
+    )}</cx-tree-item>${_(
       this.hasMore,
       () => m`<div slot="children" class="load-more-button"><cx-button variant="text" @click=${this.loadMore} ?loading=${this.loading}>${this.localize.term("more")}</cx-button></div>`
     )}
@@ -315,10 +315,10 @@ var Fe = Object.defineProperty, Te = Object.getOwnPropertyDescriptor, ee = (e) =
   for (var a = l > 1 ? void 0 : l ? Te(t, s) : t, p = e.length - 1, u; p >= 0; p--)
     (u = e[p]) && (a = (l ? u(t, s, a) : u(a)) || a);
   return l && a && Fe(t, s, a), a;
-}, te = (e, t, s) => t.has(e) || ee("Cannot " + s), Ce = (e, t, s) => (te(e, t, "read from private field"), t.get(e)), Ie = (e, t, s) => t.has(e) ? ee("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, s), De = (e, t, s, l) => (te(e, t, "write to private field"), t.set(e, s), s), _;
-let c = class extends U {
+}, te = (e, t, s) => t.has(e) || ee("Cannot " + s), Ce = (e, t, s) => (te(e, t, "read from private field"), t.get(e)), Ie = (e, t, s) => t.has(e) ? ee("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, s), _e = (e, t, s, l) => (te(e, t, "write to private field"), t.set(e, s), s), D;
+let n = class extends U {
   constructor() {
-    super(...arguments), this.localize = new M(this), this.minQueryLength = 1, this.selection = "single", this.searchTerm = "", this.selectedValue = "", this.token = "", this.bearerToken = "", this.baseUrl = "", this.extraFolderId = "", this.extraFolderTitle = "", this.extraFolderIcon = "", this.seeThru = !1, this.extraFolderData = null, this.api = A, this.excludeVirtualFolders = !1, this.firstFetchCallback = null, this.data = [], this.hasMore = !1, this.loading = !1, this.currentRootIDsSet = /* @__PURE__ */ new Set(), this.removedIDs = [], Ie(this, _, !1);
+    super(...arguments), this.localize = new M(this), this.minQueryLength = 1, this.selection = "single", this.searchTerm = "", this.selectedValue = "", this.token = "", this.bearerToken = "", this.baseUrl = "", this.extraFolderId = "", this.extraFolderTitle = "", this.extraFolderIcon = "", this.seeThru = !1, this.extraFolderData = null, this.api = A, this.excludeVirtualFolders = !1, this.firstFetchCallback = null, this.data = [], this.hasMore = !1, this.loading = !1, this.currentRootIDsSet = /* @__PURE__ */ new Set(), this.removedIDs = [], Ie(this, D, !1);
   }
   get empty() {
     return !this.loading && this.data.length === 0;
@@ -394,7 +394,7 @@ let c = class extends U {
   }
   async handleFetchFolders() {
     const { data: e, hasMore: t } = await this.fetchFolders();
-    Ce(this, _) || e.length > 0 && (this.firstFetchCallback?.(e), De(this, _, !0)), this.data = e, this.hasMore = t, this.loading = !1;
+    Ce(this, D) || e.length > 0 && (this.firstFetchCallback?.(e), _e(this, D, !0)), this.data = e, this.hasMore = t, this.loading = !1;
   }
   async fetchFolders() {
     if (!this.api)
@@ -428,11 +428,11 @@ let c = class extends U {
     return m`<cx-folder-select-tree-item .api=${this.api} .currentRootIDsSet=${this.currentRootIDsSet} .removedIDs=${this.removedIDs} base-url=${this.baseUrl} doc-type=${e.docType} folder-id=${e.id} full-path=${y(e.fullPath ?? void 0)} name=${e.title} search-term=${this.searchTerm} selected-value=${this.selectedValue} selection=${this.selection} token=${this.token} bearer-token=${this.bearerToken} url=${y(e.url ?? void 0)} ?has-children=${e.hasChildren} ?selectable=${this.selection === "multiple"} ?exclude-virtual-folders=${this.excludeVirtualFolders}></cx-folder-select-tree-item>`;
   }
   render() {
-    return m`<cx-tree class="folder-select-tree" selection=${this.selection} force-on-change disabled-auto-expand disabled-sync-checkboxes @cx-selected-change=${this.handleSelectedChange}>${D(
+    return m`<cx-tree class="folder-select-tree" selection=${this.selection} force-on-change disabled-auto-expand disabled-sync-checkboxes @cx-selected-change=${this.handleSelectedChange}>${_(
       this.empty,
       () => m`<div class="folder-select-tree__empty-message" role="status" aria-live="polite"><cx-typography variant="body3">${this.localize.term("noResults")}</cx-typography></div>`
     )}
-      ${D(
+      ${_(
       this.extraFolderData,
       () => m`<cx-folder-select-tree-item .api=${this.api} .currentRootIDsSet=${this.currentRootIDsSet} .removedIDs=${this.removedIDs} base-url=${this.baseUrl} doc-type=${y(this.extraFolderData?.docType ?? void 0)} folder-id=${y(this.extraFolderData?.id ?? void 0)} full-path=${y(this.extraFolderData?.fullPath ?? void 0)} icon=${this.extraFolderIcon} name=${this.extraFolderTitle || this.extraFolderData?.title} search-term=${this.searchTerm} selected-value=${this.selectedValue} selection=${this.selection} token=${this.token} bearer-token=${this.bearerToken} url=${y(this.extraFolderData?.url ?? void 0)} ?has-children=${this.extraFolderData?.hasChildren} ?selectable=${this.selection === "multiple"} ?exclude-virtual-folders=${this.excludeVirtualFolders}></cx-folder-select-tree-item>`
     )}
@@ -441,99 +441,99 @@ let c = class extends U {
       (e) => e.id,
       (e) => this.renderFolder(e)
     )}
-      ${D(
+      ${_(
       this.hasMore,
       () => m`<cx-button class="folder-select-tree__load-more" variant="text" @click=${this.loadMore} ?loading=${this.loading}>${this.localize.term("more")}</cx-button>`
     )}</cx-tree>`;
   }
 };
-_ = /* @__PURE__ */ new WeakMap();
-c.dependencies = {
+D = /* @__PURE__ */ new WeakMap();
+n.dependencies = {
   "cx-button": K,
   "cx-folder-select-tree-item": o,
   "cx-tree": he
 };
 d([
   r({ attribute: "min-query-length", reflect: !0, type: Number })
-], c.prototype, "minQueryLength", 2);
+], n.prototype, "minQueryLength", 2);
 d([
   r({ attribute: "selection", reflect: !0, type: String })
-], c.prototype, "selection", 2);
+], n.prototype, "selection", 2);
 d([
   r({ attribute: "search-term", reflect: !0, type: String })
-], c.prototype, "searchTerm", 2);
+], n.prototype, "searchTerm", 2);
 d([
   r({ attribute: "selected-value", reflect: !0, type: String })
-], c.prototype, "selectedValue", 2);
+], n.prototype, "selectedValue", 2);
 d([
   r({ reflect: !0, type: String })
-], c.prototype, "token", 2);
+], n.prototype, "token", 2);
 d([
   r({ attribute: "bearer-token", reflect: !0, type: String })
-], c.prototype, "bearerToken", 2);
+], n.prototype, "bearerToken", 2);
 d([
   r({ attribute: "base-url", reflect: !0, type: String })
-], c.prototype, "baseUrl", 2);
+], n.prototype, "baseUrl", 2);
 d([
   r({ attribute: "extra-folder-id", reflect: !0, type: String })
-], c.prototype, "extraFolderId", 2);
+], n.prototype, "extraFolderId", 2);
 d([
   r({ attribute: "extra-folder-title", reflect: !0, type: String })
-], c.prototype, "extraFolderTitle", 2);
+], n.prototype, "extraFolderTitle", 2);
 d([
   r({ attribute: "extra-folder-icon", reflect: !0, type: String })
-], c.prototype, "extraFolderIcon", 2);
+], n.prototype, "extraFolderIcon", 2);
 d([
   r({ attribute: "see-thru", reflect: !0, type: Boolean })
-], c.prototype, "seeThru", 2);
+], n.prototype, "seeThru", 2);
 d([
   x()
-], c.prototype, "extraFolderData", 2);
+], n.prototype, "extraFolderData", 2);
 d([
   r({ type: Function })
-], c.prototype, "api", 2);
+], n.prototype, "api", 2);
 d([
   r({
     attribute: "exclude-virtual-folders",
     reflect: !0,
     type: Boolean
   })
-], c.prototype, "excludeVirtualFolders", 2);
+], n.prototype, "excludeVirtualFolders", 2);
 d([
   r({ attribute: "first-fetch-callback", reflect: !1, type: Function })
-], c.prototype, "firstFetchCallback", 2);
+], n.prototype, "firstFetchCallback", 2);
 d([
   x()
-], c.prototype, "data", 2);
+], n.prototype, "data", 2);
 d([
   x()
-], c.prototype, "hasMore", 2);
+], n.prototype, "hasMore", 2);
 d([
   x()
-], c.prototype, "loading", 2);
+], n.prototype, "loading", 2);
 d([
   x()
-], c.prototype, "currentRootIDsSet", 2);
+], n.prototype, "currentRootIDsSet", 2);
 d([
   x()
-], c.prototype, "removedIDs", 2);
+], n.prototype, "removedIDs", 2);
 d([
   f("extraFolderId")
-], c.prototype, "handleExtraFolderIdChange", 1);
+], n.prototype, "handleExtraFolderIdChange", 1);
 d([
   f("baseUrl", { waitUntilFirstUpdate: !0 }),
   f("token", { waitUntilFirstUpdate: !0 }),
   f("searchTerm", { waitUntilFirstUpdate: !0 }),
   f("excludeVirtualFolders", { waitUntilFirstUpdate: !0 }),
   me(500)
-], c.prototype, "handleFetchFolders", 1);
-c = d([
+], n.prototype, "handleFetchFolders", 1);
+n = d([
   L("cx-folder-select-tree")
-], c);
-const _e = ue`:host{width:100%;display:block}.folder-select{gap:var(--cx-spacing-x-small);flex-direction:column;display:flex}.folder-select-tree{flex:1;overflow:auto}.folder-select-tree__item__icon{color:var(--cx-color-primary)}.folder-select-tree__empty-message{font-size:var(--cx-font-size-small);color:var(--cx-color-neutral-500);padding-block:var(--cx-spacing-2x-small);padding-inline:var(--cx-spacing-small);text-align:center;cursor:default;user-select:none}.folder-select-tree__load-more{margin-inline:var(--cx-spacing-small)}.folder-select-tree-item::part(label),.folder-select-tree-item__label,.folder-select-tree-item__title{overflow:hidden}`;
+], n);
+const De = ue`:host{flex-direction:column;width:100%;height:100%;min-height:0;max-height:100%;display:flex}.folder-select{gap:var(--cx-spacing-x-small);flex-direction:column;flex:1;width:100%;min-height:0;display:flex}.folder-select__search{flex-shrink:0}.folder-select__tree{flex-direction:column;flex:1;min-height:0;display:flex}.folder-select-tree{flex:1;min-height:0;overflow:auto}.folder-select-tree__item__icon{color:var(--cx-color-primary)}.folder-select-tree__empty-message{font-size:var(--cx-font-size-small);color:var(--cx-color-neutral-500);padding-block:var(--cx-spacing-2x-small);padding-inline:var(--cx-spacing-small);text-align:center;cursor:default;user-select:none}.folder-select-tree__load-more{margin-inline:var(--cx-spacing-small)}.folder-select-tree-item::part(label),.folder-select-tree-item__label,.folder-select-tree-item__title{overflow:hidden}`;
 var ke = Object.defineProperty, we = Object.getOwnPropertyDescriptor, re = (e) => {
   throw TypeError(e);
-}, n = (e, t, s, l) => {
+}, c = (e, t, s, l) => {
   for (var a = l > 1 ? void 0 : l ? we(t, s) : t, p = e.length - 1, u; p >= 0; p--)
     (u = e[p]) && (a = (l ? u(t, s, a) : u(a)) || a);
   return l && a && ke(t, s, a), a;
@@ -650,7 +650,7 @@ let i = class extends U {
     return m`<div class="folder-select">${fe(this.variant, [
       [
         C.Input,
-        () => m`<cx-input aria-label=${this.localize.term("searchFolders")} placeholder=${`${this.localize.term("searchFolders")}...`} value=${this.searchTerm} clearable @cx-input=${this.handleSearchTermInputChange}><cx-icon name="search" slot="prefix"></cx-icon></cx-input><cx-folder-select-tree base-url=${this.baseUrl} extra-folder-id=${this.extraFolderId} extra-folder-title=${this.extraFolderTitle} extra-folder-icon=${this.extraFolderIcon} min-query-length=${this.minQueryLength} search-term=${this.searchTerm} selected-value=${this.value} selection=${this.selection} token=${this.token} bearer-token=${this.bearerToken} ?exclude-virtual-folders=${this.excludeVirtualFolders} ?see-thru=${this.seeThru} .api=${Q(this, F)} .firstFetchCallback=${this.firstFetchCallback}></cx-folder-select-tree>`
+        () => m`<cx-input class="folder-select__search" aria-label=${this.localize.term("searchFolders")} placeholder=${`${this.localize.term("searchFolders")}...`} value=${this.searchTerm} clearable @cx-input=${this.handleSearchTermInputChange}><cx-icon name="search" slot="prefix"></cx-icon></cx-input><cx-folder-select-tree class="folder-select__tree" base-url=${this.baseUrl} extra-folder-id=${this.extraFolderId} extra-folder-title=${this.extraFolderTitle} extra-folder-icon=${this.extraFolderIcon} min-query-length=${this.minQueryLength} search-term=${this.searchTerm} selected-value=${this.value} selection=${this.selection} token=${this.token} bearer-token=${this.bearerToken} ?exclude-virtual-folders=${this.excludeVirtualFolders} ?see-thru=${this.seeThru} .api=${Q(this, F)} .firstFetchCallback=${this.firstFetchCallback}></cx-folder-select-tree>`
       ],
       [
         C.Select,
@@ -660,111 +660,111 @@ let i = class extends U {
   }
 };
 F = /* @__PURE__ */ new WeakMap();
-i.styles = [Z, _e];
+i.styles = [Z, De];
 i.dependencies = {
-  "cx-folder-select-tree": c,
+  "cx-folder-select-tree": n,
   "cx-icon": N,
   "cx-input": oe,
   "cx-line-clamp": H,
-  "cx-select": ne,
-  "cx-tag": ce
+  "cx-select": ce,
+  "cx-tag": ne
 };
-n([
+c([
   J("cx-select")
 ], i.prototype, "selectEl", 2);
-n([
+c([
   r({ attribute: "min-query-length", reflect: !0, type: Number })
 ], i.prototype, "minQueryLength", 2);
-n([
+c([
   r({ attribute: "selection", reflect: !0, type: String })
 ], i.prototype, "selection", 2);
-n([
+c([
   r({ attribute: "variant", reflect: !0, type: String })
 ], i.prototype, "variant", 2);
-n([
+c([
   r({ reflect: !0, type: String })
 ], i.prototype, "value", 2);
-n([
+c([
   r({ reflect: !0, type: String })
 ], i.prototype, "name", 2);
-n([
+c([
   r({ attribute: "selected-label", reflect: !0, type: String })
 ], i.prototype, "selectedLabel", 2);
-n([
+c([
   r({ attribute: "base-url", reflect: !0, type: String })
 ], i.prototype, "baseUrl", 2);
-n([
+c([
   r({ reflect: !0, type: Boolean })
 ], i.prototype, "open", 2);
-n([
+c([
   r({ reflect: !1, type: String })
 ], i.prototype, "token", 2);
-n([
+c([
   r({ attribute: "bearer-token", reflect: !0, type: String })
 ], i.prototype, "bearerToken", 2);
-n([
+c([
   r({ attribute: "see-thru", reflect: !0, type: Boolean })
 ], i.prototype, "seeThru", 2);
-n([
+c([
   r({ type: Function })
 ], i.prototype, "api", 2);
-n([
+c([
   r({ reflect: !0, type: Boolean })
 ], i.prototype, "required", 2);
-n([
+c([
   r({ reflect: !1 })
 ], i.prototype, "form", 2);
-n([
+c([
   r({
     attribute: "exclude-virtual-folders",
     reflect: !0,
     type: Boolean
   })
 ], i.prototype, "excludeVirtualFolders", 2);
-n([
+c([
   r({
     attribute: "extra-folder-id",
     reflect: !0,
     type: String
   })
 ], i.prototype, "extraFolderId", 2);
-n([
+c([
   r({
     attribute: "extra-folder-title",
     reflect: !0,
     type: String
   })
 ], i.prototype, "extraFolderTitle", 2);
-n([
+c([
   r({
     attribute: "extra-folder-icon",
     reflect: !0,
     type: String
   })
 ], i.prototype, "extraFolderIcon", 2);
-n([
+c([
   r({ attribute: "first-fetch-callback", reflect: !1, type: Function })
 ], i.prototype, "firstFetchCallback", 2);
-n([
+c([
   x()
 ], i.prototype, "searchTerm", 2);
-n([
+c([
   f("api")
 ], i.prototype, "updateWrappedApi", 1);
-n([
+c([
   f("searchTerm", { waitUntilFirstUpdate: !0 })
 ], i.prototype, "handleSearchTermChange", 1);
-n([
+c([
   f("open")
 ], i.prototype, "handleOpenChange", 1);
-n([
+c([
   f("variant")
 ], i.prototype, "handleVariantChange", 1);
-n([
+c([
   f("selectedLabel", { waitUntilFirstUpdate: !0 }),
   f("value", { waitUntilFirstUpdate: !0 })
 ], i.prototype, "handleValueChange", 1);
-i = n([
+i = c([
   L("cx-folder-select")
 ], i);
 export {

package/library/chunks/{list-editor.DsI3-bUG.js → list-editor.T0Lrm0Yo.js}

@@ -9,7 +9,7 @@ import B from "../components/radio.js";
 import K from "../components/radio-group.js";
 import U from "../components/select.js";
 import E from "../components/space.js";
-import { C as H, H as V } from "./table.CGTmaN_x.js";
+import { C as H, H as V } from "./table.Da1P5WrI.js";
 import { C as L } from "./typography.DJC_UXgs.js";
 import { n as o, C as T } from "./lib-cortex-element.CVMmyPMC.js";
 import W from "../components/dynamic-select.js";

package/library/chunks/{table.CGTmaN_x.js → table.Da1P5WrI.js}

@@ -16966,6 +16966,11 @@ const Dl = E`<cx-table-row-actions></cx-table-row-actions>`, _e = class _e exten
     this.hoverMenuField = this.table.options.hoverMenuField || "hoverMenu", this.subscribe(
       "row-layout",
       this.layoutRow.bind(this)
+    ), this.subscribe(
+      "row-data-changed",
+      (e, t, i) => {
+        Object.hasOwn(i, this.hoverMenuField) && this.layoutRow(e);
+      }
     ), this.subscribe(
       "row-mouseenter",
       this.handleRowMouseEnter.bind(this)

package/library/components/asset-link-format.js

@@ -10,7 +10,7 @@ import { c as N } from "../chunks/custom-element.L4WJXn1j.js";
 import { L as O } from "../chunks/i18n.CgwQHLcP.js";
 import { w as k } from "../chunks/watch.BCJD77bD.js";
 import { s as it, c as st } from "../chunks/number.CjNxU7Xs.js";
-import { i as D, x as b, E as lt } from "../chunks/lit-element.jLBm65_O.js";
+import { i as U, x as b, E as lt } from "../chunks/lit-element.jLBm65_O.js";
 import { r as z } from "../chunks/state.CSDxrqLd.js";
 import { n as G } from "../chunks/when.Dr1es41R.js";
 import L from "./details.js";
@@ -27,7 +27,7 @@ import { o as M } from "../chunks/style-map.llVFPd__.js";
 import at from "./tooltip.js";
 import pt from "./button-group.js";
 import dt from "./checkbox.js";
-const ut = D`.asset-link-format__details{--header-padding:var(--cx-spacing-small) var(--cx-spacing-medium)}.asset-link-format__details::part(icon){width:var(--cx-font-size-3x-large);height:var(--cx-font-size-3x-large);background-color:var(--cx-color-neutral-100);border-radius:var(--cx-border-radius-large);color:var(--cx-color-neutral-600);font-size:var(--cx-font-size-large);justify-content:center;align-items:center;display:flex}.asset-link-format__details::part(input-label){color:var(--cx-color-neutral-400);margin-inline-start:var(--cx-spacing-small)}.asset-link-format__header{padding:var(--cx-spacing-medium)}.asset-link-format__section-header{padding:0 var(--cx-spacing-medium);border-top:solid 1px var(--cx-color-neutral-200);background-color:var(--cx-color-neutral-50)}.asset-link-format__undo{--color:var(--cx-color-primary);--background-color:transparent}`;
+const ut = U`.asset-link-format__details{--header-padding:var(--cx-spacing-small) var(--cx-spacing-medium)}.asset-link-format__details::part(icon){width:var(--cx-font-size-3x-large);height:var(--cx-font-size-3x-large);background-color:var(--cx-color-neutral-100);border-radius:var(--cx-border-radius-large);color:var(--cx-color-neutral-600);font-size:var(--cx-font-size-large);justify-content:center;align-items:center;display:flex}.asset-link-format__details::part(input-label){color:var(--cx-color-neutral-400);margin-inline-start:var(--cx-spacing-small)}.asset-link-format__header{padding:var(--cx-spacing-medium)}.asset-link-format__section-header{padding:0 var(--cx-spacing-medium);border-top:solid 1px var(--cx-color-neutral-200);background-color:var(--cx-color-neutral-50)}.asset-link-format__undo{--color:var(--cx-color-primary);--background-color:transparent}`;
 function J({
   asset: t,
   baseUrl: e,
@@ -166,7 +166,7 @@ function J({
     );
   }), w.length > 0 && (r += `?${w.join("&")}`), r.endsWith("/") && (r = r.slice(0, -1)), r;
 }
-const gt = D`cx-details::part(base){border-bottom-width:0}cx-space{width:100%}cx-space cx-input{flex:1}.crop__unit-select{width:120px}.crop__input-group{flex:1;display:flex}`;
+const gt = U`cx-details::part(base){border-bottom-width:0}cx-space{width:100%}cx-space cx-input{flex:1}.crop__unit-select{width:120px}.crop__input-group{flex:1;display:flex}`;
 var mt = Object.defineProperty, xt = Object.getOwnPropertyDescriptor, f = (t, e, i, s) => {
   for (var a = s > 1 ? void 0 : s ? xt(e, i) : e, h = t.length - 1, r; h >= 0; h--)
     (r = t[h]) && (a = (s ? r(e, i, a) : r(a)) || a);
@@ -519,13 +519,13 @@ f([
 u = f([
   N("cx-asset-link-format-crop")
 ], u);
-const ft = D`.extension{padding:var(--cx-spacing-small) var(--cx-spacing-medium);border:solid 1px var(--cx-color-neutral-200);background-color:var(--cx-color-neutral-0);& cx-select{flex:1;width:100%}}`;
+const ft = U`.extension{padding:var(--cx-spacing-small) var(--cx-spacing-medium);border:solid 1px var(--cx-color-neutral-200);background-color:var(--cx-color-neutral-0);& cx-select{flex:1;width:100%}}`;
 var yt = Object.defineProperty, vt = Object.getOwnPropertyDescriptor, et = (t, e, i, s) => {
   for (var a = s > 1 ? void 0 : s ? vt(e, i) : e, h = t.length - 1, r; h >= 0; h--)
     (r = t[h]) && (a = (s ? r(e, i, a) : r(a)) || a);
   return s && a && yt(e, i, a), a;
 };
-let U = class extends F {
+let D = class extends F {
   constructor() {
     super(...arguments), this.localize = new O(this), this.value = "", this.items = [];
   }
@@ -543,8 +543,8 @@ let U = class extends F {
     )}</cx-select></cx-space>`;
   }
 };
-U.styles = [E, ft];
-U.dependencies = {
+D.styles = [E, ft];
+D.dependencies = {
   "cx-option": X,
   "cx-select": Y,
   "cx-space": H,
@@ -552,14 +552,14 @@ U.dependencies = {
 };
 et([
   l({ reflect: !0, type: String })
-], U.prototype, "value", 2);
+], D.prototype, "value", 2);
 et([
   l({ reflect: !1, type: Array })
-], U.prototype, "items", 2);
-U = et([
+], D.prototype, "items", 2);
+D = et([
   N("cx-asset-link-format-extension")
-], U);
-const wt = D`cx-details::part(base){border-bottom-width:0}`;
+], D);
+const wt = U`cx-details::part(base){border-bottom-width:0}`;
 var zt = Object.defineProperty, St = Object.getOwnPropertyDescriptor, _ = (t, e, i, s) => {
   for (var a = s > 1 ? void 0 : s ? St(e, i) : e, h = t.length - 1, r; h >= 0; h--)
     (r = t[h]) && (a = (s ? r(e, i, a) : r(a)) || a);
@@ -657,7 +657,7 @@ _([
 C = _([
   N("cx-asset-link-format-proxy")
 ], C);
-const bt = D`cx-details::part(base){border-bottom-width:0}`;
+const bt = U`cx-details::part(base){border-bottom-width:0}`;
 var kt = Object.defineProperty, $t = Object.getOwnPropertyDescriptor, I = (t, e, i, s) => {
   for (var a = s > 1 ? void 0 : s ? $t(e, i) : e, h = t.length - 1, r; h >= 0; h--)
     (r = t[h]) && (a = (s ? r(e, i, a) : r(a)) || a);
@@ -745,7 +745,7 @@ I([
 A = I([
   N("cx-asset-link-format-quality")
 ], A);
-const Ct = D`cx-details::part(base){border-bottom-width:0}cx-space{width:100%}cx-space cx-input{flex:1}.resize__unit-select{width:120px}.resize__input-group{flex:1;display:flex}`;
+const Ct = U`cx-details::part(base){border-bottom-width:0}cx-space{width:100%}cx-space cx-input{flex:1}.resize__unit-select{width:120px}.resize__input-group{flex:1;display:flex}`;
 var At = Object.defineProperty, Rt = Object.getOwnPropertyDescriptor, S = (t, e, i, s) => {
   for (var a = s > 1 ? void 0 : s ? Rt(e, i) : e, h = t.length - 1, r; h >= 0; h--)
     (r = t[h]) && (a = (s ? r(e, i, a) : r(a)) || a);
@@ -967,7 +967,7 @@ S([
 v = S([
   N("cx-asset-link-format-resize")
 ], v);
-const Mt = D`cx-details::part(base){border-bottom-width:0}`;
+const Mt = U`cx-details::part(base){border-bottom-width:0}`;
 var _t = Object.defineProperty, Pt = Object.getOwnPropertyDescriptor, V = (t, e, i, s) => {
   for (var a = s > 1 ? void 0 : s ? Pt(e, i) : e, h = t.length - 1, r; h >= 0; h--)
     (r = t[h]) && (a = (s ? r(e, i, a) : r(a)) || a);
@@ -1049,7 +1049,7 @@ V([
 R = V([
   N("cx-asset-link-format-rotation")
 ], R);
-const Ht = D`cx-details::part(base){border-bottom-width:0}`;
+const Ht = U`cx-details::part(base){border-bottom-width:0}`;
 var Wt = Object.defineProperty, Ft = Object.getOwnPropertyDescriptor, Z = (t, e, i, s) => {
   for (var a = s > 1 ? void 0 : s ? Ft(e, i) : e, h = t.length - 1, r; h >= 0; h--)
     (r = t[h]) && (a = (s ? r(e, i, a) : r(a)) || a);
@@ -1329,6 +1329,7 @@ let p = class extends F {
         assetId: this.asset.id,
         extension: this.asset.extension,
         format: e?.proxyName ?? "",
+        siteUrl: this.baseUrl,
         token: this.token,
         transformations: this.transformationString
       }).then((s) => {
@@ -1379,6 +1380,7 @@ let p = class extends F {
       assetId: this.asset.id,
       extension: this.selectedFormat.extension,
       format: t?.proxyName ?? "",
+      siteUrl: this.baseUrl,
       token: this.token,
       transformations: this.transformationString
     });
@@ -1631,7 +1633,10 @@ let p = class extends F {
       width: s,
       x: a,
       y: h
-    } = e, r = this.cropSize.percentageWidth !== s, y = this.cropSize.percentageHeight !== i;
+    } = e;
+    if (s === 0 || i === 0)
+      return;
+    const r = this.cropSize.percentageWidth !== s, y = this.cropSize.percentageHeight !== i;
     let w = this.cropSize.height, x = this.cropSize.width;
     r && (x = Math.round(s * this.selectedFormat.width / 100)), y && (w = Math.round(
       i * this.selectedFormat.height / 100
@@ -1951,7 +1956,7 @@ let p = class extends F {
 p.styles = [E, ut];
 p.dependencies = {
   "cx-asset-link-format-crop": u,
-  "cx-asset-link-format-extension": U,
+  "cx-asset-link-format-extension": D,
   "cx-asset-link-format-metadata": P,
   "cx-asset-link-format-proxy": C,
   "cx-asset-link-format-quality": A,

package/library/components/atoms.js

@@ -70,7 +70,7 @@ import { default as ka } from "./stepper.js";
 import { default as Ea } from "./switch.js";
 import { default as La } from "./tab.js";
 import { C as ja } from "../chunks/tab-group.B6olTWpV.js";
-import { C as za } from "../chunks/table.CGTmaN_x.js";
+import { C as za } from "../chunks/table.Da1P5WrI.js";
 import { default as qa } from "./tab-panel.js";
 import { default as Ka } from "./tag.js";
 import { default as Wa } from "./textarea.js";

package/library/components/color-swatch-group.js

@@ -1,10 +1,10 @@
 import "./space.js";
-import "../chunks/table.CGTmaN_x.js";
+import "../chunks/table.Da1P5WrI.js";
 import "../chunks/typography.DJC_UXgs.js";
 import "../chunks/lib-cortex-element.CVMmyPMC.js";
 import "../chunks/color-swatch.hsIcIXE-.js";
 import "../chunks/component.styles.CRO4Odto.js";
-import { C as w } from "../chunks/color-swatch-group.BaMEIlzq.js";
+import { C as w } from "../chunks/color-swatch-group.CpuPC0u3.js";
 import "../chunks/content-builder.B4Tqoc6M.js";
 import "../chunks/custom-element.L4WJXn1j.js";
 import "../chunks/debounce.DaHuiSGU.js";

package/library/components/folder-select.js

@@ -5,7 +5,7 @@ import "./select.js";
 import "./tag.js";
 import "../chunks/tree.D5Fv7i1r.js";
 import "../chunks/lib-cortex-element.CVMmyPMC.js";
-import { C as h } from "../chunks/folder-select.BFme962J.js";
+import { C as h } from "../chunks/folder-select.D6NkbExX.js";
 import "../chunks/component.styles.CRO4Odto.js";
 import "../chunks/custom-element.L4WJXn1j.js";
 import "../chunks/i18n.CgwQHLcP.js";

package/library/components/list-editor.js

@@ -9,7 +9,7 @@ import "./radio.js";
 import "./radio-group.js";
 import "./select.js";
 import "./space.js";
-import "../chunks/table.CGTmaN_x.js";
+import "../chunks/table.Da1P5WrI.js";
 import "../chunks/typography.DJC_UXgs.js";
 import "../chunks/lib-cortex-element.CVMmyPMC.js";
 import "./dynamic-select.js";
@@ -18,7 +18,7 @@ import "../chunks/custom-element.L4WJXn1j.js";
 import "../chunks/debounce.DaHuiSGU.js";
 import "../chunks/i18n.CgwQHLcP.js";
 import "../chunks/watch.BCJD77bD.js";
-import { c as E, C as F } from "../chunks/list-editor.DsI3-bUG.js";
+import { c as E, C as F } from "../chunks/list-editor.T0Lrm0Yo.js";
 import "../chunks/lit-element.jLBm65_O.js";
 import "../chunks/state.CSDxrqLd.js";
 import "../chunks/query.BBf1UFkC.js";

package/library/components/molecules.js

@@ -5,8 +5,8 @@ import { C } from "../chunks/confirm-popover.Bk0_yxOs.js";
 import { default as u } from "./corner-position-input-group.js";
 import { C as m } from "../chunks/cropper.DTokTzP9.js";
 import { default as i } from "./dynamic-select.js";
-import { C as c } from "../chunks/folder-select.BFme962J.js";
-import { C as P } from "../chunks/list-editor.DsI3-bUG.js";
+import { C as c } from "../chunks/folder-select.D6NkbExX.js";
+import { C as P } from "../chunks/list-editor.T0Lrm0Yo.js";
 import { default as I } from "./masonry.js";
 import { default as y } from "./padding-input-group.js";
 import { default as w } from "./position-picker.js";

package/library/components/organisms.js

@@ -1,5 +1,5 @@
 import { default as a } from "./asset-link-format.js";
-import { C as t } from "../chunks/color-swatch-group.BaMEIlzq.js";
+import { C as t } from "../chunks/color-swatch-group.CpuPC0u3.js";
 import { C } from "../chunks/file-on-demand.CTJQ6P_F.js";
 export {
   a as CxAssetLinkFormat,

package/library/components/table.js

@@ -9,7 +9,7 @@ import "./spinner.js";
 import "../chunks/lib-cortex-element.CVMmyPMC.js";
 import "../chunks/component.styles.CRO4Odto.js";
 import "../chunks/overlayscrollbars.BMav4RQ4.js";
-import { A as F, i as P, j as S, d as g, g as v, b as y, k as A, l as D, c as I, a0 as f, a1 as h, D as E, m as G, E as j, n as H, F as K, o as L, p as V, q as k, G as q, r as B, s as J, t as N, I as O, u as Q, K as U, v as W, M as X, w as Y, x as Z, y as _, z as $, B as oo, J as eo, L as ao, P as so, e as lo, N as to, h as uo, O as ro, Q as Mo, U as io, V as po, f as mo, R as no, X as Co, W as Ro, S as co, Y as bo, Z as wo, T as To, a as xo, _ as zo, $ as Fo, C as Po } from "../chunks/table.CGTmaN_x.js";
+import { A as F, i as P, j as S, d as g, g as v, b as y, k as A, l as D, c as I, a0 as f, a1 as h, D as E, m as G, E as j, n as H, F as K, o as L, p as V, q as k, G as q, r as B, s as J, t as N, I as O, u as Q, K as U, v as W, M as X, w as Y, x as Z, y as _, z as $, B as oo, J as eo, L as ao, P as so, e as lo, N as to, h as uo, O as ro, Q as Mo, U as io, V as po, f as mo, R as no, X as Co, W as Ro, S as co, Y as bo, Z as wo, T as To, a as xo, _ as zo, $ as Fo, C as Po } from "../chunks/table.Da1P5WrI.js";
 import "../chunks/pagination.DC9JIt4s.js";
 import "../chunks/custom-element.L4WJXn1j.js";
 import "../chunks/i18n.CgwQHLcP.js";

package/library/components/types.js

@@ -71,7 +71,7 @@ import { default as uqt } from "./stepper.js";
 import Kb from "./switch.js";
 import G2 from "./tab.js";
 import { C as K2, T as e9, a as t9, b as n9, g as TO } from "../chunks/tab-group.B6olTWpV.js";
-import { C as r9 } from "../chunks/table.CGTmaN_x.js";
+import { C as r9 } from "../chunks/table.Da1P5WrI.js";
 import i9 from "./tab-panel.js";
 import { default as hqt } from "./tag.js";
 import uR from "./textarea.js";
@@ -112,7 +112,7 @@ import { H as wR } from "../chunks/slot.j5oheLJC.js";
 import { a as lVt, g as dVt } from "../chunks/slot.j5oheLJC.js";
 import { c as LO, G as mh, d as Yd, T as xR, h as fn, i as kR, j as nY, t as RO, u as rY, f as y1, k as iY, F as Cf, M as Vv } from "../chunks/string.B_mXTq0K.js";
 import { b as pVt, a as hVt, e as gVt, g as mVt, p as fVt, r as vVt, s as yVt, n as bVt, l as wVt, m as xVt, o as kVt } from "../chunks/string.B_mXTq0K.js";
-import { a as l9, u as tp, I as _R, C as oY } from "../chunks/list-editor.DsI3-bUG.js";
+import { a as l9, u as tp, I as _R, C as oY } from "../chunks/list-editor.T0Lrm0Yo.js";
 import aY from "./bicolor-picker.js";
 import CR from "./border-input-group.js";
 import { C as CVt } from "../chunks/color-swatch.hsIcIXE-.js";
@@ -126,7 +126,7 @@ import { c as Hn } from "../chunks/repeat.DbF2p5ae.js";
 import p9 from "./dynamic-select.js";
 import { D as AR, M as gY, U as mY, F as fY } from "../chunks/time.D_uFZqqe.js";
 import { c as AVt, a as OVt, f as IVt, g as DVt } from "../chunks/time.D_uFZqqe.js";
-import { F as Jd, C as h9, a as B_, M as vY } from "../chunks/folder-select.BFme962J.js";
+import { F as Jd, C as h9, a as B_, M as vY } from "../chunks/folder-select.D6NkbExX.js";
 import { a as Ro, E as Fn, b as Xm, O as jd, T as Ku, G as zO } from "../chunks/index.Cpamj0jB.js";
 import { C as PVt } from "../chunks/index.Cpamj0jB.js";
 import { S as FO, r as yY, c as bY, i as $O, a as jO, b as wY, d as HO, e as z_ } from "../chunks/index.DcjJFMlq.js";
@@ -165,8 +165,8 @@ import { c as hg } from "../chunks/math.DqTA6ya4.js";
 import { b as YO, e as $Y } from "../chunks/number.CjNxU7Xs.js";
 import { a as rWt, c as iWt, f as oWt, r as aWt, s as sWt } from "../chunks/number.CjNxU7Xs.js";
 import { t as LR } from "../chunks/event-options.CYHYGOd8.js";
-import { a as Uw } from "../chunks/color-swatch-group.BaMEIlzq.js";
-import { C as lWt } from "../chunks/color-swatch-group.BaMEIlzq.js";
+import { a as Uw } from "../chunks/color-swatch-group.CpuPC0u3.js";
+import { C as lWt } from "../chunks/color-swatch-group.CpuPC0u3.js";
 import { t as jY } from "../chunks/converters.DkDtLstb.js";
 import { i as HY } from "../chunks/user-agent.D9aPuOyL.js";
 import { a as RR, U as f9, t as UY } from "../chunks/url.Cj9cIQXJ.js";

package/library/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@orangelogic/design-system",
   "type": "module",
-  "version": "2.89.0",
+  "version": "2.91.0",
   "license": "UNLICENSED",
   "types": "library/types.d.ts",
   "scripts": {
@@ -10,6 +10,7 @@
     "build-worker": "vite build --config ./vite.worker.config.js",
     "build": "vite build --config vite.config.ts && bun run build-worker && node ./scripts/remove-index-html-file.js && node ./scripts/copy-entry-file.js",
     "start": "vite",
+    "dev-build": "vite build --config vite.dev-build.config.ts",
     "open": "npx playwright test --project=chromium --ui",
     "playwright": "npx playwright test --project=chromium",
     "build-library": "bun run build && vite build --config ./vite.library.config.ts",
@@ -27,8 +28,12 @@
       "types": "./library/types.d.ts"
     },
     "./components/*": {
-      "import": "./library/components/*",
-      "types": "./library/components/*.d.ts"
+      "types": "./library/components/*.d.ts",
+      "import": "./library/components/*.js"
+    },
+    "./components/*.js": {
+      "types": "./library/components/*.d.ts",
+      "import": "./library/components/*.js"
     },
     "./utils": {
       "types": "./library/utils.d.ts",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@orangelogic/design-system",
   "type": "module",
-  "version": "2.89.0",
+  "version": "2.91.0",
   "license": "UNLICENSED",
   "types": "library/types.d.ts",
   "scripts": {
@@ -10,6 +10,7 @@
     "build-worker": "vite build --config ./vite.worker.config.js",
     "build": "vite build --config vite.config.ts && bun run build-worker && node ./scripts/remove-index-html-file.js && node ./scripts/copy-entry-file.js",
     "start": "vite",
+    "dev-build": "vite build --config vite.dev-build.config.ts",
     "open": "npx playwright test --project=chromium --ui",
     "playwright": "npx playwright test --project=chromium",
     "build-library": "bun run build && vite build --config ./vite.library.config.ts",
@@ -27,8 +28,12 @@
       "types": "./library/types.d.ts"
     },
     "./components/*": {
-      "import": "./library/components/*",
-      "types": "./library/components/*.d.ts"
+      "types": "./library/components/*.d.ts",
+      "import": "./library/components/*.js"
+    },
+    "./components/*.js": {
+      "types": "./library/components/*.d.ts",
+      "import": "./library/components/*.js"
     },
     "./utils": {
       "types": "./library/utils.d.ts",