@orangelogic/design-system 2.89.0 → 2.90.0

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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@orangelogic/design-system",
   "type": "module",
-  "version": "2.89.0",
+  "version": "2.90.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.90.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",