@orangelogic/design-system 2.67.0 → 2.68.0

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

@@ -216,7 +216,7 @@ var mt = Object.defineProperty, xt = Object.getOwnPropertyDescriptor, g = (t, e,
     (r = t[h]) && (a = (s ? r(e, i, a) : r(a)) || a);
   return s && a && mt(e, i, a), a;
 };
-let d = class extends F {
+let u = 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.percentageWidth = 0, this.percentageHeight = 0, this.unit = o.Pixel, this.disabledApply = !1, this.lastAppliedSetting = {
       [o.Pixel]: {
@@ -573,8 +573,8 @@ let d = class extends F {
     </cx-details>`;
   }
 };
-d.styles = [E, gt];
-d.dependencies = {
+u.styles = [E, gt];
+u.dependencies = {
   "cx-button": q,
   "cx-details": L,
   "cx-divider": nt,
@@ -588,82 +588,82 @@ d.dependencies = {
 };
 g([
   T(".details")
-], d.prototype, "base", 2);
+], u.prototype, "base", 2);
 g([
   l({ reflect: !0, type: Boolean })
-], d.prototype, "open", 2);
+], u.prototype, "open", 2);
 g([
   l({ reflect: !0, type: Number })
-], d.prototype, "width", 2);
+], u.prototype, "width", 2);
 g([
   l({ reflect: !0, type: Number })
-], d.prototype, "height", 2);
+], u.prototype, "height", 2);
 g([
   l({ attribute: "max-width", reflect: !0, type: Number })
-], d.prototype, "maxWidth", 2);
+], u.prototype, "maxWidth", 2);
 g([
   l({ attribute: "max-height", reflect: !0, type: Number })
-], d.prototype, "maxHeight", 2);
+], u.prototype, "maxHeight", 2);
 g([
   l({ attribute: "ratio-width", reflect: !0, type: Number })
-], d.prototype, "ratioWidth", 2);
+], u.prototype, "ratioWidth", 2);
 g([
   l({ attribute: "ratio-height", reflect: !0, type: Number })
-], d.prototype, "ratioHeight", 2);
+], u.prototype, "ratioHeight", 2);
 g([
   l({ attribute: "percentage-width", reflect: !0, type: Number })
-], d.prototype, "percentageWidth", 2);
+], u.prototype, "percentageWidth", 2);
 g([
   l({ attribute: "percentage-height", reflect: !0, type: Number })
-], d.prototype, "percentageHeight", 2);
+], u.prototype, "percentageHeight", 2);
 g([
   l({ reflect: !0, type: String })
-], d.prototype, "unit", 2);
+], u.prototype, "unit", 2);
 g([
   l({ attribute: "disabled-apply", reflect: !0, type: Boolean })
-], d.prototype, "disabledApply", 2);
+], u.prototype, "disabledApply", 2);
 g([
   l({ attribute: "last-applied-setting", reflect: !1, type: Object })
-], d.prototype, "lastAppliedSetting", 2);
+], u.prototype, "lastAppliedSetting", 2);
 g([
   l({ reflect: !0, type: Boolean })
-], d.prototype, "loading", 2);
+], u.prototype, "loading", 2);
 g([
   l({ attribute: "crop-modes", reflect: !1, type: Array })
-], d.prototype, "cropModes", 2);
+], u.prototype, "cropModes", 2);
 g([
   l({ attribute: "focus-modes", reflect: !1, type: Object })
-], d.prototype, "focusModes", 2);
+], u.prototype, "focusModes", 2);
 g([
   l({ attribute: "focus-mode", reflect: !0, type: String })
-], d.prototype, "focusMode", 2);
+], u.prototype, "focusMode", 2);
 g([
   l({ attribute: "crop-mode", reflect: !0, type: String })
-], d.prototype, "cropMode", 2);
+], u.prototype, "cropMode", 2);
 g([
   l({ attribute: "keep-aspect-ratio", reflect: !0, type: Boolean })
-], d.prototype, "keepAspectRatio", 2);
+], u.prototype, "keepAspectRatio", 2);
 g([
   z()
-], d.prototype, "invalidWidth", 2);
+], u.prototype, "invalidWidth", 2);
 g([
   z()
-], d.prototype, "invalidHeight", 2);
+], u.prototype, "invalidHeight", 2);
 g([
   z()
-], d.prototype, "aspectRatio", 2);
+], u.prototype, "aspectRatio", 2);
 g([
   k("cropMode", { waitUntilFirstUpdate: !0 }),
   k("maxWidth", { waitUntilFirstUpdate: !0 }),
   k("maxHeight", { waitUntilFirstUpdate: !0 }),
   k("keepAspectRatio")
-], d.prototype, "handleCropModeChange", 1);
+], u.prototype, "handleCropModeChange", 1);
 g([
   k("open")
-], d.prototype, "handleOpenChange", 1);
-d = g([
+], u.prototype, "handleOpenChange", 1);
+u = g([
   N("cx-asset-link-format-crop")
-], d);
+], u);
 const ft = D`
   .extension {
     padding: var(--cx-spacing-small) var(--cx-spacing-medium);
@@ -1566,14 +1566,14 @@ Z([
 P = Z([
   N("cx-asset-link-format-metadata")
 ], P);
-var Et = Object.defineProperty, Nt = Object.getOwnPropertyDescriptor, u = (t, e, i, s) => {
+var Et = Object.defineProperty, Nt = Object.getOwnPropertyDescriptor, d = (t, e, i, s) => {
   for (var a = s > 1 ? void 0 : s ? Nt(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 && Et(e, i, a), a;
 };
 let p = class extends F {
   constructor() {
-    super(), this.localize = new O(this), this.baseUrl = void 0, this.asset = void 0, this.cropModes = [
+    super(), this.localize = new O(this), this.baseUrl = void 0, this.token = void 0, this.asset = void 0, this.cropModes = [
       {
         label: "Free",
         value: "free"
@@ -1789,6 +1789,7 @@ let p = class extends F {
         assetId: this.asset.id,
         extension: this.asset.extension,
         format: e?.proxyName ?? "",
+        token: this.token,
         transformations: this.transformationString
       }).then((s) => {
         this.loading = !1, !(!s?.relativePath || !this.selectedFormat) && (this.lastAction === c.Rotate && (this.rotation = 0), this.lastAction = void 0, this.lastImageSize = {
@@ -1838,6 +1839,7 @@ let p = class extends F {
       assetId: this.asset.id,
       extension: this.selectedFormat.extension,
       format: t?.proxyName ?? "",
+      token: this.token,
       transformations: this.transformationString
     });
     if (this.loading = !1, !e?.relativePath || !this.selectedFormat)
@@ -2513,7 +2515,7 @@ let p = class extends F {
 };
 p.styles = [E, ut];
 p.dependencies = {
-  "cx-asset-link-format-crop": d,
+  "cx-asset-link-format-crop": u,
   "cx-asset-link-format-extension": U,
   "cx-asset-link-format-metadata": P,
   "cx-asset-link-format-proxy": C,
@@ -2524,91 +2526,94 @@ p.dependencies = {
   "cx-space": H,
   "cx-typography": W
 };
-u([
-  l({ attribute: "base-url", reflect: !0, type: String })
+d([
+  l({ attribute: "base-url", type: String })
 ], p.prototype, "baseUrl", 2);
-u([
+d([
+  l({ attribute: "token", type: String })
+], p.prototype, "token", 2);
+d([
   l({ reflect: !1, type: Object })
 ], p.prototype, "asset", 2);
-u([
+d([
   l({ attribute: "crop-modes", reflect: !1, type: Array })
 ], p.prototype, "cropModes", 2);
-u([
+d([
   l({ attribute: "focus-modes", reflect: !1, type: Object })
 ], p.prototype, "focusModes", 2);
-u([
+d([
   l({ reflect: !1, type: Array })
 ], p.prototype, "extensions", 2);
-u([
+d([
   l({ reflect: !1, type: Array })
 ], p.prototype, "proxies", 2);
-u([
+d([
   l({ attribute: "for-cropper", reflect: !0, type: String })
 ], p.prototype, "forCropper", 2);
-u([
+d([
   l({ attribute: "use-session", reflect: !0, type: String })
 ], p.prototype, "useSession", 2);
-u([
+d([
   l({ reflect: !1, type: Array })
 ], p.prototype, "transformations", 2);
-u([
+d([
   l({ attribute: "selected-proxy", reflect: !0, type: String })
 ], p.prototype, "selectedProxy", 2);
-u([
+d([
   l({ attribute: "use-custom-extension", reflect: !0, type: Boolean })
 ], p.prototype, "useCustomExtension", 2);
-u([
+d([
   l({ attribute: "last-image-size", reflect: !1, type: Object })
 ], p.prototype, "lastImageSize", 2);
-u([
+d([
   l({ attribute: "hide-header", reflect: !1, type: Boolean })
 ], p.prototype, "hideHeader", 2);
-u([
+d([
   l({ attribute: !1, reflect: !1, type: Object })
 ], p.prototype, "queryElement", 2);
-u([
+d([
   z()
 ], p.prototype, "activeSetting", 2);
-u([
+d([
   z()
 ], p.prototype, "selectedFormat", 2);
-u([
+d([
   z()
 ], p.prototype, "resizeSize", 2);
-u([
+d([
   z()
 ], p.prototype, "cropSize", 2);
-u([
+d([
   z()
 ], p.prototype, "rotation", 2);
-u([
+d([
   z()
 ], p.prototype, "defaultSize", 2);
-u([
+d([
   z()
 ], p.prototype, "cropperElement", 2);
-u([
+d([
   z()
 ], p.prototype, "parameters", 2);
-u([
+d([
   z()
 ], p.prototype, "loading", 2);
-u([
+d([
   z()
 ], p.prototype, "lastAction", 2);
-u([
+d([
   z()
 ], p.prototype, "frozenIndex", 2);
-u([
+d([
   k(["transformations"])
 ], p.prototype, "handleTransformationsChange", 1);
-u([
+d([
   k("selectedProxy")
 ], p.prototype, "handleSelectedProxyChange", 1);
-u([
+d([
   k("loading")
 ], p.prototype, "handleLoadingChange", 1);
-p = u([
+p = d([
   N("cx-asset-link-format")
 ], p);
 export {

package/library/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@orangelogic/design-system",
   "type": "module",
-  "version": "2.67.0",
+  "version": "2.68.0",
   "license": "UNLICENSED",
   "types": "library/types.d.ts",
   "scripts": {

package/library/packages/organisms/src/asset-link-format/asset-link-format.d.ts

@@ -42,6 +42,10 @@ export default class CxAssetLinkFormat extends CortexElement {
      * @example 'https://qa-latest.orangelogic.com'
      */
     baseUrl: string | undefined;
+    /**
+     * The token used for authentication with the asset service.
+     */
+    token: string | undefined;
     /**
      * The asset to be formatted.
      * This is an object that contains the asset's details such as ID, original URL, image URL, width, and height.

package/library/react-web-component.d.ts

@@ -6671,6 +6671,10 @@
           * The base URL for the asset service. This URL is used to fetch the asset link and apply transformations. This is useful for integration with different environments that are outside of the Orange Logic platform, such as Content Browser SDK. If not provided, the component will use the current window location as the base URL. <br/>@example 'https://qa-latest.orangelogic.com'
         */
         baseUrl?: string;
+        /**
+          * The token used for authentication with the asset service.
+        */
+        token?: string;
         /**
           * The asset to be formatted. This is an object that contains the asset's details such as ID, original URL, image URL, width, and height. This property is required for the component to function correctly.
         */

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@orangelogic/design-system",
   "type": "module",
-  "version": "2.67.0",
+  "version": "2.68.0",
   "license": "UNLICENSED",
   "types": "library/types.d.ts",
   "scripts": {