@energycap/components 0.27.7 → 0.27.8
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/bundles/energycap-components.umd.js +20 -4
- package/bundles/energycap-components.umd.js.map +1 -1
- package/bundles/energycap-components.umd.min.js +1 -1
- package/bundles/energycap-components.umd.min.js.map +1 -1
- package/energycap-components.metadata.json +1 -1
- package/esm2015/lib/display/table/searchable-table.component.js +4 -2
- package/esm2015/lib/shared/page/page-base/page-base.component.js +13 -1
- package/esm2015/lib/shared/page/page-title/page-title.component.js +4 -3
- package/esm2015/lib/shared/page/page-view/page-view.component.js +3 -2
- package/fesm2015/energycap-components.js +20 -4
- package/fesm2015/energycap-components.js.map +1 -1
- package/lib/shared/page/page-base/page-base.component.d.ts +10 -0
- package/lib/shared/page/page-title/page-title.component.d.ts +1 -0
- package/lib/shared/page/page-view/page-view.component.d.ts +1 -0
- package/package.json +1 -1
|
@@ -6865,7 +6865,9 @@
|
|
|
6865
6865
|
_this.pageInfo = TablePaginationComponent.getPagingInfo(1, _this.pageSize);
|
|
6866
6866
|
}
|
|
6867
6867
|
}));
|
|
6868
|
-
var updateResults = rxjs.merge(searchOrRefresh, this.pageChanged
|
|
6868
|
+
var updateResults = rxjs.merge(searchOrRefresh, this.pageChanged.pipe(
|
|
6869
|
+
// Prevent a call to getItems when the pageSize is set during page init and before ready is completed
|
|
6870
|
+
operators.skipUntil(this.ready)));
|
|
6869
6871
|
// Call getItems and watch for errors
|
|
6870
6872
|
var getData = updateResults.pipe(
|
|
6871
6873
|
// Pluck the searchModel value out of the formModel
|
|
@@ -8292,7 +8294,7 @@
|
|
|
8292
8294
|
PageTitleComponent.decorators = [
|
|
8293
8295
|
{ type: i0.Component, args: [{
|
|
8294
8296
|
selector: 'app-page-title',
|
|
8295
|
-
template: "<i *ngIf=\"titleIcon\"\r\n class=\"flex-shrink mr-1 my-1 ec-icon ec-icon-md {{titleIcon}}\"></i>\r\n<div class=\"text-truncate\">\r\n
|
|
8297
|
+
template: "<i *ngIf=\"titleIcon\"\r\n class=\"flex-shrink mr-1 my-1 ec-icon ec-icon-md {{titleIcon}}\"></i>\r\n<div class=\"text-truncate\">\r\n <h1 *ngIf=\"title\"\r\n class=\"text-title-1 mb-0 py-1 text-truncate\"\r\n title=\"{{title}}\">{{title}}</h1>\r\n <p *ngIf=\"subTitle && !subTitleUrl\"\r\n class=\"text-caption-1 mb-0 mt-n1 text-truncate\">{{subTitle}}</p>\r\n <a *ngIf=\"subTitle && subTitleUrl\"\r\n id=\"subTitle_link\"\r\n class=\"d-block text-truncate mb-0 mt-n1 font-size-small\"\r\n routerLink=\"{{subTitleUrl}}\"\r\n target=\"_self\">\r\n {{subTitle}}\r\n </a>\r\n</div>",
|
|
8296
8298
|
host: {
|
|
8297
8299
|
class: 'd-flex'
|
|
8298
8300
|
}
|
|
@@ -8301,7 +8303,8 @@
|
|
|
8301
8303
|
PageTitleComponent.propDecorators = {
|
|
8302
8304
|
title: [{ type: i0.Input }],
|
|
8303
8305
|
titleIcon: [{ type: i0.Input }],
|
|
8304
|
-
subTitle: [{ type: i0.Input }]
|
|
8306
|
+
subTitle: [{ type: i0.Input }],
|
|
8307
|
+
subTitleUrl: [{ type: i0.Input }]
|
|
8305
8308
|
};
|
|
8306
8309
|
|
|
8307
8310
|
var PageViewComponent = /** @class */ (function () {
|
|
@@ -8358,7 +8361,7 @@
|
|
|
8358
8361
|
PageViewComponent.decorators = [
|
|
8359
8362
|
{ type: i0.Component, args: [{
|
|
8360
8363
|
selector: 'ec-page-view',
|
|
8361
|
-
template: "<div ecOverlay\r\n [status]=\"status?.status\"\r\n [message]=\"status?.message\"\r\n [displayAsMask]=\"true\"\r\n class=\"bg-body flex-grow d-flex\">\r\n <div id=\"PageViewScrollContainer\" \r\n class=\"d-flex flex-column flex-grow scroll-y\" \r\n [class.is-dialog]=\"isDialog\"\r\n [class.fit-content]=\"fitContent\"\r\n [class.sticky-footer]=\"stickyFooter && !!footerTemplate\"\r\n [class.overlay-visible]=\"status?.status !== 'hasData'\">\r\n <section>\r\n <ng-content></ng-content> \r\n </section>\r\n \r\n <footer>\r\n <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\r\n </footer>\r\n\r\n <header *ngIf=\"showHeader\">\r\n \r\n <ol id=\"breadcrumbs\"\r\n *ngIf=\"breadcrumbs?.length && !isDialog\">\r\n <li *ngFor=\"let crumb of breadcrumbs; last as isLast\">\r\n <a *ngIf=\"crumb.url; else label\"\r\n [routerLink]=\"crumb.url\">\r\n <ng-container *ngTemplateOutlet=\"label\"></ng-container>\r\n </a>\r\n <ng-template #label>{{crumb.label}}</ng-template>\r\n </li>\r\n </ol>\r\n \r\n <div *ngIf=\"!customHeaderTemplate; else customHeaderOutlet\" class=\"titlebar\">\r\n <app-page-title *ngIf=\"!customTitleTemplate; else customTitle\" \r\n [title]=\"title\"\r\n [subTitle]=\"subTitle\"\r\n [titleIcon]=\"titleIcon\"\r\n class=\"title text-truncate\">\r\n </app-page-title>\r\n \r\n <ng-template #customTitle>\r\n <div class=\"title\">\r\n <ng-container *ngTemplateOutlet=\"customTitleTemplate\"></ng-container>\r\n </div>\r\n </ng-template>\r\n \r\n <div class=\"actions\">\r\n <ec-button id=\"primaryAction\"\r\n class=\"ml-2\"\r\n *ngIf=\"!hidePrimaryAction && onPrimaryAction.observers?.length\"\r\n [disabled]=\"status?.status === 'pending'\"\r\n type=\"primary\"\r\n [label]=\"primaryActionLabel\"\r\n (clicked)=\"primaryAction($event)\">\r\n </ec-button>\r\n <ec-button id=\"secondaryAction\"\r\n class=\"ml-2\"\r\n *ngIf=\"!hideSecondaryAction && onSecondaryAction.observers?.length\"\r\n type=\"secondary\"\r\n [label]=\"secondaryActionLabel\"\r\n (clicked)=\"secondaryAction($event)\">\r\n </ec-button>\r\n <ec-dropdown id=\"moreActions\"\r\n *ngIf=\"moreActions?.length\"\r\n [disabled]=\"status?.status === 'pending'\"\r\n class=\"ml-2\"\r\n buttonType=\"secondary\"\r\n [label]=\"moreActionsLabel\"\r\n [items]=\"moreActions\">\r\n </ec-dropdown>\r\n <ng-container *ngTemplateOutlet=\"customActionsTemplate\"></ng-container>\r\n </div>\r\n </div>\r\n \r\n <ng-template #customHeaderOutlet> \r\n <div class=\"page-header\">\r\n <ng-container *ngTemplateOutlet=\"customHeaderTemplate\"></ng-container>\r\n </div>\r\n </ng-template>\r\n \r\n <ec-banner *ngIf=\"errors\"\r\n id=\"pageViewErrors\"\r\n [class.border-bottom-0]=\"!isDialog\">\r\n <div [innerHtml]=\"errors\"></div>\r\n </ec-banner>\r\n </header>\r\n </div>\r\n</div>\r\n\r\n",
|
|
8364
|
+
template: "<div ecOverlay\r\n [status]=\"status?.status\"\r\n [message]=\"status?.message\"\r\n [displayAsMask]=\"true\"\r\n class=\"bg-body flex-grow d-flex\">\r\n <div id=\"PageViewScrollContainer\" \r\n class=\"d-flex flex-column flex-grow scroll-y\" \r\n [class.is-dialog]=\"isDialog\"\r\n [class.fit-content]=\"fitContent\"\r\n [class.sticky-footer]=\"stickyFooter && !!footerTemplate\"\r\n [class.overlay-visible]=\"status?.status !== 'hasData'\">\r\n <section>\r\n <ng-content></ng-content> \r\n </section>\r\n \r\n <footer>\r\n <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\r\n </footer>\r\n\r\n <header *ngIf=\"showHeader\">\r\n \r\n <ol id=\"breadcrumbs\"\r\n *ngIf=\"breadcrumbs?.length && !isDialog\">\r\n <li *ngFor=\"let crumb of breadcrumbs; last as isLast\">\r\n <a *ngIf=\"crumb.url; else label\"\r\n [routerLink]=\"crumb.url\">\r\n <ng-container *ngTemplateOutlet=\"label\"></ng-container>\r\n </a>\r\n <ng-template #label>{{crumb.label}}</ng-template>\r\n </li>\r\n </ol>\r\n \r\n <div *ngIf=\"!customHeaderTemplate; else customHeaderOutlet\" class=\"titlebar\">\r\n <app-page-title *ngIf=\"!customTitleTemplate; else customTitle\" \r\n [title]=\"title\"\r\n [subTitle]=\"subTitle\"\r\n [subTitleUrl]=\"subTitleUrl\"\r\n [titleIcon]=\"titleIcon\"\r\n class=\"title text-truncate\">\r\n </app-page-title>\r\n \r\n <ng-template #customTitle>\r\n <div class=\"title\">\r\n <ng-container *ngTemplateOutlet=\"customTitleTemplate\"></ng-container>\r\n </div>\r\n </ng-template>\r\n \r\n <div class=\"actions\">\r\n <ec-button id=\"primaryAction\"\r\n class=\"ml-2\"\r\n *ngIf=\"!hidePrimaryAction && onPrimaryAction.observers?.length\"\r\n [disabled]=\"status?.status === 'pending'\"\r\n type=\"primary\"\r\n [label]=\"primaryActionLabel\"\r\n (clicked)=\"primaryAction($event)\">\r\n </ec-button>\r\n <ec-button id=\"secondaryAction\"\r\n class=\"ml-2\"\r\n *ngIf=\"!hideSecondaryAction && onSecondaryAction.observers?.length\"\r\n type=\"secondary\"\r\n [label]=\"secondaryActionLabel\"\r\n (clicked)=\"secondaryAction($event)\">\r\n </ec-button>\r\n <ec-dropdown id=\"moreActions\"\r\n *ngIf=\"moreActions?.length\"\r\n [disabled]=\"status?.status === 'pending'\"\r\n class=\"ml-2\"\r\n buttonType=\"secondary\"\r\n [label]=\"moreActionsLabel\"\r\n [items]=\"moreActions\">\r\n </ec-dropdown>\r\n <ng-container *ngTemplateOutlet=\"customActionsTemplate\"></ng-container>\r\n </div>\r\n </div>\r\n \r\n <ng-template #customHeaderOutlet> \r\n <div class=\"page-header\">\r\n <ng-container *ngTemplateOutlet=\"customHeaderTemplate\"></ng-container>\r\n </div>\r\n </ng-template>\r\n \r\n <ec-banner *ngIf=\"errors\"\r\n id=\"pageViewErrors\"\r\n [class.border-bottom-0]=\"!isDialog\">\r\n <div [innerHtml]=\"errors\"></div>\r\n </ec-banner>\r\n </header>\r\n </div>\r\n</div>\r\n\r\n",
|
|
8362
8365
|
host: {
|
|
8363
8366
|
class: "flex-grow"
|
|
8364
8367
|
},
|
|
@@ -8375,6 +8378,7 @@
|
|
|
8375
8378
|
title: [{ type: i0.Input }],
|
|
8376
8379
|
titleIcon: [{ type: i0.Input }],
|
|
8377
8380
|
subTitle: [{ type: i0.Input }],
|
|
8381
|
+
subTitleUrl: [{ type: i0.Input }],
|
|
8378
8382
|
moreActionsLabel: [{ type: i0.Input }],
|
|
8379
8383
|
moreActions: [{ type: i0.Input }],
|
|
8380
8384
|
secondaryActionLabel: [{ type: i0.Input }],
|
|
@@ -8918,6 +8922,8 @@
|
|
|
8918
8922
|
var PageInitResult = /** @class */ (function () {
|
|
8919
8923
|
function PageInitResult() {
|
|
8920
8924
|
this.title = '';
|
|
8925
|
+
this.subTitle = '';
|
|
8926
|
+
this.subTitleUrl = '';
|
|
8921
8927
|
}
|
|
8922
8928
|
return PageInitResult;
|
|
8923
8929
|
}());
|
|
@@ -8929,6 +8935,14 @@
|
|
|
8929
8935
|
* Title for the page displayed in the header
|
|
8930
8936
|
*/
|
|
8931
8937
|
this.title = '';
|
|
8938
|
+
/**
|
|
8939
|
+
* Sub title for the page displayed in the header
|
|
8940
|
+
*/
|
|
8941
|
+
this.subTitle = '';
|
|
8942
|
+
/**
|
|
8943
|
+
* Sub title url for the page displayed in the header
|
|
8944
|
+
*/
|
|
8945
|
+
this.subTitleUrl = '';
|
|
8932
8946
|
/**
|
|
8933
8947
|
* Status overlay for the page
|
|
8934
8948
|
*/
|
|
@@ -9270,6 +9284,8 @@
|
|
|
9270
9284
|
PageBaseComponent.prototype.parseInitResult = function (result) {
|
|
9271
9285
|
this.initResult = result;
|
|
9272
9286
|
this.title = result.title;
|
|
9287
|
+
this.subTitle = result.subTitle;
|
|
9288
|
+
this.subTitleUrl = result.subTitleUrl;
|
|
9273
9289
|
this.breadcrumbs = result.breadcrumbs;
|
|
9274
9290
|
this.help = result.help;
|
|
9275
9291
|
};
|