@orangelogic/design-system 2.86.0 → 2.89.0

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

@@ -37,26 +37,39 @@ function J({
   useSession: h = ""
 }) {
   let r = e;
-  a && a.length > 0 && (r += "/t/");
-  const m = a?.findLast(
-    (v) => v.key === c.Quality
+  const y = a?.findLast(
+    (x) => x.key === c.Quality
   );
-  m && (a = [
+  if (y && (a = [
     ...a?.filter(
-      (v) => v.key !== c.Quality
+      (x) => x.key !== c.Quality
     ) || [],
-    m
-  ]), a?.forEach(({ key: v, value: w }) => {
-    if (v === c.Resize) {
-      const x = [
+    y
+  ]), a) {
+    const x = [];
+    for (let g = 0; g < a.length; g++) {
+      const m = a[g];
+      if (m.key === c.Rotate) {
+        let n = m.value.rotation ?? 0;
+        for (; a[g + 1]?.key === c.Rotate; )
+          g++, n += a[g].value.rotation ?? 0;
+        n !== 0 && x.push({ key: c.Rotate, value: { rotation: n } });
+      } else
+        x.push(m);
+    }
+    a = x;
+  }
+  a && a.length > 0 && (r += "/t/"), a?.forEach(({ key: x, value: g }) => {
+    if (x === c.Resize) {
+      const m = [
         ...[
           {
             key: "re_w_",
-            value: Math.round(w.width ?? 0)
+            value: Math.round(g.width ?? 0)
           },
           {
             key: "re_h_",
-            value: Math.round(w.height ?? 0)
+            value: Math.round(g.height ?? 0)
           }
         ].filter((n) => n.value !== void 0).map((n) => ({
           key: n.key,
@@ -67,33 +80,33 @@ function J({
           value: "stretch"
         }
       ];
-      x.forEach(({ key: n, value: $ }, B) => {
-        r += `${n}${$}${B < x.length - 1 ? "," : ""}`;
+      m.forEach(({ key: n, value: $ }, B) => {
+        r += `${n}${$}${B < m.length - 1 ? "," : ""}`;
       }), r += "/";
     }
-    if (v === c.Crop) {
-      const x = [
+    if (x === c.Crop) {
+      const m = [
         ...[
           {
             key: "c_",
-            value: w.mode
+            value: g.mode
           },
-          ...w.disabledSize ? [] : [
+          ...g.disabledSize ? [] : [
             {
               key: "c_w_",
-              value: Math.round(w.width ?? 0)
+              value: Math.round(g.width ?? 0)
             },
             {
               key: "c_h_",
-              value: Math.round(w.height ?? 0)
+              value: Math.round(g.height ?? 0)
             },
             {
               key: "c_x_",
-              value: Math.round(w.x ?? 0)
+              value: Math.round(g.x ?? 0)
             },
             {
               key: "c_y_",
-              value: Math.round(w.y ?? 0)
+              value: Math.round(g.y ?? 0)
             }
           ]
         ].filter((n) => n.value !== void 0 && n.value !== null).map((n) => ({
@@ -105,56 +118,56 @@ function J({
           value: "pixel"
         }
       ];
-      x.forEach(({ key: n, value: $ }, B) => {
+      m.forEach(({ key: n, value: $ }, B) => {
         const ot = ["c_w_", "c_h_", "c_x_", "c_y_"].includes(n);
-        r += `${n}${ot ? Math.round(Number($)) : $}${B < x.length - 1 ? "," : ""}`;
+        r += `${n}${ot ? Math.round(Number($)) : $}${B < m.length - 1 ? "," : ""}`;
       }), r += "/";
     }
-    if (v === c.Rotate && ([
+    if (x === c.Rotate && ([
       {
         key: "r_a_",
-        value: w.rotation
+        value: g.rotation
       }
     ].filter((n) => n.value !== void 0).map((n) => ({
       key: n.key,
       value: Math.round(Number(n.value))
     })).forEach(({ key: n, value: $ }) => {
       r += `${n}${$}`;
-    }), r += "/"), v === c.Quality) {
-      const x = [
+    }), r += "/"), x === c.Quality) {
+      const m = [
         {
           key: "q_level_",
-          value: w.quality
+          value: g.quality
         }
       ].filter((n) => n.value !== void 0).map((n) => ({
         key: n.key,
         value: Math.round(Number(n.value))
       }));
-      x.forEach(({ key: n, value: $ }, B) => {
-        r += `${n}${$}${B < x.length - 1 ? "," : ""}`;
+      m.forEach(({ key: n, value: $ }, B) => {
+        r += `${n}${$}${B < m.length - 1 ? "," : ""}`;
       }), r += "/";
     }
-    if (v === c.Metadata) {
-      const x = [
+    if (x === c.Metadata) {
+      const m = [
         {
           key: "fl_keep_metadata",
-          value: w.keepMetadata
+          value: g.keepMetadata
         }
       ].filter((n) => n.value !== void 0).map((n) => ({ key: n.key, value: n.value }));
-      x.forEach(({ key: n }, $) => {
-        r += `${n}${$ < x.length - 1 ? "," : ""}`;
+      m.forEach(({ key: n }, $) => {
+        r += `${n}${$ < m.length - 1 ? "," : ""}`;
       }), r += "/";
     }
   }), i && (r += `${t?.identifier}${i}`);
-  const y = [];
-  return s && s.length > 0 && s.forEach(({ key: v, value: w }) => {
-    y.push(
-      `${encodeURIComponent(v.trim())}=${encodeURIComponent(w.trim())}`
+  const w = [];
+  return s && s.length > 0 && s.forEach(({ key: x, value: g }) => {
+    w.push(
+      `${encodeURIComponent(x.trim())}=${encodeURIComponent(g.trim())}`
     );
-  }), y.length > 0 && (r += `?${y.join("&")}`), r.endsWith("/") && (r = r.slice(0, -1)), r;
+  }), 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}`;
-var mt = Object.defineProperty, xt = Object.getOwnPropertyDescriptor, g = (t, e, i, s) => {
+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);
   return s && a && mt(e, i, a), a;
@@ -428,82 +441,82 @@ u.dependencies = {
   "cx-space": H,
   "cx-typography": W
 };
-g([
+f([
   T(".details")
 ], u.prototype, "base", 2);
-g([
+f([
   l({ reflect: !0, type: Boolean })
 ], u.prototype, "open", 2);
-g([
+f([
   l({ reflect: !0, type: Number })
 ], u.prototype, "width", 2);
-g([
+f([
   l({ reflect: !0, type: Number })
 ], u.prototype, "height", 2);
-g([
+f([
   l({ attribute: "max-width", reflect: !0, type: Number })
 ], u.prototype, "maxWidth", 2);
-g([
+f([
   l({ attribute: "max-height", reflect: !0, type: Number })
 ], u.prototype, "maxHeight", 2);
-g([
+f([
   l({ attribute: "ratio-width", reflect: !0, type: Number })
 ], u.prototype, "ratioWidth", 2);
-g([
+f([
   l({ attribute: "ratio-height", reflect: !0, type: Number })
 ], u.prototype, "ratioHeight", 2);
-g([
+f([
   l({ attribute: "percentage-width", reflect: !0, type: Number })
 ], u.prototype, "percentageWidth", 2);
-g([
+f([
   l({ attribute: "percentage-height", reflect: !0, type: Number })
 ], u.prototype, "percentageHeight", 2);
-g([
+f([
   l({ reflect: !0, type: String })
 ], u.prototype, "unit", 2);
-g([
+f([
   l({ attribute: "disabled-apply", reflect: !0, type: Boolean })
 ], u.prototype, "disabledApply", 2);
-g([
+f([
   l({ attribute: "last-applied-setting", reflect: !1, type: Object })
 ], u.prototype, "lastAppliedSetting", 2);
-g([
+f([
   l({ reflect: !0, type: Boolean })
 ], u.prototype, "loading", 2);
-g([
+f([
   l({ attribute: "crop-modes", reflect: !1, type: Array })
 ], u.prototype, "cropModes", 2);
-g([
+f([
   l({ attribute: "focus-modes", reflect: !1, type: Object })
 ], u.prototype, "focusModes", 2);
-g([
+f([
   l({ attribute: "focus-mode", reflect: !0, type: String })
 ], u.prototype, "focusMode", 2);
-g([
+f([
   l({ attribute: "crop-mode", reflect: !0, type: String })
 ], u.prototype, "cropMode", 2);
-g([
+f([
   l({ attribute: "keep-aspect-ratio", reflect: !0, type: Boolean })
 ], u.prototype, "keepAspectRatio", 2);
-g([
+f([
   z()
 ], u.prototype, "invalidWidth", 2);
-g([
+f([
   z()
 ], u.prototype, "invalidHeight", 2);
-g([
+f([
   z()
 ], u.prototype, "aspectRatio", 2);
-g([
+f([
   k("cropMode", { waitUntilFirstUpdate: !0 }),
   k("maxWidth", { waitUntilFirstUpdate: !0 }),
   k("maxHeight", { waitUntilFirstUpdate: !0 }),
   k("keepAspectRatio")
 ], u.prototype, "handleCropModeChange", 1);
-g([
+f([
   k("open")
 ], u.prototype, "handleOpenChange", 1);
-u = g([
+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%}}`;
@@ -738,7 +751,7 @@ var At = Object.defineProperty, Rt = Object.getOwnPropertyDescriptor, S = (t, e,
     (r = t[h]) && (a = (s ? r(e, i, a) : r(a)) || a);
   return s && a && At(e, i, a), a;
 };
-let f = class extends F {
+let v = class extends F {
   constructor() {
     super(...arguments), this.localize = new O(this), this.open = !1, this.width = 0, this.height = 0, this.maxWidth = 0, this.maxHeight = 0, this.ratioWidth = 1, this.ratioHeight = 1, this.unit = o.Pixel, this.lastAppliedSetting = {
       [o.Pixel]: { height: 0, width: 0 },
@@ -885,8 +898,8 @@ let f = class extends F {
     })} @click=${this.handleApply}>${this.localize.term("apply")}</cx-button></cx-space></cx-details>`;
   }
 };
-f.styles = [E, Ct];
-f.dependencies = {
+v.styles = [E, Ct];
+v.dependencies = {
   "cx-button": q,
   "cx-details": L,
   "cx-icon": j,
@@ -899,61 +912,61 @@ f.dependencies = {
 };
 S([
   T(".details")
-], f.prototype, "base", 2);
+], v.prototype, "base", 2);
 S([
   l({ reflect: !0, type: Boolean })
-], f.prototype, "open", 2);
+], v.prototype, "open", 2);
 S([
   l({ reflect: !0, type: Number })
-], f.prototype, "width", 2);
+], v.prototype, "width", 2);
 S([
   l({ reflect: !0, type: Number })
-], f.prototype, "height", 2);
+], v.prototype, "height", 2);
 S([
   l({ attribute: "max-width", reflect: !0, type: Number })
-], f.prototype, "maxWidth", 2);
+], v.prototype, "maxWidth", 2);
 S([
   l({ attribute: "max-height", reflect: !0, type: Number })
-], f.prototype, "maxHeight", 2);
+], v.prototype, "maxHeight", 2);
 S([
   l({ attribute: "ratio-width", reflect: !0, type: Number })
-], f.prototype, "ratioWidth", 2);
+], v.prototype, "ratioWidth", 2);
 S([
   l({ attribute: "ratio-height", reflect: !0, type: Number })
-], f.prototype, "ratioHeight", 2);
+], v.prototype, "ratioHeight", 2);
 S([
   l({ reflect: !0, type: String })
-], f.prototype, "unit", 2);
+], v.prototype, "unit", 2);
 S([
   l({ attribute: "last-applied-setting", reflect: !1, type: Object })
-], f.prototype, "lastAppliedSetting", 2);
+], v.prototype, "lastAppliedSetting", 2);
 S([
   l({ reflect: !0, type: Boolean })
-], f.prototype, "loading", 2);
+], v.prototype, "loading", 2);
 S([
   l({ attribute: "keep-aspect-ratio", reflect: !0, type: Boolean })
-], f.prototype, "keepAspectRatio", 2);
+], v.prototype, "keepAspectRatio", 2);
 S([
   z()
-], f.prototype, "invalidWidth", 2);
+], v.prototype, "invalidWidth", 2);
 S([
   z()
-], f.prototype, "invalidHeight", 2);
+], v.prototype, "invalidHeight", 2);
 S([
   z()
-], f.prototype, "aspectRatio", 2);
+], v.prototype, "aspectRatio", 2);
 S([
   k("cropMode", { waitUntilFirstUpdate: !0 }),
   k("maxWidth", { waitUntilFirstUpdate: !0 }),
   k("maxHeight", { waitUntilFirstUpdate: !0 }),
   k("keepAspectRatio")
-], f.prototype, "handleCropModeChange", 1);
+], v.prototype, "handleCropModeChange", 1);
 S([
   k("open")
-], f.prototype, "handleOpenChange", 1);
-f = S([
+], v.prototype, "handleOpenChange", 1);
+v = S([
   N("cx-asset-link-format-resize")
-], f);
+], v);
 const Mt = D`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--)
@@ -1488,14 +1501,14 @@ let p = class extends F {
     const i = this.proxies?.find((s) => s.id === t);
     i && (this.asset && i.proxyName === "TRX" && (i.formatHeight = Number(this.asset.height), i.formatWidth = Number(this.asset.width)), this.transformations = this.transformations.map((s) => {
       if (s.key === c.Crop) {
-        const a = s.value, h = a.width / i.formatWidth * e.formatWidth, r = a.height / i.formatHeight * e.formatHeight, m = a.x / i.formatWidth * e.formatWidth, y = a.y / i.formatHeight * e.formatHeight;
+        const a = s.value, h = a.width / i.formatWidth * e.formatWidth, r = a.height / i.formatHeight * e.formatHeight, y = a.x / i.formatWidth * e.formatWidth, w = a.y / i.formatHeight * e.formatHeight;
         return {
           ...s,
           value: {
             height: r,
             width: h,
-            x: m,
-            y
+            x: y,
+            y: w
           }
         };
       }
@@ -1572,31 +1585,31 @@ let p = class extends F {
     percentageHeight: a,
     percentageWidth: h,
     ratioHeight: r,
-    ratioWidth: m,
-    unit: y,
-    useCropMode: v,
-    width: w
+    ratioWidth: y,
+    unit: w,
+    useCropMode: x,
+    width: g
   }) {
     if (!this.selectedFormat?.url || e === "manual")
       return;
     this.loading = !0, this.lastAction = c.Crop;
-    const x = await this.apiGetCropFocusMode({
+    const m = await this.apiGetCropFocusMode({
       autoCropMode: e,
       cropHeight: i,
-      cropWidth: w,
+      cropWidth: g,
       imageUrl: this.selectedFormat.url
     });
-    if (x) {
+    if (m) {
       let n = a, $ = h;
-      i || (n = x.height * 100 / this.selectedFormat.height), w || ($ = x.width * 100 / this.selectedFormat.width), this.cropSize = {
+      i || (n = m.height * 100 / this.selectedFormat.height), g || ($ = m.width * 100 / this.selectedFormat.width), this.cropSize = {
         ...this.cropSize,
-        height: x.height,
+        height: m.height,
         percentageHeight: n ?? this.cropSize.percentageHeight,
         percentageWidth: $ ?? this.cropSize.percentageWidth,
-        width: x.width,
-        x: x.x * 100 / this.selectedFormat.width,
-        y: x.y * 100 / this.selectedFormat.height,
-        ...v ? {
+        width: m.width,
+        x: m.x * 100 / this.selectedFormat.width,
+        y: m.y * 100 / this.selectedFormat.height,
+        ...x ? {
           cropMode: e,
           focusMode: "manual",
           keepAspectRatio: !1
@@ -1606,8 +1619,8 @@ let p = class extends F {
         },
         keepAspectRatio: s ?? this.cropSize.keepAspectRatio,
         ratioHeight: r ?? this.cropSize.ratioHeight,
-        ratioWidth: m ?? this.cropSize.ratioWidth,
-        unit: y ?? this.cropSize.unit
+        ratioWidth: y ?? this.cropSize.ratioWidth,
+        unit: w ?? this.cropSize.unit
       };
     }
     this.loading = !1, this.lastAction = void 0;
@@ -1618,26 +1631,26 @@ let p = class extends F {
       width: s,
       x: a,
       y: h
-    } = e, r = this.cropSize.percentageWidth !== s, m = this.cropSize.percentageHeight !== i;
-    let y = this.cropSize.height, v = this.cropSize.width;
-    r && (v = Math.round(s * this.selectedFormat.width / 100)), m && (y = Math.round(
+    } = e, 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
     ));
-    const w = this.cropSize.focusMode;
+    const g = this.cropSize.focusMode;
     this.focusModes.find(
-      (n) => n.value === w
+      (n) => n.value === g
     )?.auto && this.selectedFormat?.url && this.cropperElement ? await this.handleRequestAutoCropSuggestion({
-      focusMode: w,
-      height: y,
+      focusMode: g,
+      height: w,
       percentageHeight: i,
       percentageWidth: s,
-      width: v
+      width: x
     }) : this.cropSize = {
       ...this.cropSize,
-      height: y,
+      height: w,
       percentageHeight: i,
       percentageWidth: s,
-      width: v,
+      width: x,
       x: a,
       y: h
     };
@@ -1673,10 +1686,10 @@ let p = class extends F {
       });
     else {
       const s = this.focusModes.find(
-        (y) => y.value === this.cropSize.focusMode
+        (w) => w.value === this.cropSize.focusMode
       )?.auto;
-      let a = this.cropSize.keepAspectRatio, h = this.cropSize.focusMode, r = this.cropSize.x, m = this.cropSize.y;
-      e === "free" ? (a = !1, h = "manual") : this.cropSize.unit === o.Pixel && !s && (r = 0, m = 0), s ? await this.handleRequestAutoCropSuggestion({
+      let a = this.cropSize.keepAspectRatio, h = this.cropSize.focusMode, r = this.cropSize.x, y = this.cropSize.y;
+      e === "free" ? (a = !1, h = "manual") : this.cropSize.unit === o.Pixel && !s && (r = 0, y = 0), s ? await this.handleRequestAutoCropSuggestion({
         cropMode: e,
         focusMode: h,
         height: this.cropSize.height,
@@ -1688,7 +1701,7 @@ let p = class extends F {
         focusMode: h,
         keepAspectRatio: a,
         x: r,
-        y: m
+        y
       };
     }
   }
@@ -1713,14 +1726,14 @@ let p = class extends F {
         Math.max(Math.round(s / i), 0),
         this.resizeSize.height
       ), h = a * 100 / this.selectedFormat.height, r = s * 100 / this.selectedFormat.width;
-      let m = this.cropSize.x, y = this.cropSize.y;
-      m + r > 100 && (m = 100 - r), y + h > 100 && (y = 100 - h);
-      let v = this.cropSize.cropMode;
+      let y = this.cropSize.x, w = this.cropSize.y;
+      y + r > 100 && (y = 100 - r), w + h > 100 && (w = 100 - h);
+      let x = this.cropSize.cropMode;
       this.cropModes.find(
-        (x) => x.value === v
-      )?.auto && (v = "free"), t.detail.silent ? (this.cropSize.height = a, this.cropSize.keepAspectRatio = t.detail.keepAspectRatio, this.cropSize.percentageHeight = h, this.cropSize.percentageWidth = r, this.cropSize.ratioHeight = t.detail.height, this.cropSize.ratioWidth = t.detail.width, this.cropSize.unit = o.AspectRatio, this.cropSize.width = s) : this.cropSize = {
+        (m) => m.value === x
+      )?.auto && (x = "free"), t.detail.silent ? (this.cropSize.height = a, this.cropSize.keepAspectRatio = t.detail.keepAspectRatio, this.cropSize.percentageHeight = h, this.cropSize.percentageWidth = r, this.cropSize.ratioHeight = t.detail.height, this.cropSize.ratioWidth = t.detail.width, this.cropSize.unit = o.AspectRatio, this.cropSize.width = s) : this.cropSize = {
         ...this.cropSize,
-        cropMode: v,
+        cropMode: x,
         height: a,
         keepAspectRatio: t.detail.keepAspectRatio,
         percentageHeight: h,
@@ -1729,18 +1742,18 @@ let p = class extends F {
         ratioWidth: t.detail.width,
         unit: o.AspectRatio,
         width: s,
-        x: m,
-        y
+        x: y,
+        y: w
       };
     } else {
       const i = this.selectedFormat ? t.detail.height * 100 / this.selectedFormat.height : 100, s = this.selectedFormat ? t.detail.width * 100 / this.selectedFormat.width : 100;
       let a = this.cropSize.x, h = this.cropSize.y;
       a + s > 100 && (a = 100 - s), h + i > 100 && (h = 100 - i);
       let r = this.cropSize.cropMode;
-      const m = this.cropModes.find(
-        (y) => y.value === r
+      const y = this.cropModes.find(
+        (w) => w.value === r
       )?.auto;
-      (t.detail.breakAspectRatio || m) && (r = "free"), t.detail.silent ? (this.cropSize.cropMode = r, this.cropSize.height = t.detail.height, this.cropSize.keepAspectRatio = t.detail.keepAspectRatio, this.cropSize.percentageHeight = i, this.cropSize.percentageWidth = s, this.cropSize.unit = o.Pixel, this.cropSize.width = t.detail.width, this.cropSize.x = a, this.cropSize.y = h) : this.cropSize = {
+      (t.detail.breakAspectRatio || y) && (r = "free"), t.detail.silent ? (this.cropSize.cropMode = r, this.cropSize.height = t.detail.height, this.cropSize.keepAspectRatio = t.detail.keepAspectRatio, this.cropSize.percentageHeight = i, this.cropSize.percentageWidth = s, this.cropSize.unit = o.Pixel, this.cropSize.width = t.detail.width, this.cropSize.x = a, this.cropSize.y = h) : this.cropSize = {
         ...this.cropSize,
         cropMode: r,
         height: t.detail.height,
@@ -1785,7 +1798,7 @@ let p = class extends F {
             }
           ];
         else {
-          const m = this.cropSize.x / 100 * this.selectedFormat.width, y = this.cropSize.y / 100 * this.selectedFormat.height;
+          const y = this.cropSize.x / 100 * this.selectedFormat.width, w = this.cropSize.y / 100 * this.selectedFormat.height;
           this.transformations = [
             ...this.transformations,
             {
@@ -1794,8 +1807,8 @@ let p = class extends F {
                 height: r,
                 unit: s,
                 width: h,
-                x: m,
-                y
+                x: y,
+                y: w
               }
             }
           ];
@@ -1840,13 +1853,13 @@ let p = class extends F {
     const { height: e, unit: i, width: s } = t.detail;
     this.lastAction = c.Resize;
     const a = this.selectedFormat.width || this.defaultSize.width, h = this.selectedFormat.height || this.defaultSize.height;
-    let r = s, m = e;
-    this.resizeSize.unit !== i ? (r = a, m = h) : i === o.AspectRatio && (r = Math.round(s / e * h), m = h), this.transformations = [
+    let r = s, y = e;
+    this.resizeSize.unit !== i ? (r = a, y = h) : i === o.AspectRatio && (r = Math.round(s / e * h), y = h), this.transformations = [
       ...this.transformations,
       {
         key: c.Resize,
         value: {
-          height: m,
+          height: y,
           unit: i,
           width: r
         }
@@ -1942,7 +1955,7 @@ p.dependencies = {
   "cx-asset-link-format-metadata": P,
   "cx-asset-link-format-proxy": C,
   "cx-asset-link-format-quality": A,
-  "cx-asset-link-format-resize": f,
+  "cx-asset-link-format-resize": v,
   "cx-asset-link-format-rotation": R,
   "cx-button": q,
   "cx-space": H,

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.vctaA5cg.js";
+import { C as za } from "../chunks/table.CGTmaN_x.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.vctaA5cg.js";
+import "../chunks/table.CGTmaN_x.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.DPGjdQIL.js";
+import { C as w } from "../chunks/color-swatch-group.BaMEIlzq.js";
 import "../chunks/content-builder.B4Tqoc6M.js";
 import "../chunks/custom-element.L4WJXn1j.js";
 import "../chunks/debounce.DaHuiSGU.js";