@energycap/components 0.27.2-ECAPID-377-Implement-Sidebar.20220120-0904 → 0.27.3-ECAPID-377-Implement-Sidebar.20220121-0740
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 +37 -5
- 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/components.module.js +8 -4
- package/esm2015/lib/shared/display/pipes/highlight-text.pipe.js +26 -0
- 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/public-api.js +2 -1
- package/fesm2015/energycap-components.js +34 -6
- package/fesm2015/energycap-components.js.map +1 -1
- package/lib/shared/display/pipes/highlight-text.pipe.d.ts +6 -0
- package/package.json +1 -1
- package/public-api.d.ts +1 -0
|
@@ -8146,6 +8146,34 @@
|
|
|
8146
8146
|
width: [{ type: i0.Input, args: ['ecIfViewportWidth',] }]
|
|
8147
8147
|
};
|
|
8148
8148
|
|
|
8149
|
+
var HighlightTextPipe = /** @class */ (function () {
|
|
8150
|
+
function HighlightTextPipe() {
|
|
8151
|
+
}
|
|
8152
|
+
HighlightTextPipe.prototype.transform = function (value, searchText) {
|
|
8153
|
+
var transformedValue = '';
|
|
8154
|
+
if (value && searchText) {
|
|
8155
|
+
var regex = new RegExp(this.escapeRegex(searchText), 'gi');
|
|
8156
|
+
transformedValue = value.replace(regex, this.strongWrap);
|
|
8157
|
+
}
|
|
8158
|
+
else {
|
|
8159
|
+
transformedValue = value;
|
|
8160
|
+
}
|
|
8161
|
+
return transformedValue;
|
|
8162
|
+
};
|
|
8163
|
+
HighlightTextPipe.prototype.strongWrap = function (match) {
|
|
8164
|
+
return "<strong class=\"text-highlight\">" + match + "</strong>";
|
|
8165
|
+
};
|
|
8166
|
+
HighlightTextPipe.prototype.escapeRegex = function (value) {
|
|
8167
|
+
return value.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&');
|
|
8168
|
+
};
|
|
8169
|
+
return HighlightTextPipe;
|
|
8170
|
+
}());
|
|
8171
|
+
HighlightTextPipe.decorators = [
|
|
8172
|
+
{ type: i0.Pipe, args: [{
|
|
8173
|
+
name: 'highlightText'
|
|
8174
|
+
},] }
|
|
8175
|
+
];
|
|
8176
|
+
|
|
8149
8177
|
/**
|
|
8150
8178
|
* Format a time to the user's preference for display
|
|
8151
8179
|
*/
|
|
@@ -8238,7 +8266,7 @@
|
|
|
8238
8266
|
PageTitleComponent.decorators = [
|
|
8239
8267
|
{ type: i0.Component, args: [{
|
|
8240
8268
|
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
|
|
8269
|
+
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
8270
|
host: {
|
|
8243
8271
|
class: 'd-flex'
|
|
8244
8272
|
}
|
|
@@ -8304,7 +8332,7 @@
|
|
|
8304
8332
|
PageViewComponent.decorators = [
|
|
8305
8333
|
{ type: i0.Component, args: [{
|
|
8306
8334
|
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",
|
|
8335
|
+
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
8336
|
host: {
|
|
8309
8337
|
class: "flex-grow"
|
|
8310
8338
|
},
|
|
@@ -8629,7 +8657,8 @@
|
|
|
8629
8657
|
HierarchyTreeComponent,
|
|
8630
8658
|
TreeComponent,
|
|
8631
8659
|
RelativeDatePipe,
|
|
8632
|
-
ResizableComponent
|
|
8660
|
+
ResizableComponent,
|
|
8661
|
+
HighlightTextPipe
|
|
8633
8662
|
],
|
|
8634
8663
|
imports: [
|
|
8635
8664
|
common.CommonModule,
|
|
@@ -8647,7 +8676,8 @@
|
|
|
8647
8676
|
TimeDisplayPipe,
|
|
8648
8677
|
MockDateDisplayPipe,
|
|
8649
8678
|
RowCountPipe,
|
|
8650
|
-
RelativeDatePipe
|
|
8679
|
+
RelativeDatePipe,
|
|
8680
|
+
HighlightTextPipe
|
|
8651
8681
|
],
|
|
8652
8682
|
exports: [
|
|
8653
8683
|
ButtonComponent,
|
|
@@ -8702,7 +8732,8 @@
|
|
|
8702
8732
|
HierarchyTreeComponent,
|
|
8703
8733
|
TreeComponent,
|
|
8704
8734
|
RelativeDatePipe,
|
|
8705
|
-
ResizableComponent
|
|
8735
|
+
ResizableComponent,
|
|
8736
|
+
HighlightTextPipe
|
|
8706
8737
|
]
|
|
8707
8738
|
},] }
|
|
8708
8739
|
];
|
|
@@ -9846,6 +9877,7 @@
|
|
|
9846
9877
|
exports.HierarchyBaseTestInjectorFactory = HierarchyBaseTestInjectorFactory;
|
|
9847
9878
|
exports.HierarchyItem = HierarchyItem;
|
|
9848
9879
|
exports.HierarchyTreeComponent = HierarchyTreeComponent;
|
|
9880
|
+
exports.HighlightTextPipe = HighlightTextPipe;
|
|
9849
9881
|
exports.IfViewportWidthDirective = IfViewportWidthDirective;
|
|
9850
9882
|
exports.ItemDisplayComponent = ItemDisplayComponent;
|
|
9851
9883
|
exports.JsonDisplayComponent = JsonDisplayComponent;
|