@angular/upgrade 19.0.0-next.0 → 19.0.0-next.10

package/fesm2022/upgrade.mjs

@@ -1,11 +1,11 @@
 /**
- * @license Angular v19.0.0-next.0
+ * @license Angular v19.0.0-next.10
  * (c) 2010-2024 Google LLC. https://angular.io/
  * License: MIT
  */
 
 import * as i0 from '@angular/core';
-import { Version, ɵNG_MOD_DEF, Injector, ChangeDetectorRef, Testability, TestabilityRegistry, ApplicationRef, SimpleChange, NgZone, ComponentFactoryResolver, Inject, ElementRef, Directive, EventEmitter, Compiler, NgModule, resolveForwardRef } from '@angular/core';
+import { Version, ɵNG_MOD_DEF, Injector, ChangeDetectorRef, Testability, TestabilityRegistry, ApplicationRef, SimpleChange, ɵSIGNAL, NgZone, ComponentFactoryResolver, Inject, ElementRef, Directive, EventEmitter, Compiler, NgModule, resolveForwardRef } from '@angular/core';
 import { __decorate, __metadata } from 'tslib';
 import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 
@@ -17,7 +17,7 @@ import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 /**
  * @publicApi
  */
-const VERSION = new Version('19.0.0-next.0');
+const VERSION = new Version('19.0.0-next.10');
 
 function noNg() {
     throw new Error('AngularJS v1.x is not loaded!');
@@ -276,7 +276,7 @@ const INITIAL_VALUE$1 = {
     __UNINITIALIZED__: true,
 };
 class DowngradeComponentAdapter {
-    constructor(element, attrs, scope, ngModel, parentInjector, $compile, $parse, componentFactory, wrapCallback) {
+    constructor(element, attrs, scope, ngModel, parentInjector, $compile, $parse, componentFactory, wrapCallback, unsafelyOverwriteSignalInputs) {
         this.element = element;
         this.attrs = attrs;
         this.scope = scope;
@@ -286,6 +286,7 @@ class DowngradeComponentAdapter {
         this.$parse = $parse;
         this.componentFactory = componentFactory;
         this.wrapCallback = wrapCallback;
+        this.unsafelyOverwriteSignalInputs = unsafelyOverwriteSignalInputs;
         this.implementsOnChanges = false;
         this.inputChangeCount = 0;
         this.inputChanges = {};
@@ -341,7 +342,7 @@ class DowngradeComponentAdapter {
             const inputBinding = new PropertyBinding(input.propName, input.templateName);
             let expr = null;
             if (attrs.hasOwnProperty(inputBinding.attr)) {
-                const observeFn = ((prop) => {
+                const observeFn = ((prop, isSignal) => {
                     let prevValue = INITIAL_VALUE$1;
                     return (currValue) => {
                         // Initially, both `$observe()` and `$watch()` will call this function.
@@ -349,11 +350,11 @@ class DowngradeComponentAdapter {
                             if (prevValue === INITIAL_VALUE$1) {
                                 prevValue = currValue;
                             }
-                            this.updateInput(componentRef, prop, prevValue, currValue);
+                            this.updateInput(componentRef, prop, prevValue, currValue, isSignal);
                             prevValue = currValue;
                         }
                     };
-                })(inputBinding.prop);
+                })(inputBinding.prop, input.isSignal);
                 attrs.$observe(inputBinding.attr, observeFn);
                 // Use `$watch()` (in addition to `$observe()`) in order to initialize the input in time
                 // for `ngOnChanges()`. This is necessary if we are already in a `$digest`, which means that
@@ -377,7 +378,7 @@ class DowngradeComponentAdapter {
                 expr = attrs[inputBinding.bracketParenAttr];
             }
             if (expr != null) {
-                const watchFn = ((prop) => (currValue, prevValue) => this.updateInput(componentRef, prop, prevValue, currValue))(inputBinding.prop);
+                const watchFn = ((prop, isSignal) => (currValue, prevValue) => this.updateInput(componentRef, prop, prevValue, currValue, isSignal))(inputBinding.prop, input.isSignal);
                 this.componentScope.$watch(expr, watchFn);
             }
         }
@@ -488,12 +489,18 @@ class DowngradeComponentAdapter {
             }
         });
     }
-    updateInput(componentRef, prop, prevValue, currValue) {
+    updateInput(componentRef, prop, prevValue, currValue, isSignal) {
         if (this.implementsOnChanges) {
             this.inputChanges[prop] = new SimpleChange(prevValue, currValue, prevValue === currValue);
         }
         this.inputChangeCount++;
-        componentRef.instance[prop] = currValue;
+        if (isSignal && !this.unsafelyOverwriteSignalInputs) {
+            const node = componentRef.instance[prop][ɵSIGNAL];
+            node.applyValueToInputSignal(node, currValue);
+        }
+        else {
+            componentRef.instance[prop] = currValue;
+        }
     }
     groupProjectableNodes() {
         let ngContentSelectors = this.componentFactory.ngContentSelectors;
@@ -646,6 +653,7 @@ class SyncPromise {
  */
 function downgradeComponent(info) {
     const directiveFactory = function ($compile, $injector, $parse) {
+        const unsafelyOverwriteSignalInputs = info.unsafelyOverwriteSignalInputs ?? false;
         // When using `downgradeModule()`, we need to handle certain things specially. For example:
         // - We always need to attach the component view to the `ApplicationRef` for it to be
         //   dirty-checked.
@@ -733,7 +741,7 @@ function downgradeComponent(info) {
                         throw new Error(`Expecting ComponentFactory for: ${getTypeName(info.component)}`);
                     }
                     const injectorPromise = new ParentInjectorPromise(element);
-                    const facade = new DowngradeComponentAdapter(element, attrs, scope, ngModel, injector, $compile, $parse, componentFactory, wrapCallback);
+                    const facade = new DowngradeComponentAdapter(element, attrs, scope, ngModel, injector, $compile, $parse, componentFactory, wrapCallback, unsafelyOverwriteSignalInputs);
                     const projectableNodes = facade.compileContents();
                     const componentRef = facade.createComponentAndSetup(projectableNodes, isNgUpgradeLite, info.propagateDigest);
                     injectorPromise.resolve(componentRef.injector);
@@ -864,6 +872,47 @@ function downgradeInjectable(token, downgradedModule = '') {
     return factory;
 }
 
+/**
+ * The Trusted Types policy, or null if Trusted Types are not
+ * enabled/supported, or undefined if the policy has not been created yet.
+ */
+let policy;
+/**
+ * Returns the Trusted Types policy, or null if Trusted Types are not
+ * enabled/supported. The first call to this function will create the policy.
+ */
+function getPolicy() {
+    if (policy === undefined) {
+        policy = null;
+        const windowWithTrustedTypes = window;
+        if (windowWithTrustedTypes.trustedTypes) {
+            try {
+                policy = windowWithTrustedTypes.trustedTypes.createPolicy('angular#unsafe-upgrade', {
+                    createHTML: (s) => s,
+                });
+            }
+            catch {
+                // trustedTypes.createPolicy throws if called with a name that is
+                // already registered, even in report-only mode. Until the API changes,
+                // catch the error not to break the applications functionally. In such
+                // cases, the code will fall back to using strings.
+            }
+        }
+    }
+    return policy;
+}
+/**
+ * Unsafely promote a legacy AngularJS template to a TrustedHTML, falling back
+ * to strings when Trusted Types are not available.
+ * @security This is a security-sensitive function; any use of this function
+ * must go through security review. In particular, the template string should
+ * always be under full control of the application author, as untrusted input
+ * can cause an XSS vulnerability.
+ */
+function trustedHTMLFromLegacyTemplate(html) {
+    return getPolicy()?.createHTML(html) || html;
+}
+
 // Constants
 const REQUIRE_PREFIX_RE = /^(\^\^?)?(\?)?(\^\^?)?/;
 // Classes
@@ -895,14 +944,14 @@ class UpgradeHelper {
     }
     static getTemplate($injector, directive, fetchRemoteTemplate = false, $element) {
         if (directive.template !== undefined) {
-            return getOrCall(directive.template, $element);
+            return trustedHTMLFromLegacyTemplate(getOrCall(directive.template, $element));
         }
         else if (directive.templateUrl) {
             const $templateCache = $injector.get($TEMPLATE_CACHE);
             const url = getOrCall(directive.templateUrl, $element);
             const template = $templateCache.get(url);
             if (template !== undefined) {
-                return template;
+                return trustedHTMLFromLegacyTemplate(template);
             }
             else if (!fetchRemoteTemplate) {
                 throw new Error('loading directive templates asynchronously is not supported');
@@ -911,7 +960,7 @@ class UpgradeHelper {
                 const $httpBackend = $injector.get($HTTP_BACKEND);
                 $httpBackend('GET', url, null, (status, response) => {
                     if (status === 200) {
-                        resolve($templateCache.put(url, response));
+                        resolve(trustedHTMLFromLegacyTemplate($templateCache.put(url, response)));
                     }
                     else {
                         reject(`GET component template from '${url}' returned '${status}: ${response}'`);
@@ -1138,6 +1187,7 @@ class UpgradeNg1ComponentAdapterBuilder {
                 selector: selector,
                 inputs: this.inputsRename,
                 outputs: this.outputsRename,
+                standalone: false,
             }),
             __metadata("design:paramtypes", [Object, Injector, ElementRef])
         ], MyClass);
@@ -1241,7 +1291,7 @@ class UpgradeNg1ComponentAdapter {
     ngOnInit() {
         // Collect contents, insert and compile template
         const attachChildNodes = this.helper.prepareTransclusion();
-        const linkFn = this.helper.compileTemplate(this.template);
+        const linkFn = this.helper.compileTemplate(trustedHTMLFromLegacyTemplate(this.template));
         // Instantiate controller (if not already done so)
         const controllerType = this.directive.controller;
         const bindToController = this.directive.bindToController;
@@ -1306,10 +1356,10 @@ class UpgradeNg1ComponentAdapter {
     setComponentProperty(name, value) {
         this.destinationObj[this.propertyMap[name]] = value;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.0", ngImport: i0, type: UpgradeNg1ComponentAdapter, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0-next.0", type: UpgradeNg1ComponentAdapter, usesOnChanges: true, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: UpgradeNg1ComponentAdapter, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0-next.10", type: UpgradeNg1ComponentAdapter, isStandalone: true, usesOnChanges: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.0", ngImport: i0, type: UpgradeNg1ComponentAdapter, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0-next.10", ngImport: i0, type: UpgradeNg1ComponentAdapter, decorators: [{
             type: Directive
         }], ctorParameters: () => [{ type: UpgradeHelper }, { type: undefined }, { type: undefined }, { type: undefined }, { type: undefined }, { type: undefined }, { type: undefined }, { type: undefined }] });