@abp/ng.components 5.0.0-rc.1 → 5.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (49) hide show
  1. package/abp-ng.components.d.ts +5 -5
  2. package/bundles/abp-ng.components-chart.js.umd.js +141 -141
  3. package/bundles/abp-ng.components-page.umd.js +542 -542
  4. package/bundles/abp-ng.components-tree.umd.js +557 -557
  5. package/bundles/abp-ng.components.umd.js +2 -2
  6. package/chart.js/abp-ng.components-chart.js.d.ts +5 -5
  7. package/chart.js/chart.component.d.ts +30 -30
  8. package/chart.js/chart.module.d.ts +8 -8
  9. package/chart.js/public-api.d.ts +3 -3
  10. package/chart.js/widget-utils.d.ts +1 -1
  11. package/esm2015/abp-ng.components.js +4 -4
  12. package/esm2015/chart.js/abp-ng.components-chart.js.js +4 -4
  13. package/esm2015/chart.js/chart.component.js +114 -114
  14. package/esm2015/chart.js/chart.module.js +18 -18
  15. package/esm2015/chart.js/public-api.js +3 -3
  16. package/esm2015/chart.js/widget-utils.js +10 -10
  17. package/esm2015/page/abp-ng.components-page.js +4 -4
  18. package/esm2015/page/page-part.directive.js +78 -78
  19. package/esm2015/page/page-parts.component.js +44 -44
  20. package/esm2015/page/page.component.js +60 -60
  21. package/esm2015/page/page.module.js +37 -37
  22. package/esm2015/page/public-api.js +4 -4
  23. package/esm2015/public-api.js +4 -4
  24. package/esm2015/tree/abp-ng.components-tree.js +4 -4
  25. package/esm2015/tree/lib/components/tree.component.js +100 -100
  26. package/esm2015/tree/lib/templates/expanded-icon-template.directive.js +15 -15
  27. package/esm2015/tree/lib/templates/tree-node-template.directive.js +15 -15
  28. package/esm2015/tree/lib/tree.module.js +24 -24
  29. package/esm2015/tree/lib/utils/nz-tree-adapter.js +91 -91
  30. package/esm2015/tree/public-api.js +5 -5
  31. package/fesm2015/abp-ng.components-chart.js.js +135 -135
  32. package/fesm2015/abp-ng.components-page.js +196 -196
  33. package/fesm2015/abp-ng.components-tree.js +219 -219
  34. package/fesm2015/abp-ng.components.js +4 -4
  35. package/package.json +4 -4
  36. package/page/abp-ng.components-page.d.ts +5 -5
  37. package/page/page-part.directive.d.ts +31 -31
  38. package/page/page-parts.component.d.ts +18 -18
  39. package/page/page.component.d.ts +21 -21
  40. package/page/page.module.d.ts +13 -13
  41. package/page/public-api.d.ts +4 -4
  42. package/public-api.d.ts +1 -1
  43. package/tree/abp-ng.components-tree.d.ts +5 -5
  44. package/tree/lib/components/tree.component.d.ts +39 -39
  45. package/tree/lib/templates/expanded-icon-template.directive.d.ts +8 -8
  46. package/tree/lib/templates/tree-node-template.directive.d.ts +8 -8
  47. package/tree/lib/tree.module.d.ts +13 -13
  48. package/tree/lib/utils/nz-tree-adapter.d.ts +39 -39
  49. package/tree/public-api.d.ts +5 -5
@@ -9,210 +9,210 @@ import * as i0 from '@angular/core';
9
9
  import { InjectionToken, Directive, Optional, Inject, Input, Component, ViewEncapsulation, ContentChild, NgModule } from '@angular/core';
10
10
  import { Observable, of } from 'rxjs';
11
11
 
12
- const PAGE_RENDER_STRATEGY = new InjectionToken('PAGE_RENDER_STRATEGY');
13
- class PagePartDirective {
14
- constructor(templateRef, viewContainer, renderLogic, injector) {
15
- this.templateRef = templateRef;
16
- this.viewContainer = viewContainer;
17
- this.renderLogic = renderLogic;
18
- this.injector = injector;
19
- this.hasRendered = false;
20
- this.render = (shouldRender) => {
21
- if (shouldRender && !this.hasRendered) {
22
- this.viewContainer.createEmbeddedView(this.templateRef);
23
- this.hasRendered = true;
24
- }
25
- else if (!shouldRender && this.hasRendered) {
26
- this.viewContainer.clear();
27
- this.hasRendered = false;
28
- }
29
- };
30
- }
31
- set abpPagePart(type) {
32
- this.type = type;
33
- this.createRenderStream(type);
34
- }
35
- ngOnChanges({ context }) {
36
- var _a;
37
- if ((_a = this.renderLogic) === null || _a === void 0 ? void 0 : _a.onContextUpdate) {
38
- this.renderLogic.onContextUpdate(context);
39
- }
40
- }
41
- ngOnInit() {
42
- var _a;
43
- if ((_a = this.renderLogic) === null || _a === void 0 ? void 0 : _a.onInit) {
44
- this.renderLogic.onInit(this.type, this.injector, this.context);
45
- }
46
- }
47
- ngOnDestroy() {
48
- var _a;
49
- this.clearSubscription();
50
- if ((_a = this.renderLogic) === null || _a === void 0 ? void 0 : _a.onDestroy) {
51
- this.renderLogic.onDestroy(this.type, this.injector, this.context);
52
- }
53
- }
54
- shouldRender(type) {
55
- if (this.renderLogic) {
56
- const willRender = this.renderLogic.shouldRender(type);
57
- return willRender instanceof Observable ? willRender : of(willRender);
58
- }
59
- return of(true);
60
- }
61
- createRenderStream(type) {
62
- this.clearSubscription();
63
- this.subscription = this.shouldRender(type).subscribe(this.render);
64
- }
65
- clearSubscription() {
66
- if (this.subscription) {
67
- this.subscription.unsubscribe();
68
- }
69
- }
70
- }
71
- PagePartDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: PagePartDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }, { token: PAGE_RENDER_STRATEGY, optional: true }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive });
72
- PagePartDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.13", type: PagePartDirective, selector: "[abpPagePart]", inputs: { context: ["abpPagePartContext", "context"], abpPagePart: "abpPagePart" }, usesOnChanges: true, ngImport: i0 });
73
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: PagePartDirective, decorators: [{
74
- type: Directive,
75
- args: [{ selector: '[abpPagePart]' }]
76
- }], ctorParameters: function () { return [{ type: i0.TemplateRef }, { type: i0.ViewContainerRef }, { type: undefined, decorators: [{
77
- type: Optional
78
- }, {
79
- type: Inject,
80
- args: [PAGE_RENDER_STRATEGY]
81
- }] }, { type: i0.Injector }]; }, propDecorators: { context: [{
82
- type: Input,
83
- args: ['abpPagePartContext']
84
- }], abpPagePart: [{
85
- type: Input
12
+ const PAGE_RENDER_STRATEGY = new InjectionToken('PAGE_RENDER_STRATEGY');
13
+ class PagePartDirective {
14
+ constructor(templateRef, viewContainer, renderLogic, injector) {
15
+ this.templateRef = templateRef;
16
+ this.viewContainer = viewContainer;
17
+ this.renderLogic = renderLogic;
18
+ this.injector = injector;
19
+ this.hasRendered = false;
20
+ this.render = (shouldRender) => {
21
+ if (shouldRender && !this.hasRendered) {
22
+ this.viewContainer.createEmbeddedView(this.templateRef);
23
+ this.hasRendered = true;
24
+ }
25
+ else if (!shouldRender && this.hasRendered) {
26
+ this.viewContainer.clear();
27
+ this.hasRendered = false;
28
+ }
29
+ };
30
+ }
31
+ set abpPagePart(type) {
32
+ this.type = type;
33
+ this.createRenderStream(type);
34
+ }
35
+ ngOnChanges({ context }) {
36
+ var _a;
37
+ if ((_a = this.renderLogic) === null || _a === void 0 ? void 0 : _a.onContextUpdate) {
38
+ this.renderLogic.onContextUpdate(context);
39
+ }
40
+ }
41
+ ngOnInit() {
42
+ var _a;
43
+ if ((_a = this.renderLogic) === null || _a === void 0 ? void 0 : _a.onInit) {
44
+ this.renderLogic.onInit(this.type, this.injector, this.context);
45
+ }
46
+ }
47
+ ngOnDestroy() {
48
+ var _a;
49
+ this.clearSubscription();
50
+ if ((_a = this.renderLogic) === null || _a === void 0 ? void 0 : _a.onDestroy) {
51
+ this.renderLogic.onDestroy(this.type, this.injector, this.context);
52
+ }
53
+ }
54
+ shouldRender(type) {
55
+ if (this.renderLogic) {
56
+ const willRender = this.renderLogic.shouldRender(type);
57
+ return willRender instanceof Observable ? willRender : of(willRender);
58
+ }
59
+ return of(true);
60
+ }
61
+ createRenderStream(type) {
62
+ this.clearSubscription();
63
+ this.subscription = this.shouldRender(type).subscribe(this.render);
64
+ }
65
+ clearSubscription() {
66
+ if (this.subscription) {
67
+ this.subscription.unsubscribe();
68
+ }
69
+ }
70
+ }
71
+ PagePartDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: PagePartDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }, { token: PAGE_RENDER_STRATEGY, optional: true }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Directive });
72
+ PagePartDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.13", type: PagePartDirective, selector: "[abpPagePart]", inputs: { context: ["abpPagePartContext", "context"], abpPagePart: "abpPagePart" }, usesOnChanges: true, ngImport: i0 });
73
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: PagePartDirective, decorators: [{
74
+ type: Directive,
75
+ args: [{ selector: '[abpPagePart]' }]
76
+ }], ctorParameters: function () { return [{ type: i0.TemplateRef }, { type: i0.ViewContainerRef }, { type: undefined, decorators: [{
77
+ type: Optional
78
+ }, {
79
+ type: Inject,
80
+ args: [PAGE_RENDER_STRATEGY]
81
+ }] }, { type: i0.Injector }]; }, propDecorators: { context: [{
82
+ type: Input,
83
+ args: ['abpPagePartContext']
84
+ }], abpPagePart: [{
85
+ type: Input
86
86
  }] } });
87
87
 
88
- var PageParts;
89
- (function (PageParts) {
90
- PageParts["title"] = "PageTitleContainerComponent";
91
- PageParts["breadcrumb"] = "PageBreadcrumbContainerComponent";
92
- PageParts["toolbar"] = "PageToolbarContainerComponent";
93
- })(PageParts || (PageParts = {}));
94
- class PageTitleContainerComponent {
95
- }
96
- PageTitleContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: PageTitleContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
97
- PageTitleContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: PageTitleContainerComponent, selector: "abp-page-title-container", ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true, encapsulation: i0.ViewEncapsulation.None });
98
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: PageTitleContainerComponent, decorators: [{
99
- type: Component,
100
- args: [{
101
- selector: 'abp-page-title-container',
102
- template: ` <ng-content></ng-content> `,
103
- encapsulation: ViewEncapsulation.None,
104
- }]
105
- }] });
106
- class PageBreadcrumbContainerComponent {
107
- }
108
- PageBreadcrumbContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: PageBreadcrumbContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
109
- PageBreadcrumbContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: PageBreadcrumbContainerComponent, selector: "abp-page-breadcrumb-container", ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true, encapsulation: i0.ViewEncapsulation.None });
110
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: PageBreadcrumbContainerComponent, decorators: [{
111
- type: Component,
112
- args: [{
113
- selector: 'abp-page-breadcrumb-container',
114
- template: ` <ng-content></ng-content> `,
115
- encapsulation: ViewEncapsulation.None,
116
- }]
117
- }] });
118
- class PageToolbarContainerComponent {
119
- }
120
- PageToolbarContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: PageToolbarContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
121
- PageToolbarContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: PageToolbarContainerComponent, selector: "abp-page-toolbar-container", ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true, encapsulation: i0.ViewEncapsulation.None });
122
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: PageToolbarContainerComponent, decorators: [{
123
- type: Component,
124
- args: [{
125
- selector: 'abp-page-toolbar-container',
126
- template: ` <ng-content></ng-content> `,
127
- encapsulation: ViewEncapsulation.None,
128
- }]
88
+ var PageParts;
89
+ (function (PageParts) {
90
+ PageParts["title"] = "PageTitleContainerComponent";
91
+ PageParts["breadcrumb"] = "PageBreadcrumbContainerComponent";
92
+ PageParts["toolbar"] = "PageToolbarContainerComponent";
93
+ })(PageParts || (PageParts = {}));
94
+ class PageTitleContainerComponent {
95
+ }
96
+ PageTitleContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: PageTitleContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
97
+ PageTitleContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: PageTitleContainerComponent, selector: "abp-page-title-container", ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true, encapsulation: i0.ViewEncapsulation.None });
98
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: PageTitleContainerComponent, decorators: [{
99
+ type: Component,
100
+ args: [{
101
+ selector: 'abp-page-title-container',
102
+ template: ` <ng-content></ng-content> `,
103
+ encapsulation: ViewEncapsulation.None,
104
+ }]
105
+ }] });
106
+ class PageBreadcrumbContainerComponent {
107
+ }
108
+ PageBreadcrumbContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: PageBreadcrumbContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
109
+ PageBreadcrumbContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: PageBreadcrumbContainerComponent, selector: "abp-page-breadcrumb-container", ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true, encapsulation: i0.ViewEncapsulation.None });
110
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: PageBreadcrumbContainerComponent, decorators: [{
111
+ type: Component,
112
+ args: [{
113
+ selector: 'abp-page-breadcrumb-container',
114
+ template: ` <ng-content></ng-content> `,
115
+ encapsulation: ViewEncapsulation.None,
116
+ }]
117
+ }] });
118
+ class PageToolbarContainerComponent {
119
+ }
120
+ PageToolbarContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: PageToolbarContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
121
+ PageToolbarContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: PageToolbarContainerComponent, selector: "abp-page-toolbar-container", ngImport: i0, template: ` <ng-content></ng-content> `, isInline: true, encapsulation: i0.ViewEncapsulation.None });
122
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: PageToolbarContainerComponent, decorators: [{
123
+ type: Component,
124
+ args: [{
125
+ selector: 'abp-page-toolbar-container',
126
+ template: ` <ng-content></ng-content> `,
127
+ encapsulation: ViewEncapsulation.None,
128
+ }]
129
129
  }] });
130
130
 
131
- class PageComponent {
132
- constructor() {
133
- this.toolbarVisible = false;
134
- this.breadcrumbVisible = true;
135
- this.pageParts = {
136
- title: PageParts.title,
137
- breadcrumb: PageParts.breadcrumb,
138
- toolbar: PageParts.toolbar,
139
- };
140
- }
141
- set toolbarData(val) {
142
- this._toolbarData = val;
143
- this.toolbarVisible = true;
144
- }
145
- get toolbarData() {
146
- return this._toolbarData;
147
- }
148
- get shouldRenderRow() {
149
- return !!(this.title ||
150
- this.toolbarVisible ||
151
- this.breadcrumbVisible ||
152
- this.customTitle ||
153
- this.customBreadcrumb ||
154
- this.customToolbar);
155
- }
156
- }
157
- PageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: PageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
158
- PageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: PageComponent, selector: "abp-page", inputs: { title: "title", toolbarData: ["toolbar", "toolbarData"], breadcrumbVisible: ["breadcrumb", "breadcrumbVisible"] }, queries: [{ propertyName: "customTitle", first: true, predicate: PageTitleContainerComponent, descendants: true }, { propertyName: "customBreadcrumb", first: true, predicate: PageBreadcrumbContainerComponent, descendants: true }, { propertyName: "customToolbar", first: true, predicate: PageToolbarContainerComponent, descendants: true }], ngImport: i0, template: "<div class=\"row entry-row\" *ngIf=\"shouldRenderRow\">\n <ng-container *ngIf=\"customTitle; else defaultTitleTemplate\">\n <ng-content select=\"abp-page-title-container\"></ng-content>\n </ng-container>\n\n <ng-container *ngIf=\"customBreadcrumb; else defaultBreadcrumbTemplate\">\n <ng-content select=\"abp-page-breadcrumb-container\"></ng-content>\n </ng-container>\n\n <ng-container *ngIf=\"customToolbar; else defaultPageToolbarTemplate\">\n <ng-content select=\"abp-page-toolbar-container\"></ng-content>\n </ng-container>\n</div>\n\n<ng-content></ng-content>\n\n<ng-template #defaultTitleTemplate>\n <ng-container *ngIf=\"title\">\n <div class=\"col-auto\" *abpPagePart=\"pageParts.title\">\n <h1 class=\"content-header-title\">\n {{ title }}\n </h1>\n </div>\n </ng-container>\n</ng-template>\n\n<ng-template #defaultBreadcrumbTemplate>\n <ng-container *ngIf=\"breadcrumbVisible\">\n <div class=\"col-lg-auto ps-lg-0\" *abpPagePart=\"pageParts.breadcrumb\">\n <abp-breadcrumb></abp-breadcrumb>\n </div>\n </ng-container>\n</ng-template>\n\n<ng-template #defaultPageToolbarTemplate>\n <ng-container *ngIf=\"toolbarVisible\">\n <div class=\"col\" *abpPagePart=\"pageParts.toolbar; context: toolbarData\">\n <abp-page-toolbar [record]=\"toolbarData\"></abp-page-toolbar>\n </div>\n </ng-container>\n</ng-template>\n", components: [{ type: i1.BreadcrumbComponent, selector: "abp-breadcrumb" }, { type: i2.PageToolbarComponent, selector: "abp-page-toolbar", exportAs: ["abpPageToolbar"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: PagePartDirective, selector: "[abpPagePart]", inputs: ["abpPagePartContext", "abpPagePart"] }], encapsulation: i0.ViewEncapsulation.None });
159
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: PageComponent, decorators: [{
160
- type: Component,
161
- args: [{
162
- selector: 'abp-page',
163
- templateUrl: './page.component.html',
164
- encapsulation: ViewEncapsulation.None,
165
- }]
166
- }], propDecorators: { title: [{
167
- type: Input
168
- }], toolbarData: [{
169
- type: Input,
170
- args: ['toolbar']
171
- }], breadcrumbVisible: [{
172
- type: Input,
173
- args: ['breadcrumb']
174
- }], customTitle: [{
175
- type: ContentChild,
176
- args: [PageTitleContainerComponent]
177
- }], customBreadcrumb: [{
178
- type: ContentChild,
179
- args: [PageBreadcrumbContainerComponent]
180
- }], customToolbar: [{
181
- type: ContentChild,
182
- args: [PageToolbarContainerComponent]
131
+ class PageComponent {
132
+ constructor() {
133
+ this.toolbarVisible = false;
134
+ this.breadcrumbVisible = true;
135
+ this.pageParts = {
136
+ title: PageParts.title,
137
+ breadcrumb: PageParts.breadcrumb,
138
+ toolbar: PageParts.toolbar,
139
+ };
140
+ }
141
+ set toolbarData(val) {
142
+ this._toolbarData = val;
143
+ this.toolbarVisible = true;
144
+ }
145
+ get toolbarData() {
146
+ return this._toolbarData;
147
+ }
148
+ get shouldRenderRow() {
149
+ return !!(this.title ||
150
+ this.toolbarVisible ||
151
+ this.breadcrumbVisible ||
152
+ this.customTitle ||
153
+ this.customBreadcrumb ||
154
+ this.customToolbar);
155
+ }
156
+ }
157
+ PageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: PageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
158
+ PageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.13", type: PageComponent, selector: "abp-page", inputs: { title: "title", toolbarData: ["toolbar", "toolbarData"], breadcrumbVisible: ["breadcrumb", "breadcrumbVisible"] }, queries: [{ propertyName: "customTitle", first: true, predicate: PageTitleContainerComponent, descendants: true }, { propertyName: "customBreadcrumb", first: true, predicate: PageBreadcrumbContainerComponent, descendants: true }, { propertyName: "customToolbar", first: true, predicate: PageToolbarContainerComponent, descendants: true }], ngImport: i0, template: "<div class=\"row entry-row\" *ngIf=\"shouldRenderRow\">\n <ng-container *ngIf=\"customTitle; else defaultTitleTemplate\">\n <ng-content select=\"abp-page-title-container\"></ng-content>\n </ng-container>\n\n <ng-container *ngIf=\"customBreadcrumb; else defaultBreadcrumbTemplate\">\n <ng-content select=\"abp-page-breadcrumb-container\"></ng-content>\n </ng-container>\n\n <ng-container *ngIf=\"customToolbar; else defaultPageToolbarTemplate\">\n <ng-content select=\"abp-page-toolbar-container\"></ng-content>\n </ng-container>\n</div>\n\n<ng-content></ng-content>\n\n<ng-template #defaultTitleTemplate>\n <ng-container *ngIf=\"title\">\n <div class=\"col-auto\" *abpPagePart=\"pageParts.title\">\n <h1 class=\"content-header-title\">\n {{ title }}\n </h1>\n </div>\n </ng-container>\n</ng-template>\n\n<ng-template #defaultBreadcrumbTemplate>\n <ng-container *ngIf=\"breadcrumbVisible\">\n <div class=\"col-lg-auto ps-lg-0\" *abpPagePart=\"pageParts.breadcrumb\">\n <abp-breadcrumb></abp-breadcrumb>\n </div>\n </ng-container>\n</ng-template>\n\n<ng-template #defaultPageToolbarTemplate>\n <ng-container *ngIf=\"toolbarVisible\">\n <div class=\"col\" *abpPagePart=\"pageParts.toolbar; context: toolbarData\">\n <abp-page-toolbar [record]=\"toolbarData\"></abp-page-toolbar>\n </div>\n </ng-container>\n</ng-template>\n", components: [{ type: i1.BreadcrumbComponent, selector: "abp-breadcrumb" }, { type: i2.PageToolbarComponent, selector: "abp-page-toolbar", exportAs: ["abpPageToolbar"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: PagePartDirective, selector: "[abpPagePart]", inputs: ["abpPagePartContext", "abpPagePart"] }], encapsulation: i0.ViewEncapsulation.None });
159
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: PageComponent, decorators: [{
160
+ type: Component,
161
+ args: [{
162
+ selector: 'abp-page',
163
+ templateUrl: './page.component.html',
164
+ encapsulation: ViewEncapsulation.None,
165
+ }]
166
+ }], propDecorators: { title: [{
167
+ type: Input
168
+ }], toolbarData: [{
169
+ type: Input,
170
+ args: ['toolbar']
171
+ }], breadcrumbVisible: [{
172
+ type: Input,
173
+ args: ['breadcrumb']
174
+ }], customTitle: [{
175
+ type: ContentChild,
176
+ args: [PageTitleContainerComponent]
177
+ }], customBreadcrumb: [{
178
+ type: ContentChild,
179
+ args: [PageBreadcrumbContainerComponent]
180
+ }], customToolbar: [{
181
+ type: ContentChild,
182
+ args: [PageToolbarContainerComponent]
183
183
  }] } });
184
184
 
185
- const exportedDeclarations = [
186
- PageComponent,
187
- PageTitleContainerComponent,
188
- PageBreadcrumbContainerComponent,
189
- PageToolbarContainerComponent,
190
- PagePartDirective,
191
- ];
192
- class PageModule {
193
- }
194
- PageModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: PageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
195
- PageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: PageModule, declarations: [PageComponent,
196
- PageTitleContainerComponent,
197
- PageBreadcrumbContainerComponent,
198
- PageToolbarContainerComponent,
199
- PagePartDirective], imports: [CommonModule, UiExtensionsModule, CoreModule, ThemeSharedModule], exports: [PageComponent,
200
- PageTitleContainerComponent,
201
- PageBreadcrumbContainerComponent,
202
- PageToolbarContainerComponent,
203
- PagePartDirective, UiExtensionsModule] });
204
- PageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: PageModule, imports: [[CommonModule, UiExtensionsModule, CoreModule, ThemeSharedModule], UiExtensionsModule] });
205
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: PageModule, decorators: [{
206
- type: NgModule,
207
- args: [{
208
- declarations: [...exportedDeclarations],
209
- imports: [CommonModule, UiExtensionsModule, CoreModule, ThemeSharedModule],
210
- exports: [...exportedDeclarations, UiExtensionsModule],
211
- }]
185
+ const exportedDeclarations = [
186
+ PageComponent,
187
+ PageTitleContainerComponent,
188
+ PageBreadcrumbContainerComponent,
189
+ PageToolbarContainerComponent,
190
+ PagePartDirective,
191
+ ];
192
+ class PageModule {
193
+ }
194
+ PageModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: PageModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
195
+ PageModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: PageModule, declarations: [PageComponent,
196
+ PageTitleContainerComponent,
197
+ PageBreadcrumbContainerComponent,
198
+ PageToolbarContainerComponent,
199
+ PagePartDirective], imports: [CommonModule, UiExtensionsModule, CoreModule, ThemeSharedModule], exports: [PageComponent,
200
+ PageTitleContainerComponent,
201
+ PageBreadcrumbContainerComponent,
202
+ PageToolbarContainerComponent,
203
+ PagePartDirective, UiExtensionsModule] });
204
+ PageModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: PageModule, imports: [[CommonModule, UiExtensionsModule, CoreModule, ThemeSharedModule], UiExtensionsModule] });
205
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.13", ngImport: i0, type: PageModule, decorators: [{
206
+ type: NgModule,
207
+ args: [{
208
+ declarations: [...exportedDeclarations],
209
+ imports: [CommonModule, UiExtensionsModule, CoreModule, ThemeSharedModule],
210
+ exports: [...exportedDeclarations, UiExtensionsModule],
211
+ }]
212
212
  }] });
213
213
 
214
- /**
215
- * Generated bundle index. Do not edit.
214
+ /**
215
+ * Generated bundle index. Do not edit.
216
216
  */
217
217
 
218
218
  export { PAGE_RENDER_STRATEGY, PageBreadcrumbContainerComponent, PageComponent, PageModule, PagePartDirective, PageParts, PageTitleContainerComponent, PageToolbarContainerComponent };