feat: add trusted types support "angular-extensions#elements"

projects/elements/jest.setup.ts

@@ -1,3 +1,11 @@
 import 'jest-preset-angular/setup-jest.mjs';
 
 declare const ngDevMode: boolean;
+
+// Globals mocks
+(window as any).trustedTypes = {
+  createPolicy: (name: string) => ({
+    createScript: (script: string) => script,
+    createScriptURL: (url: string) => url,
+  }),
+};

projects/elements/src/lib/lazy-elements/lazy-elements-loader.service.ts

@@ -15,6 +15,7 @@ import {
   LAZY_ELEMENT_ROOT_OPTIONS,
   LAZY_ELEMENTS_REGISTRY,
 } from './lazy-elements.tokens';
+import { getPolicy } from './trusted-types';
 
 import './ng-dev-mode';
 
@@ -132,7 +133,7 @@ export class LazyElementsLoaderService implements OnDestroy {
       if (isModule) {
         script.type = 'module';
       }
-      script.src = url;
+      script.src = getPolicy().createScriptURL(url);
       const onLoad = () => {
         if (afterLoadHook) {
           this.handleHook(afterLoadHook, tag)

projects/elements/src/lib/lazy-elements/trusted-types.ts

@@ -0,0 +1,34 @@
+export declare interface TrustedTypePolicy {
+  createScriptURL(url: string): string;
+}
+
+export declare interface TrustedTypePolicyFactory {
+  createPolicy(
+    policyName: string,
+    policyOptions: {
+      createScriptURL?: (url: string) => string;
+    }
+  ): TrustedTypePolicy;
+}
+
+let policy: TrustedTypePolicy | null | undefined;
+
+export function getPolicy(): TrustedTypePolicy | null {
+  if (policy === undefined) {
+    policy = null;
+    if (typeof window !== 'undefined') {
+      const ttWindow = window as unknown as {
+        trustedTypes?: TrustedTypePolicyFactory;
+      };
+      if (ttWindow.trustedTypes !== undefined) {
+        policy = ttWindow.trustedTypes.createPolicy(
+          'angular-extensions#elements',
+          {
+            createScriptURL: (url: string) => url,
+          }
+        );
+      }
+    }
+  }
+  return policy;
+}