@abp/ng.components 4.4.0 → 5.0.0-beta.1

package/abp-ng.components.d.ts

@@ -1,4 +1,5 @@
 /**
  * Generated bundle index. Do not edit.
  */
+/// <amd-module name="@abp/ng.components" />
 export * from './public-api';

package/bundles/abp-ng.components-chart.js.umd.js

@@ -0,0 +1,185 @@
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common')) :
+  typeof define === 'function' && define.amd ? define('@abp/ng.components/chart.js', ['exports', '@angular/core', '@angular/common'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.abp = global.abp || {}, global.abp.ng = global.abp.ng || {}, global.abp.ng.components = global.abp.ng.components || {}, global.abp.ng.components.chart = global.abp.ng.components.chart || {}, global.abp.ng.components.chart.js = {}), global.ng.core, global.ng.common));
+}(this, (function (exports, i0, common) { 'use strict';
+
+  function _interopNamespace(e) {
+    if (e && e.__esModule) return e;
+    var n = Object.create(null);
+    if (e) {
+      Object.keys(e).forEach(function (k) {
+        if (k !== 'default') {
+          var d = Object.getOwnPropertyDescriptor(e, k);
+          Object.defineProperty(n, k, d.get ? d : {
+            enumerable: true,
+            get: function () {
+              return e[k];
+            }
+          });
+        }
+      });
+    }
+    n['default'] = e;
+    return Object.freeze(n);
+  }
+
+  var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
+
+  var Chart;
+  var ChartComponent = /** @class */ (function () {
+      function ChartComponent(el, cdr) {
+          var _this = this;
+          this.el = el;
+          this.cdr = cdr;
+          this.data = {};
+          this.options = {};
+          this.plugins = [];
+          this.responsive = true;
+          this.dataSelect = new i0.EventEmitter();
+          this.initialized = new i0.EventEmitter();
+          this.initChart = function () {
+              var opts = _this.options || {};
+              opts.responsive = _this.responsive;
+              // allows chart to resize in responsive mode
+              if (opts.responsive && (_this.height || _this.width)) {
+                  opts.maintainAspectRatio = false;
+              }
+              _this.chart = new Chart(_this.canvas.nativeElement, {
+                  type: _this.type,
+                  data: _this.data,
+                  options: _this.options,
+              });
+          };
+          this.getCanvas = function () {
+              return _this.canvas.nativeElement;
+          };
+          this.getBase64Image = function () {
+              return _this.chart.toBase64Image();
+          };
+          this.generateLegend = function () {
+              if (_this.chart) {
+                  return _this.chart.generateLegend();
+              }
+          };
+          this.refresh = function () {
+              if (_this.chart) {
+                  _this.chart.update();
+                  _this.cdr.detectChanges();
+              }
+          };
+          this.reinit = function () {
+              if (!_this.chart)
+                  return;
+              _this.chart.destroy();
+              _this.initChart();
+          };
+      }
+      ChartComponent.prototype.ngAfterViewInit = function () {
+          var _this = this;
+          import('chart.js/auto').then(function (module) {
+              Chart = module.default;
+              _this.initChart();
+              _this.initialized.emit(true);
+          });
+      };
+      ChartComponent.prototype.onCanvasClick = function (event) {
+          if (this.chart) {
+              var element = this.chart.getElementsAtEventForMode(event, 'nearest', { intersect: true }, false);
+              var dataset = this.chart.getElementsAtEventForMode(event, 'dataset', { intersect: true }, false);
+              if (element && element[0] && dataset) {
+                  this.dataSelect.emit({ originalEvent: event, element: element[0], dataset: dataset });
+              }
+          }
+      };
+      ChartComponent.prototype.ngOnDestroy = function () {
+          if (this.chart) {
+              this.chart.destroy();
+              this.chart = null;
+          }
+      };
+      ChartComponent.prototype.ngOnChanges = function (changes) {
+          var _a, _b;
+          if (!this.chart)
+              return;
+          if (((_a = changes.data) === null || _a === void 0 ? void 0 : _a.currentValue) || ((_b = changes.options) === null || _b === void 0 ? void 0 : _b.currentValue)) {
+              this.chart.destroy();
+              this.initChart();
+          }
+      };
+      return ChartComponent;
+  }());
+  ChartComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: ChartComponent, deps: [{ token: i0__namespace.ElementRef }, { token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
+  ChartComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.6", type: ChartComponent, selector: "abp-chart", inputs: { type: "type", data: "data", options: "options", plugins: "plugins", width: "width", height: "height", responsive: "responsive" }, outputs: { dataSelect: "dataSelect", initialized: "initialized" }, viewQueries: [{ propertyName: "canvas", first: true, predicate: ["canvas"], descendants: true }], exportAs: ["abpChart"], usesOnChanges: true, ngImport: i0__namespace, template: "\n    <div\n      style=\"position:relative\"\n      [style.width]=\"responsive && !width ? null : width\"\n      [style.height]=\"responsive && !height ? null : height\"\n    >\n      <canvas\n        #canvas\n        [attr.width]=\"responsive && !width ? null : width\"\n        [attr.height]=\"responsive && !height ? null : height\"\n        (click)=\"onCanvasClick($event)\"\n      ></canvas>\n    </div>\n  ", isInline: true, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: ChartComponent, decorators: [{
+              type: i0.Component,
+              args: [{
+                      selector: 'abp-chart',
+                      template: "\n    <div\n      style=\"position:relative\"\n      [style.width]=\"responsive && !width ? null : width\"\n      [style.height]=\"responsive && !height ? null : height\"\n    >\n      <canvas\n        #canvas\n        [attr.width]=\"responsive && !width ? null : width\"\n        [attr.height]=\"responsive && !height ? null : height\"\n        (click)=\"onCanvasClick($event)\"\n      ></canvas>\n    </div>\n  ",
+                      changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                      exportAs: 'abpChart',
+                  }]
+          }], ctorParameters: function () { return [{ type: i0__namespace.ElementRef }, { type: i0__namespace.ChangeDetectorRef }]; }, propDecorators: { type: [{
+                  type: i0.Input
+              }], data: [{
+                  type: i0.Input
+              }], options: [{
+                  type: i0.Input
+              }], plugins: [{
+                  type: i0.Input
+              }], width: [{
+                  type: i0.Input
+              }], height: [{
+                  type: i0.Input
+              }], responsive: [{
+                  type: i0.Input
+              }], dataSelect: [{
+                  type: i0.Output
+              }], initialized: [{
+                  type: i0.Output
+              }], canvas: [{
+                  type: i0.ViewChild,
+                  args: ['canvas']
+              }] } });
+
+  var ChartModule = /** @class */ (function () {
+      function ChartModule() {
+      }
+      return ChartModule;
+  }());
+  ChartModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: ChartModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+  ChartModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: ChartModule, declarations: [ChartComponent], imports: [common.CommonModule], exports: [ChartComponent] });
+  ChartModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: ChartModule, providers: [], imports: [[common.CommonModule]] });
+  i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: ChartModule, decorators: [{
+              type: i0.NgModule,
+              args: [{
+                      imports: [common.CommonModule],
+                      exports: [ChartComponent],
+                      declarations: [ChartComponent],
+                      providers: [],
+                  }]
+          }] });
+
+  function getRandomBackgroundColor(count) {
+      var colors = [];
+      for (var i = 0; i < count; i++) {
+          var r = ((i + 5) * (i + 5) * 474) % 255;
+          var g = ((i + 5) * (i + 5) * 1600) % 255;
+          var b = ((i + 5) * (i + 5) * 84065) % 255;
+          colors.push('rgba(' + r + ', ' + g + ', ' + b + ', 0.7)');
+      }
+      return colors;
+  }
+
+  /**
+   * Generated bundle index. Do not edit.
+   */
+
+  exports.ChartComponent = ChartComponent;
+  exports.ChartModule = ChartModule;
+  exports.getRandomBackgroundColor = getRandomBackgroundColor;
+
+  Object.defineProperty(exports, '__esModule', { value: true });
+
+})));
+//# sourceMappingURL=abp-ng.components-chart.js.umd.js.map

package/bundles/abp-ng.components-chart.js.umd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"abp-ng.components-chart.js.umd.js","sources":["../../../../packages/components/chart.js/src/chart.component.ts","../../../../packages/components/chart.js/src/chart.module.ts","../../../../packages/components/chart.js/src/widget-utils.ts","../../../../packages/components/chart.js/src/abp-ng.components-chart.js.ts"],"sourcesContent":["import {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ElementRef,\n  EventEmitter,\n  Input,\n  OnChanges,\n  OnDestroy,\n  Output,\n  SimpleChanges,\n  ViewChild,\n} from '@angular/core';\n\nlet Chart: any;\n\n@Component({\n  selector: 'abp-chart',\n  template: `\n    <div\n      style=\"position:relative\"\n      [style.width]=\"responsive && !width ? null : width\"\n      [style.height]=\"responsive && !height ? null : height\"\n    >\n      <canvas\n        #canvas\n        [attr.width]=\"responsive && !width ? null : width\"\n        [attr.height]=\"responsive && !height ? null : height\"\n        (click)=\"onCanvasClick($event)\"\n      ></canvas>\n    </div>\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  exportAs: 'abpChart',\n})\nexport class ChartComponent implements AfterViewInit, OnDestroy, OnChanges {\n  @Input() type: string;\n\n  @Input() data: any = {};\n\n  @Input() options: any = {};\n\n  @Input() plugins: any[] = [];\n\n  @Input() width: string;\n\n  @Input() height: string;\n\n  @Input() responsive = true;\n\n  @Output() dataSelect = new EventEmitter();\n\n  @Output() initialized = new EventEmitter<boolean>();\n\n  @ViewChild('canvas') canvas: ElementRef<HTMLCanvasElement>;\n\n  chart: any;\n\n  constructor(public el: ElementRef, private cdr: ChangeDetectorRef) {}\n\n  ngAfterViewInit() {\n    import('chart.js/auto').then(module => {\n      Chart = module.default;\n      this.initChart();\n      this.initialized.emit(true);\n    });\n  }\n\n  onCanvasClick(event) {\n    if (this.chart) {\n      const element = this.chart.getElementsAtEventForMode(\n        event,\n        'nearest',\n        { intersect: true },\n        false,\n      );\n      const dataset = this.chart.getElementsAtEventForMode(\n        event,\n        'dataset',\n        { intersect: true },\n        false,\n      );\n\n      if (element && element[0] && dataset) {\n        this.dataSelect.emit({ originalEvent: event, element: element[0], dataset: dataset });\n      }\n    }\n  }\n\n  private initChart = () => {\n    const opts = this.options || {};\n    opts.responsive = this.responsive;\n\n    // allows chart to resize in responsive mode\n    if (opts.responsive && (this.height || this.width)) {\n      opts.maintainAspectRatio = false;\n    }\n\n    this.chart = new Chart(this.canvas.nativeElement, {\n      type: this.type as any,\n      data: this.data,\n      options: this.options,\n    });\n  };\n\n  getCanvas = () => {\n    return this.canvas.nativeElement;\n  };\n\n  getBase64Image = () => {\n    return this.chart.toBase64Image();\n  };\n\n  generateLegend = () => {\n    if (this.chart) {\n      return this.chart.generateLegend();\n    }\n  };\n\n  refresh = () => {\n    if (this.chart) {\n      this.chart.update();\n      this.cdr.detectChanges();\n    }\n  };\n\n  reinit = () => {\n    if (!this.chart) return;\n    this.chart.destroy();\n    this.initChart();\n  };\n\n  ngOnDestroy() {\n    if (this.chart) {\n      this.chart.destroy();\n      this.chart = null;\n    }\n  }\n\n  ngOnChanges(changes: SimpleChanges) {\n    if (!this.chart) return;\n\n    if (changes.data?.currentValue || changes.options?.currentValue) {\n      this.chart.destroy();\n      this.initChart();\n    }\n  }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { ChartComponent } from './chart.component';\n\n@NgModule({\n  imports: [CommonModule],\n  exports: [ChartComponent],\n  declarations: [ChartComponent],\n  providers: [],\n})\nexport class ChartModule {}\n","export function getRandomBackgroundColor(count) {\n  const colors = [];\n\n  for (let i = 0; i < count; i++) {\n    const r = ((i + 5) * (i + 5) * 474) % 255;\n    const g = ((i + 5) * (i + 5) * 1600) % 255;\n    const b = ((i + 5) * (i + 5) * 84065) % 255;\n    colors.push('rgba(' + r + ', ' + g + ', ' + b + ', 0.7)');\n  }\n\n  return colors;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["EventEmitter","Component","ChangeDetectionStrategy","Input","Output","ViewChild","CommonModule","NgModule"],"mappings":"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"}

package/bundles/abp-ng.components-page.umd.js

@@ -1,8 +1,33 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@abp/ng.theme.shared/extensions'), require('@abp/ng.theme.shared'), require('@abp/ng.core'), require('rxjs')) :
-    typeof define === 'function' && define.amd ? define('@abp/ng.components/page', ['exports', '@angular/core', '@angular/common', '@abp/ng.theme.shared/extensions', '@abp/ng.theme.shared', '@abp/ng.core', 'rxjs'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.abp = global.abp || {}, global.abp.ng = global.abp.ng || {}, global.abp.ng.components = global.abp.ng.components || {}, global.abp.ng.components.page = {}), global.ng.core, global.ng.common, global.extensions, global.ng_theme_shared, global.ng_core, global.rxjs));
-}(this, (function (exports, core, common, extensions, ng_theme_shared, ng_core, rxjs) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@abp/ng.core'), require('@abp/ng.theme.shared'), require('@abp/ng.theme.shared/extensions'), require('@angular/common'), require('@angular/core'), require('rxjs')) :
+    typeof define === 'function' && define.amd ? define('@abp/ng.components/page', ['exports', '@abp/ng.core', '@abp/ng.theme.shared', '@abp/ng.theme.shared/extensions', '@angular/common', '@angular/core', 'rxjs'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.abp = global.abp || {}, global.abp.ng = global.abp.ng || {}, global.abp.ng.components = global.abp.ng.components || {}, global.abp.ng.components.page = {}), global.ng_core, global.i1, global.i2, global.ng.common, global.ng.core, global.rxjs));
+}(this, (function (exports, ng_core, i1, i2, i3, i0, rxjs) { 'use strict';
+
+    function _interopNamespace(e) {
+        if (e && e.__esModule) return e;
+        var n = Object.create(null);
+        if (e) {
+            Object.keys(e).forEach(function (k) {
+                if (k !== 'default') {
+                    var d = Object.getOwnPropertyDescriptor(e, k);
+                    Object.defineProperty(n, k, d.get ? d : {
+                        enumerable: true,
+                        get: function () {
+                            return e[k];
+                        }
+                    });
+                }
+            });
+        }
+        n['default'] = e;
+        return Object.freeze(n);
+    }
+
+    var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
+    var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
+    var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
+    var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
 
     /*! *****************************************************************************
     Copyright (c) Microsoft Corporation.
@@ -239,7 +264,7 @@
                     ar[i] = from[i];
                 }
             }
-        return to.concat(ar || from);
+        return to.concat(ar || Array.prototype.slice.call(from));
     }
     function __await(v) {
         return this instanceof __await ? (this.v = v, this) : new __await(v);
@@ -322,101 +347,7 @@
         return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
     }
 
-    exports.PageParts = void 0;
-    (function (PageParts) {
-        PageParts["title"] = "PageTitleContainerComponent";
-        PageParts["breadcrumb"] = "PageBreadcrumbContainerComponent";
-        PageParts["toolbar"] = "PageToolbarContainerComponent";
-    })(exports.PageParts || (exports.PageParts = {}));
-    var PageTitleContainerComponent = /** @class */ (function () {
-        function PageTitleContainerComponent() {
-        }
-        return PageTitleContainerComponent;
-    }());
-    PageTitleContainerComponent.decorators = [
-        { type: core.Component, args: [{
-                    selector: 'abp-page-title-container',
-                    template: "\n    <ng-content></ng-content>\n  ",
-                    encapsulation: core.ViewEncapsulation.None
-                },] }
-    ];
-    var PageBreadcrumbContainerComponent = /** @class */ (function () {
-        function PageBreadcrumbContainerComponent() {
-        }
-        return PageBreadcrumbContainerComponent;
-    }());
-    PageBreadcrumbContainerComponent.decorators = [
-        { type: core.Component, args: [{
-                    selector: 'abp-page-breadcrumb-container',
-                    template: "\n    <ng-content></ng-content>\n  ",
-                    encapsulation: core.ViewEncapsulation.None
-                },] }
-    ];
-    var PageToolbarContainerComponent = /** @class */ (function () {
-        function PageToolbarContainerComponent() {
-        }
-        return PageToolbarContainerComponent;
-    }());
-    PageToolbarContainerComponent.decorators = [
-        { type: core.Component, args: [{
-                    selector: 'abp-page-toolbar-container',
-                    template: "\n    <ng-content></ng-content>\n  ",
-                    encapsulation: core.ViewEncapsulation.None
-                },] }
-    ];
-
-    var PageComponent = /** @class */ (function () {
-        function PageComponent() {
-            this.toolbarVisible = false;
-            this.breadcrumbVisible = true;
-            this.pageParts = {
-                title: exports.PageParts.title,
-                breadcrumb: exports.PageParts.breadcrumb,
-                toolbar: exports.PageParts.toolbar,
-            };
-        }
-        Object.defineProperty(PageComponent.prototype, "toolbarData", {
-            get: function () {
-                return this._toolbarData;
-            },
-            set: function (val) {
-                this._toolbarData = val;
-                this.toolbarVisible = true;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        Object.defineProperty(PageComponent.prototype, "shouldRenderRow", {
-            get: function () {
-                return !!(this.title ||
-                    this.toolbarVisible ||
-                    this.breadcrumbVisible ||
-                    this.customTitle ||
-                    this.customBreadcrumb ||
-                    this.customToolbar);
-            },
-            enumerable: false,
-            configurable: true
-        });
-        return PageComponent;
-    }());
-    PageComponent.decorators = [
-        { type: core.Component, args: [{
-                    selector: 'abp-page',
-                    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 pl-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",
-                    encapsulation: core.ViewEncapsulation.None
-                },] }
-    ];
-    PageComponent.propDecorators = {
-        title: [{ type: core.Input }],
-        toolbarData: [{ type: core.Input, args: ['toolbar',] }],
-        breadcrumbVisible: [{ type: core.Input, args: ['breadcrumb',] }],
-        customTitle: [{ type: core.ContentChild, args: [PageTitleContainerComponent,] }],
-        customBreadcrumb: [{ type: core.ContentChild, args: [PageBreadcrumbContainerComponent,] }],
-        customToolbar: [{ type: core.ContentChild, args: [PageToolbarContainerComponent,] }]
-    };
-
-    var PAGE_RENDER_STRATEGY = new core.InjectionToken('PAGE_RENDER_STRATEGY');
+    var PAGE_RENDER_STRATEGY = new i0.InjectionToken('PAGE_RENDER_STRATEGY');
     var PagePartDirective = /** @class */ (function () {
         function PagePartDirective(templateRef, viewContainer, renderLogic, injector) {
             var _this = this;
@@ -482,19 +413,139 @@
         };
         return PagePartDirective;
     }());
-    PagePartDirective.decorators = [
-        { type: core.Directive, args: [{ selector: '[abpPagePart]' },] }
-    ];
-    PagePartDirective.ctorParameters = function () { return [
-        { type: core.TemplateRef },
-        { type: core.ViewContainerRef },
-        { type: undefined, decorators: [{ type: core.Optional }, { type: core.Inject, args: [PAGE_RENDER_STRATEGY,] }] },
-        { type: core.Injector }
-    ]; };
-    PagePartDirective.propDecorators = {
-        context: [{ type: core.Input, args: ['abpPagePartContext',] }],
-        abpPagePart: [{ type: core.Input }]
-    };
+    PagePartDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: PagePartDirective, deps: [{ token: i0__namespace.TemplateRef }, { token: i0__namespace.ViewContainerRef }, { token: PAGE_RENDER_STRATEGY, optional: true }, { token: i0__namespace.Injector }], target: i0__namespace.ɵɵFactoryTarget.Directive });
+    PagePartDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.6", type: PagePartDirective, selector: "[abpPagePart]", inputs: { context: ["abpPagePartContext", "context"], abpPagePart: "abpPagePart" }, usesOnChanges: true, ngImport: i0__namespace });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: PagePartDirective, decorators: [{
+                type: i0.Directive,
+                args: [{ selector: '[abpPagePart]' }]
+            }], ctorParameters: function () {
+            return [{ type: i0__namespace.TemplateRef }, { type: i0__namespace.ViewContainerRef }, { type: undefined, decorators: [{
+                            type: i0.Optional
+                        }, {
+                            type: i0.Inject,
+                            args: [PAGE_RENDER_STRATEGY]
+                        }] }, { type: i0__namespace.Injector }];
+        }, propDecorators: { context: [{
+                    type: i0.Input,
+                    args: ['abpPagePartContext']
+                }], abpPagePart: [{
+                    type: i0.Input
+                }] } });
+
+    exports.PageParts = void 0;
+    (function (PageParts) {
+        PageParts["title"] = "PageTitleContainerComponent";
+        PageParts["breadcrumb"] = "PageBreadcrumbContainerComponent";
+        PageParts["toolbar"] = "PageToolbarContainerComponent";
+    })(exports.PageParts || (exports.PageParts = {}));
+    var PageTitleContainerComponent = /** @class */ (function () {
+        function PageTitleContainerComponent() {
+        }
+        return PageTitleContainerComponent;
+    }());
+    PageTitleContainerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: PageTitleContainerComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    PageTitleContainerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.6", type: PageTitleContainerComponent, selector: "abp-page-title-container", ngImport: i0__namespace, template: " <ng-content></ng-content> ", isInline: true, encapsulation: i0__namespace.ViewEncapsulation.None });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: PageTitleContainerComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'abp-page-title-container',
+                        template: " <ng-content></ng-content> ",
+                        encapsulation: i0.ViewEncapsulation.None,
+                    }]
+            }] });
+    var PageBreadcrumbContainerComponent = /** @class */ (function () {
+        function PageBreadcrumbContainerComponent() {
+        }
+        return PageBreadcrumbContainerComponent;
+    }());
+    PageBreadcrumbContainerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: PageBreadcrumbContainerComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    PageBreadcrumbContainerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.6", type: PageBreadcrumbContainerComponent, selector: "abp-page-breadcrumb-container", ngImport: i0__namespace, template: " <ng-content></ng-content> ", isInline: true, encapsulation: i0__namespace.ViewEncapsulation.None });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: PageBreadcrumbContainerComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'abp-page-breadcrumb-container',
+                        template: " <ng-content></ng-content> ",
+                        encapsulation: i0.ViewEncapsulation.None,
+                    }]
+            }] });
+    var PageToolbarContainerComponent = /** @class */ (function () {
+        function PageToolbarContainerComponent() {
+        }
+        return PageToolbarContainerComponent;
+    }());
+    PageToolbarContainerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: PageToolbarContainerComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    PageToolbarContainerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.6", type: PageToolbarContainerComponent, selector: "abp-page-toolbar-container", ngImport: i0__namespace, template: " <ng-content></ng-content> ", isInline: true, encapsulation: i0__namespace.ViewEncapsulation.None });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: PageToolbarContainerComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'abp-page-toolbar-container',
+                        template: " <ng-content></ng-content> ",
+                        encapsulation: i0.ViewEncapsulation.None,
+                    }]
+            }] });
+
+    var PageComponent = /** @class */ (function () {
+        function PageComponent() {
+            this.toolbarVisible = false;
+            this.breadcrumbVisible = true;
+            this.pageParts = {
+                title: exports.PageParts.title,
+                breadcrumb: exports.PageParts.breadcrumb,
+                toolbar: exports.PageParts.toolbar,
+            };
+        }
+        Object.defineProperty(PageComponent.prototype, "toolbarData", {
+            get: function () {
+                return this._toolbarData;
+            },
+            set: function (val) {
+                this._toolbarData = val;
+                this.toolbarVisible = true;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(PageComponent.prototype, "shouldRenderRow", {
+            get: function () {
+                return !!(this.title ||
+                    this.toolbarVisible ||
+                    this.breadcrumbVisible ||
+                    this.customTitle ||
+                    this.customBreadcrumb ||
+                    this.customToolbar);
+            },
+            enumerable: false,
+            configurable: true
+        });
+        return PageComponent;
+    }());
+    PageComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: PageComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    PageComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.6", 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__namespace, 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 pl-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__namespace.BreadcrumbComponent, selector: "abp-breadcrumb" }, { type: i2__namespace.PageToolbarComponent, selector: "abp-page-toolbar", exportAs: ["abpPageToolbar"] }], directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: PagePartDirective, selector: "[abpPagePart]", inputs: ["abpPagePartContext", "abpPagePart"] }], encapsulation: i0__namespace.ViewEncapsulation.None });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: PageComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'abp-page',
+                        templateUrl: './page.component.html',
+                        encapsulation: i0.ViewEncapsulation.None,
+                    }]
+            }], propDecorators: { title: [{
+                    type: i0.Input
+                }], toolbarData: [{
+                    type: i0.Input,
+                    args: ['toolbar']
+                }], breadcrumbVisible: [{
+                    type: i0.Input,
+                    args: ['breadcrumb']
+                }], customTitle: [{
+                    type: i0.ContentChild,
+                    args: [PageTitleContainerComponent]
+                }], customBreadcrumb: [{
+                    type: i0.ContentChild,
+                    args: [PageBreadcrumbContainerComponent]
+                }], customToolbar: [{
+                    type: i0.ContentChild,
+                    args: [PageToolbarContainerComponent]
+                }] } });
 
     var exportedDeclarations = [
         PageComponent,
@@ -508,13 +559,25 @@
         }
         return PageModule;
     }());
-    PageModule.decorators = [
-        { type: core.NgModule, args: [{
-                    declarations: __spread(exportedDeclarations),
-                    imports: [common.CommonModule, extensions.UiExtensionsModule, ng_core.CoreModule, ng_theme_shared.ThemeSharedModule],
-                    exports: __spread(exportedDeclarations),
-                },] }
-    ];
+    PageModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: PageModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    PageModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: PageModule, declarations: [PageComponent,
+            PageTitleContainerComponent,
+            PageBreadcrumbContainerComponent,
+            PageToolbarContainerComponent,
+            PagePartDirective], imports: [i3.CommonModule, i2.UiExtensionsModule, ng_core.CoreModule, i1.ThemeSharedModule], exports: [PageComponent,
+            PageTitleContainerComponent,
+            PageBreadcrumbContainerComponent,
+            PageToolbarContainerComponent,
+            PagePartDirective, i2.UiExtensionsModule] });
+    PageModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: PageModule, imports: [[i3.CommonModule, i2.UiExtensionsModule, ng_core.CoreModule, i1.ThemeSharedModule], i2.UiExtensionsModule] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.6", ngImport: i0__namespace, type: PageModule, decorators: [{
+                type: i0.NgModule,
+                args: [{
+                        declarations: __spreadArray([], __read(exportedDeclarations)),
+                        imports: [i3.CommonModule, i2.UiExtensionsModule, ng_core.CoreModule, i1.ThemeSharedModule],
+                        exports: __spreadArray(__spreadArray([], __read(exportedDeclarations)), [i2.UiExtensionsModule]),
+                    }]
+            }] });
 
     /**
      * Generated bundle index. Do not edit.