generator-jhipster 8.7.3 → 8.8.0

package/dist/generators/angular/templates/src/main/webapp/app/entities/_entityFolder_/update/_entityFile_-update.component.spec.ts.ejs

@@ -17,13 +17,13 @@
  limitations under the License.
 -%>
 <%_
-const tsKeyId = this.generateTestEntityId(primaryKey.type);
+const tsKeyId = primaryKey.tsSampleValues[0];
 const allRelationshipsByEntityNeedingOptions = Object
   .values(relationshipsByOtherEntity)
   .map(relationships => relationships.filter(rel => rel.persistableRelationship && !rel.otherEntity.embedded))
   .filter(relationships => relationships.length > 0);
-const testEntityPrimaryKey0 = this.generateTestEntityPrimaryKey(primaryKey, 0);
-const testEntityPrimaryKey1 = this.generateTestEntityPrimaryKey(primaryKey, 1);
+const testEntityPrimaryKey0 = tsPrimaryKeySamples[0];
+const testEntityPrimaryKey1 = tsPrimaryKeySamples[1];
 _%>
 import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { provideHttpClient, HttpResponse } from '@angular/common/http';
@@ -95,14 +95,14 @@ describe('<%= entityAngularName %> Management Update Component', () => {
     <%_ for (const relationship of relationshipsWithCustomSharedOptions) { _%>
       <%_ const reference = relationship.reference _%>
       <%_ if (relationship.collection) { _%>
-                const <%= reference.name %> : I<%= otherEntity.entityAngularName %>[] = [<%- this.generateTestEntityPrimaryKey(otherEntity.primaryKey) %>];
+                const <%= reference.name %> : I<%= otherEntity.entityAngularName %>[] = [<%- otherEntity.tsPrimaryKeySamples[0] %>];
       <%_ } else { _%>
-                const <%= reference.name %> : I<%= otherEntity.entityAngularName %> = <%- this.generateTestEntityPrimaryKey(otherEntity.primaryKey) %>;
+                const <%= reference.name %> : I<%= otherEntity.entityAngularName %> = <%- otherEntity.tsPrimaryKeySamples[0] %>;
       <%_ } _%>
                 <%= entityInstance %>.<%= reference.name %> = <%= reference.name %>;
     <%_ } _%>
 
-                const <%= otherEntity.entityInstance %>Collection: I<%= otherEntity.entityAngularName %>[] = [<%- this.generateTestEntityPrimaryKey(otherEntity.primaryKey) %>];
+                const <%= otherEntity.entityInstance %>Collection: I<%= otherEntity.entityAngularName %>[] = [<%- otherEntity.tsPrimaryKeySamples[0] %>];
                 jest.spyOn(<%= otherEntity.entityInstance %>Service, 'query').mockReturnValue(of(new HttpResponse({ body: <%= otherEntity.entityInstance %>Collection })));
                 const additional<%= otherEntity.entityAngularNamePlural %> = [
     <%_ for (const relationship of relationshipsWithCustomSharedOptions) { _%>
@@ -130,10 +130,10 @@ describe('<%= entityAngularName %> Management Update Component', () => {
     <%_ const reference = relationship.reference _%>
         it('Should call <%= reference.name %> query and add missing value', () => {
                 const <%= entityInstance %> : I<%= entityAngularName %> = <%- testEntityPrimaryKey1 %>;
-                const <%= reference.name %> : I<%= otherEntity.entityAngularName %> = <%- this.generateTestEntityPrimaryKey(otherEntity.primaryKey) %>;
+                const <%= reference.name %> : I<%= otherEntity.entityAngularName %> = <%- otherEntity.tsPrimaryKeySamples[0] %>;
                 <%= entityInstance %>.<%= reference.name %> = <%= reference.name %>;
 
-                const <%= reference.name %>Collection: I<%= otherEntity.entityAngularName %>[] = [<%- this.generateTestEntityPrimaryKey(otherEntity.primaryKey) %>];
+                const <%= reference.name %>Collection: I<%= otherEntity.entityAngularName %>[] = [<%- otherEntity.tsPrimaryKeySamples[0] %>];
                 jest.spyOn(<%= otherEntity.entityInstance %>Service, 'query').mockReturnValue(of(new HttpResponse({ body: <%= reference.name %>Collection })));
                 const expectedCollection: I<%= otherEntity.entityAngularName %>[] = [<%= reference.name %>, ...<%= reference.name %>Collection];
                 jest.spyOn(<%= otherEntity.entityInstance %>Service, 'add<%= otherEntity.entityAngularName %>ToCollectionIfMissing').mockReturnValue(expectedCollection);
@@ -153,7 +153,7 @@ describe('<%= entityAngularName %> Management Update Component', () => {
 <%_ for (const relationshipsByEntityNeedingOptions of allRelationshipsByEntityNeedingOptions) { _%>
   <%_ for (const relationship of relationshipsByEntityNeedingOptions) { _%>
     <%_ const otherEntity = relationship.otherEntity _%>
-            const <%= relationship.relationshipName %>: I<%= otherEntity.entityAngularName %> = <%- this.generateTestEntityPrimaryKey(otherEntity.primaryKey) %>;
+            const <%= relationship.relationshipName %>: I<%= otherEntity.entityAngularName %> = <%- otherEntity.tsPrimaryKeySamples[0] %>;
             <%= entityInstance %>.<%= relationship.reference.name %> = <%= relationship.collection ? `[${relationship.relationshipName}]` : relationship.relationshipName %>;
   <%_ } _%>
 <%_ } _%>
@@ -165,7 +165,7 @@ describe('<%= entityAngularName %> Management Update Component', () => {
   <%_ const relationshipsWithCustomUniqueOptions = relationshipsByEntityNeedingOptions.filter(rel => rel.relationshipOneToOne && rel.otherRelationship); _%>
   <%_ for (const relationship of relationshipsByEntityNeedingOptions) { _%>
     <%_ const otherEntity = relationship.otherEntity _%>
-            expect(comp.<% if (!relationshipsWithCustomUniqueOptions.includes(relationship)) { %><%= otherEntity.entityInstancePlural %>Shared<% } else { %><%= relationship.relationshipFieldNamePlural %><% } %>Collection).toContain(<%= relationship.relationshipName %>);
+            expect(comp.<% if (!relationshipsWithCustomUniqueOptions.includes(relationship)) { %><%= otherEntity.entityInstancePlural %>Shared<% } else { %><%= relationship.relationshipFieldNamePlural %><% } %>Collection).toContainEqual(<%= relationship.relationshipName %>);
   <%_ } _%>
 <%_ } _%>
             expect(comp.<%= entityInstance %>).toEqual(<%= entityInstance %>);
@@ -254,8 +254,8 @@ _%>
   _%>
         describe('compare<%= otherEntity.entityAngularName %>', () => {
             it('Should forward to <%= otherEntity.entityInstance %>Service', () => {
-                const entity = <%- this.generateTestEntityPrimaryKey(otherEntity.primaryKey, 0) %>;
-                const entity2 = <%- this.generateTestEntityPrimaryKey(otherEntity.primaryKey, 1) %>;
+                const entity = <%- otherEntity.tsPrimaryKeySamples[0] %>;
+                const entity2 = <%- otherEntity.tsPrimaryKeySamples[1] %>;
                 jest.spyOn(<%= otherEntity.entityInstance %>Service, 'compare<%= otherEntity.entityAngularName %>');
                 comp.compare<%= otherEntity.entityAngularName %>(entity, entity2);
                 expect(<%= otherEntity.entityInstance %>Service.compare<%= otherEntity.entityAngularName %>).toHaveBeenCalledWith(entity, entity2);

package/dist/generators/angular/templates/src/main/webapp/app/entities/_entityFolder_/update/_entityFile_-update.component.ts.ejs

@@ -49,13 +49,12 @@ import { <%= uniqueRel.otherEntityAngularName %>Service } from 'app/entities/<%=
     }
   }
 _%>
-<%_ const enumImports = this.generateEntityClientEnumImports(fields); _%>
+<%_ const enumImports = generateEntityClientEnumImports(fields); _%>
 <%_ enumImports.forEach( (importedPath, importedType) => { _%>
 import { <%- importedType %> } from '<%- importedPath %>';
 <%_ }); _%>
 
 @Component({
-    standalone: true,
     selector: '<%= jhiPrefixDashed %>-<%= entityFileName %>-update',
     templateUrl: './<%= entityFileName %>-update.component.html',
     imports: [SharedModule, FormsModule, ReactiveFormsModule],

package/dist/generators/angular/templates/src/main/webapp/app/entities/entity-navbar-items.ts.ejs

@@ -19,7 +19,7 @@
 import NavbarItem from 'app/layouts/navbar/navbar-item.model';
 
 export const EntityNavbarItems: NavbarItem[] = [
-<%_ for (const entity of this.localEntities) { _%>
+<%_ for (const entity of angularEntities) { _%>
   {
     name: '<%= entity.entityAngularName %>',
     route: '/<%= entity.entityPage %>',

package/dist/generators/angular/templates/src/main/webapp/app/home/home.component.ts.ejs

@@ -36,7 +36,6 @@ import { AccountService } from 'app/core/auth/account.service';
 import { Account } from 'app/core/auth/account.model';
 
 @Component({
-  standalone: true,
   selector: '<%= jhiPrefixDashed %>-home',
   templateUrl: './home.component.html',
   styleUrl: './home.component.scss',

package/dist/generators/angular/templates/src/main/webapp/app/layouts/error/error.component.ts.ejs

@@ -25,7 +25,6 @@ import { TranslateService } from '@ngx-translate/core';
 import SharedModule from 'app/shared/shared.module';
 
 @Component({
-  standalone: true,
   selector: '<%= jhiPrefixDashed %>-error',
   templateUrl: './error.component.html',
   imports: [SharedModule],

package/dist/generators/angular/templates/src/main/webapp/app/layouts/footer/footer.component.ts.ejs

@@ -22,7 +22,6 @@ import { TranslateDirective } from 'app/shared/language';
 <%_ } _%>
 
 @Component({
-  standalone: true,
   selector: '<%= jhiPrefixDashed %>-footer',
   templateUrl: './footer.component.html',
 <%_ if (enableTranslation) { _%>

package/dist/generators/angular/templates/src/main/webapp/app/layouts/main/main.component.spec.ts.ejs

@@ -25,7 +25,7 @@ import { DOCUMENT } from '@angular/common';
 import { Component, NgZone } from '@angular/core';
 import { of } from 'rxjs';
 <%_ if (enableTranslation) { _%>
-import { TranslateModule, TranslateService, LangChangeEvent } from '@ngx-translate/core';
+import { InterpolatableTranslationObject, TranslateModule, TranslateService, LangChangeEvent } from '@ngx-translate/core';
 <%_ } _%>
 
 import { AccountService } from 'app/core/auth/account.service';
@@ -100,7 +100,7 @@ describe('MainComponent', () => {
     const parentRoutePageTitle = 'parentTitle';
     const childRoutePageTitle = 'childTitle';
 <%_ if (enableTranslation) { _%>
-    const langChangeEvent: LangChangeEvent = { lang: '<%= nativeLanguage %>', translations: null };
+    const langChangeEvent: LangChangeEvent = { lang: '<%= nativeLanguage %>', translations: {} as InterpolatableTranslationObject };
 <%_ } _%>
 
     beforeEach(() => {
@@ -271,7 +271,7 @@ describe('MainComponent', () => {
   <%_ if (enableI18nRTL) { _%>
       findLanguageFromKeyPipe.isRTL = jest.fn(() => false);
   <%_ } _%>
-      translateService.onLangChange.emit({ lang: 'lang1', translations: null });
+      translateService.onLangChange.emit({ lang: 'lang1', translations: {} as InterpolatableTranslationObject });
 
       // THEN
       expect(document.querySelector('html')?.getAttribute('lang')).toEqual('lang1');
@@ -283,7 +283,7 @@ describe('MainComponent', () => {
   <%_ if (enableI18nRTL) { _%>
       findLanguageFromKeyPipe.isRTL = jest.fn(() => true);
   <%_ } _%>
-      translateService.onLangChange.emit({ lang: 'lang2', translations: null });
+      translateService.onLangChange.emit({ lang: 'lang2', translations: {} as InterpolatableTranslationObject });
 
       // THEN
       expect(document.querySelector('html')?.getAttribute('lang')).toEqual('lang2');
@@ -295,5 +295,7 @@ describe('MainComponent', () => {
 <%_ } _%>
 });
 
-@Component({ template: '' })
+@Component({
+  template: '',
+})
 export class BlankComponent {}

package/dist/generators/angular/templates/src/main/webapp/app/layouts/main/main.component.ts.ejs

@@ -32,7 +32,6 @@ import FooterComponent from '../footer/footer.component';
 import PageRibbonComponent from '../profiles/page-ribbon.component';
 
 @Component({
-  standalone: true,
   selector: '<%= jhiPrefixDashed %>-main',
   templateUrl: './main.component.html',
   providers: [AppPageTitleStrategy],

package/dist/generators/angular/templates/src/main/webapp/app/layouts/navbar/active-menu.directive.ts.ejs

@@ -20,7 +20,6 @@ import { Directive, OnInit, ElementRef, Renderer2, inject, input } from '@angula
 import { TranslateService, LangChangeEvent } from '@ngx-translate/core';
 
 @Directive({
-  standalone: true,
   selector: '[<%= jhiPrefix %>ActiveMenu]',
 })
 export default class ActiveMenuDirective implements OnInit {

package/dist/generators/angular/templates/src/main/webapp/app/layouts/navbar/navbar.component.ts.ejs

@@ -25,7 +25,6 @@ import { TranslateService } from '@ngx-translate/core';
 import { StateStorageService } from 'app/core/auth/state-storage.service';
 import SharedModule from 'app/shared/shared.module';
 import HasAnyAuthorityDirective from 'app/shared/auth/has-any-authority.directive'
-import { VERSION } from 'app/app.constants';
 <%_ if (enableTranslation) { _%>
 import { LANGUAGES } from 'app/config/language.constants';
 import ActiveMenuDirective from './active-menu.directive';
@@ -38,10 +37,10 @@ import { EntityNavbarItems } from 'app/entities/entity-navbar-items';
 <% if (microfrontend && applicationTypeGateway) { %>
 import { loadNavbarItems, loadTranslationModule } from 'app/core/microfrontend';
 <%_ } _%>
+import { environment } from 'environments/environment';
 import NavbarItem from './navbar-item.model';
 
 @Component({
-  standalone: true,
   selector: '<%= jhiPrefixDashed %>-navbar',
   templateUrl: './navbar.component.html',
   styleUrl: './navbar.component.scss',
@@ -85,6 +84,7 @@ export default class NavbarComponent implements OnInit {
   private readonly router = inject(Router);
 
   constructor() {
+    const { VERSION } = environment;
     if (VERSION) {
       this.version = VERSION.toLowerCase().startsWith('v') ? VERSION : `v${VERSION}`;
     }

package/dist/generators/angular/templates/src/main/webapp/app/layouts/profiles/page-ribbon.component.ts.ejs

@@ -24,7 +24,6 @@ import SharedModule from 'app/shared/shared.module';
 import { ProfileService } from './profile.service';
 
 @Component({
-  standalone: true,
   selector: '<%= jhiPrefixDashed %>-page-ribbon',
   template: `
     @if (ribbonEnv$ | async; as ribbonEnv) {

package/dist/generators/angular/templates/src/main/webapp/app/login/login.component.ts.ejs

@@ -25,7 +25,6 @@ import { LoginService } from 'app/login/login.service';
 import { AccountService } from 'app/core/auth/account.service';
 
 @Component({
-  standalone: true,
   selector: '<%= jhiPrefixDashed %>-login',
   imports: [SharedModule, FormsModule, ReactiveFormsModule, RouterModule],
   templateUrl: './login.component.html',

package/dist/generators/angular/templates/src/main/webapp/app/shared/alert/alert-error.component.ts.ejs

@@ -30,7 +30,6 @@ import { Alert, AlertService } from 'app/core/util/alert.service';
 import { EventManager, EventWithContent } from 'app/core/util/event-manager.service';
 
 @Component({
-  standalone: true,
   selector: '<%= jhiPrefixDashed %>-alert-error',
   templateUrl: './alert-error.component.html',
   imports: [CommonModule, NgbModule],

package/dist/generators/angular/templates/src/main/webapp/app/shared/alert/alert.component.ts.ejs

@@ -23,7 +23,6 @@ import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
 import { AlertService, Alert } from 'app/core/util/alert.service';
 
 @Component({
-  standalone: true,
   selector: '<%= jhiPrefixDashed %>-alert',
   templateUrl: './alert.component.html',
   imports: [CommonModule, NgbModule],

package/dist/generators/angular/templates/src/main/webapp/app/shared/auth/has-any-authority.directive.spec.ts.ejs

@@ -31,6 +31,7 @@ import { Account } from 'app/core/auth/account.model';
 import HasAnyAuthorityDirective from './has-any-authority.directive';
 
 @Component({
+  imports: [HasAnyAuthorityDirective],
   template: ` <div *<%= jhiPrefix %>HasAnyAuthority="'ROLE_ADMIN'" #content></div> `,
 })
 class TestHasAnyAuthorityDirectiveComponent {
@@ -43,8 +44,7 @@ describe('HasAnyAuthorityDirective tests', () => {
 
   beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
-      imports: [HasAnyAuthorityDirective<%_ if (enableTranslation) { _%>, TranslateModule.forRoot()<%_ } _%>],
-      declarations: [TestHasAnyAuthorityDirectiveComponent],
+      imports: [TestHasAnyAuthorityDirectiveComponent<%_ if (enableTranslation) { _%>, TranslateModule.forRoot()<%_ } _%>],
       providers: [provideHttpClient(), AccountService],
     });
   }));

package/dist/generators/angular/templates/src/main/webapp/app/shared/auth/has-any-authority.directive.ts.ejs

@@ -32,7 +32,6 @@ import { AccountService } from 'app/core/auth/account.service';
  * ```
  */
 @Directive({
-  standalone: true,
   selector: '[<%= jhiPrefix %>HasAnyAuthority]',
 })
 export default class HasAnyAuthorityDirective {
@@ -46,15 +45,12 @@ export default class HasAnyAuthorityDirective {
     const currentAccount = accountService.trackCurrentAccount();
     const hasPermission = computed(() => currentAccount()?.authorities && accountService.hasAnyAuthority(this.authorities()));
 
-    effect(
-      () => {
-        if (hasPermission()) {
-          this.viewContainerRef.createEmbeddedView(this.templateRef);
-        } else {
-          this.viewContainerRef.clear();
-        }
-      },
-      { allowSignalWrites: true },
-    );
+    effect(() => {
+      if (hasPermission()) {
+        this.viewContainerRef.createEmbeddedView(this.templateRef);
+      } else {
+        this.viewContainerRef.clear();
+      }
+    });
   }
 }

package/dist/generators/angular/templates/src/main/webapp/app/shared/date/duration.pipe.ts.ejs

@@ -21,7 +21,6 @@ import { Pipe, PipeTransform } from '@angular/core';
 import dayjs from 'dayjs/esm';
 
 @Pipe({
-  standalone: true,
   name: 'duration',
 })
 export default class DurationPipe implements PipeTransform {

package/dist/generators/angular/templates/src/main/webapp/app/shared/date/format-medium-date.pipe.ts.ejs

@@ -21,7 +21,6 @@ import { Pipe, PipeTransform } from '@angular/core';
 import dayjs from 'dayjs/esm';
 
 @Pipe({
-  standalone: true,
   name: 'formatMediumDate',
 })
 export default class FormatMediumDatePipe implements PipeTransform {

package/dist/generators/angular/templates/src/main/webapp/app/shared/date/format-medium-datetime.pipe.ts.ejs

@@ -21,7 +21,6 @@ import { Pipe, PipeTransform } from '@angular/core';
 import dayjs from 'dayjs/esm';
 
 @Pipe({
-  standalone: true,
   name: 'formatMediumDatetime',
 })
 export default class FormatMediumDatetimePipe implements PipeTransform {

package/dist/generators/angular/templates/src/main/webapp/app/shared/filter/filter.component.html.ejs

@@ -1,11 +1,11 @@
-@if (filters.hasAnyFilterSet()) {
+@if (filters().hasAnyFilterSet()) {
   <div class="filter-display">
     <span>__jhiTranslateTag__('entity.filters.set')</span>
     <button class="btn" (click)="clearAllFilters()" (keydown.enter)="clearAllFilters()">
       <fa-icon icon="times" title="__jhiTranslatePipe__('entity.filters.clearAll')"></fa-icon>
     </button>
     <ul>
-      @for (filterOption of filters.filterOptions; track filterOption.name) {
+      @for (filterOption of filters().filterOptions; track filterOption.name) {
         @for (value of filterOption.values; track value) {
           <li>
             <span>{{ filterOption.name }}:</span> {{ value }}

package/dist/generators/angular/templates/src/main/webapp/app/shared/filter/filter.component.ts.ejs

@@ -1,21 +1,20 @@
-import { Component, Input } from '@angular/core';
+import { Component, input } from '@angular/core';
 import { IFilterOptions } from './filter.model';
 import SharedModule from '../shared.module';
 
 @Component({
-  standalone: true,
   selector: '<%= jhiPrefixDashed %>-filter',
   imports: [SharedModule],
   templateUrl: './filter.component.html',
 })
 export default class FilterComponent {
-  @Input() filters!: IFilterOptions;
+  readonly filters = input.required<IFilterOptions>();
 
   clearAllFilters(): void {
-    this.filters.clear();
+    this.filters().clear();
   }
 
   clearFilter(filterName: string, value: string): void {
-    this.filters.removeFilter(filterName, value);
+    this.filters().removeFilter(filterName, value);
   }
 }

package/dist/generators/angular/templates/src/main/webapp/app/shared/language/find-language-from-key.pipe.ts.ejs

@@ -19,7 +19,6 @@
 import { Pipe, PipeTransform } from '@angular/core';
 
 @Pipe({
-  standalone: true,
   name: 'findLanguageFromKey',
 })
 export default class FindLanguageFromKeyPipe implements PipeTransform {

package/dist/generators/angular/templates/src/main/webapp/app/shared/language/translate.directive.spec.ts.ejs

@@ -23,6 +23,7 @@ import { TranslateModule, TranslateService } from '@ngx-translate/core';
 import TranslateDirective from './translate.directive';
 
 @Component({
+  imports: [TranslateDirective],
   template: ` <div <%= jhiPrefix %>Translate="test"></div> `,
 })
 class TestTranslateDirectiveComponent {}
@@ -33,8 +34,7 @@ describe('TranslateDirective Tests', () => {
 
   beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
-      imports: [TranslateModule.forRoot(), TranslateDirective],
-      declarations: [TestTranslateDirectiveComponent],
+      imports: [TranslateModule.forRoot(), TestTranslateDirectiveComponent],
     });
   }));
 

package/dist/generators/angular/templates/src/main/webapp/app/shared/language/translate.directive.ts.ejs

@@ -16,7 +16,7 @@
  See the License for the specific language governing permissions and
  limitations under the License.
 -%>
-import { inject, Input, Directive, ElementRef, OnChanges, OnInit, OnDestroy } from '@angular/core';
+import { inject, input, Directive, ElementRef, OnChanges, OnInit, OnDestroy } from '@angular/core';
 import { TranslateService } from '@ngx-translate/core';
 import { Subject } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
@@ -27,12 +27,11 @@ import { translationNotFoundMessage } from 'app/config/translation.config';
  * A wrapper directive on top of the translate pipe as the inbuilt translate directive from ngx-translate is too verbose and buggy
  */
 @Directive({
-  standalone: true,
   selector: '[<%= jhiPrefix %>Translate]',
 })
 export default class TranslateDirective implements OnChanges, OnInit, OnDestroy {
-  @Input() <%= jhiPrefix %>Translate!: string;
-  @Input() translateValues?: Record<string, unknown>;
+  readonly <%= jhiPrefix %>Translate = input.required<string>();
+  readonly translateValues = input<Record<string, unknown>>();
 
   private readonly directiveDestroyed = new Subject();
 
@@ -59,13 +58,13 @@ export default class TranslateDirective implements OnChanges, OnInit, OnDestroy
 
   private getTranslation(): void {
     this.translateService
-      .get(this.<%= jhiPrefix %>Translate, this.translateValues)
+      .get(this.<%= jhiPrefix %>Translate(), this.translateValues())
       .pipe(takeUntil(this.directiveDestroyed))
       .subscribe({
         next: value => {
           this.el.nativeElement.innerHTML = value;
         },
-        error: () => `${translationNotFoundMessage}[${this.<%= jhiPrefix %>Translate}]`
+        error: () => `${translationNotFoundMessage}[${this.<%= jhiPrefix %>Translate()}]`
       });
   }
 }

package/dist/generators/angular/templates/src/main/webapp/app/shared/language/translation.module.ts.ejs

@@ -76,7 +76,7 @@ export class TranslationModule {
 
   constructor() {
     this.translateService.setDefaultLang('<%= nativeLanguage %>');
-    // if user have changed language and navigates away from the application and back to the application then use previously choosed language
+    // if user have changed language and navigates away from the application and back to the application then use previously chosen language
     const langKey = this.stateStorageService.getLocale() ?? '<%= nativeLanguage %>';
     this.translateService.use(langKey);
   }

package/dist/generators/angular/templates/src/main/webapp/app/shared/pagination/item-count.component.ts.ejs

@@ -25,7 +25,6 @@ import TranslateDirective from '../language/translate.directive';
  * A component that will take care of item count statistics of a pagination.
  */
 @Component({
-  standalone: true,
   selector: '<%= jhiPrefixDashed %>-item-count',
   template: `
 <%_ if (enableTranslation) { _%>

package/dist/generators/angular/templates/src/main/webapp/app/shared/sort/sort-by.directive.spec.ts.ejs

@@ -27,12 +27,11 @@ import { SortDirective } from './sort.directive';
 import { SortState, sortStateSignal } from './sort-state';
 
 @Component({
-  standalone: true,
   imports: [SortDirective, SortByDirective, FaIconComponent],
   template: `
     <table>
       <thead>
-        <tr <%= jhiPrefix %>Sort [sortState]="sortState" (sortChange)="transition($event)">
+        <tr <%= jhiPrefix %>Sort [(sortState)]="sortState" (sortChange)="transition($event)">
           <th <%= jhiPrefix %>SortBy="name">
             ID
             <fa-icon [icon]="'sort'"></fa-icon>
@@ -78,7 +77,7 @@ describe('Directive: SortByDirective', () => {
     fixture.detectChanges();
 
     // THEN
-    expect(sortByDirective.<%= jhiPrefix %>SortBy).toEqual('name');
+    expect(sortByDirective.<%= jhiPrefix %>SortBy()).toEqual('name');
     expect(sortByDirective.iconComponent()?.icon).toEqual(faSort.iconName);
   });
 
@@ -91,7 +90,7 @@ describe('Directive: SortByDirective', () => {
     fixture.detectChanges();
 
     // THEN
-    expect(sortByDirective.<%= jhiPrefix %>SortBy).toEqual('name');
+    expect(sortByDirective.<%= jhiPrefix %>SortBy()).toEqual('name');
     expect(sortByDirective.iconComponent()?.icon).toEqual(faSortUp.iconName);
   });
 
@@ -104,7 +103,7 @@ describe('Directive: SortByDirective', () => {
     fixture.detectChanges();
 
     // THEN
-    expect(sortByDirective.<%= jhiPrefix %>SortBy).toEqual('name');
+    expect(sortByDirective.<%= jhiPrefix %>SortBy()).toEqual('name');
     expect(sortByDirective.iconComponent()?.icon).toEqual(faSortDown.iconName);
   });
 
@@ -117,7 +116,7 @@ describe('Directive: SortByDirective', () => {
     fixture.detectChanges();
 
     // THEN
-    expect(sortByDirective.<%= jhiPrefix %>SortBy).toEqual('name');
+    expect(sortByDirective.<%= jhiPrefix %>SortBy()).toEqual('name');
     expect(sortByDirective.iconComponent()?.icon).toEqual(faSort.iconName);
   });
 

package/dist/generators/angular/templates/src/main/webapp/app/shared/sort/sort-by.directive.ts.ejs

@@ -16,18 +16,17 @@
  See the License for the specific language governing permissions and
  limitations under the License.
 -%>
-import { Directive, HostListener, Input, contentChild, effect, inject } from '@angular/core';
+import { Directive, HostListener, contentChild, effect, inject, input } from '@angular/core';
 import { FaIconComponent } from '@fortawesome/angular-fontawesome';
 import { faSort, faSortDown, faSortUp, IconDefinition } from '@fortawesome/free-solid-svg-icons';
 
 import { SortDirective } from './sort.directive';
 
 @Directive({
-  standalone: true,
   selector: '[<%= jhiPrefix %>SortBy]',
 })
 export class SortByDirective {
-  @Input() <%= jhiPrefix %>SortBy!: string;
+  readonly <%= jhiPrefix %>SortBy = input.required<string>();
 
   iconComponent = contentChild(FaIconComponent);
 
@@ -42,7 +41,7 @@ export class SortByDirective {
       if (this.iconComponent()) {
         let icon: IconDefinition = this.sortIcon;
         const { predicate, order } = this.sort.sortState();
-        if (predicate === this.<%= jhiPrefix %>SortBy && order !== undefined) {
+        if (predicate === this.<%= jhiPrefix %>SortBy() && order !== undefined) {
           icon = order === 'asc' ? this.sortAscIcon : this.sortDescIcon;
         }
         this.iconComponent()!.icon = icon.iconName;
@@ -54,7 +53,7 @@ export class SortByDirective {
   @HostListener('click')
   onClick(): void {
     if (this.iconComponent()) {
-      this.sort.sort(this.<%= jhiPrefix %>SortBy);
+      this.sort.sort(this.<%= jhiPrefix %>SortBy());
     }
   }
 }

package/dist/generators/angular/templates/src/main/webapp/app/shared/sort/sort.directive.spec.ts.ejs

@@ -24,12 +24,11 @@ import { SortDirective } from './sort.directive';
 import { SortState, sortStateSignal } from './sort-state';
 
 @Component({
-  standalone: true,
   imports: [SortDirective],
   template: `
     <table>
       <thead>
-        <tr <%= jhiPrefix %>Sort [sortState]="sortState" (sortChange)="transition($event)"></tr>
+        <tr <%= jhiPrefix %>Sort [(sortState)]="sortState" (sortChange)="transition($event)"></tr>
       </thead>
     </table>
   `,

package/dist/generators/angular/templates/src/main/webapp/app/shared/sort/sort.directive.ts.ejs

@@ -16,27 +16,22 @@
  See the License for the specific language governing permissions and
  limitations under the License.
 -%>
-import { Directive, EventEmitter, Input, Output } from '@angular/core';
-import { SortOrder, SortState, SortStateSignal } from './sort-state';
-
-export interface SortChangeDirective<T> {
-  sortChange: EventEmitter<SortState>;
-
-  sort(field: T): void;
-}
+import { Directive, model, output } from '@angular/core';
+import { SortOrder, SortState } from './sort-state';
 
 @Directive({
-  standalone: true,
   selector: '[<%= jhiPrefix %>Sort]',
 })
-export class SortDirective implements SortChangeDirective<string> {
-  @Input() sortState!: SortStateSignal;
+export class SortDirective {
+  readonly sortState = model.required<SortState>();
 
-  @Output() sortChange = new EventEmitter<SortState>();
+  readonly sortChange = output<SortState>();
 
   sort(field: string): void {
     const { predicate, order } = this.sortState();
     const toggle = (): SortOrder => (order === 'asc' ? 'desc' : 'asc');
-    this.sortChange.emit({ predicate: field, order: field !== predicate ? 'asc' : toggle() });
+    const newSortState = { predicate: field, order: field !== predicate ? 'asc' : toggle() };
+    this.sortState.update(() => newSortState);
+    this.sortChange.emit(newSortState);
   }
 }

package/dist/generators/angular/templates/src/main/webapp/bootstrap.ts.ejs

@@ -21,10 +21,10 @@ import { bootstrapApplication } from '@angular/platform-browser';
 import { appConfig } from './app/app.config';
 import AppComponent from './app/app.component';
 
-import { DEBUG_INFO_ENABLED } from './app/app.constants';
+import { environment } from './environments/environment';
 
 // disable debug data on prod profile to improve performance
-if (!DEBUG_INFO_ENABLED) {
+if (!environment.DEBUG_INFO_ENABLED) {
   enableProdMode();
 }
 

package/dist/generators/angular/templates/src/main/webapp/declarations.d.ts.ejs

@@ -1,3 +1,8 @@
+// These constants are injected via webpack DefinePlugin variables.
+// You can add more variables in webpack.common.js or in profile specific webpack.<dev|prod>.js files.
+// If you change the values in the webpack config files, you need to re run webpack to update the application
+
+declare const __VERSION__: string;
 declare const SERVER_API_URL: string;
 <%_ if (enableTranslation) { _%>
 declare const I18N_HASH: string;