design-angular-kit 21.0.0 → 21.0.1

package/fesm2022/design-angular-kit.mjs

@@ -1,11 +1,11 @@
 import * as i0 from '@angular/core';
-import { inject, Renderer2, ElementRef, ChangeDetectorRef, EventEmitter, Output, Input, Component, Injectable, signal, DestroyRef, NgZone, Injector, afterNextRender, ViewChild, ChangeDetectionStrategy, ViewEncapsulation, booleanAttribute, InjectionToken, ContentChildren, NgModule, TemplateRef, HostBinding, Directive, DOCUMENT, HostListener, ViewChildren, Pipe, HostAttributeToken, provideAppInitializer, importProvidersFrom, makeEnvironmentProviders } from '@angular/core';
+import { inject, Renderer2, ElementRef, ChangeDetectorRef, EventEmitter, Output, Input, Component, Injectable, signal, DestroyRef, NgZone, Injector, afterNextRender, ViewChild, ChangeDetectionStrategy, ViewEncapsulation, booleanAttribute, InjectionToken, ContentChildren, NgModule, TemplateRef, HostBinding, Directive, DOCUMENT, HostListener, ViewChildren, Pipe, HostAttributeToken, provideAppInitializer, makeEnvironmentProviders } from '@angular/core';
 import { NgTemplateOutlet, NgClass, AsyncPipe, LowerCasePipe, DatePipe, NgOptimizedImage, TitleCasePipe, Location, JsonPipe, ViewportScroller } from '@angular/common';
 import { takeUntilDestroyed, toObservable } from '@angular/core/rxjs-interop';
 import { tap, delay, startWith, Subject, filter, debounceTime, distinctUntilChanged, switchMap, of, merge, map, Observable, take, forkJoin, BehaviorSubject, shareReplay, combineLatest, skip, AsyncSubject, withLatestFrom, timer, takeWhile } from 'rxjs';
 import videojs from 'video.js';
 import * as i1 from '@ngx-translate/core';
-import { TranslateService, TranslateModule, TranslatePipe, TranslateLoader } from '@ngx-translate/core';
+import { TranslateService, TranslateModule, TranslatePipe, provideTranslateService } from '@ngx-translate/core';
 import { initYoutubePlugin } from 'bootstrap-italia/dist/plugins/util/youtube-video.js';
 import { Collapse, Alert, Dropdown, Carousel, Modal, Notification, Popover, Tab, Tooltip, InputPassword, ProgressDonut, SelectAutocomplete, BackToTop, NavBarCollapsible, HeaderSticky, loadFonts } from 'bootstrap-italia';
 import { RouterLink, RouterLinkActive, Router, NavigationEnd, Scroll, RouterLinkWithHref, ActivatedRoute } from '@angular/router';
@@ -13,9 +13,9 @@ import { trigger, transition, style, animate } from '@angular/animations';
 import * as i1$1 from '@angular/forms';
 import { NgControl, ControlContainer, FormControl, FormGroup, Validators, ReactiveFormsModule, NgModel, FormControlName } from '@angular/forms';
 import { DomSanitizer } from '@angular/platform-browser';
-import { provideHttpClient, HttpClient } from '@angular/common/http';
+import { provideHttpClient } from '@angular/common/http';
 import { provideAnimationsAsync } from '@angular/platform-browser/animations/async';
-import { TranslateHttpLoader } from '@ngx-translate/http-loader';
+import { provideTranslateHttpLoader } from '@ngx-translate/http-loader';
 import { map as map$1 } from 'rxjs/operators';
 
 class ItAbstractComponent {
@@ -6834,7 +6834,7 @@ class ItLanguageSwitcherComponent {
          */
         this.mode = 'link';
         const translateService = this.translateService;
-        this.currentLang$ = this.translateService.onLangChange.pipe(startWith({ lang: translateService.currentLang }), map(event => this.availableLanguages?.find(l => l.code === event.lang)));
+        this.currentLang$ = this.translateService.onLangChange.pipe(startWith({ lang: translateService.getCurrentLang() }), map(event => this.availableLanguages?.find(l => l.code === event.lang)));
     }
     ngOnInit() {
         if (!this.availableLanguages) {
@@ -6950,7 +6950,7 @@ class ItDurationPipe extends TranslatePipe {
      */
     transform(value, type) {
         let valueAdjust = Number(value);
-        if (isNaN(valueAdjust)) {
+        if (isNaN(valueAdjust) || value === null) {
             return '';
         }
         switch (type) {
@@ -7066,15 +7066,25 @@ function provideDesignAngularKit(config) {
     // Add provider to initialize the TranslateModule
     const langPrefix = `${assetBasePath}/i18n/`;
     const langSuffix = `.json`; // TODO: add ?v${version} to prevent cache loading on version change
-    providers.push(importProvidersFrom(TranslateModule.forRoot({
-        loader: config?.translateLoader?.(langPrefix, langSuffix) ?? {
-            provide: TranslateLoader,
-            useFactory: (http) => new TranslateHttpLoader(http, langPrefix, langSuffix),
-            deps: [HttpClient],
-        },
-        defaultLanguage: 'it',
-        useDefaultLang: true,
-    })));
+    providers.push(
+    // Design Angular Kit < 21
+    // ngx-translate <= 16
+    // importProvidersFrom(
+    //   TranslateModule.forRoot({
+    //     loader: config?.translateLoader?.(langPrefix, langSuffix) ?? {
+    //       provide: TranslateLoader,
+    //       useFactory: (http: HttpClient) => new TranslateHttpLoader(http, langPrefix, langSuffix),
+    //       deps: [HttpClient],
+    //     },
+    //     fallbackLang: 'it'
+    //   })
+    // )
+    // Design Angular Kit  >= 21
+    // ngx-translate >= 17
+    provideTranslateService({
+        loader: provideTranslateHttpLoader({ prefix: langPrefix, suffix: langSuffix }),
+        fallbackLang: 'it',
+    }));
     // Add provider to initialize library default languages
     providers.push(provideAppInitializer(() => {
         const initializerFn = ((translateService) => {