@energycap/components 0.27.2-ECAPID-377-Implement-Sidebar.20220119-1411 → 0.27.2-ECAPID-381-Title-Updates.20220120-1043
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 +17 -2
- 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/hierarchy/hierarchy-base.js +1 -1
- package/esm2015/lib/shared/page/page-base/page-base.component.js +10 -1
- package/esm2015/lib/shared/page/page-title/page-title.component.js +2 -2
- package/esm2015/lib/shared/page/page-view/page-view.component.js +2 -2
- package/esm2015/lib/shared/testing/page-base-component-test-injector-factory.spec.js +9 -1
- package/fesm2015/energycap-components.js +17 -2
- package/fesm2015/energycap-components.js.map +1 -1
- package/lib/display/hierarchy/hierarchy-base.d.ts +0 -5
- package/lib/shared/page/page-base/page-base.component.d.ts +6 -0
- package/package.json +1 -1
|
@@ -8238,7 +8238,7 @@
|
|
|
8238
8238
|
PageTitleComponent.decorators = [
|
|
8239
8239
|
{ type: i0.Component, args: [{
|
|
8240
8240
|
selector: 'app-page-title',
|
|
8241
|
-
template: "<i *ngIf=\"titleIcon\"\r\n class=\"flex-shrink mr-1 my-1 ec-icon ec-icon-md {{titleIcon}}\"></i>\r\n<div>\r\n <h1 *ngIf=\"title\"\r\n
|
|
8241
|
+
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\"\r\n class=\"text-caption-1 mb-0 mt-n1 text-truncate\">{{subTitle}}</p>\r\n</div>",
|
|
8242
8242
|
host: {
|
|
8243
8243
|
class: 'd-flex'
|
|
8244
8244
|
}
|
|
@@ -8304,7 +8304,7 @@
|
|
|
8304
8304
|
PageViewComponent.decorators = [
|
|
8305
8305
|
{ type: i0.Component, args: [{
|
|
8306
8306
|
selector: 'ec-page-view',
|
|
8307
|
-
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\">\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",
|
|
8307
|
+
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",
|
|
8308
8308
|
host: {
|
|
8309
8309
|
class: "flex-grow"
|
|
8310
8310
|
},
|
|
@@ -8882,6 +8882,10 @@
|
|
|
8882
8882
|
* Default unknown save error message, override if a more specific message is needed
|
|
8883
8883
|
*/
|
|
8884
8884
|
this.defaultUnknownSaveError = 'PageBaseUnknownSaveError_SC';
|
|
8885
|
+
/**
|
|
8886
|
+
* Used to opt out of hiding the splash screen when the page is loaded
|
|
8887
|
+
*/
|
|
8888
|
+
this.skipHideSplashOnComplete = false;
|
|
8885
8889
|
/**
|
|
8886
8890
|
* Used to unsubscribe from observables
|
|
8887
8891
|
*/
|
|
@@ -8903,6 +8907,7 @@
|
|
|
8903
8907
|
this.router = injector.get(i1$1.Router);
|
|
8904
8908
|
this.activatedRoute = injector.get(i1$1.ActivatedRoute);
|
|
8905
8909
|
this.dialogService = injector.get(DialogService);
|
|
8910
|
+
this.splashService = injector.get(SplashService);
|
|
8906
8911
|
}
|
|
8907
8912
|
Object.defineProperty(PageBaseComponent.prototype, "errors", {
|
|
8908
8913
|
get: function () {
|
|
@@ -8977,6 +8982,9 @@
|
|
|
8977
8982
|
if (this.status.status === 'pending') {
|
|
8978
8983
|
this.showStatus(exports.PageStatus.Loaded);
|
|
8979
8984
|
}
|
|
8985
|
+
if (!this.skipHideSplashOnComplete) {
|
|
8986
|
+
this.splashService.hideSplash();
|
|
8987
|
+
}
|
|
8980
8988
|
this.setUpRouterSubscriptions();
|
|
8981
8989
|
return [3 /*break*/, 5];
|
|
8982
8990
|
case 4:
|
|
@@ -9387,6 +9395,13 @@
|
|
|
9387
9395
|
return new MockActivatedRoute();
|
|
9388
9396
|
},
|
|
9389
9397
|
deps: [],
|
|
9398
|
+
},
|
|
9399
|
+
{
|
|
9400
|
+
provide: SplashService,
|
|
9401
|
+
useFactory: function () {
|
|
9402
|
+
return SpyFactory.createSpy(SplashService);
|
|
9403
|
+
},
|
|
9404
|
+
deps: []
|
|
9390
9405
|
}
|
|
9391
9406
|
];
|
|
9392
9407
|
/**
|