@volo/ngx-lepton-x.core 5.0.2 → 5.1.0-rc.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/volo-ngx-lepton-x.core.mjs +314 -249
- 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.6", ngImport: i0, type: LpxVisibleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
45
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", type: LpxVisibleDirective, isStandalone: true, selector: "[lpxVisible]", inputs: { lpxVisible: "lpxVisible" }, ngImport: i0 }); }
|
|
46
46
|
}
|
|
47
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
47
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", 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.6", ngImport: i0, type: LpxLanguageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
94
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: LpxLanguageModule, imports: [CommonModule] }); }
|
|
95
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LpxLanguageModule, imports: [CommonModule] }); }
|
|
96
96
|
}
|
|
97
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
97
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", 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.6", ngImport: i0, type: LanguageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
185
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LanguageService, providedIn: 'root' }); }
|
|
186
186
|
}
|
|
187
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
187
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", 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.6", ngImport: i0, type: StyleService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
259
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: StyleService, providedIn: 'root' }); }
|
|
260
260
|
}
|
|
261
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
261
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", 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.6", ngImport: i0, type: ResponsiveService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
376
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ResponsiveService, providedIn: 'root' }); }
|
|
377
377
|
}
|
|
378
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
378
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", 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.6", ngImport: i0, type: ResponsiveDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
414
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", type: ResponsiveDirective, isStandalone: true, selector: "[lpxResponsive]", inputs: { query: ["lpxResponsive", "query"] }, ngImport: i0 }); }
|
|
415
415
|
}
|
|
416
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
416
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", 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.6", ngImport: i0, type: LpxResponsiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
426
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: LpxResponsiveModule, imports: [CommonModule, ResponsiveDirective], exports: [ResponsiveDirective] }); }
|
|
427
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LpxResponsiveModule, imports: [CommonModule] }); }
|
|
428
428
|
}
|
|
429
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
429
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", 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.6", ngImport: i0, type: UserProfileService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
463
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: UserProfileService, providedIn: 'root' }); }
|
|
464
464
|
}
|
|
465
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
465
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", 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.6", ngImport: i0, type: BodyService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
486
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BodyService, providedIn: 'root' }); }
|
|
487
487
|
}
|
|
488
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
488
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", 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.6", ngImport: i0, type: LayoutService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
542
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LayoutService, providedIn: 'root' }); }
|
|
543
543
|
}
|
|
544
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
544
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", 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.6", ngImport: i0, type: LpxThemeTranslateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
594
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LpxThemeTranslateService, providedIn: 'root' }); }
|
|
595
595
|
}
|
|
596
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
596
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", 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.6", ngImport: i0, type: DefaultTranslateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
611
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: DefaultTranslateService }); }
|
|
612
612
|
}
|
|
613
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
613
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", 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.6", ngImport: i0, type: DefaultAuthService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
634
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: DefaultAuthService }); }
|
|
635
635
|
}
|
|
636
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
636
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", 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.6", ngImport: i0, type: LpxLocalStorageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
676
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LpxLocalStorageService, providedIn: 'root' }); }
|
|
677
677
|
}
|
|
678
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
678
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", 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.6", ngImport: i0, type: LpxCookieStorageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
776
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LpxCookieStorageService, providedIn: 'root' }); }
|
|
777
777
|
}
|
|
778
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
778
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", 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.6", ngImport: i0, type: RoutesService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
790
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: RoutesService, providedIn: 'root' }); }
|
|
791
791
|
}
|
|
792
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
792
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", 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.6", ngImport: i0, type: IconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
891
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.6", type: IconComponent, isStandalone: true, selector: "lpx-icon", inputs: { iconClass: "iconClass" }, ngImport: i0, template: `
|
|
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.6", 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.6", ngImport: i0, type: AvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
911
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: AvatarComponent, isStandalone: true, selector: "lpx-avatar", inputs: { avatar: "avatar" }, ngImport: i0, template: "@if (avatar && avatar.source) {\r\n <div class=\"lpx-avatar\">\r\n @switch (avatar.type) {\r\n @case ('icon') {\r\n <lpx-icon\r\n class=\"lpx-avatar-icon\"\r\n [iconClass]=\"avatar.source\"\r\n ></lpx-icon>\r\n }\r\n @case ('image') {\r\n <img class=\"lpx-avatar-img\" [src]=\"avatar.source\" />\r\n }\r\n }\r\n </div>\r\n}\r\n", dependencies: [{ kind: "component", type: IconComponent, selector: "lpx-icon", inputs: ["iconClass"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
912
912
|
}
|
|
913
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
913
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", 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.6", ngImport: i0, type: LpxIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
931
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: LpxIconModule, imports: [CommonModule, IconComponent], exports: [IconComponent] }); }
|
|
932
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LpxIconModule, imports: [CommonModule] }); }
|
|
933
933
|
}
|
|
934
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
934
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", 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.6", ngImport: i0, type: LpxAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
944
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: LpxAvatarModule, imports: [CommonModule, LpxIconModule, AvatarComponent], exports: [AvatarComponent] }); }
|
|
945
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LpxAvatarModule, imports: [CommonModule, LpxIconModule] }); }
|
|
946
946
|
}
|
|
947
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
947
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", 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.6", ngImport: i0, type: BrandLogoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
973
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: BrandLogoComponent, isStandalone: true, selector: "lpx-brand-logo", inputs: { layout: { classPropertyName: "layout", publicName: "layout", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (logoUrl) {\r\n @let logo = 'url(' + logoUrl + ')';\r\n <a routerLink=\"/\">\r\n <div\r\n class=\"lpx-brand-logo\"\r\n [style.background-image]=\"logo\"\r\n role=\"img\"\r\n aria-label=\"App Logo\"\r\n ></div>\r\n </a>\r\n} @else {\r\n <a routerLink=\"/\" class=\"text-decoration-none\">\r\n @switch (layout()) {\r\n @case (layoutOptions.sideMenu) {\r\n <div class=\"lpx-brand-logo\"></div>\r\n <div class=\"lpx-brand-name\" style=\"left: 58px !important\">\r\n {{ appName }}\r\n </div>\r\n }\r\n\r\n @case (layoutOptions.topMenu) {\r\n <div class=\"lpx-brand-name\" style=\"position: inherit\">\r\n {{ appName }}\r\n </div>\r\n }\r\n }\r\n </a>\r\n}\r\n", dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
974
974
|
}
|
|
975
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
975
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", 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.6", ngImport: i0, type: LpxBrandLogoModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
982
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: LpxBrandLogoModule, imports: [RouterModule, BrandLogoComponent], exports: [BrandLogoComponent] }); }
|
|
983
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LpxBrandLogoModule, imports: [RouterModule] }); }
|
|
984
984
|
}
|
|
985
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
985
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", 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.6", ngImport: i0, type: ClickOutsideDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1006
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", type: ClickOutsideDirective, isStandalone: true, selector: "[lpxClickOutside]", inputs: { exceptedRefs: "exceptedRefs" }, outputs: { lpxClickOutside: "lpxClickOutside" }, host: { listeners: { "document:click": "onDocumentClick($event)" } }, ngImport: i0 }); }
|
|
1007
1007
|
}
|
|
1008
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1008
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", 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.6", ngImport: i0, type: ToObservablePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
1025
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: ToObservablePipe, isStandalone: true, name: "toObservable" }); }
|
|
1026
1026
|
}
|
|
1027
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1027
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", 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.6", ngImport: i0, type: BreadcrumbService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1053
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BreadcrumbService, providedIn: 'root' }); }
|
|
1054
1054
|
}
|
|
1055
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1055
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", 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.6", ngImport: i0, type: BreadcrumbComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1073
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: BreadcrumbComponent, isStandalone: true, selector: "lpx-breadcrumb", ngImport: i0, template: "<nav aria-label=\"breadcrumb\">\r\n <ol class=\"lpx-breadcrumb\">\r\n @for (item of service.items$ | async; track $index; let last = $last) {\r\n <li\r\n class=\"lpx-breadcrumb-item\"\r\n (click)=\"onClick(item)\"\r\n [class.expanded]=\"item.expanded\"\r\n (lpxClickOutside)=\"item.expanded = false\"\r\n >\r\n @if (item.icon) {\r\n <lpx-icon\r\n class=\"lpx-breadcrumb-item-icon\"\r\n [iconClass]=\"item.icon\"\r\n ></lpx-icon>\r\n }\r\n <ng-container\r\n *ngTemplateOutlet=\"\r\n item.children?.length ? textTemplate : linkTemplate;\r\n context: { $implicit: item }\r\n \"\r\n ></ng-container>\r\n </li>\r\n @if (!last) {\r\n <li class=\"lpx-breadcrumb-separator\">\r\n <lpx-icon iconClass=\"bi bi-chevron-right\"></lpx-icon>\r\n </li>\r\n }\r\n }\r\n </ol>\r\n</nav>\r\n\r\n<ng-template #linkTemplate let-item>\r\n <a [routerLink]=\"item.link\"> {{ item.text | toObservable | async }} </a>\r\n</ng-template>\r\n<ng-template #textTemplate let-item>\r\n <span class=\"lpx-breadcrumb-item-text\">\r\n {{ item.text | toObservable | async }}\r\n </span>\r\n</ng-template>\r\n", dependencies: [{ kind: "directive", type: ClickOutsideDirective, selector: "[lpxClickOutside]", inputs: ["exceptedRefs"], outputs: ["lpxClickOutside"] }, { kind: "component", type: IconComponent, selector: "lpx-icon", inputs: ["iconClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: ToObservablePipe, name: "toObservable" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
1074
1074
|
}
|
|
1075
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1075
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", 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.6", ngImport: i0, type: ToObservableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1089
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: ToObservableModule, imports: [CommonModule, ToObservablePipe], exports: [ToObservablePipe] }); }
|
|
1090
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ToObservableModule, imports: [CommonModule] }); }
|
|
1091
1091
|
}
|
|
1092
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1092
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", 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.6", ngImport: i0, type: LpxClickOutsideModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1102
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: LpxClickOutsideModule, imports: [CommonModule, ClickOutsideDirective], exports: [ClickOutsideDirective] }); }
|
|
1103
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LpxClickOutsideModule, imports: [CommonModule] }); }
|
|
1104
1104
|
}
|
|
1105
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1105
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", 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.6", ngImport: i0, type: LpxBreadcrumbModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1125
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: LpxBreadcrumbModule, imports: [CommonModule,
|
|
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.6", 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.6", ngImport: i0, type: LpxBreadcrumbModule, decorators: [{
|
|
1137
1137
|
type: NgModule,
|
|
1138
1138
|
args: [{
|
|
1139
1139
|
imports: [
|
|
@@ -1200,31 +1200,13 @@ class NavbarService {
|
|
|
1200
1200
|
setNavbarItems(...menuItems) {
|
|
1201
1201
|
this.store.set([...this.addContainerLinks(menuItems)]);
|
|
1202
1202
|
}
|
|
1203
|
-
// TODO: muhammed: refactor this method to be readable
|
|
1204
1203
|
addChildren(id, ...menuItems) {
|
|
1205
|
-
const
|
|
1206
|
-
|
|
1207
|
-
|
|
1208
|
-
return
|
|
1209
|
-
|
|
1210
|
-
|
|
1211
|
-
...(index === i
|
|
1212
|
-
? [
|
|
1213
|
-
{
|
|
1214
|
-
...item,
|
|
1215
|
-
children: !location.length
|
|
1216
|
-
? [
|
|
1217
|
-
...(item.children || []),
|
|
1218
|
-
...this.addContainerLinks(menuItems, `${link}/${item.containerLink}`),
|
|
1219
|
-
]
|
|
1220
|
-
: update(item.children || [], location, `${link}/${item.containerLink}`),
|
|
1221
|
-
},
|
|
1222
|
-
]
|
|
1223
|
-
: [item]),
|
|
1224
|
-
];
|
|
1225
|
-
}, []);
|
|
1226
|
-
};
|
|
1227
|
-
const updated = update(this.store.state, parent.location);
|
|
1204
|
+
const { location } = this.findById(id, this.store.state);
|
|
1205
|
+
// If the parent item is not found, do nothing.
|
|
1206
|
+
if (!location.length) {
|
|
1207
|
+
return;
|
|
1208
|
+
}
|
|
1209
|
+
const updated = this.addChildrenByLocation(this.store.state, [...location], '', menuItems);
|
|
1228
1210
|
this.store.patch(updated);
|
|
1229
1211
|
}
|
|
1230
1212
|
findByLink(link, items) {
|
|
@@ -1276,32 +1258,92 @@ class NavbarService {
|
|
|
1276
1258
|
})),
|
|
1277
1259
|
];
|
|
1278
1260
|
}
|
|
1261
|
+
addChildrenByLocation(items, location, linkPrefix, menuItems) {
|
|
1262
|
+
const [currentIndex, ...restLocation] = location;
|
|
1263
|
+
return items.map((item, index) => {
|
|
1264
|
+
if (index !== currentIndex) {
|
|
1265
|
+
return item;
|
|
1266
|
+
}
|
|
1267
|
+
const currentLink = `${linkPrefix}/${item.containerLink}`;
|
|
1268
|
+
// We reached the target item; append new children to it.
|
|
1269
|
+
if (!restLocation.length) {
|
|
1270
|
+
const existingChildren = item.children || [];
|
|
1271
|
+
const newChildren = this.addContainerLinks(menuItems, currentLink);
|
|
1272
|
+
return {
|
|
1273
|
+
...item,
|
|
1274
|
+
children: [...existingChildren, ...newChildren],
|
|
1275
|
+
};
|
|
1276
|
+
}
|
|
1277
|
+
// We are still traversing the path; continue recursively on children.
|
|
1278
|
+
return {
|
|
1279
|
+
...item,
|
|
1280
|
+
children: this.addChildrenByLocation(item.children || [], restLocation, currentLink, menuItems),
|
|
1281
|
+
};
|
|
1282
|
+
});
|
|
1283
|
+
}
|
|
1279
1284
|
findById(id, items) {
|
|
1280
1285
|
return this.findByProp('id', id, items);
|
|
1281
1286
|
}
|
|
1282
|
-
findByProp(prop, value, items
|
|
1287
|
+
findByProp(prop, value, items) {
|
|
1283
1288
|
const navbarItems = items || this.store.state;
|
|
1284
|
-
const
|
|
1285
|
-
let
|
|
1286
|
-
|
|
1287
|
-
|
|
1288
|
-
|
|
1289
|
-
|
|
1290
|
-
|
|
1291
|
-
|
|
1292
|
-
|
|
1293
|
-
|
|
1294
|
-
|
|
1295
|
-
|
|
1289
|
+
const cleanValue = value.split(/[?#]/)[0];
|
|
1290
|
+
let bestMatch;
|
|
1291
|
+
let bestMatchLocation = [];
|
|
1292
|
+
let bestMatchLength = 0;
|
|
1293
|
+
const isValidSegmentPrefix = (candidate) => {
|
|
1294
|
+
if (!candidate || !cleanValue.startsWith(candidate)) {
|
|
1295
|
+
return false;
|
|
1296
|
+
}
|
|
1297
|
+
const isExactMatch = cleanValue.length === candidate.length;
|
|
1298
|
+
const hasPathSeparator = cleanValue[candidate.length] === '/';
|
|
1299
|
+
return isExactMatch || hasPathSeparator;
|
|
1300
|
+
};
|
|
1301
|
+
const searchTree = (nodes, currentPath = []) => {
|
|
1302
|
+
for (let i = 0; i < nodes.length; i++) {
|
|
1303
|
+
const node = nodes[i];
|
|
1304
|
+
const nodePath = [...currentPath, i];
|
|
1305
|
+
const nodeValue = node[prop];
|
|
1306
|
+
// Skip nodes without the property we're searching for
|
|
1307
|
+
if (!nodeValue) {
|
|
1308
|
+
if (node.children?.length) {
|
|
1309
|
+
const childResult = searchTree(node.children, nodePath);
|
|
1310
|
+
if (childResult.item)
|
|
1311
|
+
return childResult;
|
|
1296
1312
|
}
|
|
1313
|
+
continue;
|
|
1297
1314
|
}
|
|
1298
|
-
|
|
1299
|
-
|
|
1300
|
-
|
|
1301
|
-
|
|
1302
|
-
|
|
1303
|
-
|
|
1304
|
-
|
|
1315
|
+
// For non-link properties, only exact matches count
|
|
1316
|
+
if (prop !== 'link') {
|
|
1317
|
+
if (nodeValue === cleanValue) {
|
|
1318
|
+
return { item: node, location: nodePath };
|
|
1319
|
+
}
|
|
1320
|
+
}
|
|
1321
|
+
// For link property, handle exact and prefix matches
|
|
1322
|
+
if (prop === 'link') {
|
|
1323
|
+
// Exact match - return immediately
|
|
1324
|
+
if (nodeValue === cleanValue) {
|
|
1325
|
+
return { item: node, location: nodePath };
|
|
1326
|
+
}
|
|
1327
|
+
// Track best prefix match (longest valid ancestor path)
|
|
1328
|
+
const isLongerMatch = nodeValue.length > bestMatchLength;
|
|
1329
|
+
if (isValidSegmentPrefix(nodeValue) && isLongerMatch) {
|
|
1330
|
+
bestMatch = node;
|
|
1331
|
+
bestMatchLocation = nodePath;
|
|
1332
|
+
bestMatchLength = nodeValue.length;
|
|
1333
|
+
}
|
|
1334
|
+
}
|
|
1335
|
+
// Recursively search children
|
|
1336
|
+
if (node.children?.length) {
|
|
1337
|
+
const childResult = searchTree(node.children, nodePath);
|
|
1338
|
+
if (childResult.item) {
|
|
1339
|
+
return childResult;
|
|
1340
|
+
}
|
|
1341
|
+
}
|
|
1342
|
+
}
|
|
1343
|
+
// No exact match found, return best prefix match
|
|
1344
|
+
return { item: bestMatch, location: bestMatchLocation };
|
|
1345
|
+
};
|
|
1346
|
+
return searchTree(navbarItems);
|
|
1305
1347
|
}
|
|
1306
1348
|
addContainerLinks(items, link = '') {
|
|
1307
1349
|
return items.map((item) => ({
|
|
@@ -1310,10 +1352,10 @@ class NavbarService {
|
|
|
1310
1352
|
children: this.addContainerLinks(item.children || [], `${link ? link + '/' : ''}${item.containerLink || ''}`),
|
|
1311
1353
|
}));
|
|
1312
1354
|
}
|
|
1313
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1314
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
1355
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NavbarService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1356
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NavbarService, providedIn: 'root' }); }
|
|
1315
1357
|
}
|
|
1316
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1358
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NavbarService, decorators: [{
|
|
1317
1359
|
type: Injectable,
|
|
1318
1360
|
args: [{
|
|
1319
1361
|
providedIn: 'root',
|
|
@@ -1386,10 +1428,10 @@ class BreadcrumbRouteListenerService {
|
|
|
1386
1428
|
}
|
|
1387
1429
|
return trail.reverse();
|
|
1388
1430
|
}
|
|
1389
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1390
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
1431
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BreadcrumbRouteListenerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1432
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BreadcrumbRouteListenerService, providedIn: 'root' }); }
|
|
1391
1433
|
}
|
|
1392
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1434
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BreadcrumbRouteListenerService, decorators: [{
|
|
1393
1435
|
type: Injectable,
|
|
1394
1436
|
args: [{
|
|
1395
1437
|
providedIn: 'root',
|
|
@@ -1400,10 +1442,10 @@ class LogoPanelDirective {
|
|
|
1400
1442
|
constructor() {
|
|
1401
1443
|
this.template = inject(TemplateRef);
|
|
1402
1444
|
}
|
|
1403
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1404
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1445
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LogoPanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1446
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", type: LogoPanelDirective, isStandalone: true, selector: "ng-template[lpx-logo-panel]", ngImport: i0 }); }
|
|
1405
1447
|
}
|
|
1406
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1448
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LogoPanelDirective, decorators: [{
|
|
1407
1449
|
type: Directive,
|
|
1408
1450
|
args: [{ selector: 'ng-template[lpx-logo-panel]' }]
|
|
1409
1451
|
}] });
|
|
@@ -1415,10 +1457,10 @@ class TranslatePipe {
|
|
|
1415
1457
|
transform(value, ...args) {
|
|
1416
1458
|
return this.lpxThemeTranslateService.translate$(value, args);
|
|
1417
1459
|
}
|
|
1418
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1419
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "
|
|
1460
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: TranslatePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
1461
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: TranslatePipe, isStandalone: true, name: "lpxTranslate" }); }
|
|
1420
1462
|
}
|
|
1421
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1463
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: TranslatePipe, decorators: [{
|
|
1422
1464
|
type: Pipe,
|
|
1423
1465
|
args: [{ name: 'lpxTranslate' }]
|
|
1424
1466
|
}] });
|
|
@@ -1479,7 +1521,7 @@ const collapseLinearWithMargin = trigger('collapseLinearWithMargin', [
|
|
|
1479
1521
|
class SubNavbarComponent {
|
|
1480
1522
|
constructor() {
|
|
1481
1523
|
this.injector = inject(Injector);
|
|
1482
|
-
this.routerItem = input();
|
|
1524
|
+
this.routerItem = input(...(ngDevMode ? [undefined, { debugName: "routerItem" }] : []));
|
|
1483
1525
|
this.routeClick = new EventEmitter();
|
|
1484
1526
|
this.expand = new EventEmitter();
|
|
1485
1527
|
}
|
|
@@ -1516,10 +1558,10 @@ class SubNavbarComponent {
|
|
|
1516
1558
|
menuItem.selected = true;
|
|
1517
1559
|
}
|
|
1518
1560
|
}
|
|
1519
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1520
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1561
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SubNavbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1562
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: SubNavbarComponent, isStandalone: true, selector: "lpx-sub-navbar", inputs: { item: { classPropertyName: "item", publicName: "item", isSignal: false, isRequired: false, transformFunction: null }, routerItem: { classPropertyName: "routerItem", publicName: "routerItem", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { routeClick: "routeClick", expand: "expand" }, ngImport: i0, template: "@if (item.component) {\r\n <ng-container *ngComponentOutlet=\"item.component; injector: injector\" />\r\n} @else {\r\n <ng-container *ngTemplateOutlet=\"defaultTemplate\" />\r\n}\r\n\r\n<ng-template #defaultTemplate>\r\n <a\r\n class=\"lpx-menu-item-link\"\r\n [routerLink]=\"item.link\"\r\n [class.selected]=\"item.selected\"\r\n [class.expanded]=\"item.children?.length && item.expanded\"\r\n (click)=\"onItemClick(item)\"\r\n >\r\n @if (item.icon) {\r\n <lpx-icon class=\"lpx-menu-item-icon\" [iconClass]=\"item.icon\" />\r\n }\r\n\r\n <ng-container\r\n *ngTemplateOutlet=\"\r\n item.template || textTmpl;\r\n context: { $implicit: item }\r\n \"\r\n />\r\n\r\n <ng-template #textTmpl>\r\n @if (item.text) {\r\n @let isToolbarItem = item.text.split('::').length > 1;\r\n <span class=\"lpx-menu-item-text hidden-in-hover-trigger\">\r\n @if (isToolbarItem) {\r\n {{ item.text | abpLocalization }}\r\n } @else {\r\n {{ item.text | lpxTranslate | async }}\r\n }\r\n </span>\r\n }\r\n </ng-template>\r\n\r\n @if (item.children?.length) {\r\n <lpx-icon\r\n [iconClass]=\"item.expanded ? 'chevronUp' : 'chevronDown'\"\r\n class=\"dd-icon hidden-in-hover-trigger\"\r\n />\r\n }\r\n </a>\r\n\r\n @if (item.children?.length) {\r\n <ul\r\n class=\"lpx-inner-menu hidden-in-hover-trigger\"\r\n [class.collapsed]=\"!item.expanded\"\r\n >\r\n @for (child of item.children; track $index) {\r\n <li\r\n class=\"lpx-inner-menu-item\"\r\n *lpxVisible=\"!child.visible || child.visible(child, injector)\"\r\n >\r\n <lpx-sub-navbar\r\n [item]=\"child\"\r\n (routeClick)=\"this.routeClick.emit($event)\"\r\n (expand)=\"onChildExpand($event)\"\r\n />\r\n </li>\r\n }\r\n </ul>\r\n }\r\n</ng-template>\r\n", dependencies: [{ kind: "component", type: SubNavbarComponent, selector: "lpx-sub-navbar", inputs: ["item", "routerItem"], outputs: ["routeClick", "expand"] }, { kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: IconComponent, selector: "lpx-icon", inputs: ["iconClass"] }, { kind: "directive", type: LpxVisibleDirective, selector: "[lpxVisible]", inputs: ["lpxVisible"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "lpxTranslate" }, { kind: "pipe", type: LocalizationPipe, name: "abpLocalization" }], animations: [collapse], encapsulation: i0.ViewEncapsulation.None }); }
|
|
1521
1563
|
}
|
|
1522
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1564
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SubNavbarComponent, decorators: [{
|
|
1523
1565
|
type: Component,
|
|
1524
1566
|
args: [{ selector: 'lpx-sub-navbar', encapsulation: ViewEncapsulation.None, animations: [collapse], imports: [
|
|
1525
1567
|
NgComponentOutlet,
|
|
@@ -1533,7 +1575,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImpor
|
|
|
1533
1575
|
], template: "@if (item.component) {\r\n <ng-container *ngComponentOutlet=\"item.component; injector: injector\" />\r\n} @else {\r\n <ng-container *ngTemplateOutlet=\"defaultTemplate\" />\r\n}\r\n\r\n<ng-template #defaultTemplate>\r\n <a\r\n class=\"lpx-menu-item-link\"\r\n [routerLink]=\"item.link\"\r\n [class.selected]=\"item.selected\"\r\n [class.expanded]=\"item.children?.length && item.expanded\"\r\n (click)=\"onItemClick(item)\"\r\n >\r\n @if (item.icon) {\r\n <lpx-icon class=\"lpx-menu-item-icon\" [iconClass]=\"item.icon\" />\r\n }\r\n\r\n <ng-container\r\n *ngTemplateOutlet=\"\r\n item.template || textTmpl;\r\n context: { $implicit: item }\r\n \"\r\n />\r\n\r\n <ng-template #textTmpl>\r\n @if (item.text) {\r\n @let isToolbarItem = item.text.split('::').length > 1;\r\n <span class=\"lpx-menu-item-text hidden-in-hover-trigger\">\r\n @if (isToolbarItem) {\r\n {{ item.text | abpLocalization }}\r\n } @else {\r\n {{ item.text | lpxTranslate | async }}\r\n }\r\n </span>\r\n }\r\n </ng-template>\r\n\r\n @if (item.children?.length) {\r\n <lpx-icon\r\n [iconClass]=\"item.expanded ? 'chevronUp' : 'chevronDown'\"\r\n class=\"dd-icon hidden-in-hover-trigger\"\r\n />\r\n }\r\n </a>\r\n\r\n @if (item.children?.length) {\r\n <ul\r\n class=\"lpx-inner-menu hidden-in-hover-trigger\"\r\n [class.collapsed]=\"!item.expanded\"\r\n >\r\n @for (child of item.children; track $index) {\r\n <li\r\n class=\"lpx-inner-menu-item\"\r\n *lpxVisible=\"!child.visible || child.visible(child, injector)\"\r\n >\r\n <lpx-sub-navbar\r\n [item]=\"child\"\r\n (routeClick)=\"this.routeClick.emit($event)\"\r\n (expand)=\"onChildExpand($event)\"\r\n />\r\n </li>\r\n }\r\n </ul>\r\n }\r\n</ng-template>\r\n" }]
|
|
1534
1576
|
}], propDecorators: { item: [{
|
|
1535
1577
|
type: Input
|
|
1536
|
-
}], routeClick: [{
|
|
1578
|
+
}], routerItem: [{ type: i0.Input, args: [{ isSignal: true, alias: "routerItem", required: false }] }], routeClick: [{
|
|
1537
1579
|
type: Output
|
|
1538
1580
|
}], expand: [{
|
|
1539
1581
|
type: Output
|
|
@@ -1543,7 +1585,7 @@ class NavbarRoutesComponent {
|
|
|
1543
1585
|
constructor() {
|
|
1544
1586
|
this.injector = inject(Injector);
|
|
1545
1587
|
this.routesService = inject(RoutesService);
|
|
1546
|
-
this._sourceItems = signal([]);
|
|
1588
|
+
this._sourceItems = signal([], ...(ngDevMode ? [{ debugName: "_sourceItems" }] : []));
|
|
1547
1589
|
this._processedItems = computed(() => {
|
|
1548
1590
|
const url = this.routesService.currentNavigation().split('?')[0];
|
|
1549
1591
|
const items = this._sourceItems();
|
|
@@ -1552,8 +1594,8 @@ class NavbarRoutesComponent {
|
|
|
1552
1594
|
}
|
|
1553
1595
|
this.fixNavbarItems(url, items);
|
|
1554
1596
|
return items;
|
|
1555
|
-
});
|
|
1556
|
-
this.routerItem = input();
|
|
1597
|
+
}, ...(ngDevMode ? [{ debugName: "_processedItems" }] : []));
|
|
1598
|
+
this.routerItem = input(...(ngDevMode ? [undefined, { debugName: "routerItem" }] : []));
|
|
1557
1599
|
this.routeClick = new EventEmitter();
|
|
1558
1600
|
this.isExpandedOrSelected = (item) => !!(item.expanded || item.selected);
|
|
1559
1601
|
}
|
|
@@ -1616,12 +1658,13 @@ class NavbarRoutesComponent {
|
|
|
1616
1658
|
if (children?.length) {
|
|
1617
1659
|
this.fixNavbarItems(currentUrl, children);
|
|
1618
1660
|
const hasActiveDescendant = this.hasActiveDescendant(children, currentUrl);
|
|
1619
|
-
const isInActiveChain = hasActiveDescendant ||
|
|
1661
|
+
const isInActiveChain = hasActiveDescendant ||
|
|
1662
|
+
this.isSameOrAncestorRoute(itemUrl, currentUrl);
|
|
1620
1663
|
if (isInActiveChain) {
|
|
1621
1664
|
item.expanded = true;
|
|
1622
1665
|
}
|
|
1623
1666
|
else {
|
|
1624
|
-
const hasExpandedChildren = children.some(child => child.expanded);
|
|
1667
|
+
const hasExpandedChildren = children.some((child) => child.expanded);
|
|
1625
1668
|
if (!hasExpandedChildren) {
|
|
1626
1669
|
item.expanded = false;
|
|
1627
1670
|
}
|
|
@@ -1629,14 +1672,14 @@ class NavbarRoutesComponent {
|
|
|
1629
1672
|
item.selected = false;
|
|
1630
1673
|
}
|
|
1631
1674
|
else {
|
|
1632
|
-
item.selected = itemUrl
|
|
1675
|
+
item.selected = this.isSameOrAncestorRoute(itemUrl, currentUrl);
|
|
1633
1676
|
}
|
|
1634
1677
|
});
|
|
1635
1678
|
}
|
|
1636
1679
|
hasActiveDescendant(items, currentUrl) {
|
|
1637
1680
|
return items.some((item) => {
|
|
1638
1681
|
const itemUrl = item.link?.split('?')[0];
|
|
1639
|
-
if (item.selected || itemUrl
|
|
1682
|
+
if (item.selected || this.isSameOrAncestorRoute(itemUrl, currentUrl)) {
|
|
1640
1683
|
return true;
|
|
1641
1684
|
}
|
|
1642
1685
|
if (item.children?.length) {
|
|
@@ -1645,10 +1688,32 @@ class NavbarRoutesComponent {
|
|
|
1645
1688
|
return false;
|
|
1646
1689
|
});
|
|
1647
1690
|
}
|
|
1648
|
-
|
|
1649
|
-
|
|
1691
|
+
/**
|
|
1692
|
+
* Checks if a navbar item's url matches the current url exactly
|
|
1693
|
+
* or is an ancestor of it on a path segment boundary.
|
|
1694
|
+
*
|
|
1695
|
+
* Examples:
|
|
1696
|
+
* - item: `/a/b`, current: `/a/b` -> true
|
|
1697
|
+
* - item: `/a/b`, current: `/a/b/c` -> true
|
|
1698
|
+
* - item: `/a/bc`, current: `/a/bc/de` -> true
|
|
1699
|
+
* - item: `/a/bc`, current: `/a/bcde` -> false
|
|
1700
|
+
*/
|
|
1701
|
+
isSameOrAncestorRoute(itemUrl, currentUrl) {
|
|
1702
|
+
if (!itemUrl || !currentUrl) {
|
|
1703
|
+
return false;
|
|
1704
|
+
}
|
|
1705
|
+
if (!currentUrl.startsWith(itemUrl)) {
|
|
1706
|
+
return false;
|
|
1707
|
+
}
|
|
1708
|
+
if (currentUrl.length === itemUrl.length) {
|
|
1709
|
+
return true;
|
|
1710
|
+
}
|
|
1711
|
+
return currentUrl[itemUrl.length] === '/';
|
|
1712
|
+
}
|
|
1713
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NavbarRoutesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1714
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: NavbarRoutesComponent, isStandalone: true, selector: "lpx-navbar-routes", inputs: { navbarItems: { classPropertyName: "navbarItems", publicName: "navbarItems", isSignal: false, isRequired: false, transformFunction: null }, groupedItems: { classPropertyName: "groupedItems", publicName: "groupedItems", isSignal: false, isRequired: false, transformFunction: null }, routerItem: { classPropertyName: "routerItem", publicName: "routerItem", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { routeClick: "routeClick" }, ngImport: i0, template: "<ul class=\"lpx-nav-menu\">\r\n @if (groupedItems && groupedItems.length) {\r\n @for (item of groupedItems; track $index) {\r\n <ng-container\r\n *ngTemplateOutlet=\"groupText; context: { $implicit: item }\"\r\n />\r\n\r\n @for (navbarItem of item.items; track $index) {\r\n <ng-container\r\n *ngTemplateOutlet=\"itemTemplate; context: { $implicit: navbarItem }\"\r\n />\r\n }\r\n }\r\n } @else {\r\n <ng-container *ngTemplateOutlet=\"defaultRoute\" />\r\n }\r\n</ul>\r\n\r\n<ng-template #defaultRoute>\r\n @for (item of navbarItems; track $index) {\r\n <ng-container\r\n *ngTemplateOutlet=\"itemTemplate; context: { $implicit: item }\"\r\n />\r\n }\r\n</ng-template>\r\n\r\n<ng-template #groupText let-item>\r\n @if (item.items.length) {\r\n <li class=\"group-menu-item hidden-in-hover-trigger\">\r\n {{ item.group | lpxTranslate | async }}\r\n </li>\r\n }\r\n</ng-template>\r\n\r\n<ng-template #itemTemplate let-item>\r\n <li\r\n class=\"outer-menu-item\"\r\n *lpxVisible=\"!item.visible || item.visible(item, injector)\"\r\n >\r\n <lpx-sub-navbar\r\n [item]=\"item\"\r\n (expand)=\"onSubnavbarExpand($event, navbarItems)\"\r\n (routeClick)=\"onRouteClick($event, navbarItems)\"\r\n [routerItem]=\"routerItem()\"\r\n />\r\n </li>\r\n</ng-template>\r\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: LpxVisibleDirective, selector: "[lpxVisible]", inputs: ["lpxVisible"] }, { kind: "component", type: SubNavbarComponent, selector: "lpx-sub-navbar", inputs: ["item", "routerItem"], outputs: ["routeClick", "expand"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "lpxTranslate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
1650
1715
|
}
|
|
1651
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1716
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NavbarRoutesComponent, decorators: [{
|
|
1652
1717
|
type: Component,
|
|
1653
1718
|
args: [{ selector: 'lpx-navbar-routes', encapsulation: ViewEncapsulation.None, imports: [
|
|
1654
1719
|
NgTemplateOutlet,
|
|
@@ -1661,15 +1726,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.7", ngImpor
|
|
|
1661
1726
|
type: Input
|
|
1662
1727
|
}], groupedItems: [{
|
|
1663
1728
|
type: Input
|
|
1664
|
-
}], routeClick: [{
|
|
1729
|
+
}], routerItem: [{ type: i0.Input, args: [{ isSignal: true, alias: "routerItem", required: false }] }], routeClick: [{
|
|
1665
1730
|
type: Output
|
|
1666
1731
|
}] } });
|
|
1667
1732
|
|
|
1668
1733
|
class NavbarRoutesDirective {
|
|
1669
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1670
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1734
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NavbarRoutesDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1735
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", type: NavbarRoutesDirective, isStandalone: true, selector: "[lpx-navbar-routes],[lpxNavbarRoutes]", exportAs: ["lpxNavbarRoutes"], ngImport: i0 }); }
|
|
1671
1736
|
}
|
|
1672
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1737
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NavbarRoutesDirective, decorators: [{
|
|
1673
1738
|
type: Directive,
|
|
1674
1739
|
args: [{
|
|
1675
1740
|
selector: '[lpx-navbar-routes],[lpxNavbarRoutes]',
|
|
@@ -1718,10 +1783,10 @@ class NavbarComponent {
|
|
|
1718
1783
|
const contents = this.injector.get(token, []);
|
|
1719
1784
|
return contents.reduce((acc, val) => acc.concat(val), []);
|
|
1720
1785
|
}
|
|
1721
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1722
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1786
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NavbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1787
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: NavbarComponent, isStandalone: true, selector: "lpx-navbar", queries: [{ propertyName: "routesTemplate", first: true, predicate: NavbarRoutesDirective, descendants: true, read: TemplateRef }, { propertyName: "logoPanel", first: true, predicate: LogoPanelDirective, descendants: true }], ngImport: i0, template: "<nav class=\"lpx-nav\" (mouseenter)=\"handleInitialHover()\">\r\n <div class=\"lpx-logo-container\">\r\n <ng-container\r\n *ngTemplateOutlet=\"logoPanel?.template || defaultLogo\"\r\n ></ng-container>\r\n <lpx-icon\r\n class=\"menu-collapse-icon hidden-in-hover-trigger\"\r\n iconClass=\"bi bi-filter-left\"\r\n (click)=\"toggleSidebarHover()\"\r\n ></lpx-icon>\r\n </div>\r\n\r\n @if (showFilterMenu$ | async) {\r\n <ng-container\r\n *ngTemplateOutlet=\"\r\n customContentTemplate;\r\n context: { $implicit: contentBefore }\r\n \"\r\n ></ng-container>\r\n }\r\n\r\n <ng-container\r\n *ngTemplateOutlet=\"\r\n routesTemplate || defaultRouteTemplate;\r\n context: {\r\n $implicit: service.navbarItems$ | async,\r\n groupItems: service.groupedNavbarItems$ | async,\r\n }\r\n \"\r\n ></ng-container>\r\n\r\n <ng-container\r\n *ngTemplateOutlet=\"\r\n customContentTemplate;\r\n context: { $implicit: contentAfter }\r\n \"\r\n ></ng-container>\r\n</nav>\r\n\r\n<ng-template #defaultRouteTemplate let-items let-groupItems=\"groupItems\">\r\n <lpx-navbar-routes\r\n [navbarItems]=\"items\"\r\n [groupedItems]=\"groupItems\"\r\n [routerItem]=\"true\"\r\n ></lpx-navbar-routes>\r\n</ng-template>\r\n\r\n<ng-template #customContentTemplate let-contents>\r\n @for (component of contents; track $index) {\r\n <ng-container\r\n *ngComponentOutlet=\"component; injector: injector\"\r\n ></ng-container>\r\n }\r\n</ng-template>\r\n\r\n<ng-template #defaultLogo>\r\n <lpx-brand-logo />\r\n</ng-template>\r\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IconComponent, selector: "lpx-icon", inputs: ["iconClass"] }, { kind: "component", type: NavbarRoutesComponent, selector: "lpx-navbar-routes", inputs: ["navbarItems", "groupedItems", "routerItem"], outputs: ["routeClick"] }, { kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "component", type: BrandLogoComponent, selector: "lpx-brand-logo", inputs: ["layout"] }, { kind: "pipe", type: AsyncPipe, name: "async" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
1723
1788
|
}
|
|
1724
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1789
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NavbarComponent, decorators: [{
|
|
1725
1790
|
type: Component,
|
|
1726
1791
|
args: [{ selector: 'lpx-navbar', encapsulation: ViewEncapsulation.None, imports: [
|
|
1727
1792
|
NgTemplateOutlet,
|
|
@@ -1748,20 +1813,20 @@ class SafeHtmlPipe {
|
|
|
1748
1813
|
return '';
|
|
1749
1814
|
return this.sanitizer.sanitize(SecurityContext.HTML, value) || '';
|
|
1750
1815
|
}
|
|
1751
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1752
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "
|
|
1816
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SafeHtmlPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
1817
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: SafeHtmlPipe, isStandalone: true, name: "lpxSafeHtml" }); }
|
|
1753
1818
|
}
|
|
1754
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1819
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SafeHtmlPipe, decorators: [{
|
|
1755
1820
|
type: Pipe,
|
|
1756
1821
|
args: [{ name: 'lpxSafeHtml', standalone: true }]
|
|
1757
1822
|
}] });
|
|
1758
1823
|
|
|
1759
1824
|
class LpxTranslateModule {
|
|
1760
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1761
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
1762
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1825
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LpxTranslateModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1826
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: LpxTranslateModule, imports: [CommonModule, TranslatePipe], exports: [TranslatePipe] }); }
|
|
1827
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LpxTranslateModule, imports: [CommonModule] }); }
|
|
1763
1828
|
}
|
|
1764
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1829
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LpxTranslateModule, decorators: [{
|
|
1765
1830
|
type: NgModule,
|
|
1766
1831
|
args: [{
|
|
1767
1832
|
imports: [CommonModule, TranslatePipe],
|
|
@@ -1794,8 +1859,8 @@ class LpxNavbarModule {
|
|
|
1794
1859
|
providers: [provideLpxCore(SKIP_DEFAULTS, withNavbarChild(options))],
|
|
1795
1860
|
};
|
|
1796
1861
|
}
|
|
1797
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1798
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
1862
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LpxNavbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1863
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: LpxNavbarModule, imports: [CommonModule,
|
|
1799
1864
|
FormsModule,
|
|
1800
1865
|
RouterModule,
|
|
1801
1866
|
LpxBrandLogoModule,
|
|
@@ -1809,7 +1874,7 @@ class LpxNavbarModule {
|
|
|
1809
1874
|
SubNavbarComponent,
|
|
1810
1875
|
NavbarRoutesComponent,
|
|
1811
1876
|
NavbarRoutesDirective] }); }
|
|
1812
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1877
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LpxNavbarModule, imports: [CommonModule,
|
|
1813
1878
|
FormsModule,
|
|
1814
1879
|
RouterModule,
|
|
1815
1880
|
LpxBrandLogoModule,
|
|
@@ -1817,7 +1882,7 @@ class LpxNavbarModule {
|
|
|
1817
1882
|
ToObservableModule,
|
|
1818
1883
|
LpxTranslateModule] }); }
|
|
1819
1884
|
}
|
|
1820
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1885
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LpxNavbarModule, decorators: [{
|
|
1821
1886
|
type: NgModule,
|
|
1822
1887
|
args: [{
|
|
1823
1888
|
imports: [
|
|
@@ -1854,10 +1919,10 @@ class FooterLinksService {
|
|
|
1854
1919
|
setFooterInfo(links) {
|
|
1855
1920
|
this.store.set(links);
|
|
1856
1921
|
}
|
|
1857
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1858
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
1922
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: FooterLinksService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1923
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: FooterLinksService, providedIn: 'root' }); }
|
|
1859
1924
|
}
|
|
1860
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1925
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: FooterLinksService, decorators: [{
|
|
1861
1926
|
type: Injectable,
|
|
1862
1927
|
args: [{
|
|
1863
1928
|
providedIn: 'root',
|
|
@@ -1870,10 +1935,10 @@ class FooterComponent {
|
|
|
1870
1935
|
this.footerValues$ = this.service.footerInfo$;
|
|
1871
1936
|
this.currentYear = new Date().getFullYear();
|
|
1872
1937
|
}
|
|
1873
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1874
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
1938
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: FooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1939
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: FooterComponent, isStandalone: true, selector: "lpx-footer", ngImport: i0, template: "@if (footerValues$ | async; as footerValues) {\r\n<div class=\"lpx-footbar-container end-0\">\r\n <div class=\"lpx-footbar\">\r\n <div class=\"lpx-footbar-copyright\">\r\n @if (footerValues.brandUrl) {\r\n <span>{{ currentYear }}\u00A9 </span>\r\n <a [href]=\"[footerValues.brandUrl]\" target=\"_blank\"> {{ footerValues.brandName }} </a>\r\n <span>by</span>\r\n }\r\n @if (footerValues.authorUrl) {\r\n <a [href]=\"[footerValues.authorUrl]\" target=\"_blank\"> {{ footerValues.authorName }}</a>\r\n }\r\n </div>\r\n <div class=\"lpx-footbar-solo-links\">\r\n @for (footerLink of footerValues.links; track $index) {\r\n @if (footerLink) {\r\n <a [href]=\"[footerLink.link]\" >{{ footerLink.text }}</a>\r\n }\r\n }\r\n </div>\r\n </div>\r\n</div>\r\n}\r\n", dependencies: [{ kind: "pipe", type: AsyncPipe, name: "async" }] }); }
|
|
1875
1940
|
}
|
|
1876
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1941
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: FooterComponent, decorators: [{
|
|
1877
1942
|
type: Component,
|
|
1878
1943
|
args: [{ selector: 'lpx-footer', imports: [AsyncPipe], template: "@if (footerValues$ | async; as footerValues) {\r\n<div class=\"lpx-footbar-container end-0\">\r\n <div class=\"lpx-footbar\">\r\n <div class=\"lpx-footbar-copyright\">\r\n @if (footerValues.brandUrl) {\r\n <span>{{ currentYear }}\u00A9 </span>\r\n <a [href]=\"[footerValues.brandUrl]\" target=\"_blank\"> {{ footerValues.brandName }} </a>\r\n <span>by</span>\r\n }\r\n @if (footerValues.authorUrl) {\r\n <a [href]=\"[footerValues.authorUrl]\" target=\"_blank\"> {{ footerValues.authorName }}</a>\r\n }\r\n </div>\r\n <div class=\"lpx-footbar-solo-links\">\r\n @for (footerLink of footerValues.links; track $index) {\r\n @if (footerLink) {\r\n <a [href]=\"[footerLink.link]\" >{{ footerLink.text }}</a>\r\n }\r\n }\r\n </div>\r\n </div>\r\n</div>\r\n}\r\n" }]
|
|
1879
1944
|
}] });
|
|
@@ -1885,11 +1950,11 @@ class LpxFooterModule {
|
|
|
1885
1950
|
providers: [],
|
|
1886
1951
|
};
|
|
1887
1952
|
}
|
|
1888
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1889
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
1890
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1953
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LpxFooterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1954
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: LpxFooterModule, imports: [CommonModule, RouterModule, FooterComponent], exports: [FooterComponent] }); }
|
|
1955
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LpxFooterModule, imports: [CommonModule, RouterModule] }); }
|
|
1891
1956
|
}
|
|
1892
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1957
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LpxFooterModule, decorators: [{
|
|
1893
1958
|
type: NgModule,
|
|
1894
1959
|
args: [{
|
|
1895
1960
|
exports: [FooterComponent],
|
|
@@ -2010,11 +2075,11 @@ class LpxCoreModule {
|
|
|
2010
2075
|
providers: [provideLpxCore(...withLpxCoreOptions(options))],
|
|
2011
2076
|
};
|
|
2012
2077
|
}
|
|
2013
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2014
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
2015
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
2078
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LpxCoreModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2079
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: LpxCoreModule, imports: [CommonModule, LpxVisibleDirective] }); }
|
|
2080
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LpxCoreModule, imports: [CommonModule] }); }
|
|
2016
2081
|
}
|
|
2017
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2082
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LpxCoreModule, decorators: [{
|
|
2018
2083
|
type: NgModule,
|
|
2019
2084
|
args: [{
|
|
2020
2085
|
imports: [CommonModule, LpxVisibleDirective],
|
|
@@ -2041,10 +2106,10 @@ class BreadcrumbPanelDirective {
|
|
|
2041
2106
|
constructor() {
|
|
2042
2107
|
this.template = inject(TemplateRef);
|
|
2043
2108
|
}
|
|
2044
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2045
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2109
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BreadcrumbPanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2110
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", type: BreadcrumbPanelDirective, isStandalone: true, selector: "ng-template[lpx-breadcrumb-panel]", ngImport: i0 }); }
|
|
2046
2111
|
}
|
|
2047
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2112
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BreadcrumbPanelDirective, decorators: [{
|
|
2048
2113
|
type: Directive,
|
|
2049
2114
|
args: [{ selector: 'ng-template[lpx-breadcrumb-panel]' }]
|
|
2050
2115
|
}] });
|
|
@@ -2053,10 +2118,10 @@ class ContentPanelDirective {
|
|
|
2053
2118
|
constructor() {
|
|
2054
2119
|
this.template = inject(TemplateRef);
|
|
2055
2120
|
}
|
|
2056
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2057
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2121
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ContentPanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2122
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", type: ContentPanelDirective, isStandalone: true, selector: "ng-template[lpx-content]", ngImport: i0 }); }
|
|
2058
2123
|
}
|
|
2059
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2124
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ContentPanelDirective, decorators: [{
|
|
2060
2125
|
type: Directive,
|
|
2061
2126
|
args: [{ selector: 'ng-template[lpx-content]' }]
|
|
2062
2127
|
}] });
|
|
@@ -2065,10 +2130,10 @@ class CurrentUserImagePanelDirective {
|
|
|
2065
2130
|
constructor() {
|
|
2066
2131
|
this.template = inject(TemplateRef);
|
|
2067
2132
|
}
|
|
2068
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2069
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2133
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: CurrentUserImagePanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2134
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", type: CurrentUserImagePanelDirective, isStandalone: true, selector: "ng-template[lpx-current-user-image-panel]", ngImport: i0 }); }
|
|
2070
2135
|
}
|
|
2071
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2136
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: CurrentUserImagePanelDirective, decorators: [{
|
|
2072
2137
|
type: Directive,
|
|
2073
2138
|
args: [{ selector: 'ng-template[lpx-current-user-image-panel]' }]
|
|
2074
2139
|
}] });
|
|
@@ -2077,10 +2142,10 @@ class CurrentUserPanelDirective {
|
|
|
2077
2142
|
constructor() {
|
|
2078
2143
|
this.template = inject(TemplateRef);
|
|
2079
2144
|
}
|
|
2080
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2081
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2145
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: CurrentUserPanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2146
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", type: CurrentUserPanelDirective, isStandalone: true, selector: "ng-template[lpx-current-user-panel]", ngImport: i0 }); }
|
|
2082
2147
|
}
|
|
2083
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2148
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: CurrentUserPanelDirective, decorators: [{
|
|
2084
2149
|
type: Directive,
|
|
2085
2150
|
args: [{ selector: 'ng-template[lpx-current-user-panel]' }]
|
|
2086
2151
|
}] });
|
|
@@ -2089,10 +2154,10 @@ class FooterPanelDirective {
|
|
|
2089
2154
|
constructor() {
|
|
2090
2155
|
this.template = inject(TemplateRef);
|
|
2091
2156
|
}
|
|
2092
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2093
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2157
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: FooterPanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2158
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", type: FooterPanelDirective, isStandalone: true, selector: "ng-template[lpx-footer-panel]", ngImport: i0 }); }
|
|
2094
2159
|
}
|
|
2095
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2160
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: FooterPanelDirective, decorators: [{
|
|
2096
2161
|
type: Directive,
|
|
2097
2162
|
args: [{ selector: 'ng-template[lpx-footer-panel]' }]
|
|
2098
2163
|
}] });
|
|
@@ -2101,10 +2166,10 @@ class LanguagePanelDirective {
|
|
|
2101
2166
|
constructor() {
|
|
2102
2167
|
this.template = inject(TemplateRef);
|
|
2103
2168
|
}
|
|
2104
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2105
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2169
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LanguagePanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2170
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", type: LanguagePanelDirective, isStandalone: true, selector: "ng-template[lpx-language-panel]", ngImport: i0 }); }
|
|
2106
2171
|
}
|
|
2107
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2172
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: LanguagePanelDirective, decorators: [{
|
|
2108
2173
|
type: Directive,
|
|
2109
2174
|
args: [{ selector: 'ng-template[lpx-language-panel]', }]
|
|
2110
2175
|
}] });
|
|
@@ -2113,10 +2178,10 @@ class MobileNavbarPanelDirective {
|
|
|
2113
2178
|
constructor() {
|
|
2114
2179
|
this.template = inject(TemplateRef);
|
|
2115
2180
|
}
|
|
2116
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2117
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2181
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: MobileNavbarPanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2182
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", type: MobileNavbarPanelDirective, isStandalone: true, selector: "ng-template[lpx-mobile-navbar-panel]", ngImport: i0 }); }
|
|
2118
2183
|
}
|
|
2119
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2184
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: MobileNavbarPanelDirective, decorators: [{
|
|
2120
2185
|
type: Directive,
|
|
2121
2186
|
args: [{ selector: 'ng-template[lpx-mobile-navbar-panel]', }]
|
|
2122
2187
|
}] });
|
|
@@ -2125,10 +2190,10 @@ class MobileNavbarSettingsPanelDirective {
|
|
|
2125
2190
|
constructor() {
|
|
2126
2191
|
this.template = inject(TemplateRef);
|
|
2127
2192
|
}
|
|
2128
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2129
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2193
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: MobileNavbarSettingsPanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2194
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", type: MobileNavbarSettingsPanelDirective, isStandalone: true, selector: "ng-template[lpx-mobile-navbar-settings-panel]", ngImport: i0 }); }
|
|
2130
2195
|
}
|
|
2131
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2196
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: MobileNavbarSettingsPanelDirective, decorators: [{
|
|
2132
2197
|
type: Directive,
|
|
2133
2198
|
args: [{ selector: 'ng-template[lpx-mobile-navbar-settings-panel]', }]
|
|
2134
2199
|
}] });
|
|
@@ -2137,10 +2202,10 @@ class MobileNavbarProfilePanelDirective {
|
|
|
2137
2202
|
constructor() {
|
|
2138
2203
|
this.template = inject(TemplateRef);
|
|
2139
2204
|
}
|
|
2140
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2141
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2205
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: MobileNavbarProfilePanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2206
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", type: MobileNavbarProfilePanelDirective, isStandalone: true, selector: "ng-template[lpx-mobile-navbar-profile-panel]", ngImport: i0 }); }
|
|
2142
2207
|
}
|
|
2143
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2208
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: MobileNavbarProfilePanelDirective, decorators: [{
|
|
2144
2209
|
type: Directive,
|
|
2145
2210
|
args: [{ selector: 'ng-template[lpx-mobile-navbar-profile-panel]', }]
|
|
2146
2211
|
}] });
|
|
@@ -2149,10 +2214,10 @@ class NavbarPanelDirective {
|
|
|
2149
2214
|
constructor() {
|
|
2150
2215
|
this.template = inject(TemplateRef);
|
|
2151
2216
|
}
|
|
2152
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2153
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2217
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NavbarPanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2218
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", type: NavbarPanelDirective, isStandalone: true, selector: "ng-template[lpx-navbar-panel]", ngImport: i0 }); }
|
|
2154
2219
|
}
|
|
2155
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2220
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NavbarPanelDirective, decorators: [{
|
|
2156
2221
|
type: Directive,
|
|
2157
2222
|
args: [{ selector: 'ng-template[lpx-navbar-panel]', }]
|
|
2158
2223
|
}] });
|
|
@@ -2161,10 +2226,10 @@ class NavitemPanelDirective {
|
|
|
2161
2226
|
constructor() {
|
|
2162
2227
|
this.template = inject(TemplateRef);
|
|
2163
2228
|
}
|
|
2164
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2165
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2229
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NavitemPanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2230
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", type: NavitemPanelDirective, isStandalone: true, selector: "ng-template[lpx-navitem-panel]", ngImport: i0 }); }
|
|
2166
2231
|
}
|
|
2167
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2232
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: NavitemPanelDirective, decorators: [{
|
|
2168
2233
|
type: Directive,
|
|
2169
2234
|
args: [{ selector: 'ng-template[lpx-navitem-panel]', }]
|
|
2170
2235
|
}] });
|
|
@@ -2173,10 +2238,10 @@ class ToolbarPanelDirective {
|
|
|
2173
2238
|
constructor() {
|
|
2174
2239
|
this.template = inject(TemplateRef);
|
|
2175
2240
|
}
|
|
2176
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2177
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2241
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ToolbarPanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2242
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", type: ToolbarPanelDirective, isStandalone: true, selector: "ng-template[lpx-toolbar-panel]", ngImport: i0 }); }
|
|
2178
2243
|
}
|
|
2179
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2244
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ToolbarPanelDirective, decorators: [{
|
|
2180
2245
|
type: Directive,
|
|
2181
2246
|
args: [{ selector: 'ng-template[lpx-toolbar-panel]', }]
|
|
2182
2247
|
}] });
|
|
@@ -2185,10 +2250,10 @@ class TopNavbarPanelDirective {
|
|
|
2185
2250
|
constructor() {
|
|
2186
2251
|
this.template = inject(TemplateRef);
|
|
2187
2252
|
}
|
|
2188
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2189
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2253
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: TopNavbarPanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2254
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", type: TopNavbarPanelDirective, isStandalone: true, selector: "ng-template[lpx-top-navbar-panel]", ngImport: i0 }); }
|
|
2190
2255
|
}
|
|
2191
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2256
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: TopNavbarPanelDirective, decorators: [{
|
|
2192
2257
|
type: Directive,
|
|
2193
2258
|
args: [{ selector: 'ng-template[lpx-top-navbar-panel]', }]
|
|
2194
2259
|
}] });
|
|
@@ -2197,10 +2262,10 @@ class SettingsPanelDirective {
|
|
|
2197
2262
|
constructor() {
|
|
2198
2263
|
this.template = inject(TemplateRef);
|
|
2199
2264
|
}
|
|
2200
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2201
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
2265
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SettingsPanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
2266
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.0.6", type: SettingsPanelDirective, isStandalone: true, selector: "ng-template[lpx-settings-panel]", ngImport: i0 }); }
|
|
2202
2267
|
}
|
|
2203
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2268
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: SettingsPanelDirective, decorators: [{
|
|
2204
2269
|
type: Directive,
|
|
2205
2270
|
args: [{ selector: 'ng-template[lpx-settings-panel]', }]
|
|
2206
2271
|
}] });
|
|
@@ -2223,8 +2288,8 @@ const declarationsAndExports = [
|
|
|
2223
2288
|
ToolbarPanelDirective,
|
|
2224
2289
|
];
|
|
2225
2290
|
class PanelsModule {
|
|
2226
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2227
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
2291
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: PanelsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2292
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.0.6", ngImport: i0, type: PanelsModule, imports: [CommonModule, BreadcrumbPanelDirective,
|
|
2228
2293
|
ContentPanelDirective,
|
|
2229
2294
|
CurrentUserImagePanelDirective,
|
|
2230
2295
|
CurrentUserPanelDirective,
|
|
@@ -2253,9 +2318,9 @@ class PanelsModule {
|
|
|
2253
2318
|
SettingsPanelDirective,
|
|
2254
2319
|
TopNavbarPanelDirective,
|
|
2255
2320
|
ToolbarPanelDirective] }); }
|
|
2256
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
2321
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: PanelsModule, imports: [CommonModule] }); }
|
|
2257
2322
|
}
|
|
2258
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2323
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: PanelsModule, decorators: [{
|
|
2259
2324
|
type: NgModule,
|
|
2260
2325
|
args: [{
|
|
2261
2326
|
imports: [CommonModule, ...declarationsAndExports],
|
|
@@ -2293,10 +2358,10 @@ class ToolbarService {
|
|
|
2293
2358
|
const updateItems = [...items.slice(0, index), ...items.slice(index + 1)];
|
|
2294
2359
|
this.store.patch({ items: updateItems });
|
|
2295
2360
|
}
|
|
2296
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
2297
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
2361
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ToolbarService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
2362
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ToolbarService, providedIn: 'root' }); }
|
|
2298
2363
|
}
|
|
2299
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
2364
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ToolbarService, decorators: [{
|
|
2300
2365
|
type: Injectable,
|
|
2301
2366
|
args: [{ providedIn: 'root' }]
|
|
2302
2367
|
}] });
|