barsa-tiles 1.0.308 → 1.0.310

package/fesm2020/barsa-tiles.mjs

@@ -2166,10 +2166,10 @@ class NotificationGroupComponent extends BaseComponent {
     }
 }
 NotificationGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: NotificationGroupComponent, deps: [{ token: i1$2.GroupByPipe }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-NotificationGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: NotificationGroupComponent, selector: "bt-notification-group", inputs: { notifications: "notifications", loading: "loading", notificationCount: "notificationCount" }, outputs: { viewed: "viewed", remove: "remove", actionClick: "actionClick", show: "show", loadMore: "loadMore" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"notifications && notifications.length > 0; else noData\">\r\n    <ng-container>\r\n        <fd-notification-group>\r\n            <fd-tab-list size=\"s\">\r\n                <fd-tab\r\n                    [title]=\"tab.title | bbbTranslate\"\r\n                    *ngFor=\"let tab of tabList; let index = index; trackBy: _trackByTitle\"\r\n                >\r\n                    <fd-notification-group-list\r\n                        *ngFor=\"let groupItem of tab.groupByItems; let index = index; trackBy: _trackByKey\"\r\n                    >\r\n                        <fd-notification-group-header [(expanded)]=\"expanded[groupItem.key]\">\r\n                            <fd-notification-header>\r\n                                <bt-notification-group-header\r\n                                    [notifications]=\"groupItem.value\"\r\n                                    [title]=\"groupItem.key\"\r\n                                ></bt-notification-group-header>\r\n                            </fd-notification-header>\r\n                            <fd-notification-actions>\r\n                                <!-- <button fd-button label=\"Accept All\"></button> -->\r\n                                <button\r\n                                    fd-button\r\n                                    fdType=\"transparent\"\r\n                                    [ariaLabel]=\"'DeleteAll' | bbbTranslate\"\r\n                                    [title]=\"'DeleteAll' | bbbTranslate\"\r\n                                    glyph=\"decline\"\r\n                                    (click)=\"remove.emit({ items: groupItem.value, silent: false })\"\r\n                                ></button>\r\n                            </fd-notification-actions>\r\n                        </fd-notification-group-header>\r\n                        <ng-container\r\n                            *ngTemplateOutlet=\"\r\n                                notificationBody;\r\n                                context: { $implicit: groupItem.value, expanded: expanded[groupItem.key] }\r\n                            \"\r\n                        ></ng-container>\r\n                        <!-- <fd-notification-limit *ngIf=\"groupItem.value.length - 4 > 0\">\r\n                            <h1 fd-notification-limit-title>\r\n                                There are {{ groupItem.value.length - 4 }} more notifications\r\n                            </h1>\r\n                            <p fd-notification-limit-description>\r\n                                You need to close or take action on the listed notifications to display more.\r\n                            </p>\r\n                        </fd-notification-limit> -->\r\n                    </fd-notification-group-list>\r\n                </fd-tab>\r\n            </fd-tab-list>\r\n        </fd-notification-group>\r\n    </ng-container>\r\n</ng-container>\r\n<ng-template #noData>\r\n    <bsu-no-data *ngIf=\"!loading; else loadingTpl\"></bsu-no-data>\r\n</ng-template>\r\n<ng-template #loadingTpl>\r\n    <div style=\"height: 30px; position: relative\">\r\n        <bsu-mask [marginTop]=\"'10px'\"></bsu-mask>\r\n    </div>\r\n</ng-template>\r\n<ng-template #notificationItem> </ng-template>\r\n\r\n<ng-template #notificationBody let-notifications let-exapanded=\"expanded\">\r\n    <div style=\"max-height: 346px; overflow: auto\">\r\n        <ng-container *ngFor=\"let mo of notifications; trackBy: _trackMoById; let first = first; let last = last\">\r\n            <bsu-notification-item\r\n                [notificationItem]=\"mo\"\r\n                (viewed)=\"viewed.emit($event)\"\r\n                (remove)=\"remove.emit($event)\"\r\n                (show)=\"show.emit($event)\"\r\n                (actionClick)=\"actionClick.emit($event)\"\r\n                intersectionObserver\r\n                [intersectionThreshold]=\"0.5\"\r\n                (visibilityChange)=\"onVisibilityChange($event, mo, last)\"\r\n            ></bsu-notification-item>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"loading\">\r\n            <ng-container *ngTemplateOutlet=\"loadingTpl\"></ng-container>\r\n        </ng-container>\r\n    </div>\r\n</ng-template>\r\n", styles: [":host{display:block;min-width:600px}:host ::ng-deep .fd-tabs__content{overflow:hidden}:host ::ng-deep .fd-notification{padding:0;box-shadow:none}fd-notification{margin:0;padding-left:0rem!important;padding-right:0rem!important}fd-notification-body{position:relative}.noloading{visibility:hidden;height:0;width:0}.loading{visibility:visible;height:100%;width:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2$1.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i4$2.NotificationHeaderComponent, selector: "fd-notification-header", inputs: ["uniqueId"] }, { kind: "component", type: i4$2.NotificationActionsComponent, selector: "fd-notification-actions" }, { kind: "component", type: i4$2.NotificationGroupHeaderComponent, selector: "fd-notification-group-header", inputs: ["expandCompact", "expandAriaLabel", "expandAriaLabelledBy", "expanded"], outputs: ["expandedChange"] }, { kind: "component", type: i4$2.NotificationGroupComponent, selector: "fd-notification-group", inputs: ["class", "mobile", "width"] }, { kind: "component", type: i4$2.NotificationGroupListComponent, selector: "fd-notification-group-list" }, { kind: "component", type: i8$2.TabListComponent, selector: "fd-tab-list", inputs: ["size", "mode", "collapseOverflow", "maxVisibleTabs", "stackContent", "maxContentHeight", "collapsibleTabs", "expandOverflowText", "defaultTab", "selectDefaultOnTabsChange"], outputs: ["selectedTabChange", "visibleItemsCount", "hiddenItemsCount"] }, { kind: "component", type: i8$2.TabPanelComponent, selector: "fd-tab", inputs: ["id", "ariaLabel", "ariaLabelledBy", "title", "count", "glyph", "header", "disabled", "tabState"], outputs: ["opened", "closed"] }, { kind: "directive", type: i1$2.IntersectionObserverDirective, selector: "[intersectionObserver]", inputs: ["intersectionDebounce", "intersectionRootMargin", "intersectionRoot", "intersectionThreshold"], outputs: ["visibilityChange"] }, { kind: "component", type: i6.MaskComponent, selector: "bsu-mask", inputs: ["size", "marginTop"] }, { kind: "component", type: i6.NoDataComponent, selector: "bsu-no-data" }, { kind: "component", type: i6.NotificationItemComponent, selector: "bsu-notification-item", inputs: ["option", "notificationItem", "showCloseButton"], outputs: ["viewed", "remove", "actionClick", "show", "close"] }, { kind: "component", type: NotificationGroupHeaderComponent, selector: "bt-notification-group-header", inputs: ["notifications", "title"] }, { kind: "pipe", type: i1$2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+NotificationGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: NotificationGroupComponent, selector: "bt-notification-group", inputs: { notifications: "notifications", loading: "loading", notificationCount: "notificationCount" }, outputs: { viewed: "viewed", remove: "remove", actionClick: "actionClick", show: "show", loadMore: "loadMore" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"notifications && notifications.length > 0; else noData\">\n    <ng-container>\n        <fd-notification-group>\n            <fd-tab-list size=\"s\">\n                <fd-tab\n                    [title]=\"tab.title | bbbTranslate\"\n                    *ngFor=\"let tab of tabList; let index = index; trackBy: _trackByTitle\"\n                >\n                    <fd-notification-group-list\n                        *ngFor=\"let groupItem of tab.groupByItems; let index = index; trackBy: _trackByKey\"\n                    >\n                        <fd-notification-group-header [(expanded)]=\"expanded[groupItem.key]\">\n                            <fd-notification-header>\n                                <bt-notification-group-header\n                                    [notifications]=\"groupItem.value\"\n                                    [title]=\"groupItem.key\"\n                                ></bt-notification-group-header>\n                            </fd-notification-header>\n                            <fd-notification-actions>\n                                <!-- <button fd-button label=\"Accept All\"></button> -->\n                                <button\n                                    fd-button\n                                    fdType=\"transparent\"\n                                    [ariaLabel]=\"'DeleteAll' | bbbTranslate\"\n                                    [title]=\"'DeleteAll' | bbbTranslate\"\n                                    glyph=\"decline\"\n                                    (click)=\"remove.emit({ items: groupItem.value, silent: false })\"\n                                ></button>\n                            </fd-notification-actions>\n                        </fd-notification-group-header>\n                        <ng-container\n                            *ngTemplateOutlet=\"\n                                notificationBody;\n                                context: { $implicit: groupItem.value, expanded: expanded[groupItem.key] }\n                            \"\n                        ></ng-container>\n                        <!-- <fd-notification-limit *ngIf=\"groupItem.value.length - 4 > 0\">\n                            <h1 fd-notification-limit-title>\n                                There are {{ groupItem.value.length - 4 }} more notifications\n                            </h1>\n                            <p fd-notification-limit-description>\n                                You need to close or take action on the listed notifications to display more.\n                            </p>\n                        </fd-notification-limit> -->\n                    </fd-notification-group-list>\n                </fd-tab>\n            </fd-tab-list>\n        </fd-notification-group>\n    </ng-container>\n</ng-container>\n<ng-template #noData>\n    <bsu-no-data *ngIf=\"!loading; else loadingTpl\"></bsu-no-data>\n</ng-template>\n<ng-template #loadingTpl>\n    <div style=\"height: 30px; position: relative\">\n        <bsu-mask [marginTop]=\"'10px'\"></bsu-mask>\n    </div>\n</ng-template>\n<ng-template #notificationItem> </ng-template>\n\n<ng-template #notificationBody let-notifications let-exapanded=\"expanded\">\n    <div style=\"max-height: 346px; overflow-y: auto\">\n        <ng-container *ngFor=\"let mo of notifications; trackBy: _trackMoById; let first = first; let last = last\">\n            <bsu-notification-item\n                [notificationItem]=\"mo\"\n                (viewed)=\"viewed.emit($event)\"\n                (remove)=\"remove.emit($event)\"\n                (show)=\"show.emit($event)\"\n                (actionClick)=\"actionClick.emit($event)\"\n                intersectionObserver\n                [intersectionThreshold]=\"0.5\"\n                (visibilityChange)=\"onVisibilityChange($event, mo, last)\"\n            ></bsu-notification-item>\n        </ng-container>\n        <ng-container *ngIf=\"loading\">\n            <ng-container *ngTemplateOutlet=\"loadingTpl\"></ng-container>\n        </ng-container>\n    </div>\n</ng-template>\n", styles: [":host{display:block;min-width:600px}:host ::ng-deep .fd-tabs__content{overflow:hidden}:host ::ng-deep .fd-notification{padding:0;box-shadow:none}fd-notification{margin:0;padding-left:0rem!important;padding-right:0rem!important}fd-notification-body{position:relative}.noloading{visibility:hidden;height:0;width:0}.loading{visibility:visible;height:100%;width:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2$1.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i4$2.NotificationHeaderComponent, selector: "fd-notification-header", inputs: ["uniqueId"] }, { kind: "component", type: i4$2.NotificationActionsComponent, selector: "fd-notification-actions" }, { kind: "component", type: i4$2.NotificationGroupHeaderComponent, selector: "fd-notification-group-header", inputs: ["expandCompact", "expandAriaLabel", "expandAriaLabelledBy", "expanded"], outputs: ["expandedChange"] }, { kind: "component", type: i4$2.NotificationGroupComponent, selector: "fd-notification-group", inputs: ["class", "mobile", "width"] }, { kind: "component", type: i4$2.NotificationGroupListComponent, selector: "fd-notification-group-list" }, { kind: "component", type: i8$2.TabListComponent, selector: "fd-tab-list", inputs: ["size", "mode", "collapseOverflow", "maxVisibleTabs", "stackContent", "maxContentHeight", "collapsibleTabs", "expandOverflowText", "defaultTab", "selectDefaultOnTabsChange"], outputs: ["selectedTabChange", "visibleItemsCount", "hiddenItemsCount"] }, { kind: "component", type: i8$2.TabPanelComponent, selector: "fd-tab", inputs: ["id", "ariaLabel", "ariaLabelledBy", "title", "count", "glyph", "header", "disabled", "tabState"], outputs: ["opened", "closed"] }, { kind: "directive", type: i1$2.IntersectionObserverDirective, selector: "[intersectionObserver]", inputs: ["intersectionDebounce", "intersectionRootMargin", "intersectionRoot", "intersectionThreshold"], outputs: ["visibilityChange"] }, { kind: "component", type: i6.MaskComponent, selector: "bsu-mask", inputs: ["size", "marginTop"] }, { kind: "component", type: i6.NoDataComponent, selector: "bsu-no-data" }, { kind: "component", type: i6.NotificationItemComponent, selector: "bsu-notification-item", inputs: ["option", "notificationItem", "showCloseButton"], outputs: ["viewed", "remove", "actionClick", "show", "close"] }, { kind: "component", type: NotificationGroupHeaderComponent, selector: "bt-notification-group-header", inputs: ["notifications", "title"] }, { kind: "pipe", type: i1$2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: NotificationGroupComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bt-notification-group', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"notifications && notifications.length > 0; else noData\">\r\n    <ng-container>\r\n        <fd-notification-group>\r\n            <fd-tab-list size=\"s\">\r\n                <fd-tab\r\n                    [title]=\"tab.title | bbbTranslate\"\r\n                    *ngFor=\"let tab of tabList; let index = index; trackBy: _trackByTitle\"\r\n                >\r\n                    <fd-notification-group-list\r\n                        *ngFor=\"let groupItem of tab.groupByItems; let index = index; trackBy: _trackByKey\"\r\n                    >\r\n                        <fd-notification-group-header [(expanded)]=\"expanded[groupItem.key]\">\r\n                            <fd-notification-header>\r\n                                <bt-notification-group-header\r\n                                    [notifications]=\"groupItem.value\"\r\n                                    [title]=\"groupItem.key\"\r\n                                ></bt-notification-group-header>\r\n                            </fd-notification-header>\r\n                            <fd-notification-actions>\r\n                                <!-- <button fd-button label=\"Accept All\"></button> -->\r\n                                <button\r\n                                    fd-button\r\n                                    fdType=\"transparent\"\r\n                                    [ariaLabel]=\"'DeleteAll' | bbbTranslate\"\r\n                                    [title]=\"'DeleteAll' | bbbTranslate\"\r\n                                    glyph=\"decline\"\r\n                                    (click)=\"remove.emit({ items: groupItem.value, silent: false })\"\r\n                                ></button>\r\n                            </fd-notification-actions>\r\n                        </fd-notification-group-header>\r\n                        <ng-container\r\n                            *ngTemplateOutlet=\"\r\n                                notificationBody;\r\n                                context: { $implicit: groupItem.value, expanded: expanded[groupItem.key] }\r\n                            \"\r\n                        ></ng-container>\r\n                        <!-- <fd-notification-limit *ngIf=\"groupItem.value.length - 4 > 0\">\r\n                            <h1 fd-notification-limit-title>\r\n                                There are {{ groupItem.value.length - 4 }} more notifications\r\n                            </h1>\r\n                            <p fd-notification-limit-description>\r\n                                You need to close or take action on the listed notifications to display more.\r\n                            </p>\r\n                        </fd-notification-limit> -->\r\n                    </fd-notification-group-list>\r\n                </fd-tab>\r\n            </fd-tab-list>\r\n        </fd-notification-group>\r\n    </ng-container>\r\n</ng-container>\r\n<ng-template #noData>\r\n    <bsu-no-data *ngIf=\"!loading; else loadingTpl\"></bsu-no-data>\r\n</ng-template>\r\n<ng-template #loadingTpl>\r\n    <div style=\"height: 30px; position: relative\">\r\n        <bsu-mask [marginTop]=\"'10px'\"></bsu-mask>\r\n    </div>\r\n</ng-template>\r\n<ng-template #notificationItem> </ng-template>\r\n\r\n<ng-template #notificationBody let-notifications let-exapanded=\"expanded\">\r\n    <div style=\"max-height: 346px; overflow: auto\">\r\n        <ng-container *ngFor=\"let mo of notifications; trackBy: _trackMoById; let first = first; let last = last\">\r\n            <bsu-notification-item\r\n                [notificationItem]=\"mo\"\r\n                (viewed)=\"viewed.emit($event)\"\r\n                (remove)=\"remove.emit($event)\"\r\n                (show)=\"show.emit($event)\"\r\n                (actionClick)=\"actionClick.emit($event)\"\r\n                intersectionObserver\r\n                [intersectionThreshold]=\"0.5\"\r\n                (visibilityChange)=\"onVisibilityChange($event, mo, last)\"\r\n            ></bsu-notification-item>\r\n        </ng-container>\r\n        <ng-container *ngIf=\"loading\">\r\n            <ng-container *ngTemplateOutlet=\"loadingTpl\"></ng-container>\r\n        </ng-container>\r\n    </div>\r\n</ng-template>\r\n", styles: [":host{display:block;min-width:600px}:host ::ng-deep .fd-tabs__content{overflow:hidden}:host ::ng-deep .fd-notification{padding:0;box-shadow:none}fd-notification{margin:0;padding-left:0rem!important;padding-right:0rem!important}fd-notification-body{position:relative}.noloading{visibility:hidden;height:0;width:0}.loading{visibility:visible;height:100%;width:100%}\n"] }]
+            args: [{ selector: 'bt-notification-group', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"notifications && notifications.length > 0; else noData\">\n    <ng-container>\n        <fd-notification-group>\n            <fd-tab-list size=\"s\">\n                <fd-tab\n                    [title]=\"tab.title | bbbTranslate\"\n                    *ngFor=\"let tab of tabList; let index = index; trackBy: _trackByTitle\"\n                >\n                    <fd-notification-group-list\n                        *ngFor=\"let groupItem of tab.groupByItems; let index = index; trackBy: _trackByKey\"\n                    >\n                        <fd-notification-group-header [(expanded)]=\"expanded[groupItem.key]\">\n                            <fd-notification-header>\n                                <bt-notification-group-header\n                                    [notifications]=\"groupItem.value\"\n                                    [title]=\"groupItem.key\"\n                                ></bt-notification-group-header>\n                            </fd-notification-header>\n                            <fd-notification-actions>\n                                <!-- <button fd-button label=\"Accept All\"></button> -->\n                                <button\n                                    fd-button\n                                    fdType=\"transparent\"\n                                    [ariaLabel]=\"'DeleteAll' | bbbTranslate\"\n                                    [title]=\"'DeleteAll' | bbbTranslate\"\n                                    glyph=\"decline\"\n                                    (click)=\"remove.emit({ items: groupItem.value, silent: false })\"\n                                ></button>\n                            </fd-notification-actions>\n                        </fd-notification-group-header>\n                        <ng-container\n                            *ngTemplateOutlet=\"\n                                notificationBody;\n                                context: { $implicit: groupItem.value, expanded: expanded[groupItem.key] }\n                            \"\n                        ></ng-container>\n                        <!-- <fd-notification-limit *ngIf=\"groupItem.value.length - 4 > 0\">\n                            <h1 fd-notification-limit-title>\n                                There are {{ groupItem.value.length - 4 }} more notifications\n                            </h1>\n                            <p fd-notification-limit-description>\n                                You need to close or take action on the listed notifications to display more.\n                            </p>\n                        </fd-notification-limit> -->\n                    </fd-notification-group-list>\n                </fd-tab>\n            </fd-tab-list>\n        </fd-notification-group>\n    </ng-container>\n</ng-container>\n<ng-template #noData>\n    <bsu-no-data *ngIf=\"!loading; else loadingTpl\"></bsu-no-data>\n</ng-template>\n<ng-template #loadingTpl>\n    <div style=\"height: 30px; position: relative\">\n        <bsu-mask [marginTop]=\"'10px'\"></bsu-mask>\n    </div>\n</ng-template>\n<ng-template #notificationItem> </ng-template>\n\n<ng-template #notificationBody let-notifications let-exapanded=\"expanded\">\n    <div style=\"max-height: 346px; overflow-y: auto\">\n        <ng-container *ngFor=\"let mo of notifications; trackBy: _trackMoById; let first = first; let last = last\">\n            <bsu-notification-item\n                [notificationItem]=\"mo\"\n                (viewed)=\"viewed.emit($event)\"\n                (remove)=\"remove.emit($event)\"\n                (show)=\"show.emit($event)\"\n                (actionClick)=\"actionClick.emit($event)\"\n                intersectionObserver\n                [intersectionThreshold]=\"0.5\"\n                (visibilityChange)=\"onVisibilityChange($event, mo, last)\"\n            ></bsu-notification-item>\n        </ng-container>\n        <ng-container *ngIf=\"loading\">\n            <ng-container *ngTemplateOutlet=\"loadingTpl\"></ng-container>\n        </ng-container>\n    </div>\n</ng-template>\n", styles: [":host{display:block;min-width:600px}:host ::ng-deep .fd-tabs__content{overflow:hidden}:host ::ng-deep .fd-notification{padding:0;box-shadow:none}fd-notification{margin:0;padding-left:0rem!important;padding-right:0rem!important}fd-notification-body{position:relative}.noloading{visibility:hidden;height:0;width:0}.loading{visibility:visible;height:100%;width:100%}\n"] }]
         }], ctorParameters: function () { return [{ type: i1$2.GroupByPipe }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { notifications: [{
                 type: Input
             }], loading: [{