@volo/ngx-lepton-x.core 5.0.3 → 5.1.0-rc.2
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 +314 -252
- package/fesm2022/volo-ngx-lepton-x.core.mjs.map +1 -1
- package/index.d.ts +62 -49
- package/package.json +1 -1
|
@@ -41,10 +41,10 @@ class LpxVisibleDirective {
|
|
|
41
41
|
}
|
|
42
42
|
this.viewContainerRef.createEmbeddedView(this.templateRef);
|
|
43
43
|
}
|
|
44
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
45
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
44
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: LpxVisibleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
45
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.9", type: LpxVisibleDirective, isStandalone: true, selector: "[lpxVisible]", inputs: { lpxVisible: "lpxVisible" }, ngImport: i0 }); }
|
|
46
46
|
}
|
|
47
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
47
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: LpxVisibleDirective, decorators: [{
|
|
48
48
|
type: Directive,
|
|
49
49
|
args: [{
|
|
50
50
|
selector: '[lpxVisible]',
|
|
@@ -90,11 +90,11 @@ class LpxLanguageModule {
|
|
|
90
90
|
providers: [provideLpxCore(SKIP_DEFAULTS, withLanguage(options))],
|
|
91
91
|
};
|
|
92
92
|
}
|
|
93
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
94
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
95
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
93
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: LpxLanguageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
94
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.9", ngImport: i0, type: LpxLanguageModule, imports: [CommonModule] }); }
|
|
95
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: LpxLanguageModule, imports: [CommonModule] }); }
|
|
96
96
|
}
|
|
97
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
97
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: LpxLanguageModule, decorators: [{
|
|
98
98
|
type: NgModule,
|
|
99
99
|
args: [{
|
|
100
100
|
declarations: [],
|
|
@@ -181,10 +181,10 @@ class LanguageService {
|
|
|
181
181
|
selectedLanguage: lang,
|
|
182
182
|
});
|
|
183
183
|
}
|
|
184
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
185
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
184
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: LanguageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
185
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: LanguageService, providedIn: 'root' }); }
|
|
186
186
|
}
|
|
187
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
187
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: LanguageService, decorators: [{
|
|
188
188
|
type: Injectable,
|
|
189
189
|
args: [{
|
|
190
190
|
providedIn: 'root',
|
|
@@ -255,10 +255,10 @@ class StyleService {
|
|
|
255
255
|
};
|
|
256
256
|
return linkElem;
|
|
257
257
|
}
|
|
258
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
259
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
258
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: StyleService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
259
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: StyleService, providedIn: 'root' }); }
|
|
260
260
|
}
|
|
261
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
261
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: StyleService, decorators: [{
|
|
262
262
|
type: Injectable,
|
|
263
263
|
args: [{
|
|
264
264
|
providedIn: 'root',
|
|
@@ -372,10 +372,10 @@ class ResponsiveService {
|
|
|
372
372
|
}
|
|
373
373
|
return false;
|
|
374
374
|
}
|
|
375
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
376
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
375
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ResponsiveService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
376
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ResponsiveService, providedIn: 'root' }); }
|
|
377
377
|
}
|
|
378
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
378
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ResponsiveService, decorators: [{
|
|
379
379
|
type: Injectable,
|
|
380
380
|
args: [{
|
|
381
381
|
providedIn: 'root',
|
|
@@ -410,10 +410,10 @@ class ResponsiveDirective {
|
|
|
410
410
|
ngOnDestroy() {
|
|
411
411
|
this.sub.unsubscribe();
|
|
412
412
|
}
|
|
413
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
414
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
413
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ResponsiveDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
414
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.9", type: ResponsiveDirective, isStandalone: true, selector: "[lpxResponsive]", inputs: { query: ["lpxResponsive", "query"] }, ngImport: i0 }); }
|
|
415
415
|
}
|
|
416
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
416
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ResponsiveDirective, decorators: [{
|
|
417
417
|
type: Directive,
|
|
418
418
|
args: [{ selector: '[lpxResponsive]' }]
|
|
419
419
|
}], propDecorators: { query: [{
|
|
@@ -422,11 +422,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImpor
|
|
|
422
422
|
}] } });
|
|
423
423
|
|
|
424
424
|
class LpxResponsiveModule {
|
|
425
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
426
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
427
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
425
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: LpxResponsiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
426
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.9", ngImport: i0, type: LpxResponsiveModule, imports: [CommonModule, ResponsiveDirective], exports: [ResponsiveDirective] }); }
|
|
427
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: LpxResponsiveModule, imports: [CommonModule] }); }
|
|
428
428
|
}
|
|
429
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
429
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: LpxResponsiveModule, decorators: [{
|
|
430
430
|
type: NgModule,
|
|
431
431
|
args: [{
|
|
432
432
|
imports: [CommonModule, ResponsiveDirective],
|
|
@@ -459,10 +459,10 @@ class UserProfileService {
|
|
|
459
459
|
patchUser(user) {
|
|
460
460
|
this.store.patch(user);
|
|
461
461
|
}
|
|
462
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
463
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
462
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: UserProfileService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
463
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: UserProfileService, providedIn: 'root' }); }
|
|
464
464
|
}
|
|
465
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
465
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: UserProfileService, decorators: [{
|
|
466
466
|
type: Injectable,
|
|
467
467
|
args: [{
|
|
468
468
|
providedIn: 'root',
|
|
@@ -482,10 +482,10 @@ class BodyService {
|
|
|
482
482
|
enableScrollY() {
|
|
483
483
|
this.body?.classList.remove(this.classes.overflowYHidden);
|
|
484
484
|
}
|
|
485
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
486
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
485
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: BodyService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
486
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: BodyService, providedIn: 'root' }); }
|
|
487
487
|
}
|
|
488
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
488
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: BodyService, decorators: [{
|
|
489
489
|
type: Injectable,
|
|
490
490
|
args: [{
|
|
491
491
|
providedIn: 'root',
|
|
@@ -538,10 +538,10 @@ class LayoutService {
|
|
|
538
538
|
containerClass,
|
|
539
539
|
});
|
|
540
540
|
}
|
|
541
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
542
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
541
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: LayoutService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
542
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: LayoutService, providedIn: 'root' }); }
|
|
543
543
|
}
|
|
544
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
544
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: LayoutService, decorators: [{
|
|
545
545
|
type: Injectable,
|
|
546
546
|
args: [{
|
|
547
547
|
providedIn: 'root',
|
|
@@ -590,10 +590,10 @@ class LpxThemeTranslateService {
|
|
|
590
590
|
translate$(key, ...args) {
|
|
591
591
|
return this.translateService.get$(key, this._content[key]);
|
|
592
592
|
}
|
|
593
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
594
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
593
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: LpxThemeTranslateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
594
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: LpxThemeTranslateService, providedIn: 'root' }); }
|
|
595
595
|
}
|
|
596
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
596
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: LpxThemeTranslateService, decorators: [{
|
|
597
597
|
type: Injectable,
|
|
598
598
|
args: [{
|
|
599
599
|
providedIn: 'root',
|
|
@@ -607,10 +607,10 @@ class DefaultTranslateService {
|
|
|
607
607
|
get(key, defaultValue) {
|
|
608
608
|
return defaultValue || key || '';
|
|
609
609
|
}
|
|
610
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
611
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
610
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: DefaultTranslateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
611
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: DefaultTranslateService }); }
|
|
612
612
|
}
|
|
613
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
613
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: DefaultTranslateService, decorators: [{
|
|
614
614
|
type: Injectable
|
|
615
615
|
}] });
|
|
616
616
|
|
|
@@ -630,10 +630,10 @@ class DefaultAuthService {
|
|
|
630
630
|
navigateToLogin() {
|
|
631
631
|
return;
|
|
632
632
|
}
|
|
633
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
634
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
633
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: DefaultAuthService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
634
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: DefaultAuthService }); }
|
|
635
635
|
}
|
|
636
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
636
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: DefaultAuthService, decorators: [{
|
|
637
637
|
type: Injectable
|
|
638
638
|
}] });
|
|
639
639
|
|
|
@@ -672,10 +672,10 @@ class LpxLocalStorageService {
|
|
|
672
672
|
if (this.isBrowser)
|
|
673
673
|
localStorage.setItem(key, value);
|
|
674
674
|
}
|
|
675
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
676
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
675
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: LpxLocalStorageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
676
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: LpxLocalStorageService, providedIn: 'root' }); }
|
|
677
677
|
}
|
|
678
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
678
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: LpxLocalStorageService, decorators: [{
|
|
679
679
|
type: Injectable,
|
|
680
680
|
args: [{
|
|
681
681
|
providedIn: 'root'
|
|
@@ -772,10 +772,10 @@ class LpxCookieStorageService {
|
|
|
772
772
|
}
|
|
773
773
|
return cookies;
|
|
774
774
|
}
|
|
775
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
776
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
775
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: LpxCookieStorageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
776
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: LpxCookieStorageService, providedIn: 'root' }); }
|
|
777
777
|
}
|
|
778
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
778
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: LpxCookieStorageService, decorators: [{
|
|
779
779
|
type: Injectable,
|
|
780
780
|
args: [{ providedIn: 'root' }]
|
|
781
781
|
}] });
|
|
@@ -786,10 +786,10 @@ class RoutesService {
|
|
|
786
786
|
this.location = inject(Location);
|
|
787
787
|
this.currentNavigation = toSignal(this.router.events.pipe(filter((e) => e instanceof NavigationEnd), map(() => this.location.path() || '/')), { initialValue: this.location.path() || '/' });
|
|
788
788
|
}
|
|
789
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
790
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
789
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: RoutesService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
790
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: RoutesService, providedIn: 'root' }); }
|
|
791
791
|
}
|
|
792
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
792
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: RoutesService, decorators: [{
|
|
793
793
|
type: Injectable,
|
|
794
794
|
args: [{
|
|
795
795
|
providedIn: 'root',
|
|
@@ -887,12 +887,12 @@ class IconComponent {
|
|
|
887
887
|
get styleClass() {
|
|
888
888
|
return (this.iconSet[this.iconClass] || this.iconClass);
|
|
889
889
|
}
|
|
890
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
891
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
890
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: IconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
891
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.9", type: IconComponent, isStandalone: true, selector: "lpx-icon", inputs: { iconClass: "iconClass" }, ngImport: i0, template: `
|
|
892
892
|
<i class="lpx-icon" [ngClass]="styleClass" aria-hidden="true"></i>
|
|
893
893
|
`, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
894
894
|
}
|
|
895
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
895
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: IconComponent, decorators: [{
|
|
896
896
|
type: Component,
|
|
897
897
|
args: [{
|
|
898
898
|
selector: 'lpx-icon',
|
|
@@ -907,10 +907,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImpor
|
|
|
907
907
|
}] } });
|
|
908
908
|
|
|
909
909
|
class AvatarComponent {
|
|
910
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
911
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
910
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: AvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
911
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.9", 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 }); }
|
|
912
912
|
}
|
|
913
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
913
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: AvatarComponent, decorators: [{
|
|
914
914
|
type: Component,
|
|
915
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" }]
|
|
916
916
|
}], propDecorators: { avatar: [{
|
|
@@ -927,11 +927,11 @@ class LpxIconModule {
|
|
|
927
927
|
providers: [provideLpxCore(SKIP_DEFAULTS, withIcon(options))],
|
|
928
928
|
};
|
|
929
929
|
}
|
|
930
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
931
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
932
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
930
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: LpxIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
931
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.9", ngImport: i0, type: LpxIconModule, imports: [CommonModule, IconComponent], exports: [IconComponent] }); }
|
|
932
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: LpxIconModule, imports: [CommonModule] }); }
|
|
933
933
|
}
|
|
934
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
934
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: LpxIconModule, decorators: [{
|
|
935
935
|
type: NgModule,
|
|
936
936
|
args: [{
|
|
937
937
|
imports: [CommonModule, IconComponent],
|
|
@@ -940,11 +940,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImpor
|
|
|
940
940
|
}] });
|
|
941
941
|
|
|
942
942
|
class LpxAvatarModule {
|
|
943
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
944
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
945
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
943
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: LpxAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
944
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.9", ngImport: i0, type: LpxAvatarModule, imports: [CommonModule, LpxIconModule, AvatarComponent], exports: [AvatarComponent] }); }
|
|
945
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: LpxAvatarModule, imports: [CommonModule, LpxIconModule] }); }
|
|
946
946
|
}
|
|
947
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
947
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: LpxAvatarModule, decorators: [{
|
|
948
948
|
type: NgModule,
|
|
949
949
|
args: [{
|
|
950
950
|
imports: [CommonModule, LpxIconModule, AvatarComponent],
|
|
@@ -960,7 +960,7 @@ var Layouts;
|
|
|
960
960
|
|
|
961
961
|
class BrandLogoComponent {
|
|
962
962
|
constructor() {
|
|
963
|
-
this.layout = input(Layouts.sideMenu);
|
|
963
|
+
this.layout = input(Layouts.sideMenu, ...(ngDevMode ? [{ debugName: "layout" }] : []));
|
|
964
964
|
this.layoutOptions = Layouts;
|
|
965
965
|
this.logoUrl = inject(LOGO_URL_TOKEN, {
|
|
966
966
|
optional: true,
|
|
@@ -969,20 +969,20 @@ class BrandLogoComponent {
|
|
|
969
969
|
optional: true,
|
|
970
970
|
}) ?? 'ProjectName';
|
|
971
971
|
}
|
|
972
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
973
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
972
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: BrandLogoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
973
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.9", 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 }); }
|
|
974
974
|
}
|
|
975
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
975
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: BrandLogoComponent, decorators: [{
|
|
976
976
|
type: Component,
|
|
977
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" }]
|
|
978
|
-
}] });
|
|
978
|
+
}], propDecorators: { layout: [{ type: i0.Input, args: [{ isSignal: true, alias: "layout", required: false }] }] } });
|
|
979
979
|
|
|
980
980
|
class LpxBrandLogoModule {
|
|
981
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
982
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
983
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
981
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: LpxBrandLogoModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
982
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.9", ngImport: i0, type: LpxBrandLogoModule, imports: [RouterModule, BrandLogoComponent], exports: [BrandLogoComponent] }); }
|
|
983
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: LpxBrandLogoModule, imports: [RouterModule] }); }
|
|
984
984
|
}
|
|
985
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
985
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: LpxBrandLogoModule, decorators: [{
|
|
986
986
|
type: NgModule,
|
|
987
987
|
args: [{
|
|
988
988
|
imports: [RouterModule, BrandLogoComponent],
|
|
@@ -1002,10 +1002,10 @@ class ClickOutsideDirective {
|
|
|
1002
1002
|
this.lpxClickOutside.emit();
|
|
1003
1003
|
}
|
|
1004
1004
|
}
|
|
1005
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1006
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1005
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ClickOutsideDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1006
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.9", type: ClickOutsideDirective, isStandalone: true, selector: "[lpxClickOutside]", inputs: { exceptedRefs: "exceptedRefs" }, outputs: { lpxClickOutside: "lpxClickOutside" }, host: { listeners: { "document:click": "onDocumentClick($event)" } }, ngImport: i0 }); }
|
|
1007
1007
|
}
|
|
1008
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1008
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ClickOutsideDirective, decorators: [{
|
|
1009
1009
|
type: Directive,
|
|
1010
1010
|
args: [{ selector: '[lpxClickOutside]' }]
|
|
1011
1011
|
}], propDecorators: { lpxClickOutside: [{
|
|
@@ -1021,10 +1021,10 @@ class ToObservablePipe {
|
|
|
1021
1021
|
transform(value) {
|
|
1022
1022
|
return value ? getStream$(value) : of('');
|
|
1023
1023
|
}
|
|
1024
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1025
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "
|
|
1024
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ToObservablePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
1025
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.9", ngImport: i0, type: ToObservablePipe, isStandalone: true, name: "toObservable" }); }
|
|
1026
1026
|
}
|
|
1027
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1027
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ToObservablePipe, decorators: [{
|
|
1028
1028
|
type: Pipe,
|
|
1029
1029
|
args: [{ name: 'toObservable' }]
|
|
1030
1030
|
}] });
|
|
@@ -1049,10 +1049,10 @@ class BreadcrumbService {
|
|
|
1049
1049
|
setItems(items) {
|
|
1050
1050
|
this.store.set(items);
|
|
1051
1051
|
}
|
|
1052
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1053
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
1052
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: BreadcrumbService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1053
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: BreadcrumbService, providedIn: 'root' }); }
|
|
1054
1054
|
}
|
|
1055
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1055
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: BreadcrumbService, decorators: [{
|
|
1056
1056
|
type: Injectable,
|
|
1057
1057
|
args: [{
|
|
1058
1058
|
providedIn: 'root',
|
|
@@ -1069,10 +1069,10 @@ class BreadcrumbComponent {
|
|
|
1069
1069
|
item.expanded = !item.expanded;
|
|
1070
1070
|
}
|
|
1071
1071
|
}
|
|
1072
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1073
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1072
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: BreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1073
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.9", 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 }); }
|
|
1074
1074
|
}
|
|
1075
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1075
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: BreadcrumbComponent, decorators: [{
|
|
1076
1076
|
type: Component,
|
|
1077
1077
|
args: [{ selector: 'lpx-breadcrumb', encapsulation: ViewEncapsulation.None, imports: [
|
|
1078
1078
|
ClickOutsideDirective,
|
|
@@ -1085,11 +1085,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImpor
|
|
|
1085
1085
|
}] });
|
|
1086
1086
|
|
|
1087
1087
|
class ToObservableModule {
|
|
1088
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1089
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
1090
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1088
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ToObservableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1089
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.9", ngImport: i0, type: ToObservableModule, imports: [CommonModule, ToObservablePipe], exports: [ToObservablePipe] }); }
|
|
1090
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ToObservableModule, imports: [CommonModule] }); }
|
|
1091
1091
|
}
|
|
1092
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1092
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ToObservableModule, decorators: [{
|
|
1093
1093
|
type: NgModule,
|
|
1094
1094
|
args: [{
|
|
1095
1095
|
imports: [CommonModule, ToObservablePipe],
|
|
@@ -1098,11 +1098,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImpor
|
|
|
1098
1098
|
}] });
|
|
1099
1099
|
|
|
1100
1100
|
class LpxClickOutsideModule {
|
|
1101
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1102
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
1103
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1101
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: LpxClickOutsideModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1102
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.9", ngImport: i0, type: LpxClickOutsideModule, imports: [CommonModule, ClickOutsideDirective], exports: [ClickOutsideDirective] }); }
|
|
1103
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: LpxClickOutsideModule, imports: [CommonModule] }); }
|
|
1104
1104
|
}
|
|
1105
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1105
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: LpxClickOutsideModule, decorators: [{
|
|
1106
1106
|
type: NgModule,
|
|
1107
1107
|
args: [{
|
|
1108
1108
|
imports: [CommonModule, ClickOutsideDirective],
|
|
@@ -1121,19 +1121,19 @@ class LpxBreadcrumbModule {
|
|
|
1121
1121
|
providers: [provideLpxBreadcrumb()],
|
|
1122
1122
|
};
|
|
1123
1123
|
}
|
|
1124
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1125
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
1124
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: LpxBreadcrumbModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1125
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.9", ngImport: i0, type: LpxBreadcrumbModule, imports: [CommonModule,
|
|
1126
1126
|
LpxIconModule,
|
|
1127
1127
|
ToObservableModule,
|
|
1128
1128
|
RouterModule,
|
|
1129
1129
|
LpxClickOutsideModule, BreadcrumbComponent], exports: [BreadcrumbComponent] }); }
|
|
1130
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1130
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: LpxBreadcrumbModule, imports: [CommonModule,
|
|
1131
1131
|
LpxIconModule,
|
|
1132
1132
|
ToObservableModule,
|
|
1133
1133
|
RouterModule,
|
|
1134
1134
|
LpxClickOutsideModule] }); }
|
|
1135
1135
|
}
|
|
1136
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1136
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: LpxBreadcrumbModule, decorators: [{
|
|
1137
1137
|
type: NgModule,
|
|
1138
1138
|
args: [{
|
|
1139
1139
|
imports: [
|
|
@@ -1204,33 +1204,12 @@ class NavbarService {
|
|
|
1204
1204
|
this.store.set([...this.addContainerLinks(menuItems)]);
|
|
1205
1205
|
}
|
|
1206
1206
|
addChildren(id, ...menuItems) {
|
|
1207
|
-
const
|
|
1208
|
-
|
|
1209
|
-
|
|
1210
|
-
return
|
|
1211
|
-
|
|
1212
|
-
|
|
1213
|
-
const childLink = `${link}/${containerLink}`;
|
|
1214
|
-
const isTargetParent = remainingPath.length === 0;
|
|
1215
|
-
let updatedChildren = update(item.children || [], remainingPath, childLink);
|
|
1216
|
-
if (isTargetParent) {
|
|
1217
|
-
updatedChildren = [
|
|
1218
|
-
...(item.children || []),
|
|
1219
|
-
...this.addContainerLinks(menuItems, childLink),
|
|
1220
|
-
];
|
|
1221
|
-
}
|
|
1222
|
-
return [
|
|
1223
|
-
...acc,
|
|
1224
|
-
{
|
|
1225
|
-
...item,
|
|
1226
|
-
children: updatedChildren,
|
|
1227
|
-
},
|
|
1228
|
-
];
|
|
1229
|
-
}
|
|
1230
|
-
return [...acc, item];
|
|
1231
|
-
}, []);
|
|
1232
|
-
};
|
|
1233
|
-
const updated = update(this.store.state, parent.location);
|
|
1207
|
+
const { location } = this.findById(id, this.store.state);
|
|
1208
|
+
// If the parent item is not found, do nothing.
|
|
1209
|
+
if (!location.length) {
|
|
1210
|
+
return;
|
|
1211
|
+
}
|
|
1212
|
+
const updated = this.addChildrenByLocation(this.store.state, [...location], '', menuItems);
|
|
1234
1213
|
this.store.patch(updated);
|
|
1235
1214
|
}
|
|
1236
1215
|
findByLink(link, items) {
|
|
@@ -1282,32 +1261,92 @@ class NavbarService {
|
|
|
1282
1261
|
})),
|
|
1283
1262
|
];
|
|
1284
1263
|
}
|
|
1264
|
+
addChildrenByLocation(items, location, linkPrefix, menuItems) {
|
|
1265
|
+
const [currentIndex, ...restLocation] = location;
|
|
1266
|
+
return items.map((item, index) => {
|
|
1267
|
+
if (index !== currentIndex) {
|
|
1268
|
+
return item;
|
|
1269
|
+
}
|
|
1270
|
+
const currentLink = `${linkPrefix}/${item.containerLink}`;
|
|
1271
|
+
// We reached the target item; append new children to it.
|
|
1272
|
+
if (!restLocation.length) {
|
|
1273
|
+
const existingChildren = item.children || [];
|
|
1274
|
+
const newChildren = this.addContainerLinks(menuItems, currentLink);
|
|
1275
|
+
return {
|
|
1276
|
+
...item,
|
|
1277
|
+
children: [...existingChildren, ...newChildren],
|
|
1278
|
+
};
|
|
1279
|
+
}
|
|
1280
|
+
// We are still traversing the path; continue recursively on children.
|
|
1281
|
+
return {
|
|
1282
|
+
...item,
|
|
1283
|
+
children: this.addChildrenByLocation(item.children || [], restLocation, currentLink, menuItems),
|
|
1284
|
+
};
|
|
1285
|
+
});
|
|
1286
|
+
}
|
|
1285
1287
|
findById(id, items) {
|
|
1286
1288
|
return this.findByProp('id', id, items);
|
|
1287
1289
|
}
|
|
1288
|
-
findByProp(prop, value, items
|
|
1290
|
+
findByProp(prop, value, items) {
|
|
1289
1291
|
const navbarItems = items || this.store.state;
|
|
1290
|
-
const
|
|
1291
|
-
let
|
|
1292
|
-
|
|
1293
|
-
|
|
1294
|
-
|
|
1295
|
-
|
|
1296
|
-
|
|
1297
|
-
|
|
1298
|
-
|
|
1299
|
-
|
|
1300
|
-
|
|
1301
|
-
|
|
1292
|
+
const cleanValue = value.split(/[?#]/)[0];
|
|
1293
|
+
let bestMatch;
|
|
1294
|
+
let bestMatchLocation = [];
|
|
1295
|
+
let bestMatchLength = 0;
|
|
1296
|
+
const isValidSegmentPrefix = (candidate) => {
|
|
1297
|
+
if (!candidate || !cleanValue.startsWith(candidate)) {
|
|
1298
|
+
return false;
|
|
1299
|
+
}
|
|
1300
|
+
const isExactMatch = cleanValue.length === candidate.length;
|
|
1301
|
+
const hasPathSeparator = cleanValue[candidate.length] === '/';
|
|
1302
|
+
return isExactMatch || hasPathSeparator;
|
|
1303
|
+
};
|
|
1304
|
+
const searchTree = (nodes, currentPath = []) => {
|
|
1305
|
+
for (let i = 0; i < nodes.length; i++) {
|
|
1306
|
+
const node = nodes[i];
|
|
1307
|
+
const nodePath = [...currentPath, i];
|
|
1308
|
+
const nodeValue = node[prop];
|
|
1309
|
+
// Skip nodes without the property we're searching for
|
|
1310
|
+
if (!nodeValue) {
|
|
1311
|
+
if (node.children?.length) {
|
|
1312
|
+
const childResult = searchTree(node.children, nodePath);
|
|
1313
|
+
if (childResult.item)
|
|
1314
|
+
return childResult;
|
|
1302
1315
|
}
|
|
1316
|
+
continue;
|
|
1303
1317
|
}
|
|
1304
|
-
|
|
1305
|
-
|
|
1306
|
-
|
|
1307
|
-
|
|
1308
|
-
|
|
1309
|
-
|
|
1310
|
-
|
|
1318
|
+
// For non-link properties, only exact matches count
|
|
1319
|
+
if (prop !== 'link') {
|
|
1320
|
+
if (nodeValue === cleanValue) {
|
|
1321
|
+
return { item: node, location: nodePath };
|
|
1322
|
+
}
|
|
1323
|
+
}
|
|
1324
|
+
// For link property, handle exact and prefix matches
|
|
1325
|
+
if (prop === 'link') {
|
|
1326
|
+
// Exact match - return immediately
|
|
1327
|
+
if (nodeValue === cleanValue) {
|
|
1328
|
+
return { item: node, location: nodePath };
|
|
1329
|
+
}
|
|
1330
|
+
// Track best prefix match (longest valid ancestor path)
|
|
1331
|
+
const isLongerMatch = nodeValue.length > bestMatchLength;
|
|
1332
|
+
if (isValidSegmentPrefix(nodeValue) && isLongerMatch) {
|
|
1333
|
+
bestMatch = node;
|
|
1334
|
+
bestMatchLocation = nodePath;
|
|
1335
|
+
bestMatchLength = nodeValue.length;
|
|
1336
|
+
}
|
|
1337
|
+
}
|
|
1338
|
+
// Recursively search children
|
|
1339
|
+
if (node.children?.length) {
|
|
1340
|
+
const childResult = searchTree(node.children, nodePath);
|
|
1341
|
+
if (childResult.item) {
|
|
1342
|
+
return childResult;
|
|
1343
|
+
}
|
|
1344
|
+
}
|
|
1345
|
+
}
|
|
1346
|
+
// No exact match found, return best prefix match
|
|
1347
|
+
return { item: bestMatch, location: bestMatchLocation };
|
|
1348
|
+
};
|
|
1349
|
+
return searchTree(navbarItems);
|
|
1311
1350
|
}
|
|
1312
1351
|
addContainerLinks(items, link = '') {
|
|
1313
1352
|
return items.map((item) => ({
|
|
@@ -1316,10 +1355,10 @@ class NavbarService {
|
|
|
1316
1355
|
children: this.addContainerLinks(item.children || [], `${link ? link + '/' : ''}${item.containerLink || ''}`),
|
|
1317
1356
|
}));
|
|
1318
1357
|
}
|
|
1319
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1320
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
1358
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: NavbarService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1359
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: NavbarService, providedIn: 'root' }); }
|
|
1321
1360
|
}
|
|
1322
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1361
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: NavbarService, decorators: [{
|
|
1323
1362
|
type: Injectable,
|
|
1324
1363
|
args: [{
|
|
1325
1364
|
providedIn: 'root',
|
|
@@ -1392,10 +1431,10 @@ class BreadcrumbRouteListenerService {
|
|
|
1392
1431
|
}
|
|
1393
1432
|
return trail.reverse();
|
|
1394
1433
|
}
|
|
1395
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1396
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
1434
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: BreadcrumbRouteListenerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1435
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: BreadcrumbRouteListenerService, providedIn: 'root' }); }
|
|
1397
1436
|
}
|
|
1398
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1437
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: BreadcrumbRouteListenerService, decorators: [{
|
|
1399
1438
|
type: Injectable,
|
|
1400
1439
|
args: [{
|
|
1401
1440
|
providedIn: 'root',
|
|
@@ -1406,10 +1445,10 @@ class LogoPanelDirective {
|
|
|
1406
1445
|
constructor() {
|
|
1407
1446
|
this.template = inject(TemplateRef);
|
|
1408
1447
|
}
|
|
1409
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1410
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1448
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: LogoPanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1449
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.9", type: LogoPanelDirective, isStandalone: true, selector: "ng-template[lpx-logo-panel]", ngImport: i0 }); }
|
|
1411
1450
|
}
|
|
1412
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1451
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: LogoPanelDirective, decorators: [{
|
|
1413
1452
|
type: Directive,
|
|
1414
1453
|
args: [{ selector: 'ng-template[lpx-logo-panel]' }]
|
|
1415
1454
|
}] });
|
|
@@ -1421,10 +1460,10 @@ class TranslatePipe {
|
|
|
1421
1460
|
transform(value, ...args) {
|
|
1422
1461
|
return this.lpxThemeTranslateService.translate$(value, args);
|
|
1423
1462
|
}
|
|
1424
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1425
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "
|
|
1463
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TranslatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
1464
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.9", ngImport: i0, type: TranslatePipe, isStandalone: true, name: "lpxTranslate" }); }
|
|
1426
1465
|
}
|
|
1427
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1466
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TranslatePipe, decorators: [{
|
|
1428
1467
|
type: Pipe,
|
|
1429
1468
|
args: [{ name: 'lpxTranslate' }]
|
|
1430
1469
|
}] });
|
|
@@ -1485,7 +1524,7 @@ const collapseLinearWithMargin = trigger('collapseLinearWithMargin', [
|
|
|
1485
1524
|
class SubNavbarComponent {
|
|
1486
1525
|
constructor() {
|
|
1487
1526
|
this.injector = inject(Injector);
|
|
1488
|
-
this.routerItem = input();
|
|
1527
|
+
this.routerItem = input(...(ngDevMode ? [undefined, { debugName: "routerItem" }] : []));
|
|
1489
1528
|
this.routeClick = new EventEmitter();
|
|
1490
1529
|
this.expand = new EventEmitter();
|
|
1491
1530
|
}
|
|
@@ -1522,10 +1561,10 @@ class SubNavbarComponent {
|
|
|
1522
1561
|
menuItem.selected = true;
|
|
1523
1562
|
}
|
|
1524
1563
|
}
|
|
1525
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1526
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1564
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: SubNavbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1565
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.9", 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 }); }
|
|
1527
1566
|
}
|
|
1528
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1567
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: SubNavbarComponent, decorators: [{
|
|
1529
1568
|
type: Component,
|
|
1530
1569
|
args: [{ selector: 'lpx-sub-navbar', encapsulation: ViewEncapsulation.None, animations: [collapse], imports: [
|
|
1531
1570
|
NgComponentOutlet,
|
|
@@ -1539,7 +1578,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImpor
|
|
|
1539
1578
|
], 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" }]
|
|
1540
1579
|
}], propDecorators: { item: [{
|
|
1541
1580
|
type: Input
|
|
1542
|
-
}], routeClick: [{
|
|
1581
|
+
}], routerItem: [{ type: i0.Input, args: [{ isSignal: true, alias: "routerItem", required: false }] }], routeClick: [{
|
|
1543
1582
|
type: Output
|
|
1544
1583
|
}], expand: [{
|
|
1545
1584
|
type: Output
|
|
@@ -1549,7 +1588,7 @@ class NavbarRoutesComponent {
|
|
|
1549
1588
|
constructor() {
|
|
1550
1589
|
this.injector = inject(Injector);
|
|
1551
1590
|
this.routesService = inject(RoutesService);
|
|
1552
|
-
this._sourceItems = signal([]);
|
|
1591
|
+
this._sourceItems = signal([], ...(ngDevMode ? [{ debugName: "_sourceItems" }] : []));
|
|
1553
1592
|
this._processedItems = computed(() => {
|
|
1554
1593
|
const url = this.routesService.currentNavigation().split('?')[0];
|
|
1555
1594
|
const items = this._sourceItems();
|
|
@@ -1558,8 +1597,8 @@ class NavbarRoutesComponent {
|
|
|
1558
1597
|
}
|
|
1559
1598
|
this.fixNavbarItems(url, items);
|
|
1560
1599
|
return items;
|
|
1561
|
-
});
|
|
1562
|
-
this.routerItem = input();
|
|
1600
|
+
}, ...(ngDevMode ? [{ debugName: "_processedItems" }] : []));
|
|
1601
|
+
this.routerItem = input(...(ngDevMode ? [undefined, { debugName: "routerItem" }] : []));
|
|
1563
1602
|
this.routeClick = new EventEmitter();
|
|
1564
1603
|
this.isExpandedOrSelected = (item) => !!(item.expanded || item.selected);
|
|
1565
1604
|
}
|
|
@@ -1622,12 +1661,13 @@ class NavbarRoutesComponent {
|
|
|
1622
1661
|
if (children?.length) {
|
|
1623
1662
|
this.fixNavbarItems(currentUrl, children);
|
|
1624
1663
|
const hasActiveDescendant = this.hasActiveDescendant(children, currentUrl);
|
|
1625
|
-
const isInActiveChain = hasActiveDescendant ||
|
|
1664
|
+
const isInActiveChain = hasActiveDescendant ||
|
|
1665
|
+
this.isSameOrAncestorRoute(itemUrl, currentUrl);
|
|
1626
1666
|
if (isInActiveChain) {
|
|
1627
1667
|
item.expanded = true;
|
|
1628
1668
|
}
|
|
1629
1669
|
else {
|
|
1630
|
-
const hasExpandedChildren = children.some(child => child.expanded);
|
|
1670
|
+
const hasExpandedChildren = children.some((child) => child.expanded);
|
|
1631
1671
|
if (!hasExpandedChildren) {
|
|
1632
1672
|
item.expanded = false;
|
|
1633
1673
|
}
|
|
@@ -1635,14 +1675,14 @@ class NavbarRoutesComponent {
|
|
|
1635
1675
|
item.selected = false;
|
|
1636
1676
|
}
|
|
1637
1677
|
else {
|
|
1638
|
-
item.selected = itemUrl
|
|
1678
|
+
item.selected = this.isSameOrAncestorRoute(itemUrl, currentUrl);
|
|
1639
1679
|
}
|
|
1640
1680
|
});
|
|
1641
1681
|
}
|
|
1642
1682
|
hasActiveDescendant(items, currentUrl) {
|
|
1643
1683
|
return items.some((item) => {
|
|
1644
1684
|
const itemUrl = item.link?.split('?')[0];
|
|
1645
|
-
if (item.selected || itemUrl
|
|
1685
|
+
if (item.selected || this.isSameOrAncestorRoute(itemUrl, currentUrl)) {
|
|
1646
1686
|
return true;
|
|
1647
1687
|
}
|
|
1648
1688
|
if (item.children?.length) {
|
|
@@ -1651,10 +1691,32 @@ class NavbarRoutesComponent {
|
|
|
1651
1691
|
return false;
|
|
1652
1692
|
});
|
|
1653
1693
|
}
|
|
1654
|
-
|
|
1655
|
-
|
|
1694
|
+
/**
|
|
1695
|
+
* Checks if a navbar item's url matches the current url exactly
|
|
1696
|
+
* or is an ancestor of it on a path segment boundary.
|
|
1697
|
+
*
|
|
1698
|
+
* Examples:
|
|
1699
|
+
* - item: `/a/b`, current: `/a/b` -> true
|
|
1700
|
+
* - item: `/a/b`, current: `/a/b/c` -> true
|
|
1701
|
+
* - item: `/a/bc`, current: `/a/bc/de` -> true
|
|
1702
|
+
* - item: `/a/bc`, current: `/a/bcde` -> false
|
|
1703
|
+
*/
|
|
1704
|
+
isSameOrAncestorRoute(itemUrl, currentUrl) {
|
|
1705
|
+
if (!itemUrl || !currentUrl) {
|
|
1706
|
+
return false;
|
|
1707
|
+
}
|
|
1708
|
+
if (!currentUrl.startsWith(itemUrl)) {
|
|
1709
|
+
return false;
|
|
1710
|
+
}
|
|
1711
|
+
if (currentUrl.length === itemUrl.length) {
|
|
1712
|
+
return true;
|
|
1713
|
+
}
|
|
1714
|
+
return currentUrl[itemUrl.length] === '/';
|
|
1715
|
+
}
|
|
1716
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: NavbarRoutesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1717
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.9", 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 }); }
|
|
1656
1718
|
}
|
|
1657
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1719
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: NavbarRoutesComponent, decorators: [{
|
|
1658
1720
|
type: Component,
|
|
1659
1721
|
args: [{ selector: 'lpx-navbar-routes', encapsulation: ViewEncapsulation.None, imports: [
|
|
1660
1722
|
NgTemplateOutlet,
|
|
@@ -1667,15 +1729,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImpor
|
|
|
1667
1729
|
type: Input
|
|
1668
1730
|
}], groupedItems: [{
|
|
1669
1731
|
type: Input
|
|
1670
|
-
}], routeClick: [{
|
|
1732
|
+
}], routerItem: [{ type: i0.Input, args: [{ isSignal: true, alias: "routerItem", required: false }] }], routeClick: [{
|
|
1671
1733
|
type: Output
|
|
1672
1734
|
}] } });
|
|
1673
1735
|
|
|
1674
1736
|
class NavbarRoutesDirective {
|
|
1675
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1676
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1737
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: NavbarRoutesDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1738
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.9", type: NavbarRoutesDirective, isStandalone: true, selector: "[lpx-navbar-routes],[lpxNavbarRoutes]", exportAs: ["lpxNavbarRoutes"], ngImport: i0 }); }
|
|
1677
1739
|
}
|
|
1678
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1740
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: NavbarRoutesDirective, decorators: [{
|
|
1679
1741
|
type: Directive,
|
|
1680
1742
|
args: [{
|
|
1681
1743
|
selector: '[lpx-navbar-routes],[lpxNavbarRoutes]',
|
|
@@ -1724,10 +1786,10 @@ class NavbarComponent {
|
|
|
1724
1786
|
const contents = this.injector.get(token, []);
|
|
1725
1787
|
return contents.reduce((acc, val) => acc.concat(val), []);
|
|
1726
1788
|
}
|
|
1727
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1728
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1789
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: NavbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1790
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.9", 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 }); }
|
|
1729
1791
|
}
|
|
1730
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1792
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: NavbarComponent, decorators: [{
|
|
1731
1793
|
type: Component,
|
|
1732
1794
|
args: [{ selector: 'lpx-navbar', encapsulation: ViewEncapsulation.None, imports: [
|
|
1733
1795
|
NgTemplateOutlet,
|
|
@@ -1754,20 +1816,20 @@ class SafeHtmlPipe {
|
|
|
1754
1816
|
return '';
|
|
1755
1817
|
return this.sanitizer.sanitize(SecurityContext.HTML, value) || '';
|
|
1756
1818
|
}
|
|
1757
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1758
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "
|
|
1819
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: SafeHtmlPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
1820
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.9", ngImport: i0, type: SafeHtmlPipe, isStandalone: true, name: "lpxSafeHtml" }); }
|
|
1759
1821
|
}
|
|
1760
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1822
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: SafeHtmlPipe, decorators: [{
|
|
1761
1823
|
type: Pipe,
|
|
1762
1824
|
args: [{ name: 'lpxSafeHtml', standalone: true }]
|
|
1763
1825
|
}] });
|
|
1764
1826
|
|
|
1765
1827
|
class LpxTranslateModule {
|
|
1766
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1767
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
1768
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1828
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: LpxTranslateModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1829
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.9", ngImport: i0, type: LpxTranslateModule, imports: [CommonModule, TranslatePipe], exports: [TranslatePipe] }); }
|
|
1830
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: LpxTranslateModule, imports: [CommonModule] }); }
|
|
1769
1831
|
}
|
|
1770
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1832
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: LpxTranslateModule, decorators: [{
|
|
1771
1833
|
type: NgModule,
|
|
1772
1834
|
args: [{
|
|
1773
1835
|
imports: [CommonModule, TranslatePipe],
|
|
@@ -1800,8 +1862,8 @@ class LpxNavbarModule {
|
|
|
1800
1862
|
providers: [provideLpxCore(SKIP_DEFAULTS, withNavbarChild(options))],
|
|
1801
1863
|
};
|
|
1802
1864
|
}
|
|
1803
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1804
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
1865
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: LpxNavbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1866
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.9", ngImport: i0, type: LpxNavbarModule, imports: [CommonModule,
|
|
1805
1867
|
FormsModule,
|
|
1806
1868
|
RouterModule,
|
|
1807
1869
|
LpxBrandLogoModule,
|
|
@@ -1815,7 +1877,7 @@ class LpxNavbarModule {
|
|
|
1815
1877
|
SubNavbarComponent,
|
|
1816
1878
|
NavbarRoutesComponent,
|
|
1817
1879
|
NavbarRoutesDirective] }); }
|
|
1818
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1880
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: LpxNavbarModule, imports: [CommonModule,
|
|
1819
1881
|
FormsModule,
|
|
1820
1882
|
RouterModule,
|
|
1821
1883
|
LpxBrandLogoModule,
|
|
@@ -1823,7 +1885,7 @@ class LpxNavbarModule {
|
|
|
1823
1885
|
ToObservableModule,
|
|
1824
1886
|
LpxTranslateModule] }); }
|
|
1825
1887
|
}
|
|
1826
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1888
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: LpxNavbarModule, decorators: [{
|
|
1827
1889
|
type: NgModule,
|
|
1828
1890
|
args: [{
|
|
1829
1891
|
imports: [
|
|
@@ -1860,10 +1922,10 @@ class FooterLinksService {
|
|
|
1860
1922
|
setFooterInfo(links) {
|
|
1861
1923
|
this.store.set(links);
|
|
1862
1924
|
}
|
|
1863
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1864
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
1925
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: FooterLinksService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1926
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: FooterLinksService, providedIn: 'root' }); }
|
|
1865
1927
|
}
|
|
1866
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1928
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: FooterLinksService, decorators: [{
|
|
1867
1929
|
type: Injectable,
|
|
1868
1930
|
args: [{
|
|
1869
1931
|
providedIn: 'root',
|
|
@@ -1876,10 +1938,10 @@ class FooterComponent {
|
|
|
1876
1938
|
this.footerValues$ = this.service.footerInfo$;
|
|
1877
1939
|
this.currentYear = new Date().getFullYear();
|
|
1878
1940
|
}
|
|
1879
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1880
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1941
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: FooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1942
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.9", 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" }] }); }
|
|
1881
1943
|
}
|
|
1882
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1944
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: FooterComponent, decorators: [{
|
|
1883
1945
|
type: Component,
|
|
1884
1946
|
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" }]
|
|
1885
1947
|
}] });
|
|
@@ -1891,11 +1953,11 @@ class LpxFooterModule {
|
|
|
1891
1953
|
providers: [],
|
|
1892
1954
|
};
|
|
1893
1955
|
}
|
|
1894
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1895
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
1896
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1956
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: LpxFooterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1957
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.9", ngImport: i0, type: LpxFooterModule, imports: [CommonModule, RouterModule, FooterComponent], exports: [FooterComponent] }); }
|
|
1958
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: LpxFooterModule, imports: [CommonModule, RouterModule] }); }
|
|
1897
1959
|
}
|
|
1898
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1960
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: LpxFooterModule, decorators: [{
|
|
1899
1961
|
type: NgModule,
|
|
1900
1962
|
args: [{
|
|
1901
1963
|
exports: [FooterComponent],
|
|
@@ -2016,11 +2078,11 @@ class LpxCoreModule {
|
|
|
2016
2078
|
providers: [provideLpxCore(...withLpxCoreOptions(options))],
|
|
2017
2079
|
};
|
|
2018
2080
|
}
|
|
2019
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2020
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
2021
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
2081
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: LpxCoreModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2082
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.9", ngImport: i0, type: LpxCoreModule, imports: [CommonModule, LpxVisibleDirective] }); }
|
|
2083
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: LpxCoreModule, imports: [CommonModule] }); }
|
|
2022
2084
|
}
|
|
2023
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2085
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: LpxCoreModule, decorators: [{
|
|
2024
2086
|
type: NgModule,
|
|
2025
2087
|
args: [{
|
|
2026
2088
|
imports: [CommonModule, LpxVisibleDirective],
|
|
@@ -2047,10 +2109,10 @@ class BreadcrumbPanelDirective {
|
|
|
2047
2109
|
constructor() {
|
|
2048
2110
|
this.template = inject(TemplateRef);
|
|
2049
2111
|
}
|
|
2050
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2051
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2112
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: BreadcrumbPanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2113
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.9", type: BreadcrumbPanelDirective, isStandalone: true, selector: "ng-template[lpx-breadcrumb-panel]", ngImport: i0 }); }
|
|
2052
2114
|
}
|
|
2053
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2115
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: BreadcrumbPanelDirective, decorators: [{
|
|
2054
2116
|
type: Directive,
|
|
2055
2117
|
args: [{ selector: 'ng-template[lpx-breadcrumb-panel]' }]
|
|
2056
2118
|
}] });
|
|
@@ -2059,10 +2121,10 @@ class ContentPanelDirective {
|
|
|
2059
2121
|
constructor() {
|
|
2060
2122
|
this.template = inject(TemplateRef);
|
|
2061
2123
|
}
|
|
2062
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2063
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2124
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ContentPanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2125
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.9", type: ContentPanelDirective, isStandalone: true, selector: "ng-template[lpx-content]", ngImport: i0 }); }
|
|
2064
2126
|
}
|
|
2065
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2127
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ContentPanelDirective, decorators: [{
|
|
2066
2128
|
type: Directive,
|
|
2067
2129
|
args: [{ selector: 'ng-template[lpx-content]' }]
|
|
2068
2130
|
}] });
|
|
@@ -2071,10 +2133,10 @@ class CurrentUserImagePanelDirective {
|
|
|
2071
2133
|
constructor() {
|
|
2072
2134
|
this.template = inject(TemplateRef);
|
|
2073
2135
|
}
|
|
2074
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2075
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2136
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: CurrentUserImagePanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2137
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.9", type: CurrentUserImagePanelDirective, isStandalone: true, selector: "ng-template[lpx-current-user-image-panel]", ngImport: i0 }); }
|
|
2076
2138
|
}
|
|
2077
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2139
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: CurrentUserImagePanelDirective, decorators: [{
|
|
2078
2140
|
type: Directive,
|
|
2079
2141
|
args: [{ selector: 'ng-template[lpx-current-user-image-panel]' }]
|
|
2080
2142
|
}] });
|
|
@@ -2083,10 +2145,10 @@ class CurrentUserPanelDirective {
|
|
|
2083
2145
|
constructor() {
|
|
2084
2146
|
this.template = inject(TemplateRef);
|
|
2085
2147
|
}
|
|
2086
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2087
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2148
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: CurrentUserPanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2149
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.9", type: CurrentUserPanelDirective, isStandalone: true, selector: "ng-template[lpx-current-user-panel]", ngImport: i0 }); }
|
|
2088
2150
|
}
|
|
2089
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2151
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: CurrentUserPanelDirective, decorators: [{
|
|
2090
2152
|
type: Directive,
|
|
2091
2153
|
args: [{ selector: 'ng-template[lpx-current-user-panel]' }]
|
|
2092
2154
|
}] });
|
|
@@ -2095,10 +2157,10 @@ class FooterPanelDirective {
|
|
|
2095
2157
|
constructor() {
|
|
2096
2158
|
this.template = inject(TemplateRef);
|
|
2097
2159
|
}
|
|
2098
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2099
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2160
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: FooterPanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2161
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.9", type: FooterPanelDirective, isStandalone: true, selector: "ng-template[lpx-footer-panel]", ngImport: i0 }); }
|
|
2100
2162
|
}
|
|
2101
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2163
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: FooterPanelDirective, decorators: [{
|
|
2102
2164
|
type: Directive,
|
|
2103
2165
|
args: [{ selector: 'ng-template[lpx-footer-panel]' }]
|
|
2104
2166
|
}] });
|
|
@@ -2107,10 +2169,10 @@ class LanguagePanelDirective {
|
|
|
2107
2169
|
constructor() {
|
|
2108
2170
|
this.template = inject(TemplateRef);
|
|
2109
2171
|
}
|
|
2110
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2111
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2172
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: LanguagePanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2173
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.9", type: LanguagePanelDirective, isStandalone: true, selector: "ng-template[lpx-language-panel]", ngImport: i0 }); }
|
|
2112
2174
|
}
|
|
2113
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2175
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: LanguagePanelDirective, decorators: [{
|
|
2114
2176
|
type: Directive,
|
|
2115
2177
|
args: [{ selector: 'ng-template[lpx-language-panel]', }]
|
|
2116
2178
|
}] });
|
|
@@ -2119,10 +2181,10 @@ class MobileNavbarPanelDirective {
|
|
|
2119
2181
|
constructor() {
|
|
2120
2182
|
this.template = inject(TemplateRef);
|
|
2121
2183
|
}
|
|
2122
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2123
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2184
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: MobileNavbarPanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2185
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.9", type: MobileNavbarPanelDirective, isStandalone: true, selector: "ng-template[lpx-mobile-navbar-panel]", ngImport: i0 }); }
|
|
2124
2186
|
}
|
|
2125
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2187
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: MobileNavbarPanelDirective, decorators: [{
|
|
2126
2188
|
type: Directive,
|
|
2127
2189
|
args: [{ selector: 'ng-template[lpx-mobile-navbar-panel]', }]
|
|
2128
2190
|
}] });
|
|
@@ -2131,10 +2193,10 @@ class MobileNavbarSettingsPanelDirective {
|
|
|
2131
2193
|
constructor() {
|
|
2132
2194
|
this.template = inject(TemplateRef);
|
|
2133
2195
|
}
|
|
2134
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2135
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2196
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: MobileNavbarSettingsPanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2197
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.9", type: MobileNavbarSettingsPanelDirective, isStandalone: true, selector: "ng-template[lpx-mobile-navbar-settings-panel]", ngImport: i0 }); }
|
|
2136
2198
|
}
|
|
2137
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2199
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: MobileNavbarSettingsPanelDirective, decorators: [{
|
|
2138
2200
|
type: Directive,
|
|
2139
2201
|
args: [{ selector: 'ng-template[lpx-mobile-navbar-settings-panel]', }]
|
|
2140
2202
|
}] });
|
|
@@ -2143,10 +2205,10 @@ class MobileNavbarProfilePanelDirective {
|
|
|
2143
2205
|
constructor() {
|
|
2144
2206
|
this.template = inject(TemplateRef);
|
|
2145
2207
|
}
|
|
2146
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2147
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2208
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: MobileNavbarProfilePanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2209
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.9", type: MobileNavbarProfilePanelDirective, isStandalone: true, selector: "ng-template[lpx-mobile-navbar-profile-panel]", ngImport: i0 }); }
|
|
2148
2210
|
}
|
|
2149
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2211
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: MobileNavbarProfilePanelDirective, decorators: [{
|
|
2150
2212
|
type: Directive,
|
|
2151
2213
|
args: [{ selector: 'ng-template[lpx-mobile-navbar-profile-panel]', }]
|
|
2152
2214
|
}] });
|
|
@@ -2155,10 +2217,10 @@ class NavbarPanelDirective {
|
|
|
2155
2217
|
constructor() {
|
|
2156
2218
|
this.template = inject(TemplateRef);
|
|
2157
2219
|
}
|
|
2158
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2159
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2220
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: NavbarPanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2221
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.9", type: NavbarPanelDirective, isStandalone: true, selector: "ng-template[lpx-navbar-panel]", ngImport: i0 }); }
|
|
2160
2222
|
}
|
|
2161
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2223
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: NavbarPanelDirective, decorators: [{
|
|
2162
2224
|
type: Directive,
|
|
2163
2225
|
args: [{ selector: 'ng-template[lpx-navbar-panel]', }]
|
|
2164
2226
|
}] });
|
|
@@ -2167,10 +2229,10 @@ class NavitemPanelDirective {
|
|
|
2167
2229
|
constructor() {
|
|
2168
2230
|
this.template = inject(TemplateRef);
|
|
2169
2231
|
}
|
|
2170
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2171
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2232
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: NavitemPanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2233
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.9", type: NavitemPanelDirective, isStandalone: true, selector: "ng-template[lpx-navitem-panel]", ngImport: i0 }); }
|
|
2172
2234
|
}
|
|
2173
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2235
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: NavitemPanelDirective, decorators: [{
|
|
2174
2236
|
type: Directive,
|
|
2175
2237
|
args: [{ selector: 'ng-template[lpx-navitem-panel]', }]
|
|
2176
2238
|
}] });
|
|
@@ -2179,10 +2241,10 @@ class ToolbarPanelDirective {
|
|
|
2179
2241
|
constructor() {
|
|
2180
2242
|
this.template = inject(TemplateRef);
|
|
2181
2243
|
}
|
|
2182
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2183
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2244
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ToolbarPanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2245
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.9", type: ToolbarPanelDirective, isStandalone: true, selector: "ng-template[lpx-toolbar-panel]", ngImport: i0 }); }
|
|
2184
2246
|
}
|
|
2185
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2247
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ToolbarPanelDirective, decorators: [{
|
|
2186
2248
|
type: Directive,
|
|
2187
2249
|
args: [{ selector: 'ng-template[lpx-toolbar-panel]', }]
|
|
2188
2250
|
}] });
|
|
@@ -2191,10 +2253,10 @@ class TopNavbarPanelDirective {
|
|
|
2191
2253
|
constructor() {
|
|
2192
2254
|
this.template = inject(TemplateRef);
|
|
2193
2255
|
}
|
|
2194
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2195
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2256
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TopNavbarPanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2257
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.9", type: TopNavbarPanelDirective, isStandalone: true, selector: "ng-template[lpx-top-navbar-panel]", ngImport: i0 }); }
|
|
2196
2258
|
}
|
|
2197
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2259
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: TopNavbarPanelDirective, decorators: [{
|
|
2198
2260
|
type: Directive,
|
|
2199
2261
|
args: [{ selector: 'ng-template[lpx-top-navbar-panel]', }]
|
|
2200
2262
|
}] });
|
|
@@ -2203,10 +2265,10 @@ class SettingsPanelDirective {
|
|
|
2203
2265
|
constructor() {
|
|
2204
2266
|
this.template = inject(TemplateRef);
|
|
2205
2267
|
}
|
|
2206
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2207
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2268
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: SettingsPanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2269
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.9", type: SettingsPanelDirective, isStandalone: true, selector: "ng-template[lpx-settings-panel]", ngImport: i0 }); }
|
|
2208
2270
|
}
|
|
2209
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2271
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: SettingsPanelDirective, decorators: [{
|
|
2210
2272
|
type: Directive,
|
|
2211
2273
|
args: [{ selector: 'ng-template[lpx-settings-panel]', }]
|
|
2212
2274
|
}] });
|
|
@@ -2229,8 +2291,8 @@ const declarationsAndExports = [
|
|
|
2229
2291
|
ToolbarPanelDirective,
|
|
2230
2292
|
];
|
|
2231
2293
|
class PanelsModule {
|
|
2232
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2233
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
2294
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: PanelsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2295
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.9", ngImport: i0, type: PanelsModule, imports: [CommonModule, BreadcrumbPanelDirective,
|
|
2234
2296
|
ContentPanelDirective,
|
|
2235
2297
|
CurrentUserImagePanelDirective,
|
|
2236
2298
|
CurrentUserPanelDirective,
|
|
@@ -2259,9 +2321,9 @@ class PanelsModule {
|
|
|
2259
2321
|
SettingsPanelDirective,
|
|
2260
2322
|
TopNavbarPanelDirective,
|
|
2261
2323
|
ToolbarPanelDirective] }); }
|
|
2262
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
2324
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: PanelsModule, imports: [CommonModule] }); }
|
|
2263
2325
|
}
|
|
2264
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2326
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: PanelsModule, decorators: [{
|
|
2265
2327
|
type: NgModule,
|
|
2266
2328
|
args: [{
|
|
2267
2329
|
imports: [CommonModule, ...declarationsAndExports],
|
|
@@ -2299,10 +2361,10 @@ class ToolbarService {
|
|
|
2299
2361
|
const updateItems = [...items.slice(0, index), ...items.slice(index + 1)];
|
|
2300
2362
|
this.store.patch({ items: updateItems });
|
|
2301
2363
|
}
|
|
2302
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2303
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
2364
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ToolbarService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
2365
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ToolbarService, providedIn: 'root' }); }
|
|
2304
2366
|
}
|
|
2305
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2367
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ToolbarService, decorators: [{
|
|
2306
2368
|
type: Injectable,
|
|
2307
2369
|
args: [{ providedIn: 'root' }]
|
|
2308
2370
|
}] });
|