@volo/ngx-lepton-x.core 3.1.3 → 3.2.0-rc.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/animations/collapse.animations.mjs +54 -0
- package/esm2022/lib/components/avatar/avatar.component.mjs +6 -7
- package/esm2022/lib/components/avatar/avatar.module.mjs +4 -4
- package/esm2022/lib/components/brand-logo/brand-logo.component.mjs +3 -3
- package/esm2022/lib/components/brand-logo/brand-logo.module.mjs +4 -4
- package/esm2022/lib/components/breadcrumb/breadcrumb-route-listener.service.mjs +3 -3
- package/esm2022/lib/components/breadcrumb/breadcrumb.component.mjs +5 -5
- package/esm2022/lib/components/breadcrumb/breadcrumb.module.mjs +4 -4
- package/esm2022/lib/components/breadcrumb/breadcrumb.service.mjs +3 -3
- package/esm2022/lib/components/footer/footer-links.service.mjs +3 -3
- package/esm2022/lib/components/footer/footer.component.mjs +7 -7
- package/esm2022/lib/components/footer/footer.module.mjs +4 -4
- package/esm2022/lib/components/icon/icon.component.mjs +3 -3
- package/esm2022/lib/components/icon/icon.module.mjs +4 -4
- package/esm2022/lib/components/navbar/navbar-routes/navbar-routes.component.mjs +5 -5
- package/esm2022/lib/components/navbar/navbar-routes/navbar-routes.directive.mjs +3 -3
- package/esm2022/lib/components/navbar/navbar.component.mjs +18 -5
- package/esm2022/lib/components/navbar/navbar.module.mjs +4 -4
- package/esm2022/lib/components/navbar/navbar.service.mjs +3 -3
- package/esm2022/lib/components/navbar/sub-navbar/sub-navbar.component.mjs +7 -6
- package/esm2022/lib/directives/click-outside/click-outside.directive.mjs +3 -3
- package/esm2022/lib/directives/click-outside/click-outside.module.mjs +4 -4
- package/esm2022/lib/directives/perfect-scrollbar.directive.mjs +3 -3
- package/esm2022/lib/directives/responsive/responsive.directive.mjs +3 -3
- package/esm2022/lib/directives/responsive/responsive.module.mjs +4 -4
- package/esm2022/lib/directives/responsive/responsive.service.mjs +10 -10
- package/esm2022/lib/directives/visible.directive.mjs +3 -3
- package/esm2022/lib/lepton-x-core.module.mjs +4 -4
- package/esm2022/lib/panels/breadcrumb-panel.directive.mjs +3 -3
- package/esm2022/lib/panels/content-panel.directive.mjs +3 -3
- package/esm2022/lib/panels/current-user-image-panel.directive.mjs +3 -3
- package/esm2022/lib/panels/current-user-panel.directive.mjs +3 -3
- package/esm2022/lib/panels/footer-panel.directive.mjs +3 -3
- package/esm2022/lib/panels/language-panel.directive.mjs +3 -3
- package/esm2022/lib/panels/logo-panel.directive.mjs +3 -3
- package/esm2022/lib/panels/mobile-navbar-panel.directive.mjs +3 -3
- package/esm2022/lib/panels/navbar-panel.directive.mjs +3 -3
- package/esm2022/lib/panels/navitem-panel.directive.mjs +3 -3
- package/esm2022/lib/panels/panels.module.mjs +4 -4
- package/esm2022/lib/panels/settings-panel.directive.mjs +3 -3
- package/esm2022/lib/panels/toolbar-panel.directive.mjs +3 -3
- package/esm2022/lib/panels/top-navbar-panel.directive.mjs +3 -3
- package/esm2022/lib/pipes/safe-html/safe-html.pipe.mjs +3 -3
- package/esm2022/lib/pipes/to-observable/to-observable.module.mjs +4 -4
- package/esm2022/lib/pipes/to-observable/to-observable.pipe.mjs +3 -3
- package/esm2022/lib/pipes/translate/translate.module.mjs +4 -4
- package/esm2022/lib/pipes/translate/translate.pipe.mjs +3 -3
- package/esm2022/lib/services/auth/default-auth.service.mjs +3 -3
- package/esm2022/lib/services/body/body.service.mjs +3 -3
- package/esm2022/lib/services/language/language.module.mjs +4 -4
- package/esm2022/lib/services/language/language.service.mjs +3 -3
- package/esm2022/lib/services/layout/layout.service.mjs +11 -8
- package/esm2022/lib/services/local-storage/local-storage.service.mjs +3 -3
- package/esm2022/lib/services/perfect-scrollbar.service.mjs +3 -3
- package/esm2022/lib/services/route/routes.service.mjs +3 -3
- package/esm2022/lib/services/toolbar/toolbar.service.mjs +3 -3
- package/esm2022/lib/services/translate/default-translate.service.mjs +3 -3
- package/esm2022/lib/services/translate/translate.service.mjs +3 -3
- package/esm2022/lib/services/user-profile/user-profile.service.mjs +3 -3
- package/esm2022/lib/style/style-load.factory.mjs +1 -1
- package/esm2022/lib/style/style.service.mjs +3 -3
- package/fesm2022/volo-ngx-lepton-x.core.mjs +275 -205
- package/fesm2022/volo-ngx-lepton-x.core.mjs.map +1 -1
- package/lib/animations/collapse.animations.d.ts +9 -0
- package/lib/components/navbar/navbar.component.d.ts +3 -1
- package/lib/components/navbar/sub-navbar/sub-navbar.component.d.ts +1 -1
- package/lib/style/style-load.factory.d.ts +1 -1
- package/package.json +1 -1
|
@@ -8,6 +8,7 @@ import { map, distinctUntilChanged, filter, take, tap, switchMap, startWith, dis
|
|
|
8
8
|
import { BehaviorSubject, Subject, Observable, from, of, EMPTY, filter as filter$1, map as map$1, combineLatest, fromEvent, Subscription } from 'rxjs';
|
|
9
9
|
import { FormsModule } from '@angular/forms';
|
|
10
10
|
import { toSignal } from '@angular/core/rxjs-interop';
|
|
11
|
+
import { animation, style, animate, trigger, state, transition, useAnimation } from '@angular/animations';
|
|
11
12
|
import PerfectScrollbar from 'perfect-scrollbar';
|
|
12
13
|
import { DomSanitizer } from '@angular/platform-browser';
|
|
13
14
|
|
|
@@ -104,10 +105,10 @@ class LanguageService {
|
|
|
104
105
|
selectedLanguage: lang,
|
|
105
106
|
});
|
|
106
107
|
}
|
|
107
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
108
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.
|
|
108
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: LanguageService, deps: [{ token: LPX_LANGUAGE }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
109
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: LanguageService, providedIn: 'root' }); }
|
|
109
110
|
}
|
|
110
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
111
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: LanguageService, decorators: [{
|
|
111
112
|
type: Injectable,
|
|
112
113
|
args: [{
|
|
113
114
|
providedIn: 'root',
|
|
@@ -138,11 +139,11 @@ class LpxLanguageModule {
|
|
|
138
139
|
],
|
|
139
140
|
};
|
|
140
141
|
}
|
|
141
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
142
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.
|
|
143
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.
|
|
142
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: LpxLanguageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
143
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.9", ngImport: i0, type: LpxLanguageModule, imports: [CommonModule] }); }
|
|
144
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: LpxLanguageModule, imports: [CommonModule] }); }
|
|
144
145
|
}
|
|
145
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
146
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: LpxLanguageModule, decorators: [{
|
|
146
147
|
type: NgModule,
|
|
147
148
|
args: [{
|
|
148
149
|
declarations: [],
|
|
@@ -178,10 +179,10 @@ class IconComponent {
|
|
|
178
179
|
constructor(iconSet) {
|
|
179
180
|
this.iconSet = iconSet;
|
|
180
181
|
}
|
|
181
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
182
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.
|
|
182
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: IconComponent, deps: [{ token: LEPTON_X_ICON_SET }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
183
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: IconComponent, selector: "lpx-icon", inputs: { iconClass: "iconClass" }, ngImport: i0, template: ` <i class="lpx-icon" [ngClass]="styleClass" aria-hidden="true"></i> `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
183
184
|
}
|
|
184
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
185
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: IconComponent, decorators: [{
|
|
185
186
|
type: Component,
|
|
186
187
|
args: [{
|
|
187
188
|
selector: 'lpx-icon',
|
|
@@ -207,11 +208,11 @@ class LpxIconModule {
|
|
|
207
208
|
],
|
|
208
209
|
};
|
|
209
210
|
}
|
|
210
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
211
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.
|
|
212
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.
|
|
211
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: LpxIconModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
212
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.9", ngImport: i0, type: LpxIconModule, declarations: [IconComponent], imports: [CommonModule], exports: [IconComponent] }); }
|
|
213
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: LpxIconModule, imports: [CommonModule] }); }
|
|
213
214
|
}
|
|
214
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
215
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: LpxIconModule, decorators: [{
|
|
215
216
|
type: NgModule,
|
|
216
217
|
args: [{
|
|
217
218
|
declarations: [IconComponent],
|
|
@@ -221,20 +222,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
|
|
|
221
222
|
}] });
|
|
222
223
|
|
|
223
224
|
class BrandLogoComponent {
|
|
224
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
225
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.
|
|
225
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: BrandLogoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
226
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.9", type: BrandLogoComponent, selector: "lpx-brand-logo", ngImport: i0, template: "<a routerLink=\"/\">\r\n <div class=\"lpx-brand-logo\"></div>\r\n</a>\r\n", dependencies: [{ kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
226
227
|
}
|
|
227
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
228
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: BrandLogoComponent, decorators: [{
|
|
228
229
|
type: Component,
|
|
229
230
|
args: [{ selector: 'lpx-brand-logo', encapsulation: ViewEncapsulation.None, template: "<a routerLink=\"/\">\r\n <div class=\"lpx-brand-logo\"></div>\r\n</a>\r\n" }]
|
|
230
231
|
}] });
|
|
231
232
|
|
|
232
233
|
class LpxBrandLogoModule {
|
|
233
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
234
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.
|
|
235
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.
|
|
234
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: LpxBrandLogoModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
235
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.9", ngImport: i0, type: LpxBrandLogoModule, declarations: [BrandLogoComponent], imports: [RouterModule], exports: [BrandLogoComponent] }); }
|
|
236
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: LpxBrandLogoModule, imports: [RouterModule] }); }
|
|
236
237
|
}
|
|
237
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
238
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: LpxBrandLogoModule, decorators: [{
|
|
238
239
|
type: NgModule,
|
|
239
240
|
args: [{
|
|
240
241
|
declarations: [BrandLogoComponent],
|
|
@@ -262,20 +263,23 @@ class LayoutService {
|
|
|
262
263
|
}
|
|
263
264
|
removeClass(cssClass) {
|
|
264
265
|
const { containerClass } = this.store.state;
|
|
265
|
-
const index = containerClass.findIndex(item => item === cssClass);
|
|
266
|
+
const index = containerClass.findIndex((item) => item === cssClass);
|
|
266
267
|
if (index === -1)
|
|
267
268
|
return;
|
|
268
|
-
const update = [
|
|
269
|
+
const update = [
|
|
270
|
+
...containerClass.slice(0, index),
|
|
271
|
+
...containerClass.slice(index + 1),
|
|
272
|
+
];
|
|
269
273
|
this.patchStore(update);
|
|
270
274
|
}
|
|
271
275
|
removeClasses(classlist) {
|
|
272
276
|
const { containerClass } = this.store.state;
|
|
273
|
-
const filteredClasslist = containerClass.filter(clss => !classlist.includes(clss));
|
|
277
|
+
const filteredClasslist = containerClass.filter((clss) => !classlist.includes(clss));
|
|
274
278
|
this.patchStore(filteredClasslist);
|
|
275
279
|
}
|
|
276
280
|
toggleClass(cssClass) {
|
|
277
281
|
const { containerClass } = this.store.state;
|
|
278
|
-
const index = containerClass.findIndex(item => item === cssClass);
|
|
282
|
+
const index = containerClass.findIndex((item) => item === cssClass);
|
|
279
283
|
if (index === -1) {
|
|
280
284
|
this.addClass(cssClass);
|
|
281
285
|
}
|
|
@@ -288,10 +292,10 @@ class LayoutService {
|
|
|
288
292
|
containerClass,
|
|
289
293
|
});
|
|
290
294
|
}
|
|
291
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
292
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.
|
|
295
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: LayoutService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
296
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: LayoutService, providedIn: 'root' }); }
|
|
293
297
|
}
|
|
294
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
298
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: LayoutService, decorators: [{
|
|
295
299
|
type: Injectable,
|
|
296
300
|
args: [{
|
|
297
301
|
providedIn: 'root',
|
|
@@ -486,10 +490,10 @@ class NavbarService {
|
|
|
486
490
|
children: this.addContainerLinks(item.children || [], `${link ? link + '/' : ''}${item.containerLink || ''}`),
|
|
487
491
|
}));
|
|
488
492
|
}
|
|
489
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
490
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.
|
|
493
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NavbarService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
494
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NavbarService, providedIn: 'root' }); }
|
|
491
495
|
}
|
|
492
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
496
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NavbarService, decorators: [{
|
|
493
497
|
type: Injectable,
|
|
494
498
|
args: [{
|
|
495
499
|
providedIn: 'root',
|
|
@@ -497,10 +501,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
|
|
|
497
501
|
}], ctorParameters: () => [] });
|
|
498
502
|
|
|
499
503
|
class NavbarRoutesDirective {
|
|
500
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
501
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.
|
|
504
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NavbarRoutesDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
505
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.9", type: NavbarRoutesDirective, selector: "[lpx-navbar-routes],[lpxNavbarRoutes]", exportAs: ["lpxNavbarRoutes"], ngImport: i0 }); }
|
|
502
506
|
}
|
|
503
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
507
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NavbarRoutesDirective, decorators: [{
|
|
504
508
|
type: Directive,
|
|
505
509
|
args: [{
|
|
506
510
|
selector: '[lpx-navbar-routes],[lpxNavbarRoutes]',
|
|
@@ -512,10 +516,10 @@ class LogoPanelDirective {
|
|
|
512
516
|
constructor(template) {
|
|
513
517
|
this.template = template;
|
|
514
518
|
}
|
|
515
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
516
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.
|
|
519
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: LogoPanelDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
520
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.9", type: LogoPanelDirective, selector: "ng-template[lpx-logo-panel]", ngImport: i0 }); }
|
|
517
521
|
}
|
|
518
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
522
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: LogoPanelDirective, decorators: [{
|
|
519
523
|
type: Directive,
|
|
520
524
|
args: [{
|
|
521
525
|
selector: 'ng-template[lpx-logo-panel]',
|
|
@@ -529,10 +533,10 @@ class RoutesService {
|
|
|
529
533
|
//TODO: location object might be problem in the future for SSR
|
|
530
534
|
map(() => location.pathname)), { initialValue: location.pathname });
|
|
531
535
|
}
|
|
532
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
533
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.
|
|
536
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: RoutesService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
537
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: RoutesService, providedIn: 'root' }); }
|
|
534
538
|
}
|
|
535
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
539
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: RoutesService, decorators: [{
|
|
536
540
|
type: Injectable,
|
|
537
541
|
args: [{
|
|
538
542
|
providedIn: 'root',
|
|
@@ -569,10 +573,10 @@ class LpxVisibleDirective {
|
|
|
569
573
|
}
|
|
570
574
|
this.viewContainerRef.createEmbeddedView(this.templateRef);
|
|
571
575
|
}
|
|
572
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
573
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.
|
|
576
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: LpxVisibleDirective, deps: [{ token: i0.ViewContainerRef }, { token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
577
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.9", type: LpxVisibleDirective, isStandalone: true, selector: "[lpxVisible]", inputs: { lpxVisible: "lpxVisible" }, ngImport: i0 }); }
|
|
574
578
|
}
|
|
575
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
579
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: LpxVisibleDirective, decorators: [{
|
|
576
580
|
type: Directive,
|
|
577
581
|
args: [{
|
|
578
582
|
selector: '[lpxVisible]',
|
|
@@ -600,6 +604,59 @@ function checkType(value) {
|
|
|
600
604
|
}
|
|
601
605
|
}
|
|
602
606
|
|
|
607
|
+
const collapseY = animation([
|
|
608
|
+
style({ height: '*', overflow: 'hidden', 'box-sizing': 'border-box' }),
|
|
609
|
+
animate('{{ time }} {{ easing }}', style({ height: '0', padding: '0px' })),
|
|
610
|
+
], { params: { time: '350ms', easing: 'ease' } });
|
|
611
|
+
const collapseYWithMargin = animation([
|
|
612
|
+
style({ 'margin-top': '0' }),
|
|
613
|
+
animate('{{ time }} {{ easing }}', style({ 'margin-left': '-100%' })),
|
|
614
|
+
], {
|
|
615
|
+
params: { time: '500ms', easing: 'ease' },
|
|
616
|
+
});
|
|
617
|
+
const collapseX = animation([
|
|
618
|
+
style({ width: '*', overflow: 'hidden', 'box-sizing': 'border-box' }),
|
|
619
|
+
animate('{{ time }} {{ easing }}', style({ width: '0', padding: '0px' })),
|
|
620
|
+
], { params: { time: '350ms', easing: 'ease' } });
|
|
621
|
+
const expandY = animation([
|
|
622
|
+
style({ height: '0', overflow: 'hidden', 'box-sizing': 'border-box' }),
|
|
623
|
+
animate('{{ time }} {{ easing }}', style({ height: '*', padding: '*' })),
|
|
624
|
+
], { params: { time: '350ms', easing: 'ease' } });
|
|
625
|
+
const expandYWithMargin = animation([
|
|
626
|
+
style({ 'margin-top': '-100%' }),
|
|
627
|
+
animate('{{ time }} {{ easing }}', style({ 'margin-top': '0' })),
|
|
628
|
+
], {
|
|
629
|
+
params: { time: '500ms', easing: 'ease' },
|
|
630
|
+
});
|
|
631
|
+
const expandX = animation([
|
|
632
|
+
style({ width: '0', overflow: 'hidden', 'box-sizing': 'border-box' }),
|
|
633
|
+
animate('{{ time }} {{ easing }}', style({ width: '*', padding: '*' })),
|
|
634
|
+
], { params: { time: '350ms', easing: 'ease' } });
|
|
635
|
+
const collapse = trigger('collapse', [
|
|
636
|
+
state('collapsed', style({ height: '0', overflow: 'hidden' })),
|
|
637
|
+
state('expanded', style({ height: '*', overflow: 'hidden' })),
|
|
638
|
+
transition('expanded => collapsed', useAnimation(collapseY)),
|
|
639
|
+
transition('collapsed => expanded', useAnimation(expandY)),
|
|
640
|
+
]);
|
|
641
|
+
const collapseWithMargin = trigger('collapseWithMargin', [
|
|
642
|
+
state('collapsed', style({ 'margin-top': '-100%' })),
|
|
643
|
+
state('expanded', style({ 'margin-top': '0' })),
|
|
644
|
+
transition('expanded => collapsed', useAnimation(collapseYWithMargin), {
|
|
645
|
+
params: { time: '400ms', easing: 'linear' },
|
|
646
|
+
}),
|
|
647
|
+
transition('collapsed => expanded', useAnimation(expandYWithMargin)),
|
|
648
|
+
]);
|
|
649
|
+
const collapseLinearWithMargin = trigger('collapseLinearWithMargin', [
|
|
650
|
+
state('collapsed', style({ 'margin-top': '-100vh' })),
|
|
651
|
+
state('expanded', style({ 'margin-top': '0' })),
|
|
652
|
+
transition('expanded => collapsed', useAnimation(collapseYWithMargin, {
|
|
653
|
+
params: { time: '200ms', easing: 'linear' },
|
|
654
|
+
})),
|
|
655
|
+
transition('collapsed => expanded', useAnimation(expandYWithMargin, {
|
|
656
|
+
params: { time: '250ms', easing: 'linear' },
|
|
657
|
+
})),
|
|
658
|
+
]);
|
|
659
|
+
|
|
603
660
|
class UserProfileService {
|
|
604
661
|
constructor() {
|
|
605
662
|
this.store = new DataStore({});
|
|
@@ -611,10 +668,10 @@ class UserProfileService {
|
|
|
611
668
|
patchUser(user) {
|
|
612
669
|
this.store.patch(user);
|
|
613
670
|
}
|
|
614
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
615
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.
|
|
671
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: UserProfileService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
672
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: UserProfileService, providedIn: 'root' }); }
|
|
616
673
|
}
|
|
617
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
674
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: UserProfileService, decorators: [{
|
|
618
675
|
type: Injectable,
|
|
619
676
|
args: [{
|
|
620
677
|
providedIn: 'root',
|
|
@@ -634,10 +691,10 @@ class BodyService {
|
|
|
634
691
|
enableScrollY() {
|
|
635
692
|
this.body?.classList.remove(this.classes.overflowYHidden);
|
|
636
693
|
}
|
|
637
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
638
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.
|
|
694
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: BodyService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
695
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: BodyService, providedIn: 'root' }); }
|
|
639
696
|
}
|
|
640
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
697
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: BodyService, decorators: [{
|
|
641
698
|
type: Injectable,
|
|
642
699
|
args: [{
|
|
643
700
|
providedIn: 'root',
|
|
@@ -651,10 +708,10 @@ class DefaultTranslateService {
|
|
|
651
708
|
get(key, defaultValue) {
|
|
652
709
|
return defaultValue || key || '';
|
|
653
710
|
}
|
|
654
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
655
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.
|
|
711
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: DefaultTranslateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
712
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: DefaultTranslateService }); }
|
|
656
713
|
}
|
|
657
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
714
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: DefaultTranslateService, decorators: [{
|
|
658
715
|
type: Injectable
|
|
659
716
|
}] });
|
|
660
717
|
|
|
@@ -668,10 +725,10 @@ class LpxThemeTranslateService {
|
|
|
668
725
|
translate$(key, ...args) {
|
|
669
726
|
return this.translateService.get$(key, this._content[key]);
|
|
670
727
|
}
|
|
671
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
672
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.
|
|
728
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: LpxThemeTranslateService, deps: [{ token: LPX_TRANSLATE_TOKEN, optional: true }, { token: LPX_TRANSLATE_SERVICE_TOKEN }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
729
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: LpxThemeTranslateService, providedIn: 'root' }); }
|
|
673
730
|
}
|
|
674
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
731
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: LpxThemeTranslateService, decorators: [{
|
|
675
732
|
type: Injectable,
|
|
676
733
|
args: [{
|
|
677
734
|
providedIn: 'root',
|
|
@@ -694,10 +751,10 @@ class DefaultAuthService {
|
|
|
694
751
|
navigateToLogin() {
|
|
695
752
|
return;
|
|
696
753
|
}
|
|
697
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
698
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.
|
|
754
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: DefaultAuthService, deps: [{ token: UserProfileService }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
755
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: DefaultAuthService }); }
|
|
699
756
|
}
|
|
700
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
757
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: DefaultAuthService, decorators: [{
|
|
701
758
|
type: Injectable
|
|
702
759
|
}], ctorParameters: () => [{ type: UserProfileService }] });
|
|
703
760
|
|
|
@@ -728,10 +785,10 @@ class LpxLocalStorageService {
|
|
|
728
785
|
setItem(key, value) {
|
|
729
786
|
localStorage.setItem(key, value);
|
|
730
787
|
}
|
|
731
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
732
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.
|
|
788
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: LpxLocalStorageService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
789
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: LpxLocalStorageService, providedIn: 'root' }); }
|
|
733
790
|
}
|
|
734
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
791
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: LpxLocalStorageService, decorators: [{
|
|
735
792
|
type: Injectable,
|
|
736
793
|
args: [{
|
|
737
794
|
providedIn: 'root'
|
|
@@ -772,10 +829,10 @@ class LpxPerfectScrollbarService extends LpxPerfectScrollbar {
|
|
|
772
829
|
ngOnDestroy() {
|
|
773
830
|
this.subscription?.unsubscribe();
|
|
774
831
|
}
|
|
775
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
776
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.
|
|
832
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: LpxPerfectScrollbarService, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
833
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: LpxPerfectScrollbarService }); }
|
|
777
834
|
}
|
|
778
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
835
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: LpxPerfectScrollbarService, decorators: [{
|
|
779
836
|
type: Injectable
|
|
780
837
|
}] });
|
|
781
838
|
|
|
@@ -786,10 +843,10 @@ class TranslatePipe {
|
|
|
786
843
|
transform(value, ...args) {
|
|
787
844
|
return this.lpxThemeTranslateService.translate$(value, args);
|
|
788
845
|
}
|
|
789
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
790
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.
|
|
846
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: TranslatePipe, deps: [{ token: LpxThemeTranslateService }], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
847
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.3.9", ngImport: i0, type: TranslatePipe, name: "lpxTranslate" }); }
|
|
791
848
|
}
|
|
792
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
849
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: TranslatePipe, decorators: [{
|
|
793
850
|
type: Pipe,
|
|
794
851
|
args: [{
|
|
795
852
|
name: 'lpxTranslate',
|
|
@@ -836,12 +893,12 @@ class SubNavbarComponent {
|
|
|
836
893
|
menuItem.selected = true;
|
|
837
894
|
}
|
|
838
895
|
}
|
|
839
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
840
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.
|
|
896
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: SubNavbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
897
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.9", type: SubNavbarComponent, 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\r\n *ngComponentOutlet=\"item.component; injector: injector\"\r\n ></ng-container>\r\n} @else {\r\n <ng-container *ngTemplateOutlet=\"defaultTemplate\"></ng-container>\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 <lpx-icon\r\n class=\"lpx-menu-item-icon\"\r\n *ngIf=\"item.icon\"\r\n [iconClass]=\"item.icon\"\r\n ></lpx-icon>\r\n <ng-container\r\n *ngTemplateOutlet=\"\r\n item.template || textTmpl;\r\n context: { $implicit: item }\r\n \"\r\n ></ng-container>\r\n <ng-template #textTmpl>\r\n @if (item.text) {\r\n <span class=\"lpx-menu-item-text hidden-in-hover-trigger\">{{\r\n item.text | lpxTranslate | async\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 </lpx-icon>\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 item.children) {\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 ></lpx-sub-navbar>\r\n </li>\r\n }\r\n </ul>\r\n }\r\n</ng-template>\r\n", dependencies: [{ kind: "directive", type: i1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.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: "component", type: SubNavbarComponent, selector: "lpx-sub-navbar", inputs: ["item", "routerItem"], outputs: ["routeClick", "expand"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "lpxTranslate" }], animations: [collapse], encapsulation: i0.ViewEncapsulation.None }); }
|
|
841
898
|
}
|
|
842
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
899
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: SubNavbarComponent, decorators: [{
|
|
843
900
|
type: Component,
|
|
844
|
-
args: [{ selector: 'lpx-sub-navbar', encapsulation: ViewEncapsulation.None, template: "@if (item.component) {\r\n <ng-container\r\n *ngComponentOutlet=\"item.component; injector: injector\"\r\n ></ng-container>\r\n} @else {\r\n <ng-container *ngTemplateOutlet=\"defaultTemplate\"></ng-container>\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 <lpx-icon\r\n class=\"lpx-menu-item-icon\"\r\n *ngIf=\"item.icon\"\r\n [iconClass]=\"item.icon\"\r\n ></lpx-icon>\r\n <ng-container\r\n *ngTemplateOutlet=\"\r\n item.template || textTmpl;\r\n context: { $implicit: item }\r\n \"\r\n ></ng-container>\r\n <ng-template #textTmpl>\r\n @if (item.text) {\r\n <span class=\"lpx-menu-item-text hidden-in-hover-trigger\">{{\r\n item.text | lpxTranslate | async\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 </lpx-icon>\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 item.children) {\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 ></lpx-sub-navbar>\r\n </li>\r\n }\r\n </ul>\r\n }\r\n</ng-template>\r\n" }]
|
|
901
|
+
args: [{ selector: 'lpx-sub-navbar', encapsulation: ViewEncapsulation.None, animations: [collapse], template: "@if (item.component) {\r\n <ng-container\r\n *ngComponentOutlet=\"item.component; injector: injector\"\r\n ></ng-container>\r\n} @else {\r\n <ng-container *ngTemplateOutlet=\"defaultTemplate\"></ng-container>\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 <lpx-icon\r\n class=\"lpx-menu-item-icon\"\r\n *ngIf=\"item.icon\"\r\n [iconClass]=\"item.icon\"\r\n ></lpx-icon>\r\n <ng-container\r\n *ngTemplateOutlet=\"\r\n item.template || textTmpl;\r\n context: { $implicit: item }\r\n \"\r\n ></ng-container>\r\n <ng-template #textTmpl>\r\n @if (item.text) {\r\n <span class=\"lpx-menu-item-text hidden-in-hover-trigger\">{{\r\n item.text | lpxTranslate | async\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 </lpx-icon>\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 item.children) {\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 ></lpx-sub-navbar>\r\n </li>\r\n }\r\n </ul>\r\n }\r\n</ng-template>\r\n" }]
|
|
845
902
|
}], propDecorators: { item: [{
|
|
846
903
|
type: Input
|
|
847
904
|
}], routeClick: [{
|
|
@@ -942,12 +999,12 @@ class NavbarRoutesComponent {
|
|
|
942
999
|
}
|
|
943
1000
|
return false;
|
|
944
1001
|
}
|
|
945
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
946
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.
|
|
1002
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NavbarRoutesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1003
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.9", type: NavbarRoutesComponent, selector: "lpx-navbar-routes", inputs: { groupedItems: { classPropertyName: "groupedItems", publicName: "groupedItems", isSignal: false, isRequired: false, transformFunction: null }, navbarItems: { classPropertyName: "navbarItems", publicName: "navbarItems", 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) {\r\n @for (item of groupedItems; track $index) {\r\n <ng-container\r\n *ngTemplateOutlet=\"groupText; context: { $implicit: item }\"\r\n ></ng-container>\r\n\r\n @for (navbarItem of item.items; track $index) {\r\n <ng-container\r\n *ngTemplateOutlet=\"itemTemplate; context: { $implicit: navbarItem }\"\r\n ></ng-container>\r\n }\r\n }\r\n } @else {\r\n <ng-container *ngTemplateOutlet=\"defaultRoute\"></ng-container>\r\n }\r\n</ul>\r\n\r\n<ng-template #defaultRoute>\r\n @for (item of navbarItems; track item) {\r\n <ng-container\r\n *ngTemplateOutlet=\"itemTemplate; context: { $implicit: item }\"\r\n ></ng-container>\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 ></lpx-sub-navbar>\r\n </li>\r\n</ng-template>\r\n", dependencies: [{ kind: "directive", type: i1.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: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: TranslatePipe, name: "lpxTranslate" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
947
1004
|
}
|
|
948
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
1005
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NavbarRoutesComponent, decorators: [{
|
|
949
1006
|
type: Component,
|
|
950
|
-
args: [{ selector: 'lpx-navbar-routes', encapsulation: ViewEncapsulation.None, template: "<ul class=\"lpx-nav-menu\">\r\n @if (groupedItems) {\r\n @for (item of groupedItems; track
|
|
1007
|
+
args: [{ selector: 'lpx-navbar-routes', encapsulation: ViewEncapsulation.None, template: "<ul class=\"lpx-nav-menu\">\r\n @if (groupedItems) {\r\n @for (item of groupedItems; track $index) {\r\n <ng-container\r\n *ngTemplateOutlet=\"groupText; context: { $implicit: item }\"\r\n ></ng-container>\r\n\r\n @for (navbarItem of item.items; track $index) {\r\n <ng-container\r\n *ngTemplateOutlet=\"itemTemplate; context: { $implicit: navbarItem }\"\r\n ></ng-container>\r\n }\r\n }\r\n } @else {\r\n <ng-container *ngTemplateOutlet=\"defaultRoute\"></ng-container>\r\n }\r\n</ul>\r\n\r\n<ng-template #defaultRoute>\r\n @for (item of navbarItems; track item) {\r\n <ng-container\r\n *ngTemplateOutlet=\"itemTemplate; context: { $implicit: item }\"\r\n ></ng-container>\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 ></lpx-sub-navbar>\r\n </li>\r\n</ng-template>\r\n" }]
|
|
951
1008
|
}], ctorParameters: () => [], propDecorators: { groupedItems: [{
|
|
952
1009
|
type: Input
|
|
953
1010
|
}], navbarItems: [{
|
|
@@ -963,6 +1020,7 @@ class NavbarComponent {
|
|
|
963
1020
|
this.service = inject(NavbarService);
|
|
964
1021
|
this.injector = inject(Injector);
|
|
965
1022
|
this.didResized = false;
|
|
1023
|
+
this.initialHover = false;
|
|
966
1024
|
this.showFilterMenu$ = this.service.navbarItems$.pipe(map$1((items) => !!items.length));
|
|
967
1025
|
this.contentBefore = this.flatContents(CONTENT_BEFORE_ROUTES);
|
|
968
1026
|
this.contentAfter = this.flatContents(CONTENT_AFTER_ROUTES);
|
|
@@ -970,6 +1028,18 @@ class NavbarComponent {
|
|
|
970
1028
|
toggleSidebarHover() {
|
|
971
1029
|
this.didResized = true;
|
|
972
1030
|
this.layoutService.toggleClass('hover-trigger');
|
|
1031
|
+
this.initialHover = !this.initialHover;
|
|
1032
|
+
if (this.initialHover) {
|
|
1033
|
+
this.layoutService.addClass('initial-hover');
|
|
1034
|
+
}
|
|
1035
|
+
else {
|
|
1036
|
+
this.layoutService.removeClass('initial-hover');
|
|
1037
|
+
}
|
|
1038
|
+
}
|
|
1039
|
+
handleInitialHover() {
|
|
1040
|
+
if (this.initialHover) {
|
|
1041
|
+
this.layoutService.removeClass('initial-hover');
|
|
1042
|
+
}
|
|
973
1043
|
}
|
|
974
1044
|
ngAfterViewChecked() {
|
|
975
1045
|
if (!isPlatformBrowser(this.platformId)) {
|
|
@@ -984,12 +1054,12 @@ class NavbarComponent {
|
|
|
984
1054
|
const contents = this.injector.get(token, []);
|
|
985
1055
|
return contents.reduce((acc, val) => acc.concat(val), []);
|
|
986
1056
|
}
|
|
987
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
988
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.
|
|
1057
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NavbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1058
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.9", type: NavbarComponent, 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></lpx-brand-logo>\r\n</ng-template>\r\n", dependencies: [{ kind: "directive", type: i1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: BrandLogoComponent, selector: "lpx-brand-logo" }, { kind: "component", type: IconComponent, selector: "lpx-icon", inputs: ["iconClass"] }, { kind: "component", type: NavbarRoutesComponent, selector: "lpx-navbar-routes", inputs: ["groupedItems", "navbarItems", "routerItem"], outputs: ["routeClick"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
989
1059
|
}
|
|
990
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
1060
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NavbarComponent, decorators: [{
|
|
991
1061
|
type: Component,
|
|
992
|
-
args: [{ selector: 'lpx-navbar', encapsulation: ViewEncapsulation.None, template: "<nav class=\"lpx-nav\">\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
|
|
1062
|
+
args: [{ selector: 'lpx-navbar', encapsulation: ViewEncapsulation.None, 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></lpx-brand-logo>\r\n</ng-template>\r\n" }]
|
|
993
1063
|
}], ctorParameters: () => [], propDecorators: { routesTemplate: [{
|
|
994
1064
|
type: ContentChild,
|
|
995
1065
|
args: [NavbarRoutesDirective, { read: TemplateRef }]
|
|
@@ -1002,10 +1072,10 @@ class ToObservablePipe {
|
|
|
1002
1072
|
transform(value) {
|
|
1003
1073
|
return value ? getStream$(value) : of('');
|
|
1004
1074
|
}
|
|
1005
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
1006
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.
|
|
1075
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: ToObservablePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
1076
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.3.9", ngImport: i0, type: ToObservablePipe, name: "toObservable" }); }
|
|
1007
1077
|
}
|
|
1008
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
1078
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: ToObservablePipe, decorators: [{
|
|
1009
1079
|
type: Pipe,
|
|
1010
1080
|
args: [{
|
|
1011
1081
|
name: 'toObservable',
|
|
@@ -1013,11 +1083,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
|
|
|
1013
1083
|
}] });
|
|
1014
1084
|
|
|
1015
1085
|
class ToObservableModule {
|
|
1016
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
1017
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.
|
|
1018
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.
|
|
1086
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: ToObservableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1087
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.9", ngImport: i0, type: ToObservableModule, declarations: [ToObservablePipe], imports: [CommonModule], exports: [ToObservablePipe] }); }
|
|
1088
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: ToObservableModule, imports: [CommonModule] }); }
|
|
1019
1089
|
}
|
|
1020
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
1090
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: ToObservableModule, decorators: [{
|
|
1021
1091
|
type: NgModule,
|
|
1022
1092
|
args: [{
|
|
1023
1093
|
declarations: [ToObservablePipe],
|
|
@@ -1035,20 +1105,20 @@ class SafeHtmlPipe {
|
|
|
1035
1105
|
return '';
|
|
1036
1106
|
return this.sanitizer.sanitize(SecurityContext.HTML, value) || '';
|
|
1037
1107
|
}
|
|
1038
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
1039
|
-
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.
|
|
1108
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: SafeHtmlPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
|
|
1109
|
+
static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "17.3.9", ngImport: i0, type: SafeHtmlPipe, isStandalone: true, name: "lpxSafeHtml" }); }
|
|
1040
1110
|
}
|
|
1041
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
1111
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: SafeHtmlPipe, decorators: [{
|
|
1042
1112
|
type: Pipe,
|
|
1043
1113
|
args: [{ name: 'lpxSafeHtml', standalone: true }]
|
|
1044
1114
|
}] });
|
|
1045
1115
|
|
|
1046
1116
|
class LpxTranslateModule {
|
|
1047
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
1048
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.
|
|
1049
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.
|
|
1117
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: LpxTranslateModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1118
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.9", ngImport: i0, type: LpxTranslateModule, declarations: [TranslatePipe], imports: [CommonModule], exports: [TranslatePipe] }); }
|
|
1119
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: LpxTranslateModule, imports: [CommonModule] }); }
|
|
1050
1120
|
}
|
|
1051
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
1121
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: LpxTranslateModule, decorators: [{
|
|
1052
1122
|
type: NgModule,
|
|
1053
1123
|
args: [{
|
|
1054
1124
|
declarations: [TranslatePipe],
|
|
@@ -1102,8 +1172,8 @@ class LpxNavbarModule {
|
|
|
1102
1172
|
],
|
|
1103
1173
|
};
|
|
1104
1174
|
}
|
|
1105
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
1106
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.
|
|
1175
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: LpxNavbarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1176
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.9", ngImport: i0, type: LpxNavbarModule, declarations: [NavbarComponent,
|
|
1107
1177
|
SubNavbarComponent,
|
|
1108
1178
|
NavbarRoutesComponent,
|
|
1109
1179
|
NavbarRoutesDirective], imports: [CommonModule,
|
|
@@ -1117,7 +1187,7 @@ class LpxNavbarModule {
|
|
|
1117
1187
|
SubNavbarComponent,
|
|
1118
1188
|
NavbarRoutesComponent,
|
|
1119
1189
|
NavbarRoutesDirective] }); }
|
|
1120
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.
|
|
1190
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: LpxNavbarModule, imports: [CommonModule,
|
|
1121
1191
|
FormsModule,
|
|
1122
1192
|
RouterModule,
|
|
1123
1193
|
LpxBrandLogoModule,
|
|
@@ -1125,7 +1195,7 @@ class LpxNavbarModule {
|
|
|
1125
1195
|
ToObservableModule,
|
|
1126
1196
|
LpxTranslateModule] }); }
|
|
1127
1197
|
}
|
|
1128
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
1198
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: LpxNavbarModule, decorators: [{
|
|
1129
1199
|
type: NgModule,
|
|
1130
1200
|
args: [{
|
|
1131
1201
|
declarations: [...exportedDeclarations$1],
|
|
@@ -1163,10 +1233,10 @@ class BreadcrumbService {
|
|
|
1163
1233
|
setItems(items) {
|
|
1164
1234
|
this.store.set(items);
|
|
1165
1235
|
}
|
|
1166
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
1167
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.
|
|
1236
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: BreadcrumbService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1237
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: BreadcrumbService, providedIn: 'root' }); }
|
|
1168
1238
|
}
|
|
1169
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
1239
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: BreadcrumbService, decorators: [{
|
|
1170
1240
|
type: Injectable,
|
|
1171
1241
|
args: [{
|
|
1172
1242
|
providedIn: 'root',
|
|
@@ -1185,10 +1255,10 @@ class ClickOutsideDirective {
|
|
|
1185
1255
|
this.lpxClickOutside.emit();
|
|
1186
1256
|
}
|
|
1187
1257
|
}
|
|
1188
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
1189
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.
|
|
1258
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: ClickOutsideDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1259
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.9", type: ClickOutsideDirective, selector: "[lpxClickOutside]", inputs: { exceptedRefs: "exceptedRefs" }, outputs: { lpxClickOutside: "lpxClickOutside" }, host: { listeners: { "document:click": "onDocumentClick($event)" } }, ngImport: i0 }); }
|
|
1190
1260
|
}
|
|
1191
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
1261
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: ClickOutsideDirective, decorators: [{
|
|
1192
1262
|
type: Directive,
|
|
1193
1263
|
args: [{
|
|
1194
1264
|
selector: '[lpxClickOutside]',
|
|
@@ -1212,20 +1282,20 @@ class BreadcrumbComponent {
|
|
|
1212
1282
|
item.expanded = !item.expanded;
|
|
1213
1283
|
}
|
|
1214
1284
|
}
|
|
1215
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
1216
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
1285
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: BreadcrumbComponent, deps: [{ token: BreadcrumbService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1286
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.9", type: BreadcrumbComponent, 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: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: IconComponent, selector: "lpx-icon", inputs: ["iconClass"] }, { kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: ClickOutsideDirective, selector: "[lpxClickOutside]", inputs: ["exceptedRefs"], outputs: ["lpxClickOutside"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: ToObservablePipe, name: "toObservable" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
1217
1287
|
}
|
|
1218
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
1288
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: BreadcrumbComponent, decorators: [{
|
|
1219
1289
|
type: Component,
|
|
1220
|
-
args: [{ selector: 'lpx-breadcrumb', encapsulation: ViewEncapsulation.None, template: "<nav aria-label=\"breadcrumb\">\r\n <ol class=\"lpx-breadcrumb\">\r\n
|
|
1290
|
+
args: [{ selector: 'lpx-breadcrumb', encapsulation: ViewEncapsulation.None, 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" }]
|
|
1221
1291
|
}], ctorParameters: () => [{ type: BreadcrumbService }] });
|
|
1222
1292
|
|
|
1223
1293
|
class LpxClickOutsideModule {
|
|
1224
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
1225
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.
|
|
1226
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.
|
|
1294
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: LpxClickOutsideModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1295
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.9", ngImport: i0, type: LpxClickOutsideModule, declarations: [ClickOutsideDirective], imports: [CommonModule], exports: [ClickOutsideDirective] }); }
|
|
1296
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: LpxClickOutsideModule, imports: [CommonModule] }); }
|
|
1227
1297
|
}
|
|
1228
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
1298
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: LpxClickOutsideModule, decorators: [{
|
|
1229
1299
|
type: NgModule,
|
|
1230
1300
|
args: [{
|
|
1231
1301
|
declarations: [ClickOutsideDirective],
|
|
@@ -1268,10 +1338,10 @@ class BreadcrumbRouteListenerService {
|
|
|
1268
1338
|
children: this.mapNavbarItemToBreadcrumbItem(siblings || []),
|
|
1269
1339
|
}));
|
|
1270
1340
|
}
|
|
1271
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
1272
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.
|
|
1341
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: BreadcrumbRouteListenerService, deps: [{ token: NavbarService }, { token: i2.Router }, { token: BreadcrumbService }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1342
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: BreadcrumbRouteListenerService, providedIn: 'root' }); }
|
|
1273
1343
|
}
|
|
1274
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
1344
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: BreadcrumbRouteListenerService, decorators: [{
|
|
1275
1345
|
type: Injectable,
|
|
1276
1346
|
args: [{
|
|
1277
1347
|
providedIn: 'root',
|
|
@@ -1293,19 +1363,19 @@ class LpxBreadcrumbModule {
|
|
|
1293
1363
|
],
|
|
1294
1364
|
};
|
|
1295
1365
|
}
|
|
1296
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
1297
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.
|
|
1366
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: LpxBreadcrumbModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1367
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.9", ngImport: i0, type: LpxBreadcrumbModule, declarations: [BreadcrumbComponent], imports: [CommonModule,
|
|
1298
1368
|
LpxIconModule,
|
|
1299
1369
|
ToObservableModule,
|
|
1300
1370
|
RouterModule,
|
|
1301
1371
|
LpxClickOutsideModule], exports: [BreadcrumbComponent] }); }
|
|
1302
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.
|
|
1372
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: LpxBreadcrumbModule, imports: [CommonModule,
|
|
1303
1373
|
LpxIconModule,
|
|
1304
1374
|
ToObservableModule,
|
|
1305
1375
|
RouterModule,
|
|
1306
1376
|
LpxClickOutsideModule] }); }
|
|
1307
1377
|
}
|
|
1308
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
1378
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: LpxBreadcrumbModule, decorators: [{
|
|
1309
1379
|
type: NgModule,
|
|
1310
1380
|
args: [{
|
|
1311
1381
|
declarations: [...exportedDeclarations],
|
|
@@ -1394,10 +1464,10 @@ class StyleService {
|
|
|
1394
1464
|
};
|
|
1395
1465
|
return linkElem;
|
|
1396
1466
|
}
|
|
1397
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
1398
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.
|
|
1467
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: StyleService, deps: [{ token: LPX_STYLE_FINAL }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1468
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: StyleService, providedIn: 'root' }); }
|
|
1399
1469
|
}
|
|
1400
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
1470
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: StyleService, decorators: [{
|
|
1401
1471
|
type: Injectable,
|
|
1402
1472
|
args: [{
|
|
1403
1473
|
providedIn: 'root',
|
|
@@ -1464,7 +1534,7 @@ class ResponsiveService {
|
|
|
1464
1534
|
width: this.window.innerWidth,
|
|
1465
1535
|
});
|
|
1466
1536
|
this.mapSizeToBreakpoint = ({ width } = this.getCurrentSize()) => {
|
|
1467
|
-
return this.breakpoints.find(s => width >= s.width);
|
|
1537
|
+
return this.breakpoints.find((s) => width >= s.width);
|
|
1468
1538
|
};
|
|
1469
1539
|
this.currentSize$ = new BehaviorSubject(this.mapSizeToBreakpoint());
|
|
1470
1540
|
this.shouldRenderWithCurrentSize = (query) => {
|
|
@@ -1478,14 +1548,14 @@ class ResponsiveService {
|
|
|
1478
1548
|
.pipe(startWith(this.getCurrentSize()));
|
|
1479
1549
|
this.currentResolution$
|
|
1480
1550
|
.pipe(map(this.mapSizeToBreakpoint), distinctUntilChanged())
|
|
1481
|
-
.subscribe(current => {
|
|
1551
|
+
.subscribe((current) => {
|
|
1482
1552
|
this.currentSize$.next(current);
|
|
1483
1553
|
});
|
|
1484
1554
|
}
|
|
1485
1555
|
buildBreakpoints(breakpoints) {
|
|
1486
1556
|
return [
|
|
1487
1557
|
...Object.keys(breakpoints)
|
|
1488
|
-
.map(key => ({
|
|
1558
|
+
.map((key) => ({
|
|
1489
1559
|
name: key,
|
|
1490
1560
|
width: breakpoints[key],
|
|
1491
1561
|
}))
|
|
@@ -1496,8 +1566,8 @@ class ResponsiveService {
|
|
|
1496
1566
|
matchQuery(query) {
|
|
1497
1567
|
const { width } = this.getCurrentSize();
|
|
1498
1568
|
const tokens = query.split(' ');
|
|
1499
|
-
const findInTokens = (size) => tokens.find(token => token.split("-" /* ResponsiveTokens.separator */)[0] === size);
|
|
1500
|
-
const matchedBreakpoint = this.breakpoints.find(breakpoint => width >= breakpoint.width && findInTokens(breakpoint.name));
|
|
1569
|
+
const findInTokens = (size) => tokens.find((token) => token.split("-" /* ResponsiveTokens.separator */)[0] === size);
|
|
1570
|
+
const matchedBreakpoint = this.breakpoints.find((breakpoint) => width >= breakpoint.width && findInTokens(breakpoint.name));
|
|
1501
1571
|
if (matchedBreakpoint) {
|
|
1502
1572
|
const token = findInTokens(matchedBreakpoint.name);
|
|
1503
1573
|
const shouldBeBigger = !token?.includes("none" /* ResponsiveTokens.none */);
|
|
@@ -1505,10 +1575,10 @@ class ResponsiveService {
|
|
|
1505
1575
|
}
|
|
1506
1576
|
return false;
|
|
1507
1577
|
}
|
|
1508
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
1509
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.
|
|
1578
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: ResponsiveService, deps: [{ token: RESPONSIVE_BREAKPOINTS }, { token: WINDOW }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1579
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: ResponsiveService, providedIn: 'root' }); }
|
|
1510
1580
|
}
|
|
1511
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
1581
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: ResponsiveService, decorators: [{
|
|
1512
1582
|
type: Injectable,
|
|
1513
1583
|
args: [{
|
|
1514
1584
|
providedIn: 'root',
|
|
@@ -1549,10 +1619,10 @@ class ResponsiveDirective {
|
|
|
1549
1619
|
ngOnDestroy() {
|
|
1550
1620
|
this.sub.unsubscribe();
|
|
1551
1621
|
}
|
|
1552
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
1553
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.
|
|
1622
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: ResponsiveDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }, { token: ResponsiveService }, { token: i0.ChangeDetectorRef, optional: true, skipSelf: true }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1623
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.9", type: ResponsiveDirective, selector: "[lpxResponsive]", inputs: { query: ["lpxResponsive", "query"] }, ngImport: i0 }); }
|
|
1554
1624
|
}
|
|
1555
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
1625
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: ResponsiveDirective, decorators: [{
|
|
1556
1626
|
type: Directive,
|
|
1557
1627
|
args: [{
|
|
1558
1628
|
selector: '[lpxResponsive]',
|
|
@@ -1567,11 +1637,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
|
|
|
1567
1637
|
}] } });
|
|
1568
1638
|
|
|
1569
1639
|
class LpxResponsiveModule {
|
|
1570
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
1571
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.
|
|
1572
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.
|
|
1640
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: LpxResponsiveModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1641
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.9", ngImport: i0, type: LpxResponsiveModule, declarations: [ResponsiveDirective], imports: [CommonModule], exports: [ResponsiveDirective] }); }
|
|
1642
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: LpxResponsiveModule, imports: [CommonModule] }); }
|
|
1573
1643
|
}
|
|
1574
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
1644
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: LpxResponsiveModule, decorators: [{
|
|
1575
1645
|
type: NgModule,
|
|
1576
1646
|
args: [{
|
|
1577
1647
|
declarations: [ResponsiveDirective],
|
|
@@ -1645,11 +1715,11 @@ class LpxCoreModule {
|
|
|
1645
1715
|
],
|
|
1646
1716
|
};
|
|
1647
1717
|
}
|
|
1648
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
1649
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.
|
|
1650
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.
|
|
1718
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: LpxCoreModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1719
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.9", ngImport: i0, type: LpxCoreModule, imports: [CommonModule, LpxVisibleDirective] }); }
|
|
1720
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: LpxCoreModule, imports: [CommonModule] }); }
|
|
1651
1721
|
}
|
|
1652
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
1722
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: LpxCoreModule, decorators: [{
|
|
1653
1723
|
type: NgModule,
|
|
1654
1724
|
args: [{
|
|
1655
1725
|
imports: [CommonModule, LpxVisibleDirective],
|
|
@@ -1657,22 +1727,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.3", ngImpor
|
|
|
1657
1727
|
}] });
|
|
1658
1728
|
|
|
1659
1729
|
class AvatarComponent {
|
|
1660
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
1661
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
1730
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: AvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1731
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.9", type: AvatarComponent, 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 }); }
|
|
1662
1732
|
}
|
|
1663
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
1733
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: AvatarComponent, decorators: [{
|
|
1664
1734
|
type: Component,
|
|
1665
|
-
args: [{ selector: 'lpx-avatar', encapsulation: ViewEncapsulation.None, template: "
|
|
1735
|
+
args: [{ selector: 'lpx-avatar', encapsulation: ViewEncapsulation.None, 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" }]
|
|
1666
1736
|
}], propDecorators: { avatar: [{
|
|
1667
1737
|
type: Input
|
|
1668
1738
|
}] } });
|
|
1669
1739
|
|
|
1670
1740
|
class LpxAvatarModule {
|
|
1671
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
1672
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.
|
|
1673
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.
|
|
1741
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: LpxAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1742
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.9", ngImport: i0, type: LpxAvatarModule, declarations: [AvatarComponent], imports: [CommonModule, LpxIconModule], exports: [AvatarComponent] }); }
|
|
1743
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: LpxAvatarModule, imports: [CommonModule, LpxIconModule] }); }
|
|
1674
1744
|
}
|
|
1675
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
1745
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: LpxAvatarModule, decorators: [{
|
|
1676
1746
|
type: NgModule,
|
|
1677
1747
|
args: [{
|
|
1678
1748
|
declarations: [AvatarComponent],
|
|
@@ -1689,10 +1759,10 @@ class FooterLinksService {
|
|
|
1689
1759
|
setFooterInfo(links) {
|
|
1690
1760
|
this.store.set(links);
|
|
1691
1761
|
}
|
|
1692
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
1693
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.
|
|
1762
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: FooterLinksService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1763
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: FooterLinksService, providedIn: 'root' }); }
|
|
1694
1764
|
}
|
|
1695
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
1765
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: FooterLinksService, decorators: [{
|
|
1696
1766
|
type: Injectable,
|
|
1697
1767
|
args: [{
|
|
1698
1768
|
providedIn: 'root',
|
|
@@ -1704,12 +1774,12 @@ class FooterComponent {
|
|
|
1704
1774
|
this.service = service;
|
|
1705
1775
|
this.footerValues$ = this.service.footerInfo$;
|
|
1706
1776
|
}
|
|
1707
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
1708
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
1777
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: FooterComponent, deps: [{ token: FooterLinksService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1778
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.9", type: FooterComponent, selector: "lpx-footer", ngImport: i0, template: "@if (footerValues$ | async; as footerValues) {\r\n <div class=\"lpx-footbar\">\r\n <div class=\"lpx-footbar-copyright\">\r\n @if (footerValues.descUrl) {\r\n <a [routerLink]=\"[footerValues.descUrl]\"> {{ footerValues.desc }}</a>\r\n } @else {\r\n <a> {{ footerValues.desc }}</a>\r\n }\r\n </div>\r\n <div class=\"lpx-footbar-solo-links\">\r\n @for (footerLink of footerValues.footerLinks; track $index) {\r\n @if (footerLink) {\r\n <a [routerLink]=\"[footerLink.link]\">{{ footerLink.text }}</a>\r\n }\r\n }\r\n </div>\r\n </div>\r\n}\r\n", dependencies: [{ kind: "directive", type: i2.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] }); }
|
|
1709
1779
|
}
|
|
1710
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
1780
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: FooterComponent, decorators: [{
|
|
1711
1781
|
type: Component,
|
|
1712
|
-
args: [{ selector: 'lpx-footer', template: "
|
|
1782
|
+
args: [{ selector: 'lpx-footer', template: "@if (footerValues$ | async; as footerValues) {\r\n <div class=\"lpx-footbar\">\r\n <div class=\"lpx-footbar-copyright\">\r\n @if (footerValues.descUrl) {\r\n <a [routerLink]=\"[footerValues.descUrl]\"> {{ footerValues.desc }}</a>\r\n } @else {\r\n <a> {{ footerValues.desc }}</a>\r\n }\r\n </div>\r\n <div class=\"lpx-footbar-solo-links\">\r\n @for (footerLink of footerValues.footerLinks; track $index) {\r\n @if (footerLink) {\r\n <a [routerLink]=\"[footerLink.link]\">{{ footerLink.text }}</a>\r\n }\r\n }\r\n </div>\r\n </div>\r\n}\r\n" }]
|
|
1713
1783
|
}], ctorParameters: () => [{ type: FooterLinksService }] });
|
|
1714
1784
|
|
|
1715
1785
|
class LpxFooterModule {
|
|
@@ -1719,11 +1789,11 @@ class LpxFooterModule {
|
|
|
1719
1789
|
providers: [],
|
|
1720
1790
|
};
|
|
1721
1791
|
}
|
|
1722
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
1723
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.
|
|
1724
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.
|
|
1792
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: LpxFooterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1793
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.9", ngImport: i0, type: LpxFooterModule, declarations: [FooterComponent], imports: [CommonModule, RouterModule], exports: [FooterComponent] }); }
|
|
1794
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: LpxFooterModule, imports: [CommonModule, RouterModule] }); }
|
|
1725
1795
|
}
|
|
1726
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
1796
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: LpxFooterModule, decorators: [{
|
|
1727
1797
|
type: NgModule,
|
|
1728
1798
|
args: [{
|
|
1729
1799
|
declarations: [FooterComponent],
|
|
@@ -1747,10 +1817,10 @@ class PerfectScrollbarDirective {
|
|
|
1747
1817
|
this.lpxPerfectService.setElement(this.elementRef);
|
|
1748
1818
|
this.lpxPerfectService.afterViewInit();
|
|
1749
1819
|
}
|
|
1750
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
1751
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.
|
|
1820
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: PerfectScrollbarDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1821
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.9", type: PerfectScrollbarDirective, isStandalone: true, selector: "[lpxPerfectScrollbar]", inputs: { lpxPerfectScrollbarOptions: "lpxPerfectScrollbarOptions" }, host: { listeners: { "window:resize": "onResize()" } }, ngImport: i0 }); }
|
|
1752
1822
|
}
|
|
1753
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
1823
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: PerfectScrollbarDirective, decorators: [{
|
|
1754
1824
|
type: Directive,
|
|
1755
1825
|
args: [{
|
|
1756
1826
|
selector: '[lpxPerfectScrollbar]',
|
|
@@ -1767,10 +1837,10 @@ class BreadcrumbPanelDirective {
|
|
|
1767
1837
|
constructor(template) {
|
|
1768
1838
|
this.template = template;
|
|
1769
1839
|
}
|
|
1770
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
1771
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.
|
|
1840
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: BreadcrumbPanelDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1841
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.9", type: BreadcrumbPanelDirective, selector: "ng-template[lpx-breadcrumb-panel]", ngImport: i0 }); }
|
|
1772
1842
|
}
|
|
1773
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
1843
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: BreadcrumbPanelDirective, decorators: [{
|
|
1774
1844
|
type: Directive,
|
|
1775
1845
|
args: [{
|
|
1776
1846
|
selector: 'ng-template[lpx-breadcrumb-panel]',
|
|
@@ -1781,10 +1851,10 @@ class ContentPanelDirective {
|
|
|
1781
1851
|
constructor(template) {
|
|
1782
1852
|
this.template = template;
|
|
1783
1853
|
}
|
|
1784
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
1785
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.
|
|
1854
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: ContentPanelDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1855
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.9", type: ContentPanelDirective, selector: "ng-template[lpx-content]", ngImport: i0 }); }
|
|
1786
1856
|
}
|
|
1787
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
1857
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: ContentPanelDirective, decorators: [{
|
|
1788
1858
|
type: Directive,
|
|
1789
1859
|
args: [{
|
|
1790
1860
|
selector: 'ng-template[lpx-content]',
|
|
@@ -1795,10 +1865,10 @@ class CurrentUserImagePanelDirective {
|
|
|
1795
1865
|
constructor(template) {
|
|
1796
1866
|
this.template = template;
|
|
1797
1867
|
}
|
|
1798
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
1799
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.
|
|
1868
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: CurrentUserImagePanelDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1869
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.9", type: CurrentUserImagePanelDirective, selector: "ng-template[lpx-current-user-image-panel]", ngImport: i0 }); }
|
|
1800
1870
|
}
|
|
1801
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
1871
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: CurrentUserImagePanelDirective, decorators: [{
|
|
1802
1872
|
type: Directive,
|
|
1803
1873
|
args: [{
|
|
1804
1874
|
selector: 'ng-template[lpx-current-user-image-panel]',
|
|
@@ -1809,10 +1879,10 @@ class CurrentUserPanelDirective {
|
|
|
1809
1879
|
constructor(template) {
|
|
1810
1880
|
this.template = template;
|
|
1811
1881
|
}
|
|
1812
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
1813
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.
|
|
1882
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: CurrentUserPanelDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1883
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.9", type: CurrentUserPanelDirective, selector: "ng-template[lpx-current-user-panel]", ngImport: i0 }); }
|
|
1814
1884
|
}
|
|
1815
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
1885
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: CurrentUserPanelDirective, decorators: [{
|
|
1816
1886
|
type: Directive,
|
|
1817
1887
|
args: [{
|
|
1818
1888
|
selector: 'ng-template[lpx-current-user-panel]',
|
|
@@ -1823,10 +1893,10 @@ class FooterPanelDirective {
|
|
|
1823
1893
|
constructor(template) {
|
|
1824
1894
|
this.template = template;
|
|
1825
1895
|
}
|
|
1826
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
1827
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.
|
|
1896
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: FooterPanelDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1897
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.9", type: FooterPanelDirective, selector: "ng-template[lpx-footer-panel]", ngImport: i0 }); }
|
|
1828
1898
|
}
|
|
1829
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
1899
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: FooterPanelDirective, decorators: [{
|
|
1830
1900
|
type: Directive,
|
|
1831
1901
|
args: [{
|
|
1832
1902
|
selector: 'ng-template[lpx-footer-panel]',
|
|
@@ -1837,10 +1907,10 @@ class LanguagePanelDirective {
|
|
|
1837
1907
|
constructor(template) {
|
|
1838
1908
|
this.template = template;
|
|
1839
1909
|
}
|
|
1840
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
1841
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.
|
|
1910
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: LanguagePanelDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1911
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.9", type: LanguagePanelDirective, selector: "ng-template[lpx-language-panel]", ngImport: i0 }); }
|
|
1842
1912
|
}
|
|
1843
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
1913
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: LanguagePanelDirective, decorators: [{
|
|
1844
1914
|
type: Directive,
|
|
1845
1915
|
args: [{
|
|
1846
1916
|
selector: 'ng-template[lpx-language-panel]',
|
|
@@ -1851,10 +1921,10 @@ class MobileNavbarPanelDirective {
|
|
|
1851
1921
|
constructor(template) {
|
|
1852
1922
|
this.template = template;
|
|
1853
1923
|
}
|
|
1854
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
1855
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.
|
|
1924
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: MobileNavbarPanelDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1925
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.9", type: MobileNavbarPanelDirective, selector: "ng-template[lpx-mobile-navbar-panel]", ngImport: i0 }); }
|
|
1856
1926
|
}
|
|
1857
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
1927
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: MobileNavbarPanelDirective, decorators: [{
|
|
1858
1928
|
type: Directive,
|
|
1859
1929
|
args: [{
|
|
1860
1930
|
selector: 'ng-template[lpx-mobile-navbar-panel]',
|
|
@@ -1865,10 +1935,10 @@ class NavbarPanelDirective {
|
|
|
1865
1935
|
constructor(template) {
|
|
1866
1936
|
this.template = template;
|
|
1867
1937
|
}
|
|
1868
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
1869
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.
|
|
1938
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NavbarPanelDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1939
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.9", type: NavbarPanelDirective, selector: "ng-template[lpx-navbar-panel]", ngImport: i0 }); }
|
|
1870
1940
|
}
|
|
1871
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
1941
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NavbarPanelDirective, decorators: [{
|
|
1872
1942
|
type: Directive,
|
|
1873
1943
|
args: [{
|
|
1874
1944
|
selector: 'ng-template[lpx-navbar-panel]',
|
|
@@ -1879,10 +1949,10 @@ class NavitemPanelDirective {
|
|
|
1879
1949
|
constructor(template) {
|
|
1880
1950
|
this.template = template;
|
|
1881
1951
|
}
|
|
1882
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
1883
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.
|
|
1952
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NavitemPanelDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1953
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.9", type: NavitemPanelDirective, selector: "ng-template[lpx-navitem-panel]", ngImport: i0 }); }
|
|
1884
1954
|
}
|
|
1885
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
1955
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: NavitemPanelDirective, decorators: [{
|
|
1886
1956
|
type: Directive,
|
|
1887
1957
|
args: [{
|
|
1888
1958
|
selector: 'ng-template[lpx-navitem-panel]',
|
|
@@ -1893,10 +1963,10 @@ class ToolbarPanelDirective {
|
|
|
1893
1963
|
constructor(template) {
|
|
1894
1964
|
this.template = template;
|
|
1895
1965
|
}
|
|
1896
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
1897
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.
|
|
1966
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: ToolbarPanelDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1967
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.9", type: ToolbarPanelDirective, selector: "ng-template[lpx-toolbar-panel]", ngImport: i0 }); }
|
|
1898
1968
|
}
|
|
1899
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
1969
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: ToolbarPanelDirective, decorators: [{
|
|
1900
1970
|
type: Directive,
|
|
1901
1971
|
args: [{
|
|
1902
1972
|
selector: 'ng-template[lpx-toolbar-panel]',
|
|
@@ -1907,10 +1977,10 @@ class TopNavbarPanelDirective {
|
|
|
1907
1977
|
constructor(template) {
|
|
1908
1978
|
this.template = template;
|
|
1909
1979
|
}
|
|
1910
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
1911
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.
|
|
1980
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: TopNavbarPanelDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1981
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.9", type: TopNavbarPanelDirective, selector: "ng-template[lpx-top-navbar-panel]", ngImport: i0 }); }
|
|
1912
1982
|
}
|
|
1913
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
1983
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: TopNavbarPanelDirective, decorators: [{
|
|
1914
1984
|
type: Directive,
|
|
1915
1985
|
args: [{
|
|
1916
1986
|
selector: 'ng-template[lpx-top-navbar-panel]',
|
|
@@ -1921,10 +1991,10 @@ class SettingsPanelDirective {
|
|
|
1921
1991
|
constructor(template) {
|
|
1922
1992
|
this.template = template;
|
|
1923
1993
|
}
|
|
1924
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
1925
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.
|
|
1994
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: SettingsPanelDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive }); }
|
|
1995
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.9", type: SettingsPanelDirective, selector: "ng-template[lpx-settings-panel]", ngImport: i0 }); }
|
|
1926
1996
|
}
|
|
1927
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
1997
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: SettingsPanelDirective, decorators: [{
|
|
1928
1998
|
type: Directive,
|
|
1929
1999
|
args: [{
|
|
1930
2000
|
selector: 'ng-template[lpx-settings-panel]',
|
|
@@ -1947,8 +2017,8 @@ const declarationsAndExports = [
|
|
|
1947
2017
|
ToolbarPanelDirective,
|
|
1948
2018
|
];
|
|
1949
2019
|
class PanelsModule {
|
|
1950
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
1951
|
-
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.
|
|
2020
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: PanelsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
2021
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.9", ngImport: i0, type: PanelsModule, declarations: [BreadcrumbPanelDirective,
|
|
1952
2022
|
ContentPanelDirective,
|
|
1953
2023
|
CurrentUserImagePanelDirective,
|
|
1954
2024
|
CurrentUserPanelDirective,
|
|
@@ -1973,9 +2043,9 @@ class PanelsModule {
|
|
|
1973
2043
|
SettingsPanelDirective,
|
|
1974
2044
|
TopNavbarPanelDirective,
|
|
1975
2045
|
ToolbarPanelDirective] }); }
|
|
1976
|
-
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.
|
|
2046
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: PanelsModule, imports: [CommonModule] }); }
|
|
1977
2047
|
}
|
|
1978
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
2048
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: PanelsModule, decorators: [{
|
|
1979
2049
|
type: NgModule,
|
|
1980
2050
|
args: [{
|
|
1981
2051
|
declarations: [...declarationsAndExports],
|
|
@@ -2014,10 +2084,10 @@ class ToolbarService {
|
|
|
2014
2084
|
const updateItems = [...items.slice(0, index), ...items.slice(index + 1)];
|
|
2015
2085
|
this.store.patch({ items: updateItems });
|
|
2016
2086
|
}
|
|
2017
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.
|
|
2018
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.
|
|
2087
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: ToolbarService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
2088
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: ToolbarService, providedIn: 'root' }); }
|
|
2019
2089
|
}
|
|
2020
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.
|
|
2090
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.9", ngImport: i0, type: ToolbarService, decorators: [{
|
|
2021
2091
|
type: Injectable,
|
|
2022
2092
|
args: [{ providedIn: 'root' }]
|
|
2023
2093
|
}] });
|