Added referrer policy support to GUI Image to control xhr request header

packages/dev/core/src/Engines/ICanvas.ts

@@ -72,6 +72,12 @@ export interface IImage {
      * thereby enabling the configuration of the CORS requests for the element's fetched data.
      */
     crossOrigin: string | null;
+
+    /**
+     * provides support for referrer policy on xhr load request,
+     * it is used to control the request header.
+     */
+    referrerPolicy: string;
 }
 
 /**

packages/dev/core/src/Misc/tools.ts

@@ -310,6 +310,16 @@ export class Tools {
         SetCorsBehavior(url, element);
     }
 
+    /**
+     * Sets the referrerPolicy behavior on a dom element.
+     * @param referrerPolicy define the referrer policy to use
+     * @param element define the dom element where to configure the referrer policy
+     * @param element.referrerPolicy
+     */
+    public static SetReferrerPolicyBehavior(referrerPolicy: Nullable<ReferrerPolicy>, element: { referrerPolicy: string | null }): void {
+        element.referrerPolicy = referrerPolicy;
+    }
+
     // External files
 
     /**

packages/dev/gui/src/2D/controls/image.ts

@@ -58,6 +58,12 @@ export class Image extends Control {
      */
     public onSVGAttributesComputedObservable = new Observable<Image>();
 
+    /**
+     * Gets or sets the referrer policy to apply on the img element load request.
+     * You should set referrerPolicy before set the source of the image if you want to ensure the header will be present on the xhr loading request
+     */
+    public referrerPolicy: Nullable<ReferrerPolicy>;
+
     /**
      * Gets a boolean indicating that the content is loaded
      */
@@ -527,6 +533,7 @@ export class Image extends Control {
         };
         if (value) {
             Tools.SetCorsBehavior(value, this._domImage);
+            Tools.SetReferrerPolicyBehavior(this.referrerPolicy, this._domImage);
             this._domImage.src = value;
         }
     }