@coreui/angular 2.14.1 → 2.15.0
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/README.md +6 -6
- package/esm2020/lib/aside/app-aside.component.mjs +7 -6
- package/esm2020/lib/aside/app-aside.module.mjs +6 -14
- package/esm2020/lib/breadcrumb/app-breadcrumb.component.mjs +11 -10
- package/esm2020/lib/breadcrumb/app-breadcrumb.module.mjs +6 -9
- package/esm2020/lib/breadcrumb/app-breadcrumb.service.mjs +4 -4
- package/esm2020/lib/breadcrumb/cui-breadcrumb.component.mjs +8 -9
- package/esm2020/lib/footer/app-footer.component.mjs +7 -6
- package/esm2020/lib/footer/app-footer.module.mjs +6 -8
- package/esm2020/lib/header/app-header.component.mjs +9 -10
- package/esm2020/lib/header/app-header.module.mjs +6 -18
- package/esm2020/lib/shared/layout/layout.directive.mjs +40 -33
- package/esm2020/lib/shared/layout/layout.module.mjs +10 -14
- package/esm2020/lib/shared/toggle-classes.mjs +5 -5
- package/esm2020/lib/sidebar/app-sidebar-footer.component.mjs +6 -5
- package/esm2020/lib/sidebar/app-sidebar-form.component.mjs +6 -5
- package/esm2020/lib/sidebar/app-sidebar-header.component.mjs +6 -5
- package/esm2020/lib/sidebar/app-sidebar-minimizer.component.mjs +10 -9
- package/esm2020/lib/sidebar/app-sidebar-nav/app-sidebar-nav-badge.pipe.mjs +6 -5
- package/esm2020/lib/sidebar/app-sidebar-nav/app-sidebar-nav-divider.component.mjs +6 -6
- package/esm2020/lib/sidebar/app-sidebar-nav/app-sidebar-nav-icon.pipe.mjs +6 -5
- package/esm2020/lib/sidebar/app-sidebar-nav/app-sidebar-nav-item-class.pipe.mjs +6 -5
- package/esm2020/lib/sidebar/app-sidebar-nav/app-sidebar-nav-items.component.mjs +50 -30
- package/esm2020/lib/sidebar/app-sidebar-nav/app-sidebar-nav-label.component.mjs +8 -8
- package/esm2020/lib/sidebar/app-sidebar-nav/app-sidebar-nav-link.component.mjs +30 -30
- package/esm2020/lib/sidebar/app-sidebar-nav/app-sidebar-nav-link.pipe.mjs +6 -5
- package/esm2020/lib/sidebar/app-sidebar-nav/app-sidebar-nav-title.component.mjs +5 -4
- package/esm2020/lib/sidebar/app-sidebar-nav.component.mjs +6 -6
- package/esm2020/lib/sidebar/app-sidebar-nav.directive.mjs +18 -13
- package/esm2020/lib/sidebar/app-sidebar-nav.mjs +1 -1
- package/esm2020/lib/sidebar/app-sidebar-nav.service.mjs +6 -6
- package/esm2020/lib/sidebar/app-sidebar.component.mjs +19 -18
- package/esm2020/lib/sidebar/app-sidebar.module.mjs +47 -38
- package/esm2020/lib/sidebar/app-sidebar.service.mjs +4 -4
- package/fesm2015/coreui-angular.mjs +391 -355
- package/fesm2015/coreui-angular.mjs.map +1 -1
- package/fesm2020/coreui-angular.mjs +390 -354
- package/fesm2020/coreui-angular.mjs.map +1 -1
- package/lib/aside/app-aside.component.d.ts +2 -2
- package/lib/aside/app-aside.module.d.ts +1 -3
- package/lib/breadcrumb/app-breadcrumb.component.d.ts +2 -2
- package/lib/breadcrumb/app-breadcrumb.module.d.ts +1 -3
- package/lib/breadcrumb/cui-breadcrumb.component.d.ts +3 -3
- package/lib/footer/app-footer.component.d.ts +2 -2
- package/lib/footer/app-footer.module.d.ts +1 -2
- package/lib/header/app-header.component.d.ts +2 -2
- package/lib/header/app-header.module.d.ts +1 -4
- package/lib/shared/layout/layout.directive.d.ts +11 -11
- package/lib/shared/layout/layout.module.d.ts +1 -2
- package/lib/shared/toggle-classes.d.ts +1 -1
- package/lib/sidebar/app-sidebar-footer.component.d.ts +1 -1
- package/lib/sidebar/app-sidebar-form.component.d.ts +1 -1
- package/lib/sidebar/app-sidebar-header.component.d.ts +1 -1
- package/lib/sidebar/app-sidebar-minimizer.component.d.ts +1 -1
- package/lib/sidebar/app-sidebar-nav/app-sidebar-nav-badge.pipe.d.ts +1 -1
- package/lib/sidebar/app-sidebar-nav/app-sidebar-nav-divider.component.d.ts +2 -4
- package/lib/sidebar/app-sidebar-nav/app-sidebar-nav-icon.pipe.d.ts +1 -1
- package/lib/sidebar/app-sidebar-nav/app-sidebar-nav-item-class.pipe.d.ts +1 -1
- package/lib/sidebar/app-sidebar-nav/app-sidebar-nav-items.component.d.ts +5 -3
- package/lib/sidebar/app-sidebar-nav/app-sidebar-nav-label.component.d.ts +1 -1
- package/lib/sidebar/app-sidebar-nav/app-sidebar-nav-link.component.d.ts +3 -5
- package/lib/sidebar/app-sidebar-nav/app-sidebar-nav-link.pipe.d.ts +1 -1
- package/lib/sidebar/app-sidebar-nav/app-sidebar-nav-title.component.d.ts +1 -1
- package/lib/sidebar/app-sidebar-nav.component.d.ts +1 -1
- package/lib/sidebar/app-sidebar-nav.directive.d.ts +6 -5
- package/lib/sidebar/app-sidebar.component.d.ts +2 -2
- package/lib/sidebar/app-sidebar.module.d.ts +18 -19
- package/package.json +5 -5
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { Injectable, Inject, Directive, Input, HostListener, NgModule, Component, HostBinding, EventEmitter, Output, Pipe } from '@angular/core';
|
|
3
|
-
import
|
|
4
|
-
import { DOCUMENT, CommonModule } from '@angular/common';
|
|
2
|
+
import { Injectable, Inject, Directive, Input, HostListener, NgModule, Component, HostBinding, EventEmitter, Output, Pipe, forwardRef } from '@angular/core';
|
|
3
|
+
import { DOCUMENT, NgIf, NgClass, AsyncPipe, NgForOf, NgSwitch, NgSwitchCase, NgSwitchDefault, NgFor } from '@angular/common';
|
|
5
4
|
import * as i1 from '@angular/router';
|
|
6
|
-
import { NavigationEnd, RouterModule } from '@angular/router';
|
|
5
|
+
import { NavigationEnd, RouterLink, RouterModule } from '@angular/router';
|
|
7
6
|
import { BehaviorSubject } from 'rxjs';
|
|
8
7
|
import { filter } from 'rxjs/operators';
|
|
9
8
|
|
|
@@ -56,12 +55,12 @@ class ClassToggler {
|
|
|
56
55
|
}
|
|
57
56
|
}
|
|
58
57
|
}
|
|
59
|
-
ClassToggler.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
60
|
-
ClassToggler.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
61
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
58
|
+
ClassToggler.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: ClassToggler, deps: [{ token: DOCUMENT }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
59
|
+
ClassToggler.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: ClassToggler });
|
|
60
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: ClassToggler, decorators: [{
|
|
62
61
|
type: Injectable
|
|
63
62
|
}], ctorParameters: function () {
|
|
64
|
-
return [{ type:
|
|
63
|
+
return [{ type: Document, decorators: [{
|
|
65
64
|
type: Inject,
|
|
66
65
|
args: [DOCUMENT]
|
|
67
66
|
}] }, { type: i0.Renderer2 }];
|
|
@@ -84,13 +83,14 @@ class SidebarToggleDirective {
|
|
|
84
83
|
this.classToggler.toggleClasses(cssClass, sidebarCssClasses);
|
|
85
84
|
}
|
|
86
85
|
}
|
|
87
|
-
SidebarToggleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
88
|
-
SidebarToggleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
89
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
86
|
+
SidebarToggleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: SidebarToggleDirective, deps: [{ token: ClassToggler }], target: i0.ɵɵFactoryTarget.Directive });
|
|
87
|
+
SidebarToggleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.5", type: SidebarToggleDirective, isStandalone: true, selector: "[appSidebarToggler]", inputs: { breakpoint: ["appSidebarToggler", "breakpoint"] }, host: { listeners: { "click": "toggleOpen($event)" } }, providers: [ClassToggler], ngImport: i0 });
|
|
88
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: SidebarToggleDirective, decorators: [{
|
|
90
89
|
type: Directive,
|
|
91
90
|
args: [{
|
|
92
91
|
selector: '[appSidebarToggler]',
|
|
93
|
-
providers: [ClassToggler]
|
|
92
|
+
providers: [ClassToggler],
|
|
93
|
+
standalone: true
|
|
94
94
|
}]
|
|
95
95
|
}], ctorParameters: function () { return [{ type: ClassToggler }]; }, propDecorators: { breakpoint: [{
|
|
96
96
|
type: Input,
|
|
@@ -112,15 +112,16 @@ class SidebarMinimizeDirective {
|
|
|
112
112
|
this.renderer.addClass(body, 'sidebar-minimized');
|
|
113
113
|
}
|
|
114
114
|
}
|
|
115
|
-
SidebarMinimizeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
116
|
-
SidebarMinimizeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
117
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
115
|
+
SidebarMinimizeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: SidebarMinimizeDirective, deps: [{ token: DOCUMENT }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
|
|
116
|
+
SidebarMinimizeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.5", type: SidebarMinimizeDirective, isStandalone: true, selector: "[appSidebarMinimizer]", host: { listeners: { "click": "toggleOpen($event)" } }, ngImport: i0 });
|
|
117
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: SidebarMinimizeDirective, decorators: [{
|
|
118
118
|
type: Directive,
|
|
119
119
|
args: [{
|
|
120
|
-
selector: '[appSidebarMinimizer]'
|
|
120
|
+
selector: '[appSidebarMinimizer]',
|
|
121
|
+
standalone: true
|
|
121
122
|
}]
|
|
122
123
|
}], ctorParameters: function () {
|
|
123
|
-
return [{ type:
|
|
124
|
+
return [{ type: Document, decorators: [{
|
|
124
125
|
type: Inject,
|
|
125
126
|
args: [DOCUMENT]
|
|
126
127
|
}] }, { type: i0.Renderer2 }];
|
|
@@ -141,15 +142,16 @@ class MobileSidebarToggleDirective {
|
|
|
141
142
|
this.renderer.addClass(body, 'sidebar-show');
|
|
142
143
|
}
|
|
143
144
|
}
|
|
144
|
-
MobileSidebarToggleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
145
|
-
MobileSidebarToggleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
146
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
145
|
+
MobileSidebarToggleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: MobileSidebarToggleDirective, deps: [{ token: DOCUMENT }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
|
|
146
|
+
MobileSidebarToggleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.5", type: MobileSidebarToggleDirective, isStandalone: true, selector: "[appMobileSidebarToggler]", host: { listeners: { "click": "toggleOpen($event)" } }, ngImport: i0 });
|
|
147
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: MobileSidebarToggleDirective, decorators: [{
|
|
147
148
|
type: Directive,
|
|
148
149
|
args: [{
|
|
149
|
-
selector: '[appMobileSidebarToggler]'
|
|
150
|
+
selector: '[appMobileSidebarToggler]',
|
|
151
|
+
standalone: true
|
|
150
152
|
}]
|
|
151
153
|
}], ctorParameters: function () {
|
|
152
|
-
return [{ type:
|
|
154
|
+
return [{ type: Document, decorators: [{
|
|
153
155
|
type: Inject,
|
|
154
156
|
args: [DOCUMENT]
|
|
155
157
|
}] }, { type: i0.Renderer2 }];
|
|
@@ -175,15 +177,16 @@ class SidebarOffCanvasCloseDirective {
|
|
|
175
177
|
}
|
|
176
178
|
}
|
|
177
179
|
}
|
|
178
|
-
SidebarOffCanvasCloseDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
179
|
-
SidebarOffCanvasCloseDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
180
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
180
|
+
SidebarOffCanvasCloseDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: SidebarOffCanvasCloseDirective, deps: [{ token: DOCUMENT }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
|
|
181
|
+
SidebarOffCanvasCloseDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.5", type: SidebarOffCanvasCloseDirective, isStandalone: true, selector: "[appSidebarClose]", host: { listeners: { "click": "toggleOpen($event)" } }, ngImport: i0 });
|
|
182
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: SidebarOffCanvasCloseDirective, decorators: [{
|
|
181
183
|
type: Directive,
|
|
182
184
|
args: [{
|
|
183
|
-
selector: '[appSidebarClose]'
|
|
185
|
+
selector: '[appSidebarClose]',
|
|
186
|
+
standalone: true
|
|
184
187
|
}]
|
|
185
188
|
}], ctorParameters: function () {
|
|
186
|
-
return [{ type:
|
|
189
|
+
return [{ type: Document, decorators: [{
|
|
187
190
|
type: Inject,
|
|
188
191
|
args: [DOCUMENT]
|
|
189
192
|
}] }, { type: i0.Renderer2 }];
|
|
@@ -204,15 +207,16 @@ class BrandMinimizeDirective {
|
|
|
204
207
|
this.renderer.addClass(body, 'brand-minimized');
|
|
205
208
|
}
|
|
206
209
|
}
|
|
207
|
-
BrandMinimizeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
208
|
-
BrandMinimizeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
209
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
210
|
+
BrandMinimizeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: BrandMinimizeDirective, deps: [{ token: DOCUMENT }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
|
|
211
|
+
BrandMinimizeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.5", type: BrandMinimizeDirective, isStandalone: true, selector: "[appBrandMinimizer]", host: { listeners: { "click": "toggleOpen($event)" } }, ngImport: i0 });
|
|
212
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: BrandMinimizeDirective, decorators: [{
|
|
210
213
|
type: Directive,
|
|
211
214
|
args: [{
|
|
212
|
-
selector: '[appBrandMinimizer]'
|
|
215
|
+
selector: '[appBrandMinimizer]',
|
|
216
|
+
standalone: true
|
|
213
217
|
}]
|
|
214
218
|
}], ctorParameters: function () {
|
|
215
|
-
return [{ type:
|
|
219
|
+
return [{ type: Document, decorators: [{
|
|
216
220
|
type: Inject,
|
|
217
221
|
args: [DOCUMENT]
|
|
218
222
|
}] }, { type: i0.Renderer2 }];
|
|
@@ -237,13 +241,14 @@ class AsideToggleDirective {
|
|
|
237
241
|
this.classToggler.toggleClasses(cssClass, asideMenuCssClasses);
|
|
238
242
|
}
|
|
239
243
|
}
|
|
240
|
-
AsideToggleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
241
|
-
AsideToggleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
242
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
244
|
+
AsideToggleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AsideToggleDirective, deps: [{ token: ClassToggler }], target: i0.ɵɵFactoryTarget.Directive });
|
|
245
|
+
AsideToggleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.5", type: AsideToggleDirective, isStandalone: true, selector: "[appAsideMenuToggler]", inputs: { breakpoint: ["appAsideMenuToggler", "breakpoint"] }, host: { listeners: { "click": "toggleOpen($event)" } }, providers: [ClassToggler], ngImport: i0 });
|
|
246
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AsideToggleDirective, decorators: [{
|
|
243
247
|
type: Directive,
|
|
244
248
|
args: [{
|
|
245
249
|
selector: '[appAsideMenuToggler]',
|
|
246
|
-
providers: [ClassToggler]
|
|
250
|
+
providers: [ClassToggler],
|
|
251
|
+
standalone: true
|
|
247
252
|
}]
|
|
248
253
|
}], ctorParameters: function () { return [{ type: ClassToggler }]; }, propDecorators: { breakpoint: [{
|
|
249
254
|
type: Input,
|
|
@@ -291,12 +296,13 @@ class HtmlAttributesDirective {
|
|
|
291
296
|
this.renderer.removeAttribute(this.el.nativeElement, key);
|
|
292
297
|
}
|
|
293
298
|
}
|
|
294
|
-
HtmlAttributesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
295
|
-
HtmlAttributesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
296
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
299
|
+
HtmlAttributesDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: HtmlAttributesDirective, deps: [{ token: i0.Renderer2 }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
300
|
+
HtmlAttributesDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.5", type: HtmlAttributesDirective, isStandalone: true, selector: "[appHtmlAttr]", inputs: { appHtmlAttr: "appHtmlAttr" }, ngImport: i0 });
|
|
301
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: HtmlAttributesDirective, decorators: [{
|
|
297
302
|
type: Directive,
|
|
298
303
|
args: [{
|
|
299
|
-
selector: '[appHtmlAttr]'
|
|
304
|
+
selector: '[appHtmlAttr]',
|
|
305
|
+
standalone: true
|
|
300
306
|
}]
|
|
301
307
|
}], ctorParameters: function () { return [{ type: i0.Renderer2 }, { type: i0.ElementRef }]; }, propDecorators: { appHtmlAttr: [{
|
|
302
308
|
type: Input
|
|
@@ -304,39 +310,36 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
304
310
|
|
|
305
311
|
class LayoutModule {
|
|
306
312
|
}
|
|
307
|
-
LayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
308
|
-
LayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
313
|
+
LayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: LayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
314
|
+
LayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.5", ngImport: i0, type: LayoutModule, imports: [AsideToggleDirective,
|
|
309
315
|
BrandMinimizeDirective,
|
|
310
|
-
MobileSidebarToggleDirective,
|
|
311
316
|
SidebarToggleDirective,
|
|
312
317
|
SidebarMinimizeDirective,
|
|
313
318
|
SidebarOffCanvasCloseDirective,
|
|
314
|
-
|
|
319
|
+
MobileSidebarToggleDirective,
|
|
320
|
+
HtmlAttributesDirective], exports: [AsideToggleDirective,
|
|
315
321
|
BrandMinimizeDirective,
|
|
316
322
|
MobileSidebarToggleDirective,
|
|
317
323
|
SidebarToggleDirective,
|
|
318
324
|
SidebarMinimizeDirective,
|
|
319
325
|
SidebarOffCanvasCloseDirective,
|
|
320
326
|
HtmlAttributesDirective] });
|
|
321
|
-
LayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
327
|
+
LayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: LayoutModule, providers: [
|
|
322
328
|
ClassToggler
|
|
323
|
-
]
|
|
324
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
329
|
+
] });
|
|
330
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: LayoutModule, decorators: [{
|
|
325
331
|
type: NgModule,
|
|
326
332
|
args: [{
|
|
327
333
|
imports: [
|
|
328
|
-
CommonModule
|
|
329
|
-
],
|
|
330
|
-
exports: [
|
|
331
334
|
AsideToggleDirective,
|
|
332
335
|
BrandMinimizeDirective,
|
|
333
|
-
MobileSidebarToggleDirective,
|
|
334
336
|
SidebarToggleDirective,
|
|
335
337
|
SidebarMinimizeDirective,
|
|
336
338
|
SidebarOffCanvasCloseDirective,
|
|
339
|
+
MobileSidebarToggleDirective,
|
|
337
340
|
HtmlAttributesDirective
|
|
338
341
|
],
|
|
339
|
-
|
|
342
|
+
exports: [
|
|
340
343
|
AsideToggleDirective,
|
|
341
344
|
BrandMinimizeDirective,
|
|
342
345
|
MobileSidebarToggleDirective,
|
|
@@ -395,16 +398,17 @@ class AppAsideComponent {
|
|
|
395
398
|
}
|
|
396
399
|
}
|
|
397
400
|
}
|
|
398
|
-
AppAsideComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
399
|
-
AppAsideComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
400
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
401
|
+
AppAsideComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppAsideComponent, deps: [{ token: DOCUMENT }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
402
|
+
AppAsideComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: AppAsideComponent, isStandalone: true, selector: "app-aside, cui-aside", inputs: { display: "display", fixed: "fixed", offCanvas: "offCanvas" }, host: { properties: { "class.aside-menu": "this.asideMenuClass" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
|
|
403
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppAsideComponent, decorators: [{
|
|
401
404
|
type: Component,
|
|
402
405
|
args: [{
|
|
403
406
|
selector: 'app-aside, cui-aside',
|
|
404
|
-
template: `<ng-content></ng-content
|
|
407
|
+
template: `<ng-content></ng-content>`,
|
|
408
|
+
standalone: true
|
|
405
409
|
}]
|
|
406
410
|
}], ctorParameters: function () {
|
|
407
|
-
return [{ type:
|
|
411
|
+
return [{ type: Document, decorators: [{
|
|
408
412
|
type: Inject,
|
|
409
413
|
args: [DOCUMENT]
|
|
410
414
|
}] }, { type: i0.Renderer2 }];
|
|
@@ -421,24 +425,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
421
425
|
|
|
422
426
|
class AppAsideModule {
|
|
423
427
|
}
|
|
424
|
-
AppAsideModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
425
|
-
AppAsideModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
426
|
-
|
|
427
|
-
|
|
428
|
-
LayoutModule] });
|
|
429
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AppAsideModule, decorators: [{
|
|
428
|
+
AppAsideModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppAsideModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
429
|
+
AppAsideModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.5", ngImport: i0, type: AppAsideModule, imports: [AppAsideComponent], exports: [AppAsideComponent] });
|
|
430
|
+
AppAsideModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppAsideModule, imports: [AppAsideComponent] });
|
|
431
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppAsideModule, decorators: [{
|
|
430
432
|
type: NgModule,
|
|
431
433
|
args: [{
|
|
432
434
|
imports: [
|
|
433
|
-
|
|
434
|
-
LayoutModule
|
|
435
|
+
AppAsideComponent
|
|
435
436
|
],
|
|
436
437
|
exports: [
|
|
437
438
|
AppAsideComponent
|
|
438
439
|
],
|
|
439
|
-
declarations: [
|
|
440
|
-
AppAsideComponent
|
|
441
|
-
]
|
|
442
440
|
}]
|
|
443
441
|
}] });
|
|
444
442
|
|
|
@@ -473,9 +471,9 @@ class AppBreadcrumbService {
|
|
|
473
471
|
});
|
|
474
472
|
}
|
|
475
473
|
}
|
|
476
|
-
AppBreadcrumbService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
477
|
-
AppBreadcrumbService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
478
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
474
|
+
AppBreadcrumbService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppBreadcrumbService, deps: [{ token: i1.Router }, { token: i1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
475
|
+
AppBreadcrumbService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppBreadcrumbService, providedIn: 'root' });
|
|
476
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppBreadcrumbService, decorators: [{
|
|
479
477
|
type: Injectable,
|
|
480
478
|
args: [{
|
|
481
479
|
providedIn: 'root'
|
|
@@ -504,8 +502,8 @@ class AppBreadcrumbComponent {
|
|
|
504
502
|
}
|
|
505
503
|
}
|
|
506
504
|
}
|
|
507
|
-
AppBreadcrumbComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
508
|
-
AppBreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
505
|
+
AppBreadcrumbComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppBreadcrumbComponent, deps: [{ token: DOCUMENT }, { token: i0.Renderer2 }, { token: AppBreadcrumbService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
506
|
+
AppBreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: AppBreadcrumbComponent, isStandalone: true, selector: "app-breadcrumb", inputs: { fixed: "fixed" }, ngImport: i0, template: `
|
|
509
507
|
<ng-template ngFor let-breadcrumb [ngForOf]="breadcrumbs | async" let-last = last>
|
|
510
508
|
<li class="breadcrumb-item"
|
|
511
509
|
*ngIf="breadcrumb.label.title && (breadcrumb.url.slice(-1) == '/' || last)"
|
|
@@ -514,8 +512,8 @@ AppBreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0",
|
|
|
514
512
|
<span *ngIf="last" [routerLink]="breadcrumb.url">{{breadcrumb.label.title}}</span>
|
|
515
513
|
</li>
|
|
516
514
|
</ng-template>
|
|
517
|
-
`, isInline: true, dependencies: [{ kind: "directive", type:
|
|
518
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
515
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] });
|
|
516
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppBreadcrumbComponent, decorators: [{
|
|
519
517
|
type: Component,
|
|
520
518
|
args: [{
|
|
521
519
|
selector: 'app-breadcrumb',
|
|
@@ -528,10 +526,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
528
526
|
<span *ngIf="last" [routerLink]="breadcrumb.url">{{breadcrumb.label.title}}</span>
|
|
529
527
|
</li>
|
|
530
528
|
</ng-template>
|
|
531
|
-
|
|
529
|
+
`,
|
|
530
|
+
standalone: true,
|
|
531
|
+
imports: [NgIf, NgClass, RouterLink]
|
|
532
532
|
}]
|
|
533
533
|
}], ctorParameters: function () {
|
|
534
|
-
return [{ type:
|
|
534
|
+
return [{ type: Document, decorators: [{
|
|
535
535
|
type: Inject,
|
|
536
536
|
args: [DOCUMENT]
|
|
537
537
|
}] }, { type: i0.Renderer2 }, { type: AppBreadcrumbService }, { type: i0.ElementRef }];
|
|
@@ -559,13 +559,13 @@ class CuiBreadcrumbComponent {
|
|
|
559
559
|
}
|
|
560
560
|
}
|
|
561
561
|
}
|
|
562
|
-
CuiBreadcrumbComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
563
|
-
CuiBreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
564
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
562
|
+
CuiBreadcrumbComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: CuiBreadcrumbComponent, deps: [{ token: DOCUMENT }, { token: i0.Renderer2 }, { token: AppBreadcrumbService }], target: i0.ɵɵFactoryTarget.Component });
|
|
563
|
+
CuiBreadcrumbComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: CuiBreadcrumbComponent, isStandalone: true, selector: "cui-breadcrumb", inputs: { fixed: "fixed" }, ngImport: i0, template: "<ol class=\"breadcrumb\">\n <ng-template ngFor let-breadcrumb [ngForOf]=\"breadcrumbs | async\" let-last = last>\n <li class=\"breadcrumb-item\"\n *ngIf=\"breadcrumb.label.title && (breadcrumb.url.slice(-1) == '/' || last)\"\n [ngClass]=\"{active: last}\">\n <a *ngIf=\"!last\" [routerLink]=\"breadcrumb.url\">{{breadcrumb.label.title}}</a>\n <span *ngIf=\"last\" [routerLink]=\"breadcrumb.url\">{{breadcrumb.label.title}}</span>\n </li>\n </ng-template>\n <ng-content></ng-content>\n</ol>\n", dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "directive", type: NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
564
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: CuiBreadcrumbComponent, decorators: [{
|
|
565
565
|
type: Component,
|
|
566
|
-
args: [{ selector: 'cui-breadcrumb', template: "<ol class=\"breadcrumb\">\n <ng-template ngFor let-breadcrumb [ngForOf]=\"breadcrumbs | async\" let-last = last>\n <li class=\"breadcrumb-item\"\n *ngIf=\"breadcrumb.label.title && (breadcrumb.url.slice(-1) == '/' || last)\"\n [ngClass]=\"{active: last}\">\n <a *ngIf=\"!last\" [routerLink]=\"breadcrumb.url\">{{breadcrumb.label.title}}</a>\n <span *ngIf=\"last\" [routerLink]=\"breadcrumb.url\">{{breadcrumb.label.title}}</span>\n </li>\n </ng-template>\n <ng-content></ng-content>\n</ol>\n" }]
|
|
566
|
+
args: [{ selector: 'cui-breadcrumb', standalone: true, imports: [NgIf, NgClass, RouterLink, AsyncPipe, NgForOf], template: "<ol class=\"breadcrumb\">\n <ng-template ngFor let-breadcrumb [ngForOf]=\"breadcrumbs | async\" let-last = last>\n <li class=\"breadcrumb-item\"\n *ngIf=\"breadcrumb.label.title && (breadcrumb.url.slice(-1) == '/' || last)\"\n [ngClass]=\"{active: last}\">\n <a *ngIf=\"!last\" [routerLink]=\"breadcrumb.url\">{{breadcrumb.label.title}}</a>\n <span *ngIf=\"last\" [routerLink]=\"breadcrumb.url\">{{breadcrumb.label.title}}</span>\n </li>\n </ng-template>\n <ng-content></ng-content>\n</ol>\n" }]
|
|
567
567
|
}], ctorParameters: function () {
|
|
568
|
-
return [{ type:
|
|
568
|
+
return [{ type: Document, decorators: [{
|
|
569
569
|
type: Inject,
|
|
570
570
|
args: [DOCUMENT]
|
|
571
571
|
}] }, { type: i0.Renderer2 }, { type: AppBreadcrumbService }];
|
|
@@ -584,15 +584,14 @@ class AppBreadcrumbModule {
|
|
|
584
584
|
};
|
|
585
585
|
}
|
|
586
586
|
}
|
|
587
|
-
AppBreadcrumbModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
588
|
-
AppBreadcrumbModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
589
|
-
AppBreadcrumbModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
590
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
587
|
+
AppBreadcrumbModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppBreadcrumbModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
588
|
+
AppBreadcrumbModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.5", ngImport: i0, type: AppBreadcrumbModule, imports: [AppBreadcrumbComponent, CuiBreadcrumbComponent], exports: [AppBreadcrumbComponent, CuiBreadcrumbComponent] });
|
|
589
|
+
AppBreadcrumbModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppBreadcrumbModule, imports: [AppBreadcrumbComponent, CuiBreadcrumbComponent] });
|
|
590
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppBreadcrumbModule, decorators: [{
|
|
591
591
|
type: NgModule,
|
|
592
592
|
args: [{
|
|
593
|
-
imports: [
|
|
593
|
+
imports: [AppBreadcrumbComponent, CuiBreadcrumbComponent],
|
|
594
594
|
exports: [AppBreadcrumbComponent, CuiBreadcrumbComponent],
|
|
595
|
-
declarations: [AppBreadcrumbComponent, CuiBreadcrumbComponent]
|
|
596
595
|
}]
|
|
597
596
|
}] });
|
|
598
597
|
|
|
@@ -615,16 +614,17 @@ class AppFooterComponent {
|
|
|
615
614
|
}
|
|
616
615
|
}
|
|
617
616
|
}
|
|
618
|
-
AppFooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
619
|
-
AppFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
620
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
617
|
+
AppFooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppFooterComponent, deps: [{ token: DOCUMENT }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
618
|
+
AppFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: AppFooterComponent, isStandalone: true, selector: "app-footer, cui-footer", inputs: { fixed: "fixed" }, host: { properties: { "class.app-footer": "this.appFooterClass" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
|
|
619
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppFooterComponent, decorators: [{
|
|
621
620
|
type: Component,
|
|
622
621
|
args: [{
|
|
623
622
|
selector: 'app-footer, cui-footer',
|
|
624
|
-
template: `<ng-content></ng-content
|
|
623
|
+
template: `<ng-content></ng-content>`,
|
|
624
|
+
standalone: true
|
|
625
625
|
}]
|
|
626
626
|
}], ctorParameters: function () {
|
|
627
|
-
return [{ type:
|
|
627
|
+
return [{ type: Document, decorators: [{
|
|
628
628
|
type: Inject,
|
|
629
629
|
args: [DOCUMENT]
|
|
630
630
|
}] }, { type: i0.Renderer2 }];
|
|
@@ -637,15 +637,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
637
637
|
|
|
638
638
|
class AppFooterModule {
|
|
639
639
|
}
|
|
640
|
-
AppFooterModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
641
|
-
AppFooterModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
642
|
-
AppFooterModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
643
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
640
|
+
AppFooterModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppFooterModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
641
|
+
AppFooterModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.5", ngImport: i0, type: AppFooterModule, imports: [AppFooterComponent], exports: [AppFooterComponent] });
|
|
642
|
+
AppFooterModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppFooterModule, imports: [AppFooterComponent] });
|
|
643
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppFooterModule, decorators: [{
|
|
644
644
|
type: NgModule,
|
|
645
645
|
args: [{
|
|
646
|
-
imports: [
|
|
646
|
+
imports: [AppFooterComponent],
|
|
647
647
|
exports: [AppFooterComponent],
|
|
648
|
-
declarations: [AppFooterComponent]
|
|
649
648
|
}]
|
|
650
649
|
}] });
|
|
651
650
|
|
|
@@ -702,13 +701,13 @@ class AppHeaderComponent {
|
|
|
702
701
|
return togglerClass;
|
|
703
702
|
}
|
|
704
703
|
}
|
|
705
|
-
AppHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
706
|
-
AppHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
707
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
704
|
+
AppHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppHeaderComponent, deps: [{ token: DOCUMENT }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
705
|
+
AppHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: AppHeaderComponent, isStandalone: true, selector: "app-header, cui-header", inputs: { fixed: "fixed", navbarBrand: "navbarBrand", navbarBrandFull: "navbarBrandFull", navbarBrandMinimized: "navbarBrandMinimized", navbarBrandText: "navbarBrandText", navbarBrandHref: "navbarBrandHref", navbarBrandRouterLink: "navbarBrandRouterLink", sidebarToggler: "sidebarToggler", mobileSidebarToggler: "mobileSidebarToggler", asideMenuToggler: "asideMenuToggler", mobileAsideMenuToggler: "mobileAsideMenuToggler" }, host: { properties: { "class.app-header": "this.appHeaderClass", "class.navbar": "this.navbarClass" } }, ngImport: i0, template: "<ng-template [ngIf]=\"mobileSidebarToggler != false\">\n <button class=\"navbar-toggler {{sidebarTogglerMobileClass}}\" type=\"button\" appSidebarToggler>\n <span class=\"navbar-toggler-icon\"></span>\n </button>\n</ng-template>\n<a class=\"navbar-brand\" [routerLink]=\"navbarBrandRouterLink\">\n <ng-template [ngIf]=\"navbarBrandImg\">\n <img *ngIf=\"navbarBrand\"\n [appHtmlAttr]=\"navbarBrand\"\n [ngClass]=\"'navbar-brand'\">\n <img *ngIf=\"navbarBrandFull\"\n [appHtmlAttr]=\"navbarBrandFull\"\n [ngClass]=\"'navbar-brand-full'\">\n <img *ngIf=\"navbarBrandMinimized\"\n [appHtmlAttr]=\"navbarBrandMinimized\"\n [ngClass]=\"'navbar-brand-minimized'\">\n </ng-template>\n <ng-template [ngIf]=\"!navbarBrandImg\">\n <div class=\"navbar-brand-full\" [innerHTML]=\"navbarBrandText.text\"></div>\n <div class=\"navbar-brand-minimized\" [innerHTML]=\"navbarBrandText.icon\"></div>\n </ng-template>\n</a>\n<ng-template [ngIf]=\"sidebarToggler != false\">\n <button class=\"navbar-toggler {{sidebarTogglerClass}}\" type=\"button\" [appSidebarToggler]=\"sidebarToggler\">\n <span class=\"navbar-toggler-icon\"></span>\n </button>\n</ng-template>\n<ng-content></ng-content>\n<ng-template [ngIf]=\"asideMenuToggler != false\">\n <button class=\"navbar-toggler {{asideTogglerClass}}\" type=\"button\" [appAsideMenuToggler]=\"asideMenuToggler\">\n <span class=\"navbar-toggler-icon\"></span>\n </button>\n</ng-template>\n<ng-template [ngIf]=\"mobileAsideMenuToggler != false\">\n <button class=\"navbar-toggler {{asideTogglerMobileClass}}\" type=\"button\" appAsideMenuToggler>\n <span class=\"navbar-toggler-icon\"></span>\n </button>\n</ng-template>\n", dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: SidebarToggleDirective, selector: "[appSidebarToggler]", inputs: ["appSidebarToggler"] }, { kind: "directive", type: HtmlAttributesDirective, selector: "[appHtmlAttr]", inputs: ["appHtmlAttr"] }, { kind: "directive", type: AsideToggleDirective, selector: "[appAsideMenuToggler]", inputs: ["appAsideMenuToggler"] }] });
|
|
706
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppHeaderComponent, decorators: [{
|
|
708
707
|
type: Component,
|
|
709
|
-
args: [{ selector: 'app-header, cui-header', template: "<ng-template [ngIf]=\"mobileSidebarToggler != false\">\n <button class=\"navbar-toggler {{sidebarTogglerMobileClass}}\" type=\"button\" appSidebarToggler>\n <span class=\"navbar-toggler-icon\"></span>\n </button>\n</ng-template>\n<a class=\"navbar-brand\" [routerLink]=\"navbarBrandRouterLink\">\n <ng-template [ngIf]=\"navbarBrandImg\">\n <img *ngIf=\"navbarBrand\"\n [appHtmlAttr]=\"navbarBrand\"\n [ngClass]=\"'navbar-brand'\">\n <img *ngIf=\"navbarBrandFull\"\n [appHtmlAttr]=\"navbarBrandFull\"\n [ngClass]=\"'navbar-brand-full'\">\n <img *ngIf=\"navbarBrandMinimized\"\n [appHtmlAttr]=\"navbarBrandMinimized\"\n [ngClass]=\"'navbar-brand-minimized'\">\n </ng-template>\n <ng-template [ngIf]=\"!navbarBrandImg\">\n <div class=\"navbar-brand-full\" [innerHTML]=\"navbarBrandText.text\"></div>\n <div class=\"navbar-brand-minimized\" [innerHTML]=\"navbarBrandText.icon\"></div>\n </ng-template>\n</a>\n<ng-template [ngIf]=\"sidebarToggler != false\">\n <button class=\"navbar-toggler {{sidebarTogglerClass}}\" type=\"button\" [appSidebarToggler]=\"sidebarToggler\">\n <span class=\"navbar-toggler-icon\"></span>\n </button>\n</ng-template>\n<ng-content></ng-content>\n<ng-template [ngIf]=\"asideMenuToggler != false\">\n <button class=\"navbar-toggler {{asideTogglerClass}}\" type=\"button\" [appAsideMenuToggler]=\"asideMenuToggler\">\n <span class=\"navbar-toggler-icon\"></span>\n </button>\n</ng-template>\n<ng-template [ngIf]=\"mobileAsideMenuToggler != false\">\n <button class=\"navbar-toggler {{asideTogglerMobileClass}}\" type=\"button\" appAsideMenuToggler>\n <span class=\"navbar-toggler-icon\"></span>\n </button>\n</ng-template>\n" }]
|
|
708
|
+
args: [{ selector: 'app-header, cui-header', standalone: true, imports: [RouterLink, NgIf, NgClass, SidebarToggleDirective, HtmlAttributesDirective, AsideToggleDirective], template: "<ng-template [ngIf]=\"mobileSidebarToggler != false\">\n <button class=\"navbar-toggler {{sidebarTogglerMobileClass}}\" type=\"button\" appSidebarToggler>\n <span class=\"navbar-toggler-icon\"></span>\n </button>\n</ng-template>\n<a class=\"navbar-brand\" [routerLink]=\"navbarBrandRouterLink\">\n <ng-template [ngIf]=\"navbarBrandImg\">\n <img *ngIf=\"navbarBrand\"\n [appHtmlAttr]=\"navbarBrand\"\n [ngClass]=\"'navbar-brand'\">\n <img *ngIf=\"navbarBrandFull\"\n [appHtmlAttr]=\"navbarBrandFull\"\n [ngClass]=\"'navbar-brand-full'\">\n <img *ngIf=\"navbarBrandMinimized\"\n [appHtmlAttr]=\"navbarBrandMinimized\"\n [ngClass]=\"'navbar-brand-minimized'\">\n </ng-template>\n <ng-template [ngIf]=\"!navbarBrandImg\">\n <div class=\"navbar-brand-full\" [innerHTML]=\"navbarBrandText.text\"></div>\n <div class=\"navbar-brand-minimized\" [innerHTML]=\"navbarBrandText.icon\"></div>\n </ng-template>\n</a>\n<ng-template [ngIf]=\"sidebarToggler != false\">\n <button class=\"navbar-toggler {{sidebarTogglerClass}}\" type=\"button\" [appSidebarToggler]=\"sidebarToggler\">\n <span class=\"navbar-toggler-icon\"></span>\n </button>\n</ng-template>\n<ng-content></ng-content>\n<ng-template [ngIf]=\"asideMenuToggler != false\">\n <button class=\"navbar-toggler {{asideTogglerClass}}\" type=\"button\" [appAsideMenuToggler]=\"asideMenuToggler\">\n <span class=\"navbar-toggler-icon\"></span>\n </button>\n</ng-template>\n<ng-template [ngIf]=\"mobileAsideMenuToggler != false\">\n <button class=\"navbar-toggler {{asideTogglerMobileClass}}\" type=\"button\" appAsideMenuToggler>\n <span class=\"navbar-toggler-icon\"></span>\n </button>\n</ng-template>\n" }]
|
|
710
709
|
}], ctorParameters: function () {
|
|
711
|
-
return [{ type:
|
|
710
|
+
return [{ type: Document, decorators: [{
|
|
712
711
|
type: Inject,
|
|
713
712
|
args: [DOCUMENT]
|
|
714
713
|
}] }, { type: i0.Renderer2 }];
|
|
@@ -744,27 +743,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
744
743
|
|
|
745
744
|
class AppHeaderModule {
|
|
746
745
|
}
|
|
747
|
-
AppHeaderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
748
|
-
AppHeaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
749
|
-
|
|
750
|
-
|
|
751
|
-
AppHeaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AppHeaderModule, imports: [CommonModule,
|
|
752
|
-
RouterModule,
|
|
753
|
-
LayoutModule] });
|
|
754
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AppHeaderModule, decorators: [{
|
|
746
|
+
AppHeaderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppHeaderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
747
|
+
AppHeaderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.5", ngImport: i0, type: AppHeaderModule, imports: [AppHeaderComponent], exports: [AppHeaderComponent] });
|
|
748
|
+
AppHeaderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppHeaderModule, imports: [AppHeaderComponent] });
|
|
749
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppHeaderModule, decorators: [{
|
|
755
750
|
type: NgModule,
|
|
756
751
|
args: [{
|
|
757
752
|
imports: [
|
|
758
|
-
|
|
759
|
-
RouterModule,
|
|
760
|
-
LayoutModule
|
|
753
|
+
AppHeaderComponent
|
|
761
754
|
],
|
|
762
755
|
exports: [
|
|
763
756
|
AppHeaderComponent,
|
|
764
757
|
],
|
|
765
|
-
declarations: [
|
|
766
|
-
AppHeaderComponent
|
|
767
|
-
]
|
|
768
758
|
}]
|
|
769
759
|
}] });
|
|
770
760
|
|
|
@@ -777,9 +767,9 @@ class AppSidebarService {
|
|
|
777
767
|
this.events.next(action);
|
|
778
768
|
}
|
|
779
769
|
}
|
|
780
|
-
AppSidebarService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
781
|
-
AppSidebarService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
782
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
770
|
+
AppSidebarService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppSidebarService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
771
|
+
AppSidebarService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppSidebarService, providedIn: 'root' });
|
|
772
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppSidebarService, decorators: [{
|
|
783
773
|
type: Injectable,
|
|
784
774
|
args: [{
|
|
785
775
|
providedIn: 'root'
|
|
@@ -787,18 +777,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
787
777
|
}], ctorParameters: function () { return []; } });
|
|
788
778
|
|
|
789
779
|
class AppSidebarComponent {
|
|
790
|
-
constructor(document, renderer, sidebarService) {
|
|
791
|
-
this.document = document;
|
|
792
|
-
this.renderer = renderer;
|
|
793
|
-
this.sidebarService = sidebarService;
|
|
794
|
-
this._minimized = false;
|
|
795
|
-
/**
|
|
796
|
-
* Emits whenever the minimized state of the sidebar changes.
|
|
797
|
-
* Primarily used to facilitate two-way binding.
|
|
798
|
-
*/
|
|
799
|
-
this.minimizedChange = new EventEmitter();
|
|
800
|
-
this.sidebarClass = true;
|
|
801
|
-
}
|
|
802
780
|
get minimized() {
|
|
803
781
|
return this._minimized;
|
|
804
782
|
}
|
|
@@ -811,6 +789,18 @@ class AppSidebarComponent {
|
|
|
811
789
|
this.sidebarService.toggle({ minimize: value });
|
|
812
790
|
}
|
|
813
791
|
}
|
|
792
|
+
constructor(document, renderer, sidebarService) {
|
|
793
|
+
this.document = document;
|
|
794
|
+
this.renderer = renderer;
|
|
795
|
+
this.sidebarService = sidebarService;
|
|
796
|
+
this._minimized = false;
|
|
797
|
+
/**
|
|
798
|
+
* Emits whenever the minimized state of the sidebar changes.
|
|
799
|
+
* Primarily used to facilitate two-way binding.
|
|
800
|
+
*/
|
|
801
|
+
this.minimizedChange = new EventEmitter();
|
|
802
|
+
this.sidebarClass = true;
|
|
803
|
+
}
|
|
814
804
|
ngOnInit() {
|
|
815
805
|
this.displayBreakpoint(this.display);
|
|
816
806
|
this.isCompact(this.compact);
|
|
@@ -865,16 +855,17 @@ class AppSidebarComponent {
|
|
|
865
855
|
}
|
|
866
856
|
}
|
|
867
857
|
}
|
|
868
|
-
AppSidebarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
869
|
-
AppSidebarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
870
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
858
|
+
AppSidebarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppSidebarComponent, deps: [{ token: DOCUMENT }, { token: i0.Renderer2 }, { token: AppSidebarService }], target: i0.ɵɵFactoryTarget.Component });
|
|
859
|
+
AppSidebarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: AppSidebarComponent, isStandalone: true, selector: "app-sidebar, cui-sidebar", inputs: { compact: "compact", display: "display", fixed: "fixed", offCanvas: "offCanvas", minimized: "minimized" }, outputs: { minimizedChange: "minimizedChange" }, host: { properties: { "class.sidebar": "this.sidebarClass" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
|
|
860
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppSidebarComponent, decorators: [{
|
|
871
861
|
type: Component,
|
|
872
862
|
args: [{
|
|
873
863
|
selector: 'app-sidebar, cui-sidebar',
|
|
874
|
-
template: `<ng-content></ng-content
|
|
864
|
+
template: `<ng-content></ng-content>`,
|
|
865
|
+
standalone: true
|
|
875
866
|
}]
|
|
876
867
|
}], ctorParameters: function () {
|
|
877
|
-
return [{ type:
|
|
868
|
+
return [{ type: Document, decorators: [{
|
|
878
869
|
type: Inject,
|
|
879
870
|
args: [DOCUMENT]
|
|
880
871
|
}] }, { type: i0.Renderer2 }, { type: AppSidebarService }];
|
|
@@ -897,9 +888,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
897
888
|
|
|
898
889
|
class SidebarNavService {
|
|
899
890
|
}
|
|
900
|
-
SidebarNavService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
901
|
-
SidebarNavService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
902
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
891
|
+
SidebarNavService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: SidebarNavService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
892
|
+
SidebarNavService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: SidebarNavService });
|
|
893
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: SidebarNavService, decorators: [{
|
|
903
894
|
type: Injectable
|
|
904
895
|
}] });
|
|
905
896
|
class SidebarNavHelper {
|
|
@@ -940,64 +931,79 @@ class SidebarNavHelper {
|
|
|
940
931
|
return classes;
|
|
941
932
|
}
|
|
942
933
|
}
|
|
943
|
-
SidebarNavHelper.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
944
|
-
SidebarNavHelper.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "
|
|
945
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
934
|
+
SidebarNavHelper.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: SidebarNavHelper, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
935
|
+
SidebarNavHelper.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: SidebarNavHelper });
|
|
936
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: SidebarNavHelper, decorators: [{
|
|
946
937
|
type: Injectable
|
|
947
938
|
}] });
|
|
948
939
|
|
|
949
|
-
class
|
|
950
|
-
constructor() {
|
|
951
|
-
|
|
940
|
+
class AppSidebarNavItemClassPipe {
|
|
941
|
+
constructor(helper) {
|
|
942
|
+
this.helper = helper;
|
|
943
|
+
}
|
|
944
|
+
transform(item, ...args) {
|
|
945
|
+
const itemType = this.helper.itemType(item);
|
|
946
|
+
let itemClass;
|
|
947
|
+
if (['divider', 'title'].includes(itemType)) {
|
|
948
|
+
itemClass = `nav-${itemType}`;
|
|
949
|
+
}
|
|
950
|
+
else if (itemType === 'dropdown') {
|
|
951
|
+
itemClass = 'nav-item nav-dropdown';
|
|
952
|
+
}
|
|
953
|
+
else {
|
|
954
|
+
itemClass = 'nav-item';
|
|
955
|
+
}
|
|
956
|
+
return item.class ? `${itemClass} ${item.class}` : itemClass;
|
|
957
|
+
}
|
|
952
958
|
}
|
|
953
|
-
|
|
954
|
-
|
|
955
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
956
|
-
type:
|
|
959
|
+
AppSidebarNavItemClassPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppSidebarNavItemClassPipe, deps: [{ token: SidebarNavHelper }], target: i0.ɵɵFactoryTarget.Pipe });
|
|
960
|
+
AppSidebarNavItemClassPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.5", ngImport: i0, type: AppSidebarNavItemClassPipe, isStandalone: true, name: "appSidebarNavItemClass" });
|
|
961
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppSidebarNavItemClassPipe, decorators: [{
|
|
962
|
+
type: Pipe,
|
|
957
963
|
args: [{
|
|
958
|
-
|
|
959
|
-
|
|
964
|
+
name: 'appSidebarNavItemClass',
|
|
965
|
+
standalone: true
|
|
960
966
|
}]
|
|
961
|
-
}], ctorParameters: function () { return []; }
|
|
962
|
-
type: Input
|
|
963
|
-
}] } });
|
|
967
|
+
}], ctorParameters: function () { return [{ type: SidebarNavHelper }]; } });
|
|
964
968
|
|
|
965
|
-
class
|
|
969
|
+
class AppSidebarNavBadgePipe {
|
|
966
970
|
transform(item, args) {
|
|
967
971
|
const classes = {
|
|
968
|
-
|
|
972
|
+
badge: true
|
|
969
973
|
};
|
|
970
|
-
const
|
|
971
|
-
classes[
|
|
974
|
+
const variant = `badge-${item.badge.variant}`;
|
|
975
|
+
classes[variant] = !!item.badge.variant;
|
|
976
|
+
classes[item.badge.class] = !!item.badge.class;
|
|
972
977
|
return classes;
|
|
973
978
|
}
|
|
974
979
|
}
|
|
975
|
-
|
|
976
|
-
|
|
977
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
980
|
+
AppSidebarNavBadgePipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppSidebarNavBadgePipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
|
|
981
|
+
AppSidebarNavBadgePipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.5", ngImport: i0, type: AppSidebarNavBadgePipe, isStandalone: true, name: "appSidebarNavBadge" });
|
|
982
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppSidebarNavBadgePipe, decorators: [{
|
|
978
983
|
type: Pipe,
|
|
979
984
|
args: [{
|
|
980
|
-
name: '
|
|
985
|
+
name: 'appSidebarNavBadge',
|
|
986
|
+
standalone: true
|
|
981
987
|
}]
|
|
982
988
|
}] });
|
|
983
989
|
|
|
984
|
-
class
|
|
990
|
+
class AppSidebarNavIconPipe {
|
|
985
991
|
transform(item, args) {
|
|
986
992
|
const classes = {
|
|
987
|
-
|
|
993
|
+
'nav-icon': true
|
|
988
994
|
};
|
|
989
|
-
const
|
|
990
|
-
classes[
|
|
991
|
-
classes[item.badge.class] = !!item.badge.class;
|
|
995
|
+
const icon = item.icon;
|
|
996
|
+
classes[icon] = !!item.icon;
|
|
992
997
|
return classes;
|
|
993
998
|
}
|
|
994
999
|
}
|
|
995
|
-
|
|
996
|
-
|
|
997
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1000
|
+
AppSidebarNavIconPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppSidebarNavIconPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
|
|
1001
|
+
AppSidebarNavIconPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.5", ngImport: i0, type: AppSidebarNavIconPipe, isStandalone: true, name: "appSidebarNavIcon" });
|
|
1002
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppSidebarNavIconPipe, decorators: [{
|
|
998
1003
|
type: Pipe,
|
|
999
1004
|
args: [{
|
|
1000
|
-
name: '
|
|
1005
|
+
name: 'appSidebarNavIcon',
|
|
1006
|
+
standalone: true
|
|
1001
1007
|
}]
|
|
1002
1008
|
}] });
|
|
1003
1009
|
|
|
@@ -1011,12 +1017,13 @@ class AppSidebarNavLinkPipe {
|
|
|
1011
1017
|
return classes;
|
|
1012
1018
|
}
|
|
1013
1019
|
}
|
|
1014
|
-
AppSidebarNavLinkPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1015
|
-
AppSidebarNavLinkPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "
|
|
1016
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1020
|
+
AppSidebarNavLinkPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppSidebarNavLinkPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
|
|
1021
|
+
AppSidebarNavLinkPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "15.2.5", ngImport: i0, type: AppSidebarNavLinkPipe, isStandalone: true, name: "appSidebarNavLink" });
|
|
1022
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppSidebarNavLinkPipe, decorators: [{
|
|
1017
1023
|
type: Pipe,
|
|
1018
1024
|
args: [{
|
|
1019
|
-
name: 'appSidebarNavLink'
|
|
1025
|
+
name: 'appSidebarNavLink',
|
|
1026
|
+
standalone: true
|
|
1020
1027
|
}]
|
|
1021
1028
|
}] });
|
|
1022
1029
|
|
|
@@ -1025,34 +1032,40 @@ class AppSidebarNavLinkContentComponent {
|
|
|
1025
1032
|
this.helper = helper;
|
|
1026
1033
|
this.item = {};
|
|
1027
1034
|
}
|
|
1028
|
-
ngOnInit() { }
|
|
1029
|
-
ngOnDestroy() { }
|
|
1030
1035
|
}
|
|
1031
|
-
AppSidebarNavLinkContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1032
|
-
AppSidebarNavLinkContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1036
|
+
AppSidebarNavLinkContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppSidebarNavLinkContentComponent, deps: [{ token: SidebarNavHelper }], target: i0.ɵɵFactoryTarget.Component });
|
|
1037
|
+
AppSidebarNavLinkContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: AppSidebarNavLinkContentComponent, isStandalone: true, selector: "app-sidebar-nav-link-content, cui-sidebar-nav-link-content", inputs: { item: "item" }, providers: [SidebarNavHelper], ngImport: i0, template: `
|
|
1033
1038
|
<ng-container *ngIf="true">
|
|
1034
1039
|
<i *ngIf="helper.hasIcon(item)" [ngClass]="item | appSidebarNavIcon"></i>
|
|
1035
|
-
<ng-container>{{item
|
|
1036
|
-
<span *ngIf="helper.hasBadge(item)" [ngClass]="item | appSidebarNavBadge">{{ item
|
|
1040
|
+
<ng-container>{{item.name}}</ng-container>
|
|
1041
|
+
<span *ngIf="helper.hasBadge(item)" [ngClass]="item | appSidebarNavBadge">{{ item.badge?.text }}</span>
|
|
1037
1042
|
</ng-container>
|
|
1038
|
-
`, isInline: true, dependencies: [{ kind: "directive", type:
|
|
1039
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1043
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: AppSidebarNavIconPipe, name: "appSidebarNavIcon" }, { kind: "pipe", type: AppSidebarNavBadgePipe, name: "appSidebarNavBadge" }] });
|
|
1044
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppSidebarNavLinkContentComponent, decorators: [{
|
|
1040
1045
|
type: Component,
|
|
1041
1046
|
args: [{
|
|
1042
1047
|
selector: 'app-sidebar-nav-link-content, cui-sidebar-nav-link-content',
|
|
1043
1048
|
template: `
|
|
1044
1049
|
<ng-container *ngIf="true">
|
|
1045
1050
|
<i *ngIf="helper.hasIcon(item)" [ngClass]="item | appSidebarNavIcon"></i>
|
|
1046
|
-
<ng-container>{{item
|
|
1047
|
-
<span *ngIf="helper.hasBadge(item)" [ngClass]="item | appSidebarNavBadge">{{ item
|
|
1051
|
+
<ng-container>{{item.name}}</ng-container>
|
|
1052
|
+
<span *ngIf="helper.hasBadge(item)" [ngClass]="item | appSidebarNavBadge">{{ item.badge?.text }}</span>
|
|
1048
1053
|
</ng-container>
|
|
1049
1054
|
`,
|
|
1050
|
-
providers: [SidebarNavHelper]
|
|
1055
|
+
providers: [SidebarNavHelper],
|
|
1056
|
+
standalone: true,
|
|
1057
|
+
imports: [NgIf, NgClass, AppSidebarNavIconPipe, AppSidebarNavBadgePipe]
|
|
1051
1058
|
}]
|
|
1052
1059
|
}], ctorParameters: function () { return [{ type: SidebarNavHelper }]; }, propDecorators: { item: [{
|
|
1053
1060
|
type: Input
|
|
1054
1061
|
}] } });
|
|
1055
1062
|
class AppSidebarNavLinkComponent {
|
|
1063
|
+
set item(item) {
|
|
1064
|
+
this._Item = JSON.parse(JSON.stringify(item));
|
|
1065
|
+
}
|
|
1066
|
+
get item() {
|
|
1067
|
+
return this._Item;
|
|
1068
|
+
}
|
|
1056
1069
|
constructor(router) {
|
|
1057
1070
|
this.router = router;
|
|
1058
1071
|
this.linkClick = new EventEmitter();
|
|
@@ -1060,12 +1073,6 @@ class AppSidebarNavLinkComponent {
|
|
|
1060
1073
|
return event instanceof NavigationEnd;
|
|
1061
1074
|
}));
|
|
1062
1075
|
}
|
|
1063
|
-
set item(item) {
|
|
1064
|
-
this._Item = JSON.parse(JSON.stringify(item));
|
|
1065
|
-
}
|
|
1066
|
-
get item() {
|
|
1067
|
-
return this._Item;
|
|
1068
|
-
}
|
|
1069
1076
|
ngOnInit() {
|
|
1070
1077
|
// @ts-ignore
|
|
1071
1078
|
this.url = typeof this.item.url === 'string' ? this.item.url : this.router.serializeUrl(this.router.createUrlTree(this.item.url));
|
|
@@ -1094,17 +1101,56 @@ class AppSidebarNavLinkComponent {
|
|
|
1094
1101
|
this.linkClick.emit();
|
|
1095
1102
|
}
|
|
1096
1103
|
}
|
|
1097
|
-
AppSidebarNavLinkComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1098
|
-
AppSidebarNavLinkComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1099
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1104
|
+
AppSidebarNavLinkComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppSidebarNavLinkComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
|
|
1105
|
+
AppSidebarNavLinkComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: AppSidebarNavLinkComponent, isStandalone: true, selector: "app-sidebar-nav-link, cui-sidebar-nav-link", inputs: { item: "item" }, outputs: { linkClick: "linkClick" }, providers: [SidebarNavHelper], ngImport: i0, template: "<ng-container [ngSwitch]=\"linkType\">\n <a *ngSwitchCase=\"'disabled'\"\n [ngClass]=\"item | appSidebarNavLink\"\n [appHtmlAttr]=\"item.attributes\"\n >\n <app-sidebar-nav-link-content [item]=\"item\"></app-sidebar-nav-link-content>\n </a>\n <a *ngSwitchCase=\"'external'\"\n [ngClass]=\"item | appSidebarNavLink\"\n [href]=\"href\"\n [appHtmlAttr]=\"item.attributes\"\n (click)=\"linkClicked()\"\n >\n <app-sidebar-nav-link-content [item]=\"item\"></app-sidebar-nav-link-content>\n </a>\n <a *ngSwitchDefault\n [ngClass]=\"item | appSidebarNavLink\"\n [appHtmlAttr]=\"item.attributes\"\n [target]=\"item.attributes?.target\"\n [queryParams]=\"item.linkProps?.queryParams\"\n [fragment]=\"item.linkProps?.fragment\"\n [queryParamsHandling]=\"item.linkProps?.queryParamsHandling\"\n [preserveFragment]=\"!!item.linkProps?.preserveFragment\"\n [skipLocationChange]=\"!!item.linkProps?.skipLocationChange\"\n [replaceUrl]=\"!!item.linkProps?.replaceUrl\"\n [state]=\"item.linkProps?.state\"\n [routerLink]=\"item.url\"\n [routerLinkActive]=\"item.linkProps?.routerLinkActive || 'active'\"\n [routerLinkActiveOptions]=\"item.linkProps?.routerLinkActiveOptions ?? {exact: false}\"\n [class.active]=\"linkActive && !item.linkProps?.routerLinkActiveOptions\"\n (click)=\"linkClicked()\"\n >\n <app-sidebar-nav-link-content [item]=\"item\"></app-sidebar-nav-link-content>\n </a>\n</ng-container>\n", dependencies: [{ kind: "directive", type: NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "pipe", type: AppSidebarNavLinkPipe, name: "appSidebarNavLink" }, { kind: "directive", type: HtmlAttributesDirective, selector: "[appHtmlAttr]", inputs: ["appHtmlAttr"] }, { kind: "component", type: AppSidebarNavLinkContentComponent, selector: "app-sidebar-nav-link-content, cui-sidebar-nav-link-content", inputs: ["item"] }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }] });
|
|
1106
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppSidebarNavLinkComponent, decorators: [{
|
|
1100
1107
|
type: Component,
|
|
1101
|
-
args: [{ selector: 'app-sidebar-nav-link, cui-sidebar-nav-link', providers: [SidebarNavHelper], template: "<ng-container [ngSwitch]=\"linkType\">\n <a *ngSwitchCase=\"'disabled'\"\n [ngClass]=\"item | appSidebarNavLink\"\n [appHtmlAttr]=\"item.attributes\"\n >\n <app-sidebar-nav-link-content [item]=\"item\"></app-sidebar-nav-link-content>\n </a>\n <a *ngSwitchCase=\"'external'\"\n [ngClass]=\"item | appSidebarNavLink\"\n [href]=\"href\"\n [appHtmlAttr]=\"item.attributes\"\n (click)=\"linkClicked()\"\n >\n <app-sidebar-nav-link-content [item]=\"item\"></app-sidebar-nav-link-content>\n </a>\n <a *ngSwitchDefault\n [ngClass]=\"item | appSidebarNavLink\"\n [appHtmlAttr]=\"item.attributes\"\n [target]=\"item.attributes?.target\"\n [queryParams]=\"item.linkProps?.queryParams\"\n [fragment]=\"item.linkProps?.fragment\"\n [queryParamsHandling]=\"item.linkProps?.queryParamsHandling\"\n [preserveFragment]=\"!!item.linkProps?.preserveFragment\"\n [skipLocationChange]=\"!!item.linkProps?.skipLocationChange\"\n [replaceUrl]=\"!!item.linkProps?.replaceUrl\"\n [state]=\"item.linkProps?.state\"\n [routerLink]=\"item.url\"\n [routerLinkActive]=\"item.linkProps?.routerLinkActive || 'active'\"\n [routerLinkActiveOptions]=\"item.linkProps?.routerLinkActiveOptions ?? {exact: false}\"\n [class.active]=\"linkActive && !item.linkProps?.routerLinkActiveOptions\"\n (click)=\"linkClicked()\"\n >\n <app-sidebar-nav-link-content [item]=\"item\"></app-sidebar-nav-link-content>\n </a>\n</ng-container>\n" }]
|
|
1108
|
+
args: [{ selector: 'app-sidebar-nav-link, cui-sidebar-nav-link', providers: [SidebarNavHelper], standalone: true, imports: [NgSwitch, NgSwitchCase, NgSwitchDefault, NgClass, AppSidebarNavLinkPipe, HtmlAttributesDirective, AppSidebarNavLinkContentComponent, RouterModule], template: "<ng-container [ngSwitch]=\"linkType\">\n <a *ngSwitchCase=\"'disabled'\"\n [ngClass]=\"item | appSidebarNavLink\"\n [appHtmlAttr]=\"item.attributes\"\n >\n <app-sidebar-nav-link-content [item]=\"item\"></app-sidebar-nav-link-content>\n </a>\n <a *ngSwitchCase=\"'external'\"\n [ngClass]=\"item | appSidebarNavLink\"\n [href]=\"href\"\n [appHtmlAttr]=\"item.attributes\"\n (click)=\"linkClicked()\"\n >\n <app-sidebar-nav-link-content [item]=\"item\"></app-sidebar-nav-link-content>\n </a>\n <a *ngSwitchDefault\n [ngClass]=\"item | appSidebarNavLink\"\n [appHtmlAttr]=\"item.attributes\"\n [target]=\"item.attributes?.target\"\n [queryParams]=\"item.linkProps?.queryParams\"\n [fragment]=\"item.linkProps?.fragment\"\n [queryParamsHandling]=\"item.linkProps?.queryParamsHandling\"\n [preserveFragment]=\"!!item.linkProps?.preserveFragment\"\n [skipLocationChange]=\"!!item.linkProps?.skipLocationChange\"\n [replaceUrl]=\"!!item.linkProps?.replaceUrl\"\n [state]=\"item.linkProps?.state\"\n [routerLink]=\"item.url\"\n [routerLinkActive]=\"item.linkProps?.routerLinkActive || 'active'\"\n [routerLinkActiveOptions]=\"item.linkProps?.routerLinkActiveOptions ?? {exact: false}\"\n [class.active]=\"linkActive && !item.linkProps?.routerLinkActiveOptions\"\n (click)=\"linkClicked()\"\n >\n <app-sidebar-nav-link-content [item]=\"item\"></app-sidebar-nav-link-content>\n </a>\n</ng-container>\n" }]
|
|
1102
1109
|
}], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { item: [{
|
|
1103
1110
|
type: Input
|
|
1104
1111
|
}], linkClick: [{
|
|
1105
1112
|
type: Output
|
|
1106
1113
|
}] } });
|
|
1107
1114
|
|
|
1115
|
+
class AppSidebarNavLabelComponent {
|
|
1116
|
+
constructor(helper) {
|
|
1117
|
+
this.helper = helper;
|
|
1118
|
+
this.item = {};
|
|
1119
|
+
this.classes = {
|
|
1120
|
+
'nav-label': true,
|
|
1121
|
+
active: true
|
|
1122
|
+
};
|
|
1123
|
+
this.iconClasses = {};
|
|
1124
|
+
}
|
|
1125
|
+
ngOnInit() {
|
|
1126
|
+
this.iconClasses = this.helper.getIconClass(this.item);
|
|
1127
|
+
}
|
|
1128
|
+
getItemClass() {
|
|
1129
|
+
const itemClass = this.item.class;
|
|
1130
|
+
// @ts-ignore
|
|
1131
|
+
this.classes[itemClass] = !!itemClass;
|
|
1132
|
+
return this.classes;
|
|
1133
|
+
}
|
|
1134
|
+
getLabelIconClass() {
|
|
1135
|
+
var _a, _b, _c;
|
|
1136
|
+
const variant = `text-${(_a = this.item.label) === null || _a === void 0 ? void 0 : _a.variant}`;
|
|
1137
|
+
// @ts-ignore
|
|
1138
|
+
this.iconClasses[variant] = !!((_b = this.item.label) === null || _b === void 0 ? void 0 : _b.variant);
|
|
1139
|
+
const labelClass = (_c = this.item.label) === null || _c === void 0 ? void 0 : _c.class;
|
|
1140
|
+
// @ts-ignore
|
|
1141
|
+
this.iconClasses[labelClass] = !!labelClass;
|
|
1142
|
+
return this.iconClasses;
|
|
1143
|
+
}
|
|
1144
|
+
}
|
|
1145
|
+
AppSidebarNavLabelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppSidebarNavLabelComponent, deps: [{ token: SidebarNavHelper }], target: i0.ɵɵFactoryTarget.Component });
|
|
1146
|
+
AppSidebarNavLabelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: AppSidebarNavLabelComponent, isStandalone: true, selector: "app-sidebar-nav-label, cui-sidebar-nav-label", inputs: { item: "item" }, ngImport: i0, template: "<a [ngClass]=\"getItemClass()\"\n href=\"{{item.url}}\"\n [appHtmlAttr]=\"item.attributes\">\n <i *ngIf=\"helper.hasIcon(item)\" [ngClass]=\"getLabelIconClass()\"></i>\n <ng-container>{{item.name}}</ng-container>\n <span *ngIf=\"helper.hasBadge(item)\" [ngClass]=\"item | appSidebarNavBadge\">{{ item.badge?.text }}</span>\n</a>\n", dependencies: [{ kind: "pipe", type: AppSidebarNavBadgePipe, name: "appSidebarNavBadge" }, { kind: "directive", type: HtmlAttributesDirective, selector: "[appHtmlAttr]", inputs: ["appHtmlAttr"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
1147
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppSidebarNavLabelComponent, decorators: [{
|
|
1148
|
+
type: Component,
|
|
1149
|
+
args: [{ selector: 'app-sidebar-nav-label, cui-sidebar-nav-label', standalone: true, imports: [AppSidebarNavBadgePipe, HtmlAttributesDirective, NgIf, NgClass], template: "<a [ngClass]=\"getItemClass()\"\n href=\"{{item.url}}\"\n [appHtmlAttr]=\"item.attributes\">\n <i *ngIf=\"helper.hasIcon(item)\" [ngClass]=\"getLabelIconClass()\"></i>\n <ng-container>{{item.name}}</ng-container>\n <span *ngIf=\"helper.hasBadge(item)\" [ngClass]=\"item | appSidebarNavBadge\">{{ item.badge?.text }}</span>\n</a>\n" }]
|
|
1150
|
+
}], ctorParameters: function () { return [{ type: SidebarNavHelper }]; }, propDecorators: { item: [{
|
|
1151
|
+
type: Input
|
|
1152
|
+
}] } });
|
|
1153
|
+
|
|
1108
1154
|
class AppSidebarNavTitleComponent {
|
|
1109
1155
|
constructor(el, renderer) {
|
|
1110
1156
|
this.el = el;
|
|
@@ -1158,34 +1204,55 @@ class AppSidebarNavTitleComponent {
|
|
|
1158
1204
|
this.renderer.setAttribute(el, key, value);
|
|
1159
1205
|
}
|
|
1160
1206
|
}
|
|
1161
|
-
AppSidebarNavTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1162
|
-
AppSidebarNavTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1163
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1207
|
+
AppSidebarNavTitleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppSidebarNavTitleComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
1208
|
+
AppSidebarNavTitleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: AppSidebarNavTitleComponent, isStandalone: true, selector: "app-sidebar-nav-title, cui-sidebar-nav-title", inputs: { item: "item" }, ngImport: i0, template: '', isInline: true });
|
|
1209
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppSidebarNavTitleComponent, decorators: [{
|
|
1164
1210
|
type: Component,
|
|
1165
1211
|
args: [{
|
|
1166
1212
|
selector: 'app-sidebar-nav-title, cui-sidebar-nav-title',
|
|
1167
1213
|
template: '',
|
|
1214
|
+
standalone: true
|
|
1168
1215
|
}]
|
|
1169
1216
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; }, propDecorators: { item: [{
|
|
1170
1217
|
type: Input
|
|
1171
1218
|
}] } });
|
|
1172
1219
|
|
|
1220
|
+
class AppSidebarNavDividerComponent {
|
|
1221
|
+
constructor() { }
|
|
1222
|
+
}
|
|
1223
|
+
AppSidebarNavDividerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppSidebarNavDividerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1224
|
+
AppSidebarNavDividerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: AppSidebarNavDividerComponent, isStandalone: true, selector: "app-sidebar-nav-divider, cui-sidebar-nav-divider", inputs: { item: "item" }, ngImport: i0, template: ``, isInline: true });
|
|
1225
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppSidebarNavDividerComponent, decorators: [{
|
|
1226
|
+
type: Component,
|
|
1227
|
+
args: [{
|
|
1228
|
+
selector: 'app-sidebar-nav-divider, cui-sidebar-nav-divider',
|
|
1229
|
+
template: ``,
|
|
1230
|
+
standalone: true
|
|
1231
|
+
}]
|
|
1232
|
+
}], ctorParameters: function () { return []; }, propDecorators: { item: [{
|
|
1233
|
+
type: Input
|
|
1234
|
+
}] } });
|
|
1235
|
+
|
|
1173
1236
|
class NavDropdownDirective {
|
|
1174
|
-
constructor(
|
|
1175
|
-
this.
|
|
1237
|
+
constructor(elementRef, renderer) {
|
|
1238
|
+
this.elementRef = elementRef;
|
|
1239
|
+
this.renderer = renderer;
|
|
1176
1240
|
}
|
|
1177
1241
|
toggle() {
|
|
1178
|
-
this.
|
|
1242
|
+
this.elementRef.nativeElement.classList.contains('open') ?
|
|
1243
|
+
this.renderer.removeClass(this.elementRef.nativeElement, 'open') :
|
|
1244
|
+
this.renderer.addClass(this.elementRef.nativeElement, 'open');
|
|
1179
1245
|
}
|
|
1180
1246
|
}
|
|
1181
|
-
NavDropdownDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1182
|
-
NavDropdownDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1183
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1247
|
+
NavDropdownDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: NavDropdownDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
|
|
1248
|
+
NavDropdownDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.5", type: NavDropdownDirective, isStandalone: true, selector: "[appNavDropdown]", ngImport: i0 });
|
|
1249
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: NavDropdownDirective, decorators: [{
|
|
1184
1250
|
type: Directive,
|
|
1185
1251
|
args: [{
|
|
1186
|
-
selector: '[appNavDropdown]'
|
|
1252
|
+
selector: '[appNavDropdown]',
|
|
1253
|
+
standalone: true
|
|
1187
1254
|
}]
|
|
1188
|
-
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
|
|
1255
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i0.Renderer2 }]; } });
|
|
1189
1256
|
/**
|
|
1190
1257
|
* Allows the dropdown to be toggled via click.
|
|
1191
1258
|
*/
|
|
@@ -1198,86 +1265,29 @@ class NavDropdownToggleDirective {
|
|
|
1198
1265
|
this.dropdown.toggle();
|
|
1199
1266
|
}
|
|
1200
1267
|
}
|
|
1201
|
-
NavDropdownToggleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1202
|
-
NavDropdownToggleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
1203
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1268
|
+
NavDropdownToggleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: NavDropdownToggleDirective, deps: [{ token: NavDropdownDirective }], target: i0.ɵɵFactoryTarget.Directive });
|
|
1269
|
+
NavDropdownToggleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.5", type: NavDropdownToggleDirective, isStandalone: true, selector: "[appNavDropdownToggle]", host: { listeners: { "click": "toggleOpen($event)" } }, ngImport: i0 });
|
|
1270
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: NavDropdownToggleDirective, decorators: [{
|
|
1204
1271
|
type: Directive,
|
|
1205
1272
|
args: [{
|
|
1206
|
-
selector: '[appNavDropdownToggle]'
|
|
1273
|
+
selector: '[appNavDropdownToggle]',
|
|
1274
|
+
standalone: true,
|
|
1207
1275
|
}]
|
|
1208
1276
|
}], ctorParameters: function () { return [{ type: NavDropdownDirective }]; }, propDecorators: { toggleOpen: [{
|
|
1209
1277
|
type: HostListener,
|
|
1210
1278
|
args: ['click', ['$event']]
|
|
1211
1279
|
}] } });
|
|
1212
1280
|
|
|
1213
|
-
|
|
1214
|
-
|
|
1215
|
-
this.helper = helper;
|
|
1216
|
-
this.item = {};
|
|
1217
|
-
this.classes = {
|
|
1218
|
-
'nav-label': true,
|
|
1219
|
-
active: true
|
|
1220
|
-
};
|
|
1221
|
-
this.iconClasses = {};
|
|
1222
|
-
}
|
|
1223
|
-
ngOnInit() {
|
|
1224
|
-
this.iconClasses = this.helper.getIconClass(this.item);
|
|
1225
|
-
}
|
|
1226
|
-
getItemClass() {
|
|
1227
|
-
const itemClass = this.item.class;
|
|
1228
|
-
// @ts-ignore
|
|
1229
|
-
this.classes[itemClass] = !!itemClass;
|
|
1230
|
-
return this.classes;
|
|
1231
|
-
}
|
|
1232
|
-
getLabelIconClass() {
|
|
1233
|
-
var _a, _b, _c;
|
|
1234
|
-
const variant = `text-${(_a = this.item.label) === null || _a === void 0 ? void 0 : _a.variant}`;
|
|
1235
|
-
// @ts-ignore
|
|
1236
|
-
this.iconClasses[variant] = !!((_b = this.item.label) === null || _b === void 0 ? void 0 : _b.variant);
|
|
1237
|
-
const labelClass = (_c = this.item.label) === null || _c === void 0 ? void 0 : _c.class;
|
|
1238
|
-
// @ts-ignore
|
|
1239
|
-
this.iconClasses[labelClass] = !!labelClass;
|
|
1240
|
-
return this.iconClasses;
|
|
1241
|
-
}
|
|
1281
|
+
// lightweight injection token
|
|
1282
|
+
class DropdownToken {
|
|
1242
1283
|
}
|
|
1243
|
-
|
|
1244
|
-
|
|
1245
|
-
|
|
1246
|
-
type: Component,
|
|
1247
|
-
args: [{ selector: 'app-sidebar-nav-label, cui-sidebar-nav-label', template: "<a [ngClass]=\"getItemClass()\"\n href=\"{{item.url}}\"\n [appHtmlAttr]=\"item.attributes\">\n <i *ngIf=\"helper.hasIcon(item)\" [ngClass]=\"getLabelIconClass()\"></i>\n <ng-container>{{item.name}}</ng-container>\n <span *ngIf=\"helper.hasBadge(item)\" [ngClass]=\"item | appSidebarNavBadge\">{{ item.badge?.text }}</span>\n</a>\n" }]
|
|
1248
|
-
}], ctorParameters: function () { return [{ type: SidebarNavHelper }]; }, propDecorators: { item: [{
|
|
1249
|
-
type: Input
|
|
1250
|
-
}] } });
|
|
1251
|
-
|
|
1252
|
-
class AppSidebarNavItemClassPipe {
|
|
1253
|
-
constructor(helper) {
|
|
1254
|
-
this.helper = helper;
|
|
1284
|
+
class AppSidebarNavItemsComponent {
|
|
1285
|
+
set items(items) {
|
|
1286
|
+
this._items = [...items];
|
|
1255
1287
|
}
|
|
1256
|
-
|
|
1257
|
-
|
|
1258
|
-
let itemClass;
|
|
1259
|
-
if (['divider', 'title'].includes(itemType)) {
|
|
1260
|
-
itemClass = `nav-${itemType}`;
|
|
1261
|
-
}
|
|
1262
|
-
else if (itemType === 'dropdown') {
|
|
1263
|
-
itemClass = 'nav-item nav-dropdown';
|
|
1264
|
-
}
|
|
1265
|
-
else {
|
|
1266
|
-
itemClass = 'nav-item';
|
|
1267
|
-
}
|
|
1268
|
-
return item.class ? `${itemClass} ${item.class}` : itemClass;
|
|
1288
|
+
get items() {
|
|
1289
|
+
return this._items;
|
|
1269
1290
|
}
|
|
1270
|
-
}
|
|
1271
|
-
AppSidebarNavItemClassPipe.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AppSidebarNavItemClassPipe, deps: [{ token: SidebarNavHelper }], target: i0.ɵɵFactoryTarget.Pipe });
|
|
1272
|
-
AppSidebarNavItemClassPipe.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "14.3.0", ngImport: i0, type: AppSidebarNavItemClassPipe, name: "appSidebarNavItemClass" });
|
|
1273
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: AppSidebarNavItemClassPipe, decorators: [{
|
|
1274
|
-
type: Pipe,
|
|
1275
|
-
args: [{
|
|
1276
|
-
name: 'appSidebarNavItemClass'
|
|
1277
|
-
}]
|
|
1278
|
-
}], ctorParameters: function () { return [{ type: SidebarNavHelper }]; } });
|
|
1279
|
-
|
|
1280
|
-
class AppSidebarNavItemsComponent {
|
|
1281
1291
|
constructor(document, renderer, router, helper) {
|
|
1282
1292
|
this.document = document;
|
|
1283
1293
|
this.renderer = renderer;
|
|
@@ -1285,20 +1295,14 @@ class AppSidebarNavItemsComponent {
|
|
|
1285
1295
|
this.helper = helper;
|
|
1286
1296
|
this._items = [];
|
|
1287
1297
|
}
|
|
1288
|
-
set items(items) {
|
|
1289
|
-
this._items = [...items];
|
|
1290
|
-
}
|
|
1291
|
-
get items() {
|
|
1292
|
-
return this._items;
|
|
1293
|
-
}
|
|
1294
1298
|
hideMobile() {
|
|
1295
1299
|
if (this.document.body.classList.contains('sidebar-show')) {
|
|
1296
1300
|
this.renderer.removeClass(this.document.body, 'sidebar-show');
|
|
1297
1301
|
}
|
|
1298
1302
|
}
|
|
1299
1303
|
}
|
|
1300
|
-
AppSidebarNavItemsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1301
|
-
AppSidebarNavItemsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1304
|
+
AppSidebarNavItemsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppSidebarNavItemsComponent, deps: [{ token: DOCUMENT }, { token: i0.Renderer2 }, { token: i1.Router }, { token: SidebarNavHelper }], target: i0.ɵɵFactoryTarget.Component });
|
|
1305
|
+
AppSidebarNavItemsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: AppSidebarNavItemsComponent, isStandalone: true, selector: "app-sidebar-nav-items, cui-sidebar-nav-items", inputs: { items: "items" }, ngImport: i0, template: `
|
|
1302
1306
|
<ng-container *ngFor="let item of items">
|
|
1303
1307
|
<ng-container [ngSwitch]="helper.itemType(item)">
|
|
1304
1308
|
<app-sidebar-nav-dropdown
|
|
@@ -1340,8 +1344,8 @@ AppSidebarNavItemsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.
|
|
|
1340
1344
|
</app-sidebar-nav-link>
|
|
1341
1345
|
</ng-container>
|
|
1342
1346
|
</ng-container>
|
|
1343
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: i0.forwardRef(function () { return
|
|
1344
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1347
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: i0.forwardRef(function () { return NgFor; }), selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i0.forwardRef(function () { return NgSwitch; }), selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i0.forwardRef(function () { return NgSwitchCase; }), selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i0.forwardRef(function () { return NgSwitchDefault; }), selector: "[ngSwitchDefault]" }, { kind: "directive", type: i0.forwardRef(function () { return NgClass; }), selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i0.forwardRef(function () { return HtmlAttributesDirective; }), selector: "[appHtmlAttr]", inputs: ["appHtmlAttr"] }, { kind: "pipe", type: i0.forwardRef(function () { return AppSidebarNavItemClassPipe; }), name: "appSidebarNavItemClass" }, { kind: "component", type: i0.forwardRef(function () { return AppSidebarNavDropdownComponent; }), selector: "app-sidebar-nav-dropdown, cui-sidebar-nav-dropdown", inputs: ["item"] }, { kind: "component", type: i0.forwardRef(function () { return AppSidebarNavLinkComponent; }), selector: "app-sidebar-nav-link, cui-sidebar-nav-link", inputs: ["item"], outputs: ["linkClick"] }, { kind: "component", type: i0.forwardRef(function () { return AppSidebarNavLabelComponent; }), selector: "app-sidebar-nav-label, cui-sidebar-nav-label", inputs: ["item"] }, { kind: "component", type: i0.forwardRef(function () { return AppSidebarNavTitleComponent; }), selector: "app-sidebar-nav-title, cui-sidebar-nav-title", inputs: ["item"] }, { kind: "component", type: i0.forwardRef(function () { return AppSidebarNavDividerComponent; }), selector: "app-sidebar-nav-divider, cui-sidebar-nav-divider", inputs: ["item"] }, { kind: "directive", type: i0.forwardRef(function () { return NavDropdownDirective; }), selector: "[appNavDropdown]" }] });
|
|
1348
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppSidebarNavItemsComponent, decorators: [{
|
|
1345
1349
|
type: Component,
|
|
1346
1350
|
args: [{
|
|
1347
1351
|
selector: 'app-sidebar-nav-items, cui-sidebar-nav-items',
|
|
@@ -1387,10 +1391,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
1387
1391
|
</app-sidebar-nav-link>
|
|
1388
1392
|
</ng-container>
|
|
1389
1393
|
</ng-container>
|
|
1390
|
-
|
|
1394
|
+
`,
|
|
1395
|
+
standalone: true,
|
|
1396
|
+
// providers: [{provide: DropdownToken, useExisting: forwardRef(()=> AppSidebarNavDropdownComponent)}],
|
|
1397
|
+
imports: [
|
|
1398
|
+
NgFor,
|
|
1399
|
+
NgSwitch,
|
|
1400
|
+
NgSwitchCase,
|
|
1401
|
+
NgSwitchDefault,
|
|
1402
|
+
NgClass,
|
|
1403
|
+
HtmlAttributesDirective,
|
|
1404
|
+
AppSidebarNavItemClassPipe,
|
|
1405
|
+
forwardRef(() => AppSidebarNavDropdownComponent),
|
|
1406
|
+
AppSidebarNavLinkComponent,
|
|
1407
|
+
AppSidebarNavLabelComponent,
|
|
1408
|
+
AppSidebarNavTitleComponent,
|
|
1409
|
+
AppSidebarNavDividerComponent,
|
|
1410
|
+
NavDropdownToggleDirective,
|
|
1411
|
+
NavDropdownDirective
|
|
1412
|
+
],
|
|
1391
1413
|
}]
|
|
1392
1414
|
}], ctorParameters: function () {
|
|
1393
|
-
return [{ type:
|
|
1415
|
+
return [{ type: Document, decorators: [{
|
|
1394
1416
|
type: Inject,
|
|
1395
1417
|
args: [DOCUMENT]
|
|
1396
1418
|
}] }, { type: i0.Renderer2 }, { type: i1.Router }, { type: SidebarNavHelper }];
|
|
@@ -1403,8 +1425,8 @@ class AppSidebarNavDropdownComponent {
|
|
|
1403
1425
|
this.item = {};
|
|
1404
1426
|
}
|
|
1405
1427
|
}
|
|
1406
|
-
AppSidebarNavDropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1407
|
-
AppSidebarNavDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1428
|
+
AppSidebarNavDropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppSidebarNavDropdownComponent, deps: [{ token: SidebarNavHelper }], target: i0.ɵɵFactoryTarget.Component });
|
|
1429
|
+
AppSidebarNavDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: AppSidebarNavDropdownComponent, isStandalone: true, selector: "app-sidebar-nav-dropdown, cui-sidebar-nav-dropdown", inputs: { item: "item" }, providers: [SidebarNavHelper], ngImport: i0, template: `
|
|
1408
1430
|
<a class="nav-link nav-dropdown-toggle"
|
|
1409
1431
|
appNavDropdownToggle
|
|
1410
1432
|
[appHtmlAttr]="item.attributes">
|
|
@@ -1416,8 +1438,8 @@ AppSidebarNavDropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
|
1416
1438
|
class="nav-dropdown-items"
|
|
1417
1439
|
[items]="item.children ?? []">
|
|
1418
1440
|
</app-sidebar-nav-items>
|
|
1419
|
-
`, isInline: true, styles: [".nav-dropdown-toggle{cursor:pointer}\n", ".nav-dropdown-items{display:block}\n"], dependencies: [{ kind: "directive", type:
|
|
1420
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1441
|
+
`, isInline: true, styles: [".nav-dropdown-toggle{cursor:pointer}\n", ".nav-dropdown-items{display:block}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: HtmlAttributesDirective, selector: "[appHtmlAttr]", inputs: ["appHtmlAttr"] }, { kind: "pipe", type: AppSidebarNavBadgePipe, name: "appSidebarNavBadge" }, { kind: "pipe", type: AppSidebarNavIconPipe, name: "appSidebarNavIcon" }, { kind: "component", type: AppSidebarNavItemsComponent, selector: "app-sidebar-nav-items, cui-sidebar-nav-items", inputs: ["items"] }, { kind: "directive", type: NavDropdownToggleDirective, selector: "[appNavDropdownToggle]" }] });
|
|
1442
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppSidebarNavDropdownComponent, decorators: [{
|
|
1421
1443
|
type: Component,
|
|
1422
1444
|
args: [{ selector: 'app-sidebar-nav-dropdown, cui-sidebar-nav-dropdown', template: `
|
|
1423
1445
|
<a class="nav-link nav-dropdown-toggle"
|
|
@@ -1431,7 +1453,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
1431
1453
|
class="nav-dropdown-items"
|
|
1432
1454
|
[items]="item.children ?? []">
|
|
1433
1455
|
</app-sidebar-nav-items>
|
|
1434
|
-
`, providers: [SidebarNavHelper], styles: [".nav-dropdown-toggle{cursor:pointer}\n", ".nav-dropdown-items{display:block}\n"] }]
|
|
1456
|
+
`, providers: [SidebarNavHelper], standalone: true, imports: [NgIf, NgClass, HtmlAttributesDirective, AppSidebarNavBadgePipe, AppSidebarNavIconPipe, AppSidebarNavItemsComponent, NavDropdownToggleDirective], styles: [".nav-dropdown-toggle{cursor:pointer}\n", ".nav-dropdown-items{display:block}\n"] }]
|
|
1435
1457
|
}], ctorParameters: function () { return [{ type: SidebarNavHelper }]; }, propDecorators: { item: [{
|
|
1436
1458
|
type: Input
|
|
1437
1459
|
}] } });
|
|
@@ -1448,11 +1470,11 @@ class AppSidebarNavComponent {
|
|
|
1448
1470
|
this.navItemsArray = Array.isArray(this.navItems) ? this.navItems.slice() : [];
|
|
1449
1471
|
}
|
|
1450
1472
|
}
|
|
1451
|
-
AppSidebarNavComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1452
|
-
AppSidebarNavComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1453
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1473
|
+
AppSidebarNavComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppSidebarNavComponent, deps: [{ token: i1.Router }], target: i0.ɵɵFactoryTarget.Component });
|
|
1474
|
+
AppSidebarNavComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: AppSidebarNavComponent, isStandalone: true, selector: "app-sidebar-nav, cui-sidebar-nav", inputs: { navItems: "navItems", role: "role" }, host: { properties: { "class.sidebar-nav": "this.sidebarNavClass", "attr.role": "this.role" } }, usesOnChanges: true, ngImport: i0, template: "<app-sidebar-nav-items\n class=\"nav\"\n [items]=\"navItemsArray\">\n</app-sidebar-nav-items>\n", dependencies: [{ kind: "component", type: AppSidebarNavItemsComponent, selector: "app-sidebar-nav-items, cui-sidebar-nav-items", inputs: ["items"] }] });
|
|
1475
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppSidebarNavComponent, decorators: [{
|
|
1454
1476
|
type: Component,
|
|
1455
|
-
args: [{ selector: 'app-sidebar-nav, cui-sidebar-nav', template: "<app-sidebar-nav-items\n class=\"nav\"\n [items]=\"navItemsArray\">\n</app-sidebar-nav-items>\n" }]
|
|
1477
|
+
args: [{ selector: 'app-sidebar-nav, cui-sidebar-nav', standalone: true, imports: [AppSidebarNavItemsComponent], template: "<app-sidebar-nav-items\n class=\"nav\"\n [items]=\"navItemsArray\">\n</app-sidebar-nav-items>\n" }]
|
|
1456
1478
|
}], ctorParameters: function () { return [{ type: i1.Router }]; }, propDecorators: { navItems: [{
|
|
1457
1479
|
type: Input
|
|
1458
1480
|
}], sidebarNavClass: [{
|
|
@@ -1466,23 +1488,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
1466
1488
|
}] } });
|
|
1467
1489
|
|
|
1468
1490
|
class AppSidebarMinimizerComponent {
|
|
1491
|
+
toggleOpen($event) {
|
|
1492
|
+
$event.preventDefault();
|
|
1493
|
+
this.sidebarService.toggle({ minimize: 'toggle' });
|
|
1494
|
+
}
|
|
1469
1495
|
constructor(sidebarService) {
|
|
1470
1496
|
this.sidebarService = sidebarService;
|
|
1471
1497
|
this.role = 'button';
|
|
1472
1498
|
this.sidebarMinimizerClass = true;
|
|
1473
1499
|
}
|
|
1474
|
-
toggleOpen($event) {
|
|
1475
|
-
$event.preventDefault();
|
|
1476
|
-
this.sidebarService.toggle({ minimize: 'toggle' });
|
|
1477
|
-
}
|
|
1478
1500
|
}
|
|
1479
|
-
AppSidebarMinimizerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1480
|
-
AppSidebarMinimizerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1481
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1501
|
+
AppSidebarMinimizerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppSidebarMinimizerComponent, deps: [{ token: AppSidebarService }], target: i0.ɵɵFactoryTarget.Component });
|
|
1502
|
+
AppSidebarMinimizerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: AppSidebarMinimizerComponent, isStandalone: true, selector: "app-sidebar-minimizer, cui-sidebar-minimizer", inputs: { role: "role" }, host: { listeners: { "click": "toggleOpen($event)" }, properties: { "attr.role": "this.role", "class.sidebar-minimizer": "this.sidebarMinimizerClass" } }, ngImport: i0, template: ``, isInline: true });
|
|
1503
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppSidebarMinimizerComponent, decorators: [{
|
|
1482
1504
|
type: Component,
|
|
1483
1505
|
args: [{
|
|
1484
1506
|
selector: 'app-sidebar-minimizer, cui-sidebar-minimizer',
|
|
1485
|
-
template:
|
|
1507
|
+
template: ``,
|
|
1508
|
+
standalone: true
|
|
1486
1509
|
}]
|
|
1487
1510
|
}], ctorParameters: function () { return [{ type: AppSidebarService }]; }, propDecorators: { role: [{
|
|
1488
1511
|
type: HostBinding,
|
|
@@ -1502,13 +1525,14 @@ class AppSidebarFooterComponent {
|
|
|
1502
1525
|
this.sidebarFooterClass = true;
|
|
1503
1526
|
}
|
|
1504
1527
|
}
|
|
1505
|
-
AppSidebarFooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1506
|
-
AppSidebarFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1507
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1528
|
+
AppSidebarFooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppSidebarFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1529
|
+
AppSidebarFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: AppSidebarFooterComponent, isStandalone: true, selector: "app-sidebar-footer, cui-sidebar-footer", host: { properties: { "class.sidebar-footer": "this.sidebarFooterClass" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
|
|
1530
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppSidebarFooterComponent, decorators: [{
|
|
1508
1531
|
type: Component,
|
|
1509
1532
|
args: [{
|
|
1510
1533
|
selector: 'app-sidebar-footer, cui-sidebar-footer',
|
|
1511
|
-
template: `<ng-content></ng-content
|
|
1534
|
+
template: `<ng-content></ng-content>`,
|
|
1535
|
+
standalone: true
|
|
1512
1536
|
}]
|
|
1513
1537
|
}], ctorParameters: function () { return []; }, propDecorators: { sidebarFooterClass: [{
|
|
1514
1538
|
type: HostBinding,
|
|
@@ -1520,13 +1544,14 @@ class AppSidebarFormComponent {
|
|
|
1520
1544
|
this.sidebarFormClass = true;
|
|
1521
1545
|
}
|
|
1522
1546
|
}
|
|
1523
|
-
AppSidebarFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1524
|
-
AppSidebarFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1525
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1547
|
+
AppSidebarFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppSidebarFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1548
|
+
AppSidebarFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: AppSidebarFormComponent, isStandalone: true, selector: "app-sidebar-form, cui-sidebar-form", host: { properties: { "class.sidebar-form": "this.sidebarFormClass" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
|
|
1549
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppSidebarFormComponent, decorators: [{
|
|
1526
1550
|
type: Component,
|
|
1527
1551
|
args: [{
|
|
1528
1552
|
selector: 'app-sidebar-form, cui-sidebar-form',
|
|
1529
|
-
template: `<ng-content></ng-content
|
|
1553
|
+
template: `<ng-content></ng-content>`,
|
|
1554
|
+
standalone: true
|
|
1530
1555
|
}]
|
|
1531
1556
|
}], ctorParameters: function () { return []; }, propDecorators: { sidebarFormClass: [{
|
|
1532
1557
|
type: HostBinding,
|
|
@@ -1538,13 +1563,14 @@ class AppSidebarHeaderComponent {
|
|
|
1538
1563
|
this.sidebarHeaderClass = true;
|
|
1539
1564
|
}
|
|
1540
1565
|
}
|
|
1541
|
-
AppSidebarHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1542
|
-
AppSidebarHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
1543
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1566
|
+
AppSidebarHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppSidebarHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1567
|
+
AppSidebarHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.5", type: AppSidebarHeaderComponent, isStandalone: true, selector: "app-sidebar-header, cui-sidebar-header", host: { properties: { "class.sidebar-header": "this.sidebarHeaderClass" } }, ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
|
|
1568
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppSidebarHeaderComponent, decorators: [{
|
|
1544
1569
|
type: Component,
|
|
1545
1570
|
args: [{
|
|
1546
1571
|
selector: 'app-sidebar-header, cui-sidebar-header',
|
|
1547
|
-
template: `<ng-content></ng-content
|
|
1572
|
+
template: `<ng-content></ng-content>`,
|
|
1573
|
+
standalone: true
|
|
1548
1574
|
}]
|
|
1549
1575
|
}], ctorParameters: function () { return []; }, propDecorators: { sidebarHeaderClass: [{
|
|
1550
1576
|
type: HostBinding,
|
|
@@ -1553,28 +1579,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
1553
1579
|
|
|
1554
1580
|
class AppSidebarModule {
|
|
1555
1581
|
}
|
|
1556
|
-
AppSidebarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1557
|
-
AppSidebarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
1582
|
+
AppSidebarModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppSidebarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
1583
|
+
AppSidebarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.5", ngImport: i0, type: AppSidebarModule, imports: [RouterModule,
|
|
1584
|
+
AppSidebarComponent,
|
|
1585
|
+
AppSidebarFooterComponent,
|
|
1558
1586
|
AppSidebarFormComponent,
|
|
1559
1587
|
AppSidebarHeaderComponent,
|
|
1560
1588
|
AppSidebarMinimizerComponent,
|
|
1561
1589
|
AppSidebarMinimizerComponent,
|
|
1562
|
-
AppSidebarComponent,
|
|
1563
|
-
AppSidebarNavItemsComponent,
|
|
1564
1590
|
AppSidebarNavComponent,
|
|
1591
|
+
NavDropdownDirective,
|
|
1592
|
+
AppSidebarNavItemsComponent,
|
|
1565
1593
|
AppSidebarNavDividerComponent,
|
|
1566
1594
|
AppSidebarNavDropdownComponent,
|
|
1567
|
-
AppSidebarNavLinkComponent,
|
|
1568
1595
|
AppSidebarNavLinkContentComponent,
|
|
1569
1596
|
AppSidebarNavTitleComponent,
|
|
1570
|
-
NavDropdownDirective,
|
|
1571
|
-
NavDropdownToggleDirective,
|
|
1572
1597
|
AppSidebarNavLabelComponent,
|
|
1573
1598
|
AppSidebarNavIconPipe,
|
|
1574
1599
|
AppSidebarNavBadgePipe,
|
|
1575
1600
|
AppSidebarNavLinkPipe,
|
|
1576
|
-
AppSidebarNavItemClassPipe
|
|
1577
|
-
|
|
1601
|
+
AppSidebarNavItemClassPipe,
|
|
1602
|
+
AppSidebarNavLinkComponent,
|
|
1603
|
+
NavDropdownToggleDirective,
|
|
1578
1604
|
LayoutModule], exports: [AppSidebarFooterComponent,
|
|
1579
1605
|
AppSidebarFormComponent,
|
|
1580
1606
|
AppSidebarHeaderComponent,
|
|
@@ -1582,18 +1608,50 @@ AppSidebarModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", versio
|
|
|
1582
1608
|
AppSidebarComponent,
|
|
1583
1609
|
// AppSidebarNavItemsComponent,
|
|
1584
1610
|
AppSidebarNavComponent] });
|
|
1585
|
-
AppSidebarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
1611
|
+
AppSidebarModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppSidebarModule, providers: [
|
|
1586
1612
|
SidebarNavHelper,
|
|
1587
1613
|
AppSidebarService
|
|
1588
|
-
], imports: [
|
|
1589
|
-
|
|
1614
|
+
], imports: [RouterModule,
|
|
1615
|
+
AppSidebarComponent,
|
|
1616
|
+
AppSidebarFooterComponent,
|
|
1617
|
+
AppSidebarFormComponent,
|
|
1618
|
+
AppSidebarHeaderComponent,
|
|
1619
|
+
AppSidebarMinimizerComponent,
|
|
1620
|
+
AppSidebarMinimizerComponent,
|
|
1621
|
+
AppSidebarNavComponent,
|
|
1622
|
+
AppSidebarNavItemsComponent,
|
|
1623
|
+
AppSidebarNavDividerComponent,
|
|
1624
|
+
AppSidebarNavDropdownComponent,
|
|
1625
|
+
AppSidebarNavLinkContentComponent,
|
|
1626
|
+
AppSidebarNavTitleComponent,
|
|
1627
|
+
AppSidebarNavLabelComponent,
|
|
1628
|
+
AppSidebarNavLinkComponent,
|
|
1590
1629
|
LayoutModule] });
|
|
1591
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1630
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.5", ngImport: i0, type: AppSidebarModule, decorators: [{
|
|
1592
1631
|
type: NgModule,
|
|
1593
1632
|
args: [{
|
|
1594
1633
|
imports: [
|
|
1595
|
-
CommonModule,
|
|
1596
1634
|
RouterModule,
|
|
1635
|
+
AppSidebarComponent,
|
|
1636
|
+
AppSidebarFooterComponent,
|
|
1637
|
+
AppSidebarFormComponent,
|
|
1638
|
+
AppSidebarHeaderComponent,
|
|
1639
|
+
AppSidebarMinimizerComponent,
|
|
1640
|
+
AppSidebarMinimizerComponent,
|
|
1641
|
+
AppSidebarNavComponent,
|
|
1642
|
+
NavDropdownDirective,
|
|
1643
|
+
AppSidebarNavItemsComponent,
|
|
1644
|
+
AppSidebarNavDividerComponent,
|
|
1645
|
+
AppSidebarNavDropdownComponent,
|
|
1646
|
+
AppSidebarNavLinkContentComponent,
|
|
1647
|
+
AppSidebarNavTitleComponent,
|
|
1648
|
+
AppSidebarNavLabelComponent,
|
|
1649
|
+
AppSidebarNavIconPipe,
|
|
1650
|
+
AppSidebarNavBadgePipe,
|
|
1651
|
+
AppSidebarNavLinkPipe,
|
|
1652
|
+
AppSidebarNavItemClassPipe,
|
|
1653
|
+
AppSidebarNavLinkComponent,
|
|
1654
|
+
NavDropdownToggleDirective,
|
|
1597
1655
|
LayoutModule
|
|
1598
1656
|
],
|
|
1599
1657
|
exports: [
|
|
@@ -1613,28 +1671,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImpor
|
|
|
1613
1671
|
// NavDropdownDirective,
|
|
1614
1672
|
// NavDropdownToggleDirective,
|
|
1615
1673
|
],
|
|
1616
|
-
declarations: [
|
|
1617
|
-
AppSidebarFooterComponent,
|
|
1618
|
-
AppSidebarFormComponent,
|
|
1619
|
-
AppSidebarHeaderComponent,
|
|
1620
|
-
AppSidebarMinimizerComponent,
|
|
1621
|
-
AppSidebarMinimizerComponent,
|
|
1622
|
-
AppSidebarComponent,
|
|
1623
|
-
AppSidebarNavItemsComponent,
|
|
1624
|
-
AppSidebarNavComponent,
|
|
1625
|
-
AppSidebarNavDividerComponent,
|
|
1626
|
-
AppSidebarNavDropdownComponent,
|
|
1627
|
-
AppSidebarNavLinkComponent,
|
|
1628
|
-
AppSidebarNavLinkContentComponent,
|
|
1629
|
-
AppSidebarNavTitleComponent,
|
|
1630
|
-
NavDropdownDirective,
|
|
1631
|
-
NavDropdownToggleDirective,
|
|
1632
|
-
AppSidebarNavLabelComponent,
|
|
1633
|
-
AppSidebarNavIconPipe,
|
|
1634
|
-
AppSidebarNavBadgePipe,
|
|
1635
|
-
AppSidebarNavLinkPipe,
|
|
1636
|
-
AppSidebarNavItemClassPipe
|
|
1637
|
-
],
|
|
1638
1674
|
providers: [
|
|
1639
1675
|
SidebarNavHelper,
|
|
1640
1676
|
AppSidebarService
|