@volo/ngx-lepton-x.core 5.0.1 → 5.1.0-rc.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/volo-ngx-lepton-x.core.mjs +315 -252
- package/fesm2022/volo-ngx-lepton-x.core.mjs.map +1 -1
- package/index.d.ts +62 -49
- package/package.json +1 -1
|
@@ -3,6 +3,7 @@ import { inject, ViewContainerRef, TemplateRef, Input, Directive, NgModule, Inje
|
|
|
3
3
|
import { CommonModule, isPlatformBrowser, DOCUMENT as DOCUMENT$1, Location, NgClass, NgTemplateOutlet, AsyncPipe, NgComponentOutlet } from '@angular/common';
|
|
4
4
|
import { of, from, Observable, EMPTY, BehaviorSubject, Subject, fromEvent, Subscription, combineLatest, map as map$1 } from 'rxjs';
|
|
5
5
|
import { Router, NavigationEnd, RouterLink, RouterModule } from '@angular/router';
|
|
6
|
+
import { LOGO_URL_TOKEN, LOGO_APP_NAME_TOKEN } from '@abp/ng.theme.shared';
|
|
6
7
|
import { map, distinctUntilChanged, filter, take, switchMap, distinctUntilKeyChanged, startWith, tap } from 'rxjs/operators';
|
|
7
8
|
import { RoutesService as RoutesService$1, LocalizationService, LocalizationPipe } from '@abp/ng.core';
|
|
8
9
|
import { toSignal } from '@angular/core/rxjs-interop';
|
|
@@ -40,10 +41,10 @@ class LpxVisibleDirective {
|
|
|
40
41
|
}
|
|
41
42
|
this.viewContainerRef.createEmbeddedView(this.templateRef);
|
|
42
43
|
}
|
|
43
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
44
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
44
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LpxVisibleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
45
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", type: LpxVisibleDirective, isStandalone: true, selector: "[lpxVisible]", inputs: { lpxVisible: "lpxVisible" }, ngImport: i0 }); }
|
|
45
46
|
}
|
|
46
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
47
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LpxVisibleDirective, decorators: [{
|
|
47
48
|
type: Directive,
|
|
48
49
|
args: [{
|
|
49
50
|
selector: '[lpxVisible]',
|
|
@@ -89,11 +90,11 @@ class LpxLanguageModule {
|
|
|
89
90
|
providers: [provideLpxCore(SKIP_DEFAULTS, withLanguage(options))],
|
|
90
91
|
};
|
|
91
92
|
}
|
|
92
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
93
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
94
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
93
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LpxLanguageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
94
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: LpxLanguageModule, imports: [CommonModule] }); }
|
|
95
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LpxLanguageModule, imports: [CommonModule] }); }
|
|
95
96
|
}
|
|
96
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
97
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LpxLanguageModule, decorators: [{
|
|
97
98
|
type: NgModule,
|
|
98
99
|
args: [{
|
|
99
100
|
declarations: [],
|
|
@@ -180,10 +181,10 @@ class LanguageService {
|
|
|
180
181
|
selectedLanguage: lang,
|
|
181
182
|
});
|
|
182
183
|
}
|
|
183
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
184
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
184
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LanguageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
185
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LanguageService, providedIn: 'root' }); }
|
|
185
186
|
}
|
|
186
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
187
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LanguageService, decorators: [{
|
|
187
188
|
type: Injectable,
|
|
188
189
|
args: [{
|
|
189
190
|
providedIn: 'root',
|
|
@@ -254,10 +255,10 @@ class StyleService {
|
|
|
254
255
|
};
|
|
255
256
|
return linkElem;
|
|
256
257
|
}
|
|
257
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
258
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
258
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: StyleService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
259
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: StyleService, providedIn: 'root' }); }
|
|
259
260
|
}
|
|
260
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
261
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: StyleService, decorators: [{
|
|
261
262
|
type: Injectable,
|
|
262
263
|
args: [{
|
|
263
264
|
providedIn: 'root',
|
|
@@ -371,10 +372,10 @@ class ResponsiveService {
|
|
|
371
372
|
}
|
|
372
373
|
return false;
|
|
373
374
|
}
|
|
374
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
375
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
375
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ResponsiveService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
376
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ResponsiveService, providedIn: 'root' }); }
|
|
376
377
|
}
|
|
377
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
378
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ResponsiveService, decorators: [{
|
|
378
379
|
type: Injectable,
|
|
379
380
|
args: [{
|
|
380
381
|
providedIn: 'root',
|
|
@@ -409,10 +410,10 @@ class ResponsiveDirective {
|
|
|
409
410
|
ngOnDestroy() {
|
|
410
411
|
this.sub.unsubscribe();
|
|
411
412
|
}
|
|
412
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
413
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
413
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ResponsiveDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
414
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", type: ResponsiveDirective, isStandalone: true, selector: "[lpxResponsive]", inputs: { query: ["lpxResponsive", "query"] }, ngImport: i0 }); }
|
|
414
415
|
}
|
|
415
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
416
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ResponsiveDirective, decorators: [{
|
|
416
417
|
type: Directive,
|
|
417
418
|
args: [{ selector: '[lpxResponsive]' }]
|
|
418
419
|
}], propDecorators: { query: [{
|
|
@@ -421,11 +422,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImpor
|
|
|
421
422
|
}] } });
|
|
422
423
|
|
|
423
424
|
class LpxResponsiveModule {
|
|
424
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
425
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
426
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
425
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LpxResponsiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
426
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: LpxResponsiveModule, imports: [CommonModule, ResponsiveDirective], exports: [ResponsiveDirective] }); }
|
|
427
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LpxResponsiveModule, imports: [CommonModule] }); }
|
|
427
428
|
}
|
|
428
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
429
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LpxResponsiveModule, decorators: [{
|
|
429
430
|
type: NgModule,
|
|
430
431
|
args: [{
|
|
431
432
|
imports: [CommonModule, ResponsiveDirective],
|
|
@@ -458,10 +459,10 @@ class UserProfileService {
|
|
|
458
459
|
patchUser(user) {
|
|
459
460
|
this.store.patch(user);
|
|
460
461
|
}
|
|
461
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
462
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
462
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: UserProfileService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
463
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: UserProfileService, providedIn: 'root' }); }
|
|
463
464
|
}
|
|
464
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
465
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: UserProfileService, decorators: [{
|
|
465
466
|
type: Injectable,
|
|
466
467
|
args: [{
|
|
467
468
|
providedIn: 'root',
|
|
@@ -481,10 +482,10 @@ class BodyService {
|
|
|
481
482
|
enableScrollY() {
|
|
482
483
|
this.body?.classList.remove(this.classes.overflowYHidden);
|
|
483
484
|
}
|
|
484
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
485
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
485
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BodyService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
486
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BodyService, providedIn: 'root' }); }
|
|
486
487
|
}
|
|
487
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
488
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BodyService, decorators: [{
|
|
488
489
|
type: Injectable,
|
|
489
490
|
args: [{
|
|
490
491
|
providedIn: 'root',
|
|
@@ -537,10 +538,10 @@ class LayoutService {
|
|
|
537
538
|
containerClass,
|
|
538
539
|
});
|
|
539
540
|
}
|
|
540
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
541
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
541
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LayoutService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
542
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LayoutService, providedIn: 'root' }); }
|
|
542
543
|
}
|
|
543
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
544
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LayoutService, decorators: [{
|
|
544
545
|
type: Injectable,
|
|
545
546
|
args: [{
|
|
546
547
|
providedIn: 'root',
|
|
@@ -589,10 +590,10 @@ class LpxThemeTranslateService {
|
|
|
589
590
|
translate$(key, ...args) {
|
|
590
591
|
return this.translateService.get$(key, this._content[key]);
|
|
591
592
|
}
|
|
592
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
593
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
593
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LpxThemeTranslateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
594
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LpxThemeTranslateService, providedIn: 'root' }); }
|
|
594
595
|
}
|
|
595
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
596
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LpxThemeTranslateService, decorators: [{
|
|
596
597
|
type: Injectable,
|
|
597
598
|
args: [{
|
|
598
599
|
providedIn: 'root',
|
|
@@ -606,10 +607,10 @@ class DefaultTranslateService {
|
|
|
606
607
|
get(key, defaultValue) {
|
|
607
608
|
return defaultValue || key || '';
|
|
608
609
|
}
|
|
609
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
610
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
610
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: DefaultTranslateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
611
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: DefaultTranslateService }); }
|
|
611
612
|
}
|
|
612
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
613
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: DefaultTranslateService, decorators: [{
|
|
613
614
|
type: Injectable
|
|
614
615
|
}] });
|
|
615
616
|
|
|
@@ -629,10 +630,10 @@ class DefaultAuthService {
|
|
|
629
630
|
navigateToLogin() {
|
|
630
631
|
return;
|
|
631
632
|
}
|
|
632
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
633
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
633
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: DefaultAuthService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
634
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: DefaultAuthService }); }
|
|
634
635
|
}
|
|
635
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
636
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: DefaultAuthService, decorators: [{
|
|
636
637
|
type: Injectable
|
|
637
638
|
}] });
|
|
638
639
|
|
|
@@ -671,10 +672,10 @@ class LpxLocalStorageService {
|
|
|
671
672
|
if (this.isBrowser)
|
|
672
673
|
localStorage.setItem(key, value);
|
|
673
674
|
}
|
|
674
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
675
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
675
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LpxLocalStorageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
676
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LpxLocalStorageService, providedIn: 'root' }); }
|
|
676
677
|
}
|
|
677
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
678
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LpxLocalStorageService, decorators: [{
|
|
678
679
|
type: Injectable,
|
|
679
680
|
args: [{
|
|
680
681
|
providedIn: 'root'
|
|
@@ -771,10 +772,10 @@ class LpxCookieStorageService {
|
|
|
771
772
|
}
|
|
772
773
|
return cookies;
|
|
773
774
|
}
|
|
774
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
775
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
775
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LpxCookieStorageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
776
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LpxCookieStorageService, providedIn: 'root' }); }
|
|
776
777
|
}
|
|
777
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
778
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LpxCookieStorageService, decorators: [{
|
|
778
779
|
type: Injectable,
|
|
779
780
|
args: [{ providedIn: 'root' }]
|
|
780
781
|
}] });
|
|
@@ -785,10 +786,10 @@ class RoutesService {
|
|
|
785
786
|
this.location = inject(Location);
|
|
786
787
|
this.currentNavigation = toSignal(this.router.events.pipe(filter((e) => e instanceof NavigationEnd), map(() => this.location.path() || '/')), { initialValue: this.location.path() || '/' });
|
|
787
788
|
}
|
|
788
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
789
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
789
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: RoutesService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
790
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: RoutesService, providedIn: 'root' }); }
|
|
790
791
|
}
|
|
791
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
792
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: RoutesService, decorators: [{
|
|
792
793
|
type: Injectable,
|
|
793
794
|
args: [{
|
|
794
795
|
providedIn: 'root',
|
|
@@ -823,9 +824,6 @@ function createWindowProvider(windowObj) {
|
|
|
823
824
|
};
|
|
824
825
|
}
|
|
825
826
|
|
|
826
|
-
const LOGO_URL_TOKEN = new InjectionToken('LOGO_URL_TOKEN');
|
|
827
|
-
const LOGO_APP_NAME_TOKEN = new InjectionToken('LOGO_APP_NAME_TOKEN');
|
|
828
|
-
|
|
829
827
|
var LpxLogoFeatureKind;
|
|
830
828
|
(function (LpxLogoFeatureKind) {
|
|
831
829
|
LpxLogoFeatureKind[LpxLogoFeatureKind["Options"] = 0] = "Options";
|
|
@@ -889,12 +887,12 @@ class IconComponent {
|
|
|
889
887
|
get styleClass() {
|
|
890
888
|
return (this.iconSet[this.iconClass] || this.iconClass);
|
|
891
889
|
}
|
|
892
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
893
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
890
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: IconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
891
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.6", type: IconComponent, isStandalone: true, selector: "lpx-icon", inputs: { iconClass: "iconClass" }, ngImport: i0, template: `
|
|
894
892
|
<i class="lpx-icon" [ngClass]="styleClass" aria-hidden="true"></i>
|
|
895
893
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
896
894
|
}
|
|
897
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
895
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: IconComponent, decorators: [{
|
|
898
896
|
type: Component,
|
|
899
897
|
args: [{
|
|
900
898
|
selector: 'lpx-icon',
|
|
@@ -909,10 +907,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImpor
|
|
|
909
907
|
}] } });
|
|
910
908
|
|
|
911
909
|
class AvatarComponent {
|
|
912
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
913
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
910
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
911
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: AvatarComponent, isStandalone: true, selector: "lpx-avatar", inputs: { avatar: "avatar" }, ngImport: i0, template: "@if (avatar && avatar.source) {\r\n <div class=\"lpx-avatar\">\r\n @switch (avatar.type) {\r\n @case ('icon') {\r\n <lpx-icon\r\n class=\"lpx-avatar-icon\"\r\n [iconClass]=\"avatar.source\"\r\n ></lpx-icon>\r\n }\r\n @case ('image') {\r\n <img class=\"lpx-avatar-img\" [src]=\"avatar.source\" />\r\n }\r\n }\r\n </div>\r\n}\r\n", dependencies: [{ kind: "component", type: IconComponent, selector: "lpx-icon", inputs: ["iconClass"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
914
912
|
}
|
|
915
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
913
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: AvatarComponent, decorators: [{
|
|
916
914
|
type: Component,
|
|
917
915
|
args: [{ selector: 'lpx-avatar', encapsulation: ViewEncapsulation.None, imports: [IconComponent], template: "@if (avatar && avatar.source) {\r\n <div class=\"lpx-avatar\">\r\n @switch (avatar.type) {\r\n @case ('icon') {\r\n <lpx-icon\r\n class=\"lpx-avatar-icon\"\r\n [iconClass]=\"avatar.source\"\r\n ></lpx-icon>\r\n }\r\n @case ('image') {\r\n <img class=\"lpx-avatar-img\" [src]=\"avatar.source\" />\r\n }\r\n }\r\n </div>\r\n}\r\n" }]
|
|
918
916
|
}], propDecorators: { avatar: [{
|
|
@@ -929,11 +927,11 @@ class LpxIconModule {
|
|
|
929
927
|
providers: [provideLpxCore(SKIP_DEFAULTS, withIcon(options))],
|
|
930
928
|
};
|
|
931
929
|
}
|
|
932
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
933
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
934
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
930
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LpxIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
931
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: LpxIconModule, imports: [CommonModule, IconComponent], exports: [IconComponent] }); }
|
|
932
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LpxIconModule, imports: [CommonModule] }); }
|
|
935
933
|
}
|
|
936
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
934
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LpxIconModule, decorators: [{
|
|
937
935
|
type: NgModule,
|
|
938
936
|
args: [{
|
|
939
937
|
imports: [CommonModule, IconComponent],
|
|
@@ -942,11 +940,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImpor
|
|
|
942
940
|
}] });
|
|
943
941
|
|
|
944
942
|
class LpxAvatarModule {
|
|
945
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
946
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
947
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
943
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LpxAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
944
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: LpxAvatarModule, imports: [CommonModule, LpxIconModule, AvatarComponent], exports: [AvatarComponent] }); }
|
|
945
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LpxAvatarModule, imports: [CommonModule, LpxIconModule] }); }
|
|
948
946
|
}
|
|
949
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
947
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LpxAvatarModule, decorators: [{
|
|
950
948
|
type: NgModule,
|
|
951
949
|
args: [{
|
|
952
950
|
imports: [CommonModule, LpxIconModule, AvatarComponent],
|
|
@@ -962,7 +960,7 @@ var Layouts;
|
|
|
962
960
|
|
|
963
961
|
class BrandLogoComponent {
|
|
964
962
|
constructor() {
|
|
965
|
-
this.layout = input(Layouts.sideMenu);
|
|
963
|
+
this.layout = input(Layouts.sideMenu, ...(ngDevMode ? [{ debugName: "layout" }] : []));
|
|
966
964
|
this.layoutOptions = Layouts;
|
|
967
965
|
this.logoUrl = inject(LOGO_URL_TOKEN, {
|
|
968
966
|
optional: true,
|
|
@@ -971,20 +969,20 @@ class BrandLogoComponent {
|
|
|
971
969
|
optional: true,
|
|
972
970
|
}) ?? 'ProjectName';
|
|
973
971
|
}
|
|
974
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
975
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
972
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BrandLogoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
973
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: BrandLogoComponent, isStandalone: true, selector: "lpx-brand-logo", inputs: { layout: { classPropertyName: "layout", publicName: "layout", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (logoUrl) {\r\n @let logo = 'url(' + logoUrl + ')';\r\n <a routerLink=\"/\">\r\n <div\r\n class=\"lpx-brand-logo\"\r\n [style.background-image]=\"logo\"\r\n role=\"img\"\r\n aria-label=\"App Logo\"\r\n ></div>\r\n </a>\r\n} @else {\r\n <a routerLink=\"/\" class=\"text-decoration-none\">\r\n @switch (layout()) {\r\n @case (layoutOptions.sideMenu) {\r\n <div class=\"lpx-brand-logo\"></div>\r\n <div class=\"lpx-brand-name\" style=\"left: 58px !important\">\r\n {{ appName }}\r\n </div>\r\n }\r\n\r\n @case (layoutOptions.topMenu) {\r\n <div class=\"lpx-brand-name\" style=\"position: inherit\">\r\n {{ appName }}\r\n </div>\r\n }\r\n }\r\n </a>\r\n}\r\n", dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
976
974
|
}
|
|
977
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
975
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BrandLogoComponent, decorators: [{
|
|
978
976
|
type: Component,
|
|
979
977
|
args: [{ selector: 'lpx-brand-logo', encapsulation: ViewEncapsulation.None, imports: [RouterLink], template: "@if (logoUrl) {\r\n @let logo = 'url(' + logoUrl + ')';\r\n <a routerLink=\"/\">\r\n <div\r\n class=\"lpx-brand-logo\"\r\n [style.background-image]=\"logo\"\r\n role=\"img\"\r\n aria-label=\"App Logo\"\r\n ></div>\r\n </a>\r\n} @else {\r\n <a routerLink=\"/\" class=\"text-decoration-none\">\r\n @switch (layout()) {\r\n @case (layoutOptions.sideMenu) {\r\n <div class=\"lpx-brand-logo\"></div>\r\n <div class=\"lpx-brand-name\" style=\"left: 58px !important\">\r\n {{ appName }}\r\n </div>\r\n }\r\n\r\n @case (layoutOptions.topMenu) {\r\n <div class=\"lpx-brand-name\" style=\"position: inherit\">\r\n {{ appName }}\r\n </div>\r\n }\r\n }\r\n </a>\r\n}\r\n" }]
|
|
980
|
-
}] });
|
|
978
|
+
}], propDecorators: { layout: [{ type: i0.Input, args: [{ isSignal: true, alias: "layout", required: false }] }] } });
|
|
981
979
|
|
|
982
980
|
class LpxBrandLogoModule {
|
|
983
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
984
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
985
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
981
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LpxBrandLogoModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
982
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: LpxBrandLogoModule, imports: [RouterModule, BrandLogoComponent], exports: [BrandLogoComponent] }); }
|
|
983
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LpxBrandLogoModule, imports: [RouterModule] }); }
|
|
986
984
|
}
|
|
987
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
985
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LpxBrandLogoModule, decorators: [{
|
|
988
986
|
type: NgModule,
|
|
989
987
|
args: [{
|
|
990
988
|
imports: [RouterModule, BrandLogoComponent],
|
|
@@ -1004,10 +1002,10 @@ class ClickOutsideDirective {
|
|
|
1004
1002
|
this.lpxClickOutside.emit();
|
|
1005
1003
|
}
|
|
1006
1004
|
}
|
|
1007
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1008
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1005
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ClickOutsideDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1006
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", type: ClickOutsideDirective, isStandalone: true, selector: "[lpxClickOutside]", inputs: { exceptedRefs: "exceptedRefs" }, outputs: { lpxClickOutside: "lpxClickOutside" }, host: { listeners: { "document:click": "onDocumentClick($event)" } }, ngImport: i0 }); }
|
|
1009
1007
|
}
|
|
1010
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1008
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ClickOutsideDirective, decorators: [{
|
|
1011
1009
|
type: Directive,
|
|
1012
1010
|
args: [{ selector: '[lpxClickOutside]' }]
|
|
1013
1011
|
}], propDecorators: { lpxClickOutside: [{
|
|
@@ -1023,10 +1021,10 @@ class ToObservablePipe {
|
|
|
1023
1021
|
transform(value) {
|
|
1024
1022
|
return value ? getStream$(value) : of('');
|
|
1025
1023
|
}
|
|
1026
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1027
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "
|
|
1024
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ToObservablePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
1025
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: ToObservablePipe, isStandalone: true, name: "toObservable" }); }
|
|
1028
1026
|
}
|
|
1029
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1027
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ToObservablePipe, decorators: [{
|
|
1030
1028
|
type: Pipe,
|
|
1031
1029
|
args: [{ name: 'toObservable' }]
|
|
1032
1030
|
}] });
|
|
@@ -1051,10 +1049,10 @@ class BreadcrumbService {
|
|
|
1051
1049
|
setItems(items) {
|
|
1052
1050
|
this.store.set(items);
|
|
1053
1051
|
}
|
|
1054
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1055
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
1052
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BreadcrumbService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1053
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BreadcrumbService, providedIn: 'root' }); }
|
|
1056
1054
|
}
|
|
1057
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1055
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BreadcrumbService, decorators: [{
|
|
1058
1056
|
type: Injectable,
|
|
1059
1057
|
args: [{
|
|
1060
1058
|
providedIn: 'root',
|
|
@@ -1071,10 +1069,10 @@ class BreadcrumbComponent {
|
|
|
1071
1069
|
item.expanded = !item.expanded;
|
|
1072
1070
|
}
|
|
1073
1071
|
}
|
|
1074
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1075
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1072
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1073
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: BreadcrumbComponent, isStandalone: true, selector: "lpx-breadcrumb", ngImport: i0, template: "<nav aria-label=\"breadcrumb\">\r\n <ol class=\"lpx-breadcrumb\">\r\n @for (item of service.items$ | async; track $index; let last = $last) {\r\n <li\r\n class=\"lpx-breadcrumb-item\"\r\n (click)=\"onClick(item)\"\r\n [class.expanded]=\"item.expanded\"\r\n (lpxClickOutside)=\"item.expanded = false\"\r\n >\r\n @if (item.icon) {\r\n <lpx-icon\r\n class=\"lpx-breadcrumb-item-icon\"\r\n [iconClass]=\"item.icon\"\r\n ></lpx-icon>\r\n }\r\n <ng-container\r\n *ngTemplateOutlet=\"\r\n item.children?.length ? textTemplate : linkTemplate;\r\n context: { $implicit: item }\r\n \"\r\n ></ng-container>\r\n </li>\r\n @if (!last) {\r\n <li class=\"lpx-breadcrumb-separator\">\r\n <lpx-icon iconClass=\"bi bi-chevron-right\"></lpx-icon>\r\n </li>\r\n }\r\n }\r\n </ol>\r\n</nav>\r\n\r\n<ng-template #linkTemplate let-item>\r\n <a [routerLink]=\"item.link\"> {{ item.text | toObservable | async }} </a>\r\n</ng-template>\r\n<ng-template #textTemplate let-item>\r\n <span class=\"lpx-breadcrumb-item-text\">\r\n {{ item.text | toObservable | async }}\r\n </span>\r\n</ng-template>\r\n", dependencies: [{ kind: "directive", type: ClickOutsideDirective, selector: "[lpxClickOutside]", inputs: ["exceptedRefs"], outputs: ["lpxClickOutside"] }, { kind: "component", type: IconComponent, selector: "lpx-icon", inputs: ["iconClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: ToObservablePipe, name: "toObservable" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
1076
1074
|
}
|
|
1077
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1075
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BreadcrumbComponent, decorators: [{
|
|
1078
1076
|
type: Component,
|
|
1079
1077
|
args: [{ selector: 'lpx-breadcrumb', encapsulation: ViewEncapsulation.None, imports: [
|
|
1080
1078
|
ClickOutsideDirective,
|
|
@@ -1087,11 +1085,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImpor
|
|
|
1087
1085
|
}] });
|
|
1088
1086
|
|
|
1089
1087
|
class ToObservableModule {
|
|
1090
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1091
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
1092
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1088
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ToObservableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1089
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: ToObservableModule, imports: [CommonModule, ToObservablePipe], exports: [ToObservablePipe] }); }
|
|
1090
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ToObservableModule, imports: [CommonModule] }); }
|
|
1093
1091
|
}
|
|
1094
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1092
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ToObservableModule, decorators: [{
|
|
1095
1093
|
type: NgModule,
|
|
1096
1094
|
args: [{
|
|
1097
1095
|
imports: [CommonModule, ToObservablePipe],
|
|
@@ -1100,11 +1098,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImpor
|
|
|
1100
1098
|
}] });
|
|
1101
1099
|
|
|
1102
1100
|
class LpxClickOutsideModule {
|
|
1103
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1104
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
1105
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1101
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LpxClickOutsideModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1102
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: LpxClickOutsideModule, imports: [CommonModule, ClickOutsideDirective], exports: [ClickOutsideDirective] }); }
|
|
1103
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LpxClickOutsideModule, imports: [CommonModule] }); }
|
|
1106
1104
|
}
|
|
1107
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1105
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LpxClickOutsideModule, decorators: [{
|
|
1108
1106
|
type: NgModule,
|
|
1109
1107
|
args: [{
|
|
1110
1108
|
imports: [CommonModule, ClickOutsideDirective],
|
|
@@ -1123,19 +1121,19 @@ class LpxBreadcrumbModule {
|
|
|
1123
1121
|
providers: [provideLpxBreadcrumb()],
|
|
1124
1122
|
};
|
|
1125
1123
|
}
|
|
1126
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1127
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
1124
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LpxBreadcrumbModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1125
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: LpxBreadcrumbModule, imports: [CommonModule,
|
|
1128
1126
|
LpxIconModule,
|
|
1129
1127
|
ToObservableModule,
|
|
1130
1128
|
RouterModule,
|
|
1131
1129
|
LpxClickOutsideModule, BreadcrumbComponent], exports: [BreadcrumbComponent] }); }
|
|
1132
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1130
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LpxBreadcrumbModule, imports: [CommonModule,
|
|
1133
1131
|
LpxIconModule,
|
|
1134
1132
|
ToObservableModule,
|
|
1135
1133
|
RouterModule,
|
|
1136
1134
|
LpxClickOutsideModule] }); }
|
|
1137
1135
|
}
|
|
1138
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1136
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LpxBreadcrumbModule, decorators: [{
|
|
1139
1137
|
type: NgModule,
|
|
1140
1138
|
args: [{
|
|
1141
1139
|
imports: [
|
|
@@ -1202,31 +1200,13 @@ class NavbarService {
|
|
|
1202
1200
|
setNavbarItems(...menuItems) {
|
|
1203
1201
|
this.store.set([...this.addContainerLinks(menuItems)]);
|
|
1204
1202
|
}
|
|
1205
|
-
// TODO: muhammed: refactor this method to be readable
|
|
1206
1203
|
addChildren(id, ...menuItems) {
|
|
1207
|
-
const
|
|
1208
|
-
|
|
1209
|
-
|
|
1210
|
-
return
|
|
1211
|
-
|
|
1212
|
-
|
|
1213
|
-
...(index === i
|
|
1214
|
-
? [
|
|
1215
|
-
{
|
|
1216
|
-
...item,
|
|
1217
|
-
children: !location.length
|
|
1218
|
-
? [
|
|
1219
|
-
...(item.children || []),
|
|
1220
|
-
...this.addContainerLinks(menuItems, `${link}/${item.containerLink}`),
|
|
1221
|
-
]
|
|
1222
|
-
: update(item.children || [], location, `${link}/${item.containerLink}`),
|
|
1223
|
-
},
|
|
1224
|
-
]
|
|
1225
|
-
: [item]),
|
|
1226
|
-
];
|
|
1227
|
-
}, []);
|
|
1228
|
-
};
|
|
1229
|
-
const updated = update(this.store.state, parent.location);
|
|
1204
|
+
const { location } = this.findById(id, this.store.state);
|
|
1205
|
+
// If the parent item is not found, do nothing.
|
|
1206
|
+
if (!location.length) {
|
|
1207
|
+
return;
|
|
1208
|
+
}
|
|
1209
|
+
const updated = this.addChildrenByLocation(this.store.state, [...location], '', menuItems);
|
|
1230
1210
|
this.store.patch(updated);
|
|
1231
1211
|
}
|
|
1232
1212
|
findByLink(link, items) {
|
|
@@ -1278,32 +1258,92 @@ class NavbarService {
|
|
|
1278
1258
|
})),
|
|
1279
1259
|
];
|
|
1280
1260
|
}
|
|
1261
|
+
addChildrenByLocation(items, location, linkPrefix, menuItems) {
|
|
1262
|
+
const [currentIndex, ...restLocation] = location;
|
|
1263
|
+
return items.map((item, index) => {
|
|
1264
|
+
if (index !== currentIndex) {
|
|
1265
|
+
return item;
|
|
1266
|
+
}
|
|
1267
|
+
const currentLink = `${linkPrefix}/${item.containerLink}`;
|
|
1268
|
+
// We reached the target item; append new children to it.
|
|
1269
|
+
if (!restLocation.length) {
|
|
1270
|
+
const existingChildren = item.children || [];
|
|
1271
|
+
const newChildren = this.addContainerLinks(menuItems, currentLink);
|
|
1272
|
+
return {
|
|
1273
|
+
...item,
|
|
1274
|
+
children: [...existingChildren, ...newChildren],
|
|
1275
|
+
};
|
|
1276
|
+
}
|
|
1277
|
+
// We are still traversing the path; continue recursively on children.
|
|
1278
|
+
return {
|
|
1279
|
+
...item,
|
|
1280
|
+
children: this.addChildrenByLocation(item.children || [], restLocation, currentLink, menuItems),
|
|
1281
|
+
};
|
|
1282
|
+
});
|
|
1283
|
+
}
|
|
1281
1284
|
findById(id, items) {
|
|
1282
1285
|
return this.findByProp('id', id, items);
|
|
1283
1286
|
}
|
|
1284
|
-
findByProp(prop, value, items
|
|
1287
|
+
findByProp(prop, value, items) {
|
|
1285
1288
|
const navbarItems = items || this.store.state;
|
|
1286
|
-
const
|
|
1287
|
-
let
|
|
1288
|
-
|
|
1289
|
-
|
|
1290
|
-
|
|
1291
|
-
|
|
1292
|
-
|
|
1293
|
-
|
|
1294
|
-
|
|
1295
|
-
|
|
1296
|
-
|
|
1297
|
-
|
|
1289
|
+
const cleanValue = value.split(/[?#]/)[0];
|
|
1290
|
+
let bestMatch;
|
|
1291
|
+
let bestMatchLocation = [];
|
|
1292
|
+
let bestMatchLength = 0;
|
|
1293
|
+
const isValidSegmentPrefix = (candidate) => {
|
|
1294
|
+
if (!candidate || !cleanValue.startsWith(candidate)) {
|
|
1295
|
+
return false;
|
|
1296
|
+
}
|
|
1297
|
+
const isExactMatch = cleanValue.length === candidate.length;
|
|
1298
|
+
const hasPathSeparator = cleanValue[candidate.length] === '/';
|
|
1299
|
+
return isExactMatch || hasPathSeparator;
|
|
1300
|
+
};
|
|
1301
|
+
const searchTree = (nodes, currentPath = []) => {
|
|
1302
|
+
for (let i = 0; i < nodes.length; i++) {
|
|
1303
|
+
const node = nodes[i];
|
|
1304
|
+
const nodePath = [...currentPath, i];
|
|
1305
|
+
const nodeValue = node[prop];
|
|
1306
|
+
// Skip nodes without the property we're searching for
|
|
1307
|
+
if (!nodeValue) {
|
|
1308
|
+
if (node.children?.length) {
|
|
1309
|
+
const childResult = searchTree(node.children, nodePath);
|
|
1310
|
+
if (childResult.item)
|
|
1311
|
+
return childResult;
|
|
1298
1312
|
}
|
|
1313
|
+
continue;
|
|
1299
1314
|
}
|
|
1300
|
-
|
|
1301
|
-
|
|
1302
|
-
|
|
1303
|
-
|
|
1304
|
-
|
|
1305
|
-
|
|
1306
|
-
|
|
1315
|
+
// For non-link properties, only exact matches count
|
|
1316
|
+
if (prop !== 'link') {
|
|
1317
|
+
if (nodeValue === cleanValue) {
|
|
1318
|
+
return { item: node, location: nodePath };
|
|
1319
|
+
}
|
|
1320
|
+
}
|
|
1321
|
+
// For link property, handle exact and prefix matches
|
|
1322
|
+
if (prop === 'link') {
|
|
1323
|
+
// Exact match - return immediately
|
|
1324
|
+
if (nodeValue === cleanValue) {
|
|
1325
|
+
return { item: node, location: nodePath };
|
|
1326
|
+
}
|
|
1327
|
+
// Track best prefix match (longest valid ancestor path)
|
|
1328
|
+
const isLongerMatch = nodeValue.length > bestMatchLength;
|
|
1329
|
+
if (isValidSegmentPrefix(nodeValue) && isLongerMatch) {
|
|
1330
|
+
bestMatch = node;
|
|
1331
|
+
bestMatchLocation = nodePath;
|
|
1332
|
+
bestMatchLength = nodeValue.length;
|
|
1333
|
+
}
|
|
1334
|
+
}
|
|
1335
|
+
// Recursively search children
|
|
1336
|
+
if (node.children?.length) {
|
|
1337
|
+
const childResult = searchTree(node.children, nodePath);
|
|
1338
|
+
if (childResult.item) {
|
|
1339
|
+
return childResult;
|
|
1340
|
+
}
|
|
1341
|
+
}
|
|
1342
|
+
}
|
|
1343
|
+
// No exact match found, return best prefix match
|
|
1344
|
+
return { item: bestMatch, location: bestMatchLocation };
|
|
1345
|
+
};
|
|
1346
|
+
return searchTree(navbarItems);
|
|
1307
1347
|
}
|
|
1308
1348
|
addContainerLinks(items, link = '') {
|
|
1309
1349
|
return items.map((item) => ({
|
|
@@ -1312,10 +1352,10 @@ class NavbarService {
|
|
|
1312
1352
|
children: this.addContainerLinks(item.children || [], `${link ? link + '/' : ''}${item.containerLink || ''}`),
|
|
1313
1353
|
}));
|
|
1314
1354
|
}
|
|
1315
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1316
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
1355
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NavbarService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1356
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NavbarService, providedIn: 'root' }); }
|
|
1317
1357
|
}
|
|
1318
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1358
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NavbarService, decorators: [{
|
|
1319
1359
|
type: Injectable,
|
|
1320
1360
|
args: [{
|
|
1321
1361
|
providedIn: 'root',
|
|
@@ -1388,10 +1428,10 @@ class BreadcrumbRouteListenerService {
|
|
|
1388
1428
|
}
|
|
1389
1429
|
return trail.reverse();
|
|
1390
1430
|
}
|
|
1391
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1392
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
1431
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BreadcrumbRouteListenerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1432
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BreadcrumbRouteListenerService, providedIn: 'root' }); }
|
|
1393
1433
|
}
|
|
1394
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1434
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BreadcrumbRouteListenerService, decorators: [{
|
|
1395
1435
|
type: Injectable,
|
|
1396
1436
|
args: [{
|
|
1397
1437
|
providedIn: 'root',
|
|
@@ -1402,10 +1442,10 @@ class LogoPanelDirective {
|
|
|
1402
1442
|
constructor() {
|
|
1403
1443
|
this.template = inject(TemplateRef);
|
|
1404
1444
|
}
|
|
1405
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1406
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1445
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LogoPanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1446
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", type: LogoPanelDirective, isStandalone: true, selector: "ng-template[lpx-logo-panel]", ngImport: i0 }); }
|
|
1407
1447
|
}
|
|
1408
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1448
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LogoPanelDirective, decorators: [{
|
|
1409
1449
|
type: Directive,
|
|
1410
1450
|
args: [{ selector: 'ng-template[lpx-logo-panel]' }]
|
|
1411
1451
|
}] });
|
|
@@ -1417,10 +1457,10 @@ class TranslatePipe {
|
|
|
1417
1457
|
transform(value, ...args) {
|
|
1418
1458
|
return this.lpxThemeTranslateService.translate$(value, args);
|
|
1419
1459
|
}
|
|
1420
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1421
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "
|
|
1460
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: TranslatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
1461
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: TranslatePipe, isStandalone: true, name: "lpxTranslate" }); }
|
|
1422
1462
|
}
|
|
1423
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1463
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: TranslatePipe, decorators: [{
|
|
1424
1464
|
type: Pipe,
|
|
1425
1465
|
args: [{ name: 'lpxTranslate' }]
|
|
1426
1466
|
}] });
|
|
@@ -1481,7 +1521,7 @@ const collapseLinearWithMargin = trigger('collapseLinearWithMargin', [
|
|
|
1481
1521
|
class SubNavbarComponent {
|
|
1482
1522
|
constructor() {
|
|
1483
1523
|
this.injector = inject(Injector);
|
|
1484
|
-
this.routerItem = input();
|
|
1524
|
+
this.routerItem = input(...(ngDevMode ? [undefined, { debugName: "routerItem" }] : []));
|
|
1485
1525
|
this.routeClick = new EventEmitter();
|
|
1486
1526
|
this.expand = new EventEmitter();
|
|
1487
1527
|
}
|
|
@@ -1518,10 +1558,10 @@ class SubNavbarComponent {
|
|
|
1518
1558
|
menuItem.selected = true;
|
|
1519
1559
|
}
|
|
1520
1560
|
}
|
|
1521
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1522
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1561
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SubNavbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1562
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: SubNavbarComponent, isStandalone: true, selector: "lpx-sub-navbar", inputs: { item: { classPropertyName: "item", publicName: "item", isSignal: false, isRequired: false, transformFunction: null }, routerItem: { classPropertyName: "routerItem", publicName: "routerItem", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { routeClick: "routeClick", expand: "expand" }, ngImport: i0, template: "@if (item.component) {\r\n <ng-container *ngComponentOutlet=\"item.component; injector: injector\" />\r\n} @else {\r\n <ng-container *ngTemplateOutlet=\"defaultTemplate\" />\r\n}\r\n\r\n<ng-template #defaultTemplate>\r\n <a\r\n class=\"lpx-menu-item-link\"\r\n [routerLink]=\"item.link\"\r\n [class.selected]=\"item.selected\"\r\n [class.expanded]=\"item.children?.length && item.expanded\"\r\n (click)=\"onItemClick(item)\"\r\n >\r\n @if (item.icon) {\r\n <lpx-icon class=\"lpx-menu-item-icon\" [iconClass]=\"item.icon\" />\r\n }\r\n\r\n <ng-container\r\n *ngTemplateOutlet=\"\r\n item.template || textTmpl;\r\n context: { $implicit: item }\r\n \"\r\n />\r\n\r\n <ng-template #textTmpl>\r\n @if (item.text) {\r\n @let isToolbarItem = item.text.split('::').length > 1;\r\n <span class=\"lpx-menu-item-text hidden-in-hover-trigger\">\r\n @if (isToolbarItem) {\r\n {{ item.text | abpLocalization }}\r\n } @else {\r\n {{ item.text | lpxTranslate | async }}\r\n }\r\n </span>\r\n }\r\n </ng-template>\r\n\r\n @if (item.children?.length) {\r\n <lpx-icon\r\n [iconClass]=\"item.expanded ? 'chevronUp' : 'chevronDown'\"\r\n class=\"dd-icon hidden-in-hover-trigger\"\r\n />\r\n }\r\n </a>\r\n\r\n @if (item.children?.length) {\r\n <ul\r\n class=\"lpx-inner-menu hidden-in-hover-trigger\"\r\n [class.collapsed]=\"!item.expanded\"\r\n >\r\n @for (child of item.children; track $index) {\r\n <li\r\n class=\"lpx-inner-menu-item\"\r\n *lpxVisible=\"!child.visible || child.visible(child, injector)\"\r\n >\r\n <lpx-sub-navbar\r\n [item]=\"child\"\r\n (routeClick)=\"this.routeClick.emit($event)\"\r\n (expand)=\"onChildExpand($event)\"\r\n />\r\n </li>\r\n }\r\n </ul>\r\n }\r\n</ng-template>\r\n", dependencies: [{ kind: "component", type: SubNavbarComponent, selector: "lpx-sub-navbar", inputs: ["item", "routerItem"], outputs: ["routeClick", "expand"] }, { kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: IconComponent, selector: "lpx-icon", inputs: ["iconClass"] }, { kind: "directive", type: LpxVisibleDirective, selector: "[lpxVisible]", inputs: ["lpxVisible"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "lpxTranslate" }, { kind: "pipe", type: LocalizationPipe, name: "abpLocalization" }], animations: [collapse], encapsulation: i0.ViewEncapsulation.None }); }
|
|
1523
1563
|
}
|
|
1524
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1564
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SubNavbarComponent, decorators: [{
|
|
1525
1565
|
type: Component,
|
|
1526
1566
|
args: [{ selector: 'lpx-sub-navbar', encapsulation: ViewEncapsulation.None, animations: [collapse], imports: [
|
|
1527
1567
|
NgComponentOutlet,
|
|
@@ -1535,7 +1575,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImpor
|
|
|
1535
1575
|
], template: "@if (item.component) {\r\n <ng-container *ngComponentOutlet=\"item.component; injector: injector\" />\r\n} @else {\r\n <ng-container *ngTemplateOutlet=\"defaultTemplate\" />\r\n}\r\n\r\n<ng-template #defaultTemplate>\r\n <a\r\n class=\"lpx-menu-item-link\"\r\n [routerLink]=\"item.link\"\r\n [class.selected]=\"item.selected\"\r\n [class.expanded]=\"item.children?.length && item.expanded\"\r\n (click)=\"onItemClick(item)\"\r\n >\r\n @if (item.icon) {\r\n <lpx-icon class=\"lpx-menu-item-icon\" [iconClass]=\"item.icon\" />\r\n }\r\n\r\n <ng-container\r\n *ngTemplateOutlet=\"\r\n item.template || textTmpl;\r\n context: { $implicit: item }\r\n \"\r\n />\r\n\r\n <ng-template #textTmpl>\r\n @if (item.text) {\r\n @let isToolbarItem = item.text.split('::').length > 1;\r\n <span class=\"lpx-menu-item-text hidden-in-hover-trigger\">\r\n @if (isToolbarItem) {\r\n {{ item.text | abpLocalization }}\r\n } @else {\r\n {{ item.text | lpxTranslate | async }}\r\n }\r\n </span>\r\n }\r\n </ng-template>\r\n\r\n @if (item.children?.length) {\r\n <lpx-icon\r\n [iconClass]=\"item.expanded ? 'chevronUp' : 'chevronDown'\"\r\n class=\"dd-icon hidden-in-hover-trigger\"\r\n />\r\n }\r\n </a>\r\n\r\n @if (item.children?.length) {\r\n <ul\r\n class=\"lpx-inner-menu hidden-in-hover-trigger\"\r\n [class.collapsed]=\"!item.expanded\"\r\n >\r\n @for (child of item.children; track $index) {\r\n <li\r\n class=\"lpx-inner-menu-item\"\r\n *lpxVisible=\"!child.visible || child.visible(child, injector)\"\r\n >\r\n <lpx-sub-navbar\r\n [item]=\"child\"\r\n (routeClick)=\"this.routeClick.emit($event)\"\r\n (expand)=\"onChildExpand($event)\"\r\n />\r\n </li>\r\n }\r\n </ul>\r\n }\r\n</ng-template>\r\n" }]
|
|
1536
1576
|
}], propDecorators: { item: [{
|
|
1537
1577
|
type: Input
|
|
1538
|
-
}], routeClick: [{
|
|
1578
|
+
}], routerItem: [{ type: i0.Input, args: [{ isSignal: true, alias: "routerItem", required: false }] }], routeClick: [{
|
|
1539
1579
|
type: Output
|
|
1540
1580
|
}], expand: [{
|
|
1541
1581
|
type: Output
|
|
@@ -1545,7 +1585,7 @@ class NavbarRoutesComponent {
|
|
|
1545
1585
|
constructor() {
|
|
1546
1586
|
this.injector = inject(Injector);
|
|
1547
1587
|
this.routesService = inject(RoutesService);
|
|
1548
|
-
this._sourceItems = signal([]);
|
|
1588
|
+
this._sourceItems = signal([], ...(ngDevMode ? [{ debugName: "_sourceItems" }] : []));
|
|
1549
1589
|
this._processedItems = computed(() => {
|
|
1550
1590
|
const url = this.routesService.currentNavigation().split('?')[0];
|
|
1551
1591
|
const items = this._sourceItems();
|
|
@@ -1554,8 +1594,8 @@ class NavbarRoutesComponent {
|
|
|
1554
1594
|
}
|
|
1555
1595
|
this.fixNavbarItems(url, items);
|
|
1556
1596
|
return items;
|
|
1557
|
-
});
|
|
1558
|
-
this.routerItem = input();
|
|
1597
|
+
}, ...(ngDevMode ? [{ debugName: "_processedItems" }] : []));
|
|
1598
|
+
this.routerItem = input(...(ngDevMode ? [undefined, { debugName: "routerItem" }] : []));
|
|
1559
1599
|
this.routeClick = new EventEmitter();
|
|
1560
1600
|
this.isExpandedOrSelected = (item) => !!(item.expanded || item.selected);
|
|
1561
1601
|
}
|
|
@@ -1618,12 +1658,13 @@ class NavbarRoutesComponent {
|
|
|
1618
1658
|
if (children?.length) {
|
|
1619
1659
|
this.fixNavbarItems(currentUrl, children);
|
|
1620
1660
|
const hasActiveDescendant = this.hasActiveDescendant(children, currentUrl);
|
|
1621
|
-
const isInActiveChain = hasActiveDescendant ||
|
|
1661
|
+
const isInActiveChain = hasActiveDescendant ||
|
|
1662
|
+
this.isSameOrAncestorRoute(itemUrl, currentUrl);
|
|
1622
1663
|
if (isInActiveChain) {
|
|
1623
1664
|
item.expanded = true;
|
|
1624
1665
|
}
|
|
1625
1666
|
else {
|
|
1626
|
-
const hasExpandedChildren = children.some(child => child.expanded);
|
|
1667
|
+
const hasExpandedChildren = children.some((child) => child.expanded);
|
|
1627
1668
|
if (!hasExpandedChildren) {
|
|
1628
1669
|
item.expanded = false;
|
|
1629
1670
|
}
|
|
@@ -1631,14 +1672,14 @@ class NavbarRoutesComponent {
|
|
|
1631
1672
|
item.selected = false;
|
|
1632
1673
|
}
|
|
1633
1674
|
else {
|
|
1634
|
-
item.selected = itemUrl
|
|
1675
|
+
item.selected = this.isSameOrAncestorRoute(itemUrl, currentUrl);
|
|
1635
1676
|
}
|
|
1636
1677
|
});
|
|
1637
1678
|
}
|
|
1638
1679
|
hasActiveDescendant(items, currentUrl) {
|
|
1639
1680
|
return items.some((item) => {
|
|
1640
1681
|
const itemUrl = item.link?.split('?')[0];
|
|
1641
|
-
if (item.selected || itemUrl
|
|
1682
|
+
if (item.selected || this.isSameOrAncestorRoute(itemUrl, currentUrl)) {
|
|
1642
1683
|
return true;
|
|
1643
1684
|
}
|
|
1644
1685
|
if (item.children?.length) {
|
|
@@ -1647,10 +1688,32 @@ class NavbarRoutesComponent {
|
|
|
1647
1688
|
return false;
|
|
1648
1689
|
});
|
|
1649
1690
|
}
|
|
1650
|
-
|
|
1651
|
-
|
|
1691
|
+
/**
|
|
1692
|
+
* Checks if a navbar item's url matches the current url exactly
|
|
1693
|
+
* or is an ancestor of it on a path segment boundary.
|
|
1694
|
+
*
|
|
1695
|
+
* Examples:
|
|
1696
|
+
* - item: `/a/b`, current: `/a/b` -> true
|
|
1697
|
+
* - item: `/a/b`, current: `/a/b/c` -> true
|
|
1698
|
+
* - item: `/a/bc`, current: `/a/bc/de` -> true
|
|
1699
|
+
* - item: `/a/bc`, current: `/a/bcde` -> false
|
|
1700
|
+
*/
|
|
1701
|
+
isSameOrAncestorRoute(itemUrl, currentUrl) {
|
|
1702
|
+
if (!itemUrl || !currentUrl) {
|
|
1703
|
+
return false;
|
|
1704
|
+
}
|
|
1705
|
+
if (!currentUrl.startsWith(itemUrl)) {
|
|
1706
|
+
return false;
|
|
1707
|
+
}
|
|
1708
|
+
if (currentUrl.length === itemUrl.length) {
|
|
1709
|
+
return true;
|
|
1710
|
+
}
|
|
1711
|
+
return currentUrl[itemUrl.length] === '/';
|
|
1712
|
+
}
|
|
1713
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NavbarRoutesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1714
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: NavbarRoutesComponent, isStandalone: true, selector: "lpx-navbar-routes", inputs: { navbarItems: { classPropertyName: "navbarItems", publicName: "navbarItems", isSignal: false, isRequired: false, transformFunction: null }, groupedItems: { classPropertyName: "groupedItems", publicName: "groupedItems", isSignal: false, isRequired: false, transformFunction: null }, routerItem: { classPropertyName: "routerItem", publicName: "routerItem", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { routeClick: "routeClick" }, ngImport: i0, template: "<ul class=\"lpx-nav-menu\">\r\n @if (groupedItems && groupedItems.length) {\r\n @for (item of groupedItems; track $index) {\r\n <ng-container\r\n *ngTemplateOutlet=\"groupText; context: { $implicit: item }\"\r\n />\r\n\r\n @for (navbarItem of item.items; track $index) {\r\n <ng-container\r\n *ngTemplateOutlet=\"itemTemplate; context: { $implicit: navbarItem }\"\r\n />\r\n }\r\n }\r\n } @else {\r\n <ng-container *ngTemplateOutlet=\"defaultRoute\" />\r\n }\r\n</ul>\r\n\r\n<ng-template #defaultRoute>\r\n @for (item of navbarItems; track $index) {\r\n <ng-container\r\n *ngTemplateOutlet=\"itemTemplate; context: { $implicit: item }\"\r\n />\r\n }\r\n</ng-template>\r\n\r\n<ng-template #groupText let-item>\r\n @if (item.items.length) {\r\n <li class=\"group-menu-item hidden-in-hover-trigger\">\r\n {{ item.group | lpxTranslate | async }}\r\n </li>\r\n }\r\n</ng-template>\r\n\r\n<ng-template #itemTemplate let-item>\r\n <li\r\n class=\"outer-menu-item\"\r\n *lpxVisible=\"!item.visible || item.visible(item, injector)\"\r\n >\r\n <lpx-sub-navbar\r\n [item]=\"item\"\r\n (expand)=\"onSubnavbarExpand($event, navbarItems)\"\r\n (routeClick)=\"onRouteClick($event, navbarItems)\"\r\n [routerItem]=\"routerItem()\"\r\n />\r\n </li>\r\n</ng-template>\r\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: LpxVisibleDirective, selector: "[lpxVisible]", inputs: ["lpxVisible"] }, { kind: "component", type: SubNavbarComponent, selector: "lpx-sub-navbar", inputs: ["item", "routerItem"], outputs: ["routeClick", "expand"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "lpxTranslate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
1652
1715
|
}
|
|
1653
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1716
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NavbarRoutesComponent, decorators: [{
|
|
1654
1717
|
type: Component,
|
|
1655
1718
|
args: [{ selector: 'lpx-navbar-routes', encapsulation: ViewEncapsulation.None, imports: [
|
|
1656
1719
|
NgTemplateOutlet,
|
|
@@ -1663,15 +1726,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImpor
|
|
|
1663
1726
|
type: Input
|
|
1664
1727
|
}], groupedItems: [{
|
|
1665
1728
|
type: Input
|
|
1666
|
-
}], routeClick: [{
|
|
1729
|
+
}], routerItem: [{ type: i0.Input, args: [{ isSignal: true, alias: "routerItem", required: false }] }], routeClick: [{
|
|
1667
1730
|
type: Output
|
|
1668
1731
|
}] } });
|
|
1669
1732
|
|
|
1670
1733
|
class NavbarRoutesDirective {
|
|
1671
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1672
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1734
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NavbarRoutesDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1735
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", type: NavbarRoutesDirective, isStandalone: true, selector: "[lpx-navbar-routes],[lpxNavbarRoutes]", exportAs: ["lpxNavbarRoutes"], ngImport: i0 }); }
|
|
1673
1736
|
}
|
|
1674
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1737
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NavbarRoutesDirective, decorators: [{
|
|
1675
1738
|
type: Directive,
|
|
1676
1739
|
args: [{
|
|
1677
1740
|
selector: '[lpx-navbar-routes],[lpxNavbarRoutes]',
|
|
@@ -1720,10 +1783,10 @@ class NavbarComponent {
|
|
|
1720
1783
|
const contents = this.injector.get(token, []);
|
|
1721
1784
|
return contents.reduce((acc, val) => acc.concat(val), []);
|
|
1722
1785
|
}
|
|
1723
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1724
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1786
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NavbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1787
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: NavbarComponent, isStandalone: true, selector: "lpx-navbar", queries: [{ propertyName: "routesTemplate", first: true, predicate: NavbarRoutesDirective, descendants: true, read: TemplateRef }, { propertyName: "logoPanel", first: true, predicate: LogoPanelDirective, descendants: true }], ngImport: i0, template: "<nav class=\"lpx-nav\" (mouseenter)=\"handleInitialHover()\">\r\n <div class=\"lpx-logo-container\">\r\n <ng-container\r\n *ngTemplateOutlet=\"logoPanel?.template || defaultLogo\"\r\n ></ng-container>\r\n <lpx-icon\r\n class=\"menu-collapse-icon hidden-in-hover-trigger\"\r\n iconClass=\"bi bi-filter-left\"\r\n (click)=\"toggleSidebarHover()\"\r\n ></lpx-icon>\r\n </div>\r\n\r\n @if (showFilterMenu$ | async) {\r\n <ng-container\r\n *ngTemplateOutlet=\"\r\n customContentTemplate;\r\n context: { $implicit: contentBefore }\r\n \"\r\n ></ng-container>\r\n }\r\n\r\n <ng-container\r\n *ngTemplateOutlet=\"\r\n routesTemplate || defaultRouteTemplate;\r\n context: {\r\n $implicit: service.navbarItems$ | async,\r\n groupItems: service.groupedNavbarItems$ | async,\r\n }\r\n \"\r\n ></ng-container>\r\n\r\n <ng-container\r\n *ngTemplateOutlet=\"\r\n customContentTemplate;\r\n context: { $implicit: contentAfter }\r\n \"\r\n ></ng-container>\r\n</nav>\r\n\r\n<ng-template #defaultRouteTemplate let-items let-groupItems=\"groupItems\">\r\n <lpx-navbar-routes\r\n [navbarItems]=\"items\"\r\n [groupedItems]=\"groupItems\"\r\n [routerItem]=\"true\"\r\n ></lpx-navbar-routes>\r\n</ng-template>\r\n\r\n<ng-template #customContentTemplate let-contents>\r\n @for (component of contents; track $index) {\r\n <ng-container\r\n *ngComponentOutlet=\"component; injector: injector\"\r\n ></ng-container>\r\n }\r\n</ng-template>\r\n\r\n<ng-template #defaultLogo>\r\n <lpx-brand-logo />\r\n</ng-template>\r\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IconComponent, selector: "lpx-icon", inputs: ["iconClass"] }, { kind: "component", type: NavbarRoutesComponent, selector: "lpx-navbar-routes", inputs: ["navbarItems", "groupedItems", "routerItem"], outputs: ["routeClick"] }, { kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "component", type: BrandLogoComponent, selector: "lpx-brand-logo", inputs: ["layout"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
1725
1788
|
}
|
|
1726
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1789
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NavbarComponent, decorators: [{
|
|
1727
1790
|
type: Component,
|
|
1728
1791
|
args: [{ selector: 'lpx-navbar', encapsulation: ViewEncapsulation.None, imports: [
|
|
1729
1792
|
NgTemplateOutlet,
|
|
@@ -1750,20 +1813,20 @@ class SafeHtmlPipe {
|
|
|
1750
1813
|
return '';
|
|
1751
1814
|
return this.sanitizer.sanitize(SecurityContext.HTML, value) || '';
|
|
1752
1815
|
}
|
|
1753
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1754
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "
|
|
1816
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SafeHtmlPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
1817
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: SafeHtmlPipe, isStandalone: true, name: "lpxSafeHtml" }); }
|
|
1755
1818
|
}
|
|
1756
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1819
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SafeHtmlPipe, decorators: [{
|
|
1757
1820
|
type: Pipe,
|
|
1758
1821
|
args: [{ name: 'lpxSafeHtml', standalone: true }]
|
|
1759
1822
|
}] });
|
|
1760
1823
|
|
|
1761
1824
|
class LpxTranslateModule {
|
|
1762
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1763
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
1764
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1825
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LpxTranslateModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1826
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: LpxTranslateModule, imports: [CommonModule, TranslatePipe], exports: [TranslatePipe] }); }
|
|
1827
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LpxTranslateModule, imports: [CommonModule] }); }
|
|
1765
1828
|
}
|
|
1766
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1829
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LpxTranslateModule, decorators: [{
|
|
1767
1830
|
type: NgModule,
|
|
1768
1831
|
args: [{
|
|
1769
1832
|
imports: [CommonModule, TranslatePipe],
|
|
@@ -1796,8 +1859,8 @@ class LpxNavbarModule {
|
|
|
1796
1859
|
providers: [provideLpxCore(SKIP_DEFAULTS, withNavbarChild(options))],
|
|
1797
1860
|
};
|
|
1798
1861
|
}
|
|
1799
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1800
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
1862
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LpxNavbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1863
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: LpxNavbarModule, imports: [CommonModule,
|
|
1801
1864
|
FormsModule,
|
|
1802
1865
|
RouterModule,
|
|
1803
1866
|
LpxBrandLogoModule,
|
|
@@ -1811,7 +1874,7 @@ class LpxNavbarModule {
|
|
|
1811
1874
|
SubNavbarComponent,
|
|
1812
1875
|
NavbarRoutesComponent,
|
|
1813
1876
|
NavbarRoutesDirective] }); }
|
|
1814
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1877
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LpxNavbarModule, imports: [CommonModule,
|
|
1815
1878
|
FormsModule,
|
|
1816
1879
|
RouterModule,
|
|
1817
1880
|
LpxBrandLogoModule,
|
|
@@ -1819,7 +1882,7 @@ class LpxNavbarModule {
|
|
|
1819
1882
|
ToObservableModule,
|
|
1820
1883
|
LpxTranslateModule] }); }
|
|
1821
1884
|
}
|
|
1822
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1885
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LpxNavbarModule, decorators: [{
|
|
1823
1886
|
type: NgModule,
|
|
1824
1887
|
args: [{
|
|
1825
1888
|
imports: [
|
|
@@ -1856,10 +1919,10 @@ class FooterLinksService {
|
|
|
1856
1919
|
setFooterInfo(links) {
|
|
1857
1920
|
this.store.set(links);
|
|
1858
1921
|
}
|
|
1859
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1860
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
1922
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: FooterLinksService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1923
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: FooterLinksService, providedIn: 'root' }); }
|
|
1861
1924
|
}
|
|
1862
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1925
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: FooterLinksService, decorators: [{
|
|
1863
1926
|
type: Injectable,
|
|
1864
1927
|
args: [{
|
|
1865
1928
|
providedIn: 'root',
|
|
@@ -1872,10 +1935,10 @@ class FooterComponent {
|
|
|
1872
1935
|
this.footerValues$ = this.service.footerInfo$;
|
|
1873
1936
|
this.currentYear = new Date().getFullYear();
|
|
1874
1937
|
}
|
|
1875
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1876
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1938
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: FooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1939
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: FooterComponent, isStandalone: true, selector: "lpx-footer", ngImport: i0, template: "@if (footerValues$ | async; as footerValues) {\r\n<div class=\"lpx-footbar-container end-0\">\r\n <div class=\"lpx-footbar\">\r\n <div class=\"lpx-footbar-copyright\">\r\n @if (footerValues.brandUrl) {\r\n <span>{{ currentYear }}\u00A9 </span>\r\n <a [href]=\"[footerValues.brandUrl]\" target=\"_blank\"> {{ footerValues.brandName }} </a>\r\n <span>by</span>\r\n }\r\n @if (footerValues.authorUrl) {\r\n <a [href]=\"[footerValues.authorUrl]\" target=\"_blank\"> {{ footerValues.authorName }}</a>\r\n }\r\n </div>\r\n <div class=\"lpx-footbar-solo-links\">\r\n @for (footerLink of footerValues.links; track $index) {\r\n @if (footerLink) {\r\n <a [href]=\"[footerLink.link]\" >{{ footerLink.text }}</a>\r\n }\r\n }\r\n </div>\r\n </div>\r\n</div>\r\n}\r\n", dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }] }); }
|
|
1877
1940
|
}
|
|
1878
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1941
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: FooterComponent, decorators: [{
|
|
1879
1942
|
type: Component,
|
|
1880
1943
|
args: [{ selector: 'lpx-footer', imports: [AsyncPipe], template: "@if (footerValues$ | async; as footerValues) {\r\n<div class=\"lpx-footbar-container end-0\">\r\n <div class=\"lpx-footbar\">\r\n <div class=\"lpx-footbar-copyright\">\r\n @if (footerValues.brandUrl) {\r\n <span>{{ currentYear }}\u00A9 </span>\r\n <a [href]=\"[footerValues.brandUrl]\" target=\"_blank\"> {{ footerValues.brandName }} </a>\r\n <span>by</span>\r\n }\r\n @if (footerValues.authorUrl) {\r\n <a [href]=\"[footerValues.authorUrl]\" target=\"_blank\"> {{ footerValues.authorName }}</a>\r\n }\r\n </div>\r\n <div class=\"lpx-footbar-solo-links\">\r\n @for (footerLink of footerValues.links; track $index) {\r\n @if (footerLink) {\r\n <a [href]=\"[footerLink.link]\" >{{ footerLink.text }}</a>\r\n }\r\n }\r\n </div>\r\n </div>\r\n</div>\r\n}\r\n" }]
|
|
1881
1944
|
}] });
|
|
@@ -1887,11 +1950,11 @@ class LpxFooterModule {
|
|
|
1887
1950
|
providers: [],
|
|
1888
1951
|
};
|
|
1889
1952
|
}
|
|
1890
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1891
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
1892
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1953
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LpxFooterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1954
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: LpxFooterModule, imports: [CommonModule, RouterModule, FooterComponent], exports: [FooterComponent] }); }
|
|
1955
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LpxFooterModule, imports: [CommonModule, RouterModule] }); }
|
|
1893
1956
|
}
|
|
1894
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1957
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LpxFooterModule, decorators: [{
|
|
1895
1958
|
type: NgModule,
|
|
1896
1959
|
args: [{
|
|
1897
1960
|
exports: [FooterComponent],
|
|
@@ -2012,11 +2075,11 @@ class LpxCoreModule {
|
|
|
2012
2075
|
providers: [provideLpxCore(...withLpxCoreOptions(options))],
|
|
2013
2076
|
};
|
|
2014
2077
|
}
|
|
2015
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2016
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
2017
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
2078
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LpxCoreModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2079
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: LpxCoreModule, imports: [CommonModule, LpxVisibleDirective] }); }
|
|
2080
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LpxCoreModule, imports: [CommonModule] }); }
|
|
2018
2081
|
}
|
|
2019
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2082
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LpxCoreModule, decorators: [{
|
|
2020
2083
|
type: NgModule,
|
|
2021
2084
|
args: [{
|
|
2022
2085
|
imports: [CommonModule, LpxVisibleDirective],
|
|
@@ -2043,10 +2106,10 @@ class BreadcrumbPanelDirective {
|
|
|
2043
2106
|
constructor() {
|
|
2044
2107
|
this.template = inject(TemplateRef);
|
|
2045
2108
|
}
|
|
2046
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2047
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2109
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BreadcrumbPanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2110
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", type: BreadcrumbPanelDirective, isStandalone: true, selector: "ng-template[lpx-breadcrumb-panel]", ngImport: i0 }); }
|
|
2048
2111
|
}
|
|
2049
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2112
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BreadcrumbPanelDirective, decorators: [{
|
|
2050
2113
|
type: Directive,
|
|
2051
2114
|
args: [{ selector: 'ng-template[lpx-breadcrumb-panel]' }]
|
|
2052
2115
|
}] });
|
|
@@ -2055,10 +2118,10 @@ class ContentPanelDirective {
|
|
|
2055
2118
|
constructor() {
|
|
2056
2119
|
this.template = inject(TemplateRef);
|
|
2057
2120
|
}
|
|
2058
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2059
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2121
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ContentPanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2122
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", type: ContentPanelDirective, isStandalone: true, selector: "ng-template[lpx-content]", ngImport: i0 }); }
|
|
2060
2123
|
}
|
|
2061
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2124
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ContentPanelDirective, decorators: [{
|
|
2062
2125
|
type: Directive,
|
|
2063
2126
|
args: [{ selector: 'ng-template[lpx-content]' }]
|
|
2064
2127
|
}] });
|
|
@@ -2067,10 +2130,10 @@ class CurrentUserImagePanelDirective {
|
|
|
2067
2130
|
constructor() {
|
|
2068
2131
|
this.template = inject(TemplateRef);
|
|
2069
2132
|
}
|
|
2070
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2071
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2133
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: CurrentUserImagePanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2134
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", type: CurrentUserImagePanelDirective, isStandalone: true, selector: "ng-template[lpx-current-user-image-panel]", ngImport: i0 }); }
|
|
2072
2135
|
}
|
|
2073
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2136
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: CurrentUserImagePanelDirective, decorators: [{
|
|
2074
2137
|
type: Directive,
|
|
2075
2138
|
args: [{ selector: 'ng-template[lpx-current-user-image-panel]' }]
|
|
2076
2139
|
}] });
|
|
@@ -2079,10 +2142,10 @@ class CurrentUserPanelDirective {
|
|
|
2079
2142
|
constructor() {
|
|
2080
2143
|
this.template = inject(TemplateRef);
|
|
2081
2144
|
}
|
|
2082
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2083
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2145
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: CurrentUserPanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2146
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", type: CurrentUserPanelDirective, isStandalone: true, selector: "ng-template[lpx-current-user-panel]", ngImport: i0 }); }
|
|
2084
2147
|
}
|
|
2085
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2148
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: CurrentUserPanelDirective, decorators: [{
|
|
2086
2149
|
type: Directive,
|
|
2087
2150
|
args: [{ selector: 'ng-template[lpx-current-user-panel]' }]
|
|
2088
2151
|
}] });
|
|
@@ -2091,10 +2154,10 @@ class FooterPanelDirective {
|
|
|
2091
2154
|
constructor() {
|
|
2092
2155
|
this.template = inject(TemplateRef);
|
|
2093
2156
|
}
|
|
2094
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2095
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2157
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: FooterPanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2158
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", type: FooterPanelDirective, isStandalone: true, selector: "ng-template[lpx-footer-panel]", ngImport: i0 }); }
|
|
2096
2159
|
}
|
|
2097
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2160
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: FooterPanelDirective, decorators: [{
|
|
2098
2161
|
type: Directive,
|
|
2099
2162
|
args: [{ selector: 'ng-template[lpx-footer-panel]' }]
|
|
2100
2163
|
}] });
|
|
@@ -2103,10 +2166,10 @@ class LanguagePanelDirective {
|
|
|
2103
2166
|
constructor() {
|
|
2104
2167
|
this.template = inject(TemplateRef);
|
|
2105
2168
|
}
|
|
2106
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2107
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2169
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LanguagePanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2170
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", type: LanguagePanelDirective, isStandalone: true, selector: "ng-template[lpx-language-panel]", ngImport: i0 }); }
|
|
2108
2171
|
}
|
|
2109
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2172
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LanguagePanelDirective, decorators: [{
|
|
2110
2173
|
type: Directive,
|
|
2111
2174
|
args: [{ selector: 'ng-template[lpx-language-panel]', }]
|
|
2112
2175
|
}] });
|
|
@@ -2115,10 +2178,10 @@ class MobileNavbarPanelDirective {
|
|
|
2115
2178
|
constructor() {
|
|
2116
2179
|
this.template = inject(TemplateRef);
|
|
2117
2180
|
}
|
|
2118
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2119
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2181
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: MobileNavbarPanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2182
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", type: MobileNavbarPanelDirective, isStandalone: true, selector: "ng-template[lpx-mobile-navbar-panel]", ngImport: i0 }); }
|
|
2120
2183
|
}
|
|
2121
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2184
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: MobileNavbarPanelDirective, decorators: [{
|
|
2122
2185
|
type: Directive,
|
|
2123
2186
|
args: [{ selector: 'ng-template[lpx-mobile-navbar-panel]', }]
|
|
2124
2187
|
}] });
|
|
@@ -2127,10 +2190,10 @@ class MobileNavbarSettingsPanelDirective {
|
|
|
2127
2190
|
constructor() {
|
|
2128
2191
|
this.template = inject(TemplateRef);
|
|
2129
2192
|
}
|
|
2130
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2131
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2193
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: MobileNavbarSettingsPanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2194
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", type: MobileNavbarSettingsPanelDirective, isStandalone: true, selector: "ng-template[lpx-mobile-navbar-settings-panel]", ngImport: i0 }); }
|
|
2132
2195
|
}
|
|
2133
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2196
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: MobileNavbarSettingsPanelDirective, decorators: [{
|
|
2134
2197
|
type: Directive,
|
|
2135
2198
|
args: [{ selector: 'ng-template[lpx-mobile-navbar-settings-panel]', }]
|
|
2136
2199
|
}] });
|
|
@@ -2139,10 +2202,10 @@ class MobileNavbarProfilePanelDirective {
|
|
|
2139
2202
|
constructor() {
|
|
2140
2203
|
this.template = inject(TemplateRef);
|
|
2141
2204
|
}
|
|
2142
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2143
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2205
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: MobileNavbarProfilePanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2206
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", type: MobileNavbarProfilePanelDirective, isStandalone: true, selector: "ng-template[lpx-mobile-navbar-profile-panel]", ngImport: i0 }); }
|
|
2144
2207
|
}
|
|
2145
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2208
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: MobileNavbarProfilePanelDirective, decorators: [{
|
|
2146
2209
|
type: Directive,
|
|
2147
2210
|
args: [{ selector: 'ng-template[lpx-mobile-navbar-profile-panel]', }]
|
|
2148
2211
|
}] });
|
|
@@ -2151,10 +2214,10 @@ class NavbarPanelDirective {
|
|
|
2151
2214
|
constructor() {
|
|
2152
2215
|
this.template = inject(TemplateRef);
|
|
2153
2216
|
}
|
|
2154
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2155
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2217
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NavbarPanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2218
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", type: NavbarPanelDirective, isStandalone: true, selector: "ng-template[lpx-navbar-panel]", ngImport: i0 }); }
|
|
2156
2219
|
}
|
|
2157
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2220
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NavbarPanelDirective, decorators: [{
|
|
2158
2221
|
type: Directive,
|
|
2159
2222
|
args: [{ selector: 'ng-template[lpx-navbar-panel]', }]
|
|
2160
2223
|
}] });
|
|
@@ -2163,10 +2226,10 @@ class NavitemPanelDirective {
|
|
|
2163
2226
|
constructor() {
|
|
2164
2227
|
this.template = inject(TemplateRef);
|
|
2165
2228
|
}
|
|
2166
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2167
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2229
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NavitemPanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2230
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", type: NavitemPanelDirective, isStandalone: true, selector: "ng-template[lpx-navitem-panel]", ngImport: i0 }); }
|
|
2168
2231
|
}
|
|
2169
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2232
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NavitemPanelDirective, decorators: [{
|
|
2170
2233
|
type: Directive,
|
|
2171
2234
|
args: [{ selector: 'ng-template[lpx-navitem-panel]', }]
|
|
2172
2235
|
}] });
|
|
@@ -2175,10 +2238,10 @@ class ToolbarPanelDirective {
|
|
|
2175
2238
|
constructor() {
|
|
2176
2239
|
this.template = inject(TemplateRef);
|
|
2177
2240
|
}
|
|
2178
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2179
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2241
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ToolbarPanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2242
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", type: ToolbarPanelDirective, isStandalone: true, selector: "ng-template[lpx-toolbar-panel]", ngImport: i0 }); }
|
|
2180
2243
|
}
|
|
2181
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2244
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ToolbarPanelDirective, decorators: [{
|
|
2182
2245
|
type: Directive,
|
|
2183
2246
|
args: [{ selector: 'ng-template[lpx-toolbar-panel]', }]
|
|
2184
2247
|
}] });
|
|
@@ -2187,10 +2250,10 @@ class TopNavbarPanelDirective {
|
|
|
2187
2250
|
constructor() {
|
|
2188
2251
|
this.template = inject(TemplateRef);
|
|
2189
2252
|
}
|
|
2190
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2191
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2253
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: TopNavbarPanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2254
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", type: TopNavbarPanelDirective, isStandalone: true, selector: "ng-template[lpx-top-navbar-panel]", ngImport: i0 }); }
|
|
2192
2255
|
}
|
|
2193
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2256
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: TopNavbarPanelDirective, decorators: [{
|
|
2194
2257
|
type: Directive,
|
|
2195
2258
|
args: [{ selector: 'ng-template[lpx-top-navbar-panel]', }]
|
|
2196
2259
|
}] });
|
|
@@ -2199,10 +2262,10 @@ class SettingsPanelDirective {
|
|
|
2199
2262
|
constructor() {
|
|
2200
2263
|
this.template = inject(TemplateRef);
|
|
2201
2264
|
}
|
|
2202
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2203
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2265
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SettingsPanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2266
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", type: SettingsPanelDirective, isStandalone: true, selector: "ng-template[lpx-settings-panel]", ngImport: i0 }); }
|
|
2204
2267
|
}
|
|
2205
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2268
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SettingsPanelDirective, decorators: [{
|
|
2206
2269
|
type: Directive,
|
|
2207
2270
|
args: [{ selector: 'ng-template[lpx-settings-panel]', }]
|
|
2208
2271
|
}] });
|
|
@@ -2225,8 +2288,8 @@ const declarationsAndExports = [
|
|
|
2225
2288
|
ToolbarPanelDirective,
|
|
2226
2289
|
];
|
|
2227
2290
|
class PanelsModule {
|
|
2228
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2229
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
2291
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: PanelsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2292
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: PanelsModule, imports: [CommonModule, BreadcrumbPanelDirective,
|
|
2230
2293
|
ContentPanelDirective,
|
|
2231
2294
|
CurrentUserImagePanelDirective,
|
|
2232
2295
|
CurrentUserPanelDirective,
|
|
@@ -2255,9 +2318,9 @@ class PanelsModule {
|
|
|
2255
2318
|
SettingsPanelDirective,
|
|
2256
2319
|
TopNavbarPanelDirective,
|
|
2257
2320
|
ToolbarPanelDirective] }); }
|
|
2258
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
2321
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: PanelsModule, imports: [CommonModule] }); }
|
|
2259
2322
|
}
|
|
2260
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2323
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: PanelsModule, decorators: [{
|
|
2261
2324
|
type: NgModule,
|
|
2262
2325
|
args: [{
|
|
2263
2326
|
imports: [CommonModule, ...declarationsAndExports],
|
|
@@ -2295,10 +2358,10 @@ class ToolbarService {
|
|
|
2295
2358
|
const updateItems = [...items.slice(0, index), ...items.slice(index + 1)];
|
|
2296
2359
|
this.store.patch({ items: updateItems });
|
|
2297
2360
|
}
|
|
2298
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2299
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
2361
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ToolbarService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
2362
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ToolbarService, providedIn: 'root' }); }
|
|
2300
2363
|
}
|
|
2301
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2364
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ToolbarService, decorators: [{
|
|
2302
2365
|
type: Injectable,
|
|
2303
2366
|
args: [{ providedIn: 'root' }]
|
|
2304
2367
|
}] });
|