barsa-sap-ui 1.0.327 → 1.0.329

package/esm2020/lib/notification-item/notification-item.component.mjs

@@ -28,10 +28,10 @@ export class NotificationItemComponent extends BaseComponent {
     }
 }
 NotificationItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: NotificationItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-NotificationItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: NotificationItemComponent, selector: "bsu-notification-item", inputs: { option: "option", notificationItem: "notificationItem", showCloseButton: "showCloseButton", deviceSize: "deviceSize" }, outputs: { viewed: "viewed", remove: "remove", actionClick: "actionClick", show: "show", close: "close" }, host: { properties: { "class": "this._deviceSize" } }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngTemplateOutlet=\"notificationItem ? notificationItemTemplate : optionTemplate\"> </ng-container>\n\n<ng-template #optionTemplate>\n    <ng-container\n        *ngTemplateOutlet=\"\n            bodyTemplate;\n            context: {\n                choiceDefStatus: null,\n                isNew: false,\n                loading: false,\n                icon: option.icon,\n                statusCaption: '',\n                unread: true,\n                title: option.title,\n                content: option.msg,\n                userCaption: option.NotificationItem?.CreatorUser$Caption,\n                dateCaption: option.NotificationItem?.CreationDate$Caption,\n                overflowButtons: false,\n                uiActions: option.NotificationItem?.UiActions,\n                hideShowButton: true,\n                hideDeleteButton: true,\n                mo: option.mo\n            }\n        \"\n    ></ng-container>\n</ng-template>\n<ng-template #notificationItemTemplate>\n    <fd-notification>\n        <ng-container\n            *ngTemplateOutlet=\"\n                bodyTemplate;\n                context: {\n                    choiceDefStatus: notificationItem.$ChoiceDefStatus,\n                    isNew: notificationItem.$NewNotification,\n                    loading: notificationItem.$NotificatoinLoading,\n                    icon: notificationItem.Icon,\n                    statusCaption: notificationItem.Status$Caption,\n                    unread: notificationItem.Unread,\n                    title: notificationItem.Title,\n                    content: notificationItem.$SafeContent,\n                    userCaption: notificationItem.IMessage?.CreatorUser$Caption,\n                    dateCaption: notificationItem.IMessage?.CreationDate$Caption,\n                    overflowButtons: notificationItem.OverflowButtons || deviceSize === 's',\n                    uiActions: notificationItem.UiActions,\n                    hideShowButton: notificationItem.HideShowButton,\n                    hideDeleteButton: notificationItem.HideDeleteButton,\n                    mo: notificationItem\n                }\n            \"\n        ></ng-container>\n    </fd-notification>\n</ng-template>\n\n<ng-template\n    #bodyTemplate\n    let-choiceDefStatus=\"choiceDefStatus\"\n    let-isNew=\"isNew\"\n    let-loading=\"loading\"\n    let-icon=\"icon\"\n    let-statusCaption=\"statusCaption\"\n    let-unread=\"unread\"\n    let-title=\"title\"\n    let-content=\"content\"\n    let-userCaption=\"userCaption\"\n    let-dateCaption=\"dateCaption\"\n    let-overflowButtons=\"overflowButtons\"\n    let-uiActions=\"uiActions\"\n    let-hideShowButton=\"hideShowButton\"\n    let-hideDeleteButton=\"hideDeleteButton\"\n    let-mo=\"mo\"\n>\n    <fd-notification-body>\n        <fd-message-strip *ngIf=\"choiceDefStatus?.error\" type=\"error\" style=\"margin: 0.5rem\">\n            {{ choiceDefStatus.error.Text }}\n        </fd-message-strip>\n        <ng-container *ngIf=\"loading || isNew || choiceDefStatus?.loading\">\n            <bsu-mask [top]=\"'10px'\"></bsu-mask>\n        </ng-container>\n        <fd-avatar\n            [transparent]=\"true\"\n            [circle]=\"true\"\n            size=\"xs\"\n            [glyph]=\"!icon ? 'bell' : null\"\n            [image]=\"icon ? icon : null\"\n        ></fd-avatar>\n        <fd-notification-content style=\"overflow: hidden\">\n            <fd-notification-header>\n                <div fd-notification-indicator [type]=\"statusCaption\"></div>\n                <h2 fd-notification-title [unread]=\"unread\">{{ title }}</h2>\n            </fd-notification-header>\n            <p #content fd-notification-paragraph [innerHTML]=\"content\"></p>\n            <fd-notification-footer>\n                <span fd-notification-footer-content>{{ userCaption }}</span>\n                <span fd-notification-separator></span>\n                <span fd-notification-footer-content>{{ dateCaption }}</span>\n            </fd-notification-footer>\n        </fd-notification-content>\n        <fd-notification-actions>\n            <fd-action-sheet #sheet *ngIf=\"overflowButtons; else buttonsTpl\">\n                <fd-action-sheet-control>\n                    <button\n                        role=\"menu\"\n                        [ariaLabel]=\"'More' | bbbTranslate\"\n                        [title]=\"'More' | bbbTranslate\"\n                        fd-button\n                        fdType=\"transparent\"\n                        glyph=\"overflow\"\n                    ></button>\n                </fd-action-sheet-control>\n\n                <fd-action-sheet-body>\n                    <li\n                        *ngFor=\"let btn of uiActions\"\n                        fd-action-sheet-item\n                        [glyph]=\"btn.Icon\"\n                        [label]=\"btn.Title | bbbTranslate\"\n                        (click)=\"sheet.close(); actionClick.emit({ item: mo, btn: this.btn })\"\n                    ></li>\n                </fd-action-sheet-body>\n            </fd-action-sheet>\n            <ng-template #buttonsTpl>\n                <button\n                    *ngFor=\"let btn of uiActions\"\n                    fd-button\n                    [glyph]=\"btn.Icon\"\n                    [fdType]=\"btn.Status\"\n                    [label]=\"btn.Title | bbbTranslate\"\n                    fdCompact\n                    (click)=\"actionClick.emit({ item: mo, btn: this.btn })\"\n                ></button>\n            </ng-template>\n            <button\n                *ngIf=\"!hideShowButton\"\n                fd-button\n                fdType=\"transparent\"\n                [ariaLabel]=\"'Show' | bbbTranslate\"\n                [title]=\"'Show' | bbbTranslate\"\n                glyph=\"show\"\n                (click)=\"show.emit({ mo: mo.RelatedMo, nama: mo.RelatedMoNama })\"\n                fdCompact\n            ></button>\n            <button\n                *ngIf=\"!hideDeleteButton\"\n                fd-button\n                fdType=\"transparent\"\n                [ariaLabel]=\"'Delete' | bbbTranslate\"\n                [title]=\"'Delete' | bbbTranslate\"\n                glyph=\"decline\"\n                (click)=\"remove.emit({ items: [mo], silent: false })\"\n                fdCompact\n            ></button>\n\n            <button\n                *ngIf=\"showCloseButton\"\n                fd-button\n                fdType=\"transparent\"\n                [ariaLabel]=\"'close' | bbbTranslate\"\n                [title]=\"'close' | bbbTranslate\"\n                glyph=\"decline\"\n                (click)=\"close.emit()\"\n                fdCompact\n            ></button>\n        </fd-notification-actions>\n    </fd-notification-body>\n</ng-template>\n", styles: ["fd-notification-content{min-width:320px}fd-notification-content p{max-height:3rem}:host.s fd-notification-content{min-width:auto!important}\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.ActionSheetComponent, selector: "fd-action-sheet", inputs: ["mobile", "placement", "noArrow", "isOpen", "keyboardSupport", "triggers"], outputs: ["focusEscapeList", "isOpenChange"] }, { kind: "component", type: i2.ActionSheetControlComponent, selector: "fd-action-sheet-control", outputs: ["clicked"] }, { kind: "component", type: i2.ActionSheetItemComponent, selector: "[fd-action-sheet-item]", inputs: ["label", "glyph", "negative", "isCloseButton", "disabled"], outputs: ["keyDown"] }, { kind: "component", type: i2.ActionSheetBodyComponent, selector: "fd-action-sheet-body", inputs: ["actionSheetBodyId", "mobile", "ariaLabel", "ariaLabelledby"] }, { kind: "directive", type: i3.ContentDensityDirective, selector: "[fdContentDensity]:not([fdCompact]):not([fdCondensed]):not([fdCozy]),                [fdCompact]:not([fdContentDensity]):not([fdCondensed]):not([fdCozy]),                [fdCondensed]:not([fdContentDensity]):not([fdCompact]):not([fdCozy]),                [fdCozy]:not([fdContentDensity]):not([fdCompact]):not([fdCondensed])", inputs: ["fdContentDensity", "fdCompact", "fdCondensed", "fdCozy"], exportAs: ["fdContentDensity"] }, { kind: "component", type: i4.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "random", "clickable", "backgroundImage", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "component", type: i5.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i6.MessageStripComponent, selector: "fd-message-strip", inputs: ["class", "dismissible", "noIcon", "type", "id", "ariaLabelledBy", "ariaLabel", "dismissLabel", "width", "minWidth", "marginBottom"], outputs: ["onDismiss"] }, { kind: "component", type: i7.NotificationComponent, selector: "fd-notification", inputs: ["width", "mobile"] }, { kind: "component", type: i7.NotificationHeaderComponent, selector: "fd-notification-header", inputs: ["uniqueId"] }, { kind: "component", type: i7.NotificationFooterComponent, selector: "fd-notification-footer" }, { kind: "component", type: i7.NotificationBodyComponent, selector: "fd-notification-body" }, { kind: "component", type: i7.NotificationActionsComponent, selector: "fd-notification-actions" }, { kind: "component", type: i7.NotificationContentComponent, selector: "fd-notification-content" }, { kind: "directive", type: i7.NotificationTitleDirective, selector: "[fdNotificationTitle], [fd-notification-title]", inputs: ["unread"] }, { kind: "directive", type: i7.NotificationIndicatorDirective, selector: "[fdNotificationIndicator], [fd-notification-indicator]", inputs: ["type", "class"] }, { kind: "directive", type: i7.NotificationParagraphDirective, selector: "[fdNotificationParagraph], [fd-notification-paragraph]" }, { kind: "directive", type: i7.NotificationFooterContentDirective, selector: "[fdNotificationFooterContent], [fd-notification-footer-content]" }, { kind: "directive", type: i7.NotificationSeparatorDirective, selector: "[fdNotificationSeparator], [fd-notification-separator]" }, { kind: "component", type: i8.MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "pipe", type: i9.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+NotificationItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: NotificationItemComponent, selector: "bsu-notification-item", inputs: { option: "option", notificationItem: "notificationItem", showCloseButton: "showCloseButton", deviceSize: "deviceSize" }, outputs: { viewed: "viewed", remove: "remove", actionClick: "actionClick", show: "show", close: "close" }, host: { properties: { "class": "this._deviceSize" } }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngTemplateOutlet=\"notificationItem ? notificationItemTemplate : optionTemplate\"> </ng-container>\n\n<ng-template #optionTemplate>\n    <ng-container\n        *ngTemplateOutlet=\"\n            bodyTemplate;\n            context: {\n                choiceDefStatus: null,\n                isNew: false,\n                loading: false,\n                icon: option.icon,\n                statusCaption: '',\n                unread: true,\n                title: option.title,\n                content: option.msg,\n                userCaption: option.NotificationItem?.CreatorUser$Caption,\n                dateCaption: option.NotificationItem?.CreationDate$Caption,\n                overflowButtons: false,\n                uiActions: option.NotificationItem?.UiActions,\n                hideShowButton: true,\n                hideDeleteButton: true,\n                mo: option.mo\n            }\n        \"\n    ></ng-container>\n</ng-template>\n<ng-template #notificationItemTemplate>\n    <fd-notification>\n        <ng-container\n            *ngTemplateOutlet=\"\n                bodyTemplate;\n                context: {\n                    choiceDefStatus: notificationItem.$ChoiceDefStatus,\n                    isNew: notificationItem.$NewNotification,\n                    loading: notificationItem.$NotificatoinLoading,\n                    icon: notificationItem.Icon,\n                    statusCaption: notificationItem.Status$Caption,\n                    unread: notificationItem.Unread,\n                    title: notificationItem.Title,\n                    content: notificationItem.$SafeContent,\n                    userCaption: notificationItem.IMessage?.CreatorUser$Caption,\n                    dateCaption: notificationItem.IMessage?.CreationDate$Caption,\n                    overflowButtons: notificationItem.OverflowButtons || deviceSize === 's',\n                    uiActions: notificationItem.UiActions,\n                    hideShowButton: notificationItem.HideShowButton,\n                    hideDeleteButton: notificationItem.HideDeleteButton,\n                    mo: notificationItem\n                }\n            \"\n        ></ng-container>\n    </fd-notification>\n</ng-template>\n\n<ng-template\n    #bodyTemplate\n    let-choiceDefStatus=\"choiceDefStatus\"\n    let-isNew=\"isNew\"\n    let-loading=\"loading\"\n    let-icon=\"icon\"\n    let-statusCaption=\"statusCaption\"\n    let-unread=\"unread\"\n    let-title=\"title\"\n    let-content=\"content\"\n    let-userCaption=\"userCaption\"\n    let-dateCaption=\"dateCaption\"\n    let-overflowButtons=\"overflowButtons\"\n    let-uiActions=\"uiActions\"\n    let-hideShowButton=\"hideShowButton\"\n    let-hideDeleteButton=\"hideDeleteButton\"\n    let-mo=\"mo\"\n>\n    <fd-notification-body>\n        <fd-message-strip *ngIf=\"choiceDefStatus?.error\" type=\"error\" style=\"margin: 0.5rem\">\n            {{ choiceDefStatus.error.Text }}\n        </fd-message-strip>\n        <ng-container *ngIf=\"loading || isNew || choiceDefStatus?.loading\">\n            <bsu-mask [top]=\"'10px'\"></bsu-mask>\n        </ng-container>\n        <fd-avatar\n            [transparent]=\"true\"\n            [circle]=\"true\"\n            size=\"xs\"\n            [glyph]=\"!icon ? 'bell' : null\"\n            [image]=\"icon ? icon : null\"\n        ></fd-avatar>\n        <fd-notification-content style=\"overflow: hidden\">\n            <fd-notification-header>\n                <div fd-notification-indicator [type]=\"statusCaption\"></div>\n                <h2 fd-notification-title [unread]=\"unread\">{{ title }}</h2>\n            </fd-notification-header>\n            <p #content fd-notification-paragraph [innerHTML]=\"content\"></p>\n            <fd-notification-footer>\n                <span fd-notification-footer-content>{{ userCaption }}</span>\n                <span fd-notification-separator></span>\n                <span fd-notification-footer-content>{{ dateCaption }}</span>\n            </fd-notification-footer>\n        </fd-notification-content>\n        <fd-notification-actions>\n            <fd-action-sheet #sheet *ngIf=\"overflowButtons; else buttonsTpl\">\n                <fd-action-sheet-control>\n                    <button\n                        role=\"menu\"\n                        [ariaLabel]=\"'More' | bbbTranslate\"\n                        [title]=\"'More' | bbbTranslate\"\n                        fd-button\n                        fdType=\"transparent\"\n                        glyph=\"overflow\"\n                    ></button>\n                </fd-action-sheet-control>\n\n                <fd-action-sheet-body>\n                    <li\n                        *ngFor=\"let btn of uiActions\"\n                        fd-action-sheet-item\n                        [glyph]=\"btn.Icon\"\n                        [label]=\"btn.Title | bbbTranslate\"\n                        (click)=\"sheet.close(); actionClick.emit({ item: mo, btn: this.btn })\"\n                    ></li>\n                </fd-action-sheet-body>\n            </fd-action-sheet>\n            <ng-template #buttonsTpl>\n                <button\n                    *ngFor=\"let btn of uiActions\"\n                    fd-button\n                    [glyph]=\"btn.Icon\"\n                    [fdType]=\"btn.Status\"\n                    [label]=\"btn.Title | bbbTranslate\"\n                    [title]=\"btn.Title | bbbTranslate\"\n                    fdCompact\n                    (click)=\"actionClick.emit({ item: mo, btn: this.btn })\"\n                ></button>\n            </ng-template>\n            <button\n                *ngIf=\"!hideShowButton\"\n                fd-button\n                fdType=\"transparent\"\n                [ariaLabel]=\"'Show' | bbbTranslate\"\n                [title]=\"'Show' | bbbTranslate\"\n                glyph=\"show\"\n                (click)=\"show.emit({ mo: mo.RelatedMo, nama: mo.RelatedMoNama })\"\n                fdCompact\n            ></button>\n            <button\n                *ngIf=\"!hideDeleteButton\"\n                fd-button\n                fdType=\"transparent\"\n                [ariaLabel]=\"'Delete' | bbbTranslate\"\n                [title]=\"'Delete' | bbbTranslate\"\n                glyph=\"decline\"\n                (click)=\"remove.emit({ items: [mo], silent: false })\"\n                fdCompact\n            ></button>\n\n            <button\n                *ngIf=\"showCloseButton\"\n                fd-button\n                fdType=\"transparent\"\n                [ariaLabel]=\"'close' | bbbTranslate\"\n                [title]=\"'close' | bbbTranslate\"\n                glyph=\"decline\"\n                (click)=\"close.emit()\"\n                fdCompact\n            ></button>\n        </fd-notification-actions>\n    </fd-notification-body>\n</ng-template>\n", styles: ["fd-notification-content{min-width:320px}fd-notification-content p{max-height:3rem}:host.s fd-notification-content{min-width:auto!important}fd-notification-actions{max-width:200px}\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.ActionSheetComponent, selector: "fd-action-sheet", inputs: ["mobile", "placement", "noArrow", "isOpen", "keyboardSupport", "triggers"], outputs: ["focusEscapeList", "isOpenChange"] }, { kind: "component", type: i2.ActionSheetControlComponent, selector: "fd-action-sheet-control", outputs: ["clicked"] }, { kind: "component", type: i2.ActionSheetItemComponent, selector: "[fd-action-sheet-item]", inputs: ["label", "glyph", "negative", "isCloseButton", "disabled"], outputs: ["keyDown"] }, { kind: "component", type: i2.ActionSheetBodyComponent, selector: "fd-action-sheet-body", inputs: ["actionSheetBodyId", "mobile", "ariaLabel", "ariaLabelledby"] }, { kind: "directive", type: i3.ContentDensityDirective, selector: "[fdContentDensity]:not([fdCompact]):not([fdCondensed]):not([fdCozy]),                [fdCompact]:not([fdContentDensity]):not([fdCondensed]):not([fdCozy]),                [fdCondensed]:not([fdContentDensity]):not([fdCompact]):not([fdCozy]),                [fdCozy]:not([fdContentDensity]):not([fdCompact]):not([fdCondensed])", inputs: ["fdContentDensity", "fdCompact", "fdCondensed", "fdCozy"], exportAs: ["fdContentDensity"] }, { kind: "component", type: i4.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "random", "clickable", "backgroundImage", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "component", type: i5.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i6.MessageStripComponent, selector: "fd-message-strip", inputs: ["class", "dismissible", "noIcon", "type", "id", "ariaLabelledBy", "ariaLabel", "dismissLabel", "width", "minWidth", "marginBottom"], outputs: ["onDismiss"] }, { kind: "component", type: i7.NotificationComponent, selector: "fd-notification", inputs: ["width", "mobile"] }, { kind: "component", type: i7.NotificationHeaderComponent, selector: "fd-notification-header", inputs: ["uniqueId"] }, { kind: "component", type: i7.NotificationFooterComponent, selector: "fd-notification-footer" }, { kind: "component", type: i7.NotificationBodyComponent, selector: "fd-notification-body" }, { kind: "component", type: i7.NotificationActionsComponent, selector: "fd-notification-actions" }, { kind: "component", type: i7.NotificationContentComponent, selector: "fd-notification-content" }, { kind: "directive", type: i7.NotificationTitleDirective, selector: "[fdNotificationTitle], [fd-notification-title]", inputs: ["unread"] }, { kind: "directive", type: i7.NotificationIndicatorDirective, selector: "[fdNotificationIndicator], [fd-notification-indicator]", inputs: ["type", "class"] }, { kind: "directive", type: i7.NotificationParagraphDirective, selector: "[fdNotificationParagraph], [fd-notification-paragraph]" }, { kind: "directive", type: i7.NotificationFooterContentDirective, selector: "[fdNotificationFooterContent], [fd-notification-footer-content]" }, { kind: "directive", type: i7.NotificationSeparatorDirective, selector: "[fdNotificationSeparator], [fd-notification-separator]" }, { kind: "component", type: i8.MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "pipe", type: i9.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: NotificationItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-notification-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngTemplateOutlet=\"notificationItem ? notificationItemTemplate : optionTemplate\"> </ng-container>\n\n<ng-template #optionTemplate>\n    <ng-container\n        *ngTemplateOutlet=\"\n            bodyTemplate;\n            context: {\n                choiceDefStatus: null,\n                isNew: false,\n                loading: false,\n                icon: option.icon,\n                statusCaption: '',\n                unread: true,\n                title: option.title,\n                content: option.msg,\n                userCaption: option.NotificationItem?.CreatorUser$Caption,\n                dateCaption: option.NotificationItem?.CreationDate$Caption,\n                overflowButtons: false,\n                uiActions: option.NotificationItem?.UiActions,\n                hideShowButton: true,\n                hideDeleteButton: true,\n                mo: option.mo\n            }\n        \"\n    ></ng-container>\n</ng-template>\n<ng-template #notificationItemTemplate>\n    <fd-notification>\n        <ng-container\n            *ngTemplateOutlet=\"\n                bodyTemplate;\n                context: {\n                    choiceDefStatus: notificationItem.$ChoiceDefStatus,\n                    isNew: notificationItem.$NewNotification,\n                    loading: notificationItem.$NotificatoinLoading,\n                    icon: notificationItem.Icon,\n                    statusCaption: notificationItem.Status$Caption,\n                    unread: notificationItem.Unread,\n                    title: notificationItem.Title,\n                    content: notificationItem.$SafeContent,\n                    userCaption: notificationItem.IMessage?.CreatorUser$Caption,\n                    dateCaption: notificationItem.IMessage?.CreationDate$Caption,\n                    overflowButtons: notificationItem.OverflowButtons || deviceSize === 's',\n                    uiActions: notificationItem.UiActions,\n                    hideShowButton: notificationItem.HideShowButton,\n                    hideDeleteButton: notificationItem.HideDeleteButton,\n                    mo: notificationItem\n                }\n            \"\n        ></ng-container>\n    </fd-notification>\n</ng-template>\n\n<ng-template\n    #bodyTemplate\n    let-choiceDefStatus=\"choiceDefStatus\"\n    let-isNew=\"isNew\"\n    let-loading=\"loading\"\n    let-icon=\"icon\"\n    let-statusCaption=\"statusCaption\"\n    let-unread=\"unread\"\n    let-title=\"title\"\n    let-content=\"content\"\n    let-userCaption=\"userCaption\"\n    let-dateCaption=\"dateCaption\"\n    let-overflowButtons=\"overflowButtons\"\n    let-uiActions=\"uiActions\"\n    let-hideShowButton=\"hideShowButton\"\n    let-hideDeleteButton=\"hideDeleteButton\"\n    let-mo=\"mo\"\n>\n    <fd-notification-body>\n        <fd-message-strip *ngIf=\"choiceDefStatus?.error\" type=\"error\" style=\"margin: 0.5rem\">\n            {{ choiceDefStatus.error.Text }}\n        </fd-message-strip>\n        <ng-container *ngIf=\"loading || isNew || choiceDefStatus?.loading\">\n            <bsu-mask [top]=\"'10px'\"></bsu-mask>\n        </ng-container>\n        <fd-avatar\n            [transparent]=\"true\"\n            [circle]=\"true\"\n            size=\"xs\"\n            [glyph]=\"!icon ? 'bell' : null\"\n            [image]=\"icon ? icon : null\"\n        ></fd-avatar>\n        <fd-notification-content style=\"overflow: hidden\">\n            <fd-notification-header>\n                <div fd-notification-indicator [type]=\"statusCaption\"></div>\n                <h2 fd-notification-title [unread]=\"unread\">{{ title }}</h2>\n            </fd-notification-header>\n            <p #content fd-notification-paragraph [innerHTML]=\"content\"></p>\n            <fd-notification-footer>\n                <span fd-notification-footer-content>{{ userCaption }}</span>\n                <span fd-notification-separator></span>\n                <span fd-notification-footer-content>{{ dateCaption }}</span>\n            </fd-notification-footer>\n        </fd-notification-content>\n        <fd-notification-actions>\n            <fd-action-sheet #sheet *ngIf=\"overflowButtons; else buttonsTpl\">\n                <fd-action-sheet-control>\n                    <button\n                        role=\"menu\"\n                        [ariaLabel]=\"'More' | bbbTranslate\"\n                        [title]=\"'More' | bbbTranslate\"\n                        fd-button\n                        fdType=\"transparent\"\n                        glyph=\"overflow\"\n                    ></button>\n                </fd-action-sheet-control>\n\n                <fd-action-sheet-body>\n                    <li\n                        *ngFor=\"let btn of uiActions\"\n                        fd-action-sheet-item\n                        [glyph]=\"btn.Icon\"\n                        [label]=\"btn.Title | bbbTranslate\"\n                        (click)=\"sheet.close(); actionClick.emit({ item: mo, btn: this.btn })\"\n                    ></li>\n                </fd-action-sheet-body>\n            </fd-action-sheet>\n            <ng-template #buttonsTpl>\n                <button\n                    *ngFor=\"let btn of uiActions\"\n                    fd-button\n                    [glyph]=\"btn.Icon\"\n                    [fdType]=\"btn.Status\"\n                    [label]=\"btn.Title | bbbTranslate\"\n                    fdCompact\n                    (click)=\"actionClick.emit({ item: mo, btn: this.btn })\"\n                ></button>\n            </ng-template>\n            <button\n                *ngIf=\"!hideShowButton\"\n                fd-button\n                fdType=\"transparent\"\n                [ariaLabel]=\"'Show' | bbbTranslate\"\n                [title]=\"'Show' | bbbTranslate\"\n                glyph=\"show\"\n                (click)=\"show.emit({ mo: mo.RelatedMo, nama: mo.RelatedMoNama })\"\n                fdCompact\n            ></button>\n            <button\n                *ngIf=\"!hideDeleteButton\"\n                fd-button\n                fdType=\"transparent\"\n                [ariaLabel]=\"'Delete' | bbbTranslate\"\n                [title]=\"'Delete' | bbbTranslate\"\n                glyph=\"decline\"\n                (click)=\"remove.emit({ items: [mo], silent: false })\"\n                fdCompact\n            ></button>\n\n            <button\n                *ngIf=\"showCloseButton\"\n                fd-button\n                fdType=\"transparent\"\n                [ariaLabel]=\"'close' | bbbTranslate\"\n                [title]=\"'close' | bbbTranslate\"\n                glyph=\"decline\"\n                (click)=\"close.emit()\"\n                fdCompact\n            ></button>\n        </fd-notification-actions>\n    </fd-notification-body>\n</ng-template>\n", styles: ["fd-notification-content{min-width:320px}fd-notification-content p{max-height:3rem}:host.s fd-notification-content{min-width:auto!important}\n"] }]
+            args: [{ selector: 'bsu-notification-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngTemplateOutlet=\"notificationItem ? notificationItemTemplate : optionTemplate\"> </ng-container>\n\n<ng-template #optionTemplate>\n    <ng-container\n        *ngTemplateOutlet=\"\n            bodyTemplate;\n            context: {\n                choiceDefStatus: null,\n                isNew: false,\n                loading: false,\n                icon: option.icon,\n                statusCaption: '',\n                unread: true,\n                title: option.title,\n                content: option.msg,\n                userCaption: option.NotificationItem?.CreatorUser$Caption,\n                dateCaption: option.NotificationItem?.CreationDate$Caption,\n                overflowButtons: false,\n                uiActions: option.NotificationItem?.UiActions,\n                hideShowButton: true,\n                hideDeleteButton: true,\n                mo: option.mo\n            }\n        \"\n    ></ng-container>\n</ng-template>\n<ng-template #notificationItemTemplate>\n    <fd-notification>\n        <ng-container\n            *ngTemplateOutlet=\"\n                bodyTemplate;\n                context: {\n                    choiceDefStatus: notificationItem.$ChoiceDefStatus,\n                    isNew: notificationItem.$NewNotification,\n                    loading: notificationItem.$NotificatoinLoading,\n                    icon: notificationItem.Icon,\n                    statusCaption: notificationItem.Status$Caption,\n                    unread: notificationItem.Unread,\n                    title: notificationItem.Title,\n                    content: notificationItem.$SafeContent,\n                    userCaption: notificationItem.IMessage?.CreatorUser$Caption,\n                    dateCaption: notificationItem.IMessage?.CreationDate$Caption,\n                    overflowButtons: notificationItem.OverflowButtons || deviceSize === 's',\n                    uiActions: notificationItem.UiActions,\n                    hideShowButton: notificationItem.HideShowButton,\n                    hideDeleteButton: notificationItem.HideDeleteButton,\n                    mo: notificationItem\n                }\n            \"\n        ></ng-container>\n    </fd-notification>\n</ng-template>\n\n<ng-template\n    #bodyTemplate\n    let-choiceDefStatus=\"choiceDefStatus\"\n    let-isNew=\"isNew\"\n    let-loading=\"loading\"\n    let-icon=\"icon\"\n    let-statusCaption=\"statusCaption\"\n    let-unread=\"unread\"\n    let-title=\"title\"\n    let-content=\"content\"\n    let-userCaption=\"userCaption\"\n    let-dateCaption=\"dateCaption\"\n    let-overflowButtons=\"overflowButtons\"\n    let-uiActions=\"uiActions\"\n    let-hideShowButton=\"hideShowButton\"\n    let-hideDeleteButton=\"hideDeleteButton\"\n    let-mo=\"mo\"\n>\n    <fd-notification-body>\n        <fd-message-strip *ngIf=\"choiceDefStatus?.error\" type=\"error\" style=\"margin: 0.5rem\">\n            {{ choiceDefStatus.error.Text }}\n        </fd-message-strip>\n        <ng-container *ngIf=\"loading || isNew || choiceDefStatus?.loading\">\n            <bsu-mask [top]=\"'10px'\"></bsu-mask>\n        </ng-container>\n        <fd-avatar\n            [transparent]=\"true\"\n            [circle]=\"true\"\n            size=\"xs\"\n            [glyph]=\"!icon ? 'bell' : null\"\n            [image]=\"icon ? icon : null\"\n        ></fd-avatar>\n        <fd-notification-content style=\"overflow: hidden\">\n            <fd-notification-header>\n                <div fd-notification-indicator [type]=\"statusCaption\"></div>\n                <h2 fd-notification-title [unread]=\"unread\">{{ title }}</h2>\n            </fd-notification-header>\n            <p #content fd-notification-paragraph [innerHTML]=\"content\"></p>\n            <fd-notification-footer>\n                <span fd-notification-footer-content>{{ userCaption }}</span>\n                <span fd-notification-separator></span>\n                <span fd-notification-footer-content>{{ dateCaption }}</span>\n            </fd-notification-footer>\n        </fd-notification-content>\n        <fd-notification-actions>\n            <fd-action-sheet #sheet *ngIf=\"overflowButtons; else buttonsTpl\">\n                <fd-action-sheet-control>\n                    <button\n                        role=\"menu\"\n                        [ariaLabel]=\"'More' | bbbTranslate\"\n                        [title]=\"'More' | bbbTranslate\"\n                        fd-button\n                        fdType=\"transparent\"\n                        glyph=\"overflow\"\n                    ></button>\n                </fd-action-sheet-control>\n\n                <fd-action-sheet-body>\n                    <li\n                        *ngFor=\"let btn of uiActions\"\n                        fd-action-sheet-item\n                        [glyph]=\"btn.Icon\"\n                        [label]=\"btn.Title | bbbTranslate\"\n                        (click)=\"sheet.close(); actionClick.emit({ item: mo, btn: this.btn })\"\n                    ></li>\n                </fd-action-sheet-body>\n            </fd-action-sheet>\n            <ng-template #buttonsTpl>\n                <button\n                    *ngFor=\"let btn of uiActions\"\n                    fd-button\n                    [glyph]=\"btn.Icon\"\n                    [fdType]=\"btn.Status\"\n                    [label]=\"btn.Title | bbbTranslate\"\n                    [title]=\"btn.Title | bbbTranslate\"\n                    fdCompact\n                    (click)=\"actionClick.emit({ item: mo, btn: this.btn })\"\n                ></button>\n            </ng-template>\n            <button\n                *ngIf=\"!hideShowButton\"\n                fd-button\n                fdType=\"transparent\"\n                [ariaLabel]=\"'Show' | bbbTranslate\"\n                [title]=\"'Show' | bbbTranslate\"\n                glyph=\"show\"\n                (click)=\"show.emit({ mo: mo.RelatedMo, nama: mo.RelatedMoNama })\"\n                fdCompact\n            ></button>\n            <button\n                *ngIf=\"!hideDeleteButton\"\n                fd-button\n                fdType=\"transparent\"\n                [ariaLabel]=\"'Delete' | bbbTranslate\"\n                [title]=\"'Delete' | bbbTranslate\"\n                glyph=\"decline\"\n                (click)=\"remove.emit({ items: [mo], silent: false })\"\n                fdCompact\n            ></button>\n\n            <button\n                *ngIf=\"showCloseButton\"\n                fd-button\n                fdType=\"transparent\"\n                [ariaLabel]=\"'close' | bbbTranslate\"\n                [title]=\"'close' | bbbTranslate\"\n                glyph=\"decline\"\n                (click)=\"close.emit()\"\n                fdCompact\n            ></button>\n        </fd-notification-actions>\n    </fd-notification-body>\n</ng-template>\n", styles: ["fd-notification-content{min-width:320px}fd-notification-content p{max-height:3rem}:host.s fd-notification-content{min-width:auto!important}fd-notification-actions{max-width:200px}\n"] }]
         }], propDecorators: { option: [{
                 type: Input
             }], notificationItem: [{
@@ -54,4 +54,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImpor
             }], close: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFyc2Etc2FwLXVpL3NyYy9saWIvbm90aWZpY2F0aW9uLWl0ZW0vbm90aWZpY2F0aW9uLWl0ZW0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFyc2Etc2FwLXVpL3NyYy9saWIvbm90aWZpY2F0aW9uLWl0ZW0vbm90aWZpY2F0aW9uLWl0ZW0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFckgsT0FBTyxFQUNILGFBQWEsRUFLaEIsTUFBTSxzQkFBc0IsQ0FBQzs7Ozs7Ozs7Ozs7QUFROUIsTUFBTSxPQUFPLHlCQUEwQixTQUFRLGFBQWE7SUFONUQ7O1FBbUJhLG9CQUFlLEdBQUcsS0FBSyxDQUFDO1FBR1gsZ0JBQVcsR0FBRyxFQUFFLENBQUM7UUFDN0IsV0FBTSxHQUFHLElBQUksWUFBWSxFQUFvQixDQUFDO1FBQzlDLFdBQU0sR0FBRyxJQUFJLFlBQVksRUFBa0QsQ0FBQztRQUM1RSxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUF1RCxDQUFDO1FBQ3RGLFNBQUksR0FBRyxJQUFJLFlBQVksRUFBNkMsQ0FBQztRQUNyRSxVQUFLLEdBQUcsSUFBSSxZQUFZLEVBQTZDLENBQUM7UUFFaEYsU0FBSSxHQUFHLEtBQUssQ0FBQztLQUtoQjtJQUpHLFFBQVE7UUFDSixLQUFLLENBQUMsUUFBUSxFQUFFLENBQUM7UUFDakIsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDO0lBQ3ZDLENBQUM7O3NIQTNCUSx5QkFBeUI7MEdBQXpCLHlCQUF5Qix3WENoQnRDLHlxTkFxS0E7MkZEckphLHlCQUF5QjtrQkFOckMsU0FBUzsrQkFDSSx1QkFBdUIsbUJBR2hCLHVCQUF1QixDQUFDLE1BQU07OEJBR3RDLE1BQU07c0JBQWQsS0FBSztnQkFXRyxnQkFBZ0I7c0JBQXhCLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUVnQixXQUFXO3NCQUFoQyxXQUFXO3VCQUFDLE9BQU87Z0JBQ1YsTUFBTTtzQkFBZixNQUFNO2dCQUNHLE1BQU07c0JBQWYsTUFBTTtnQkFDRyxXQUFXO3NCQUFwQixNQUFNO2dCQUNHLElBQUk7c0JBQWIsTUFBTTtnQkFDRyxLQUFLO3NCQUFkLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIEhvc3RCaW5kaW5nLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFNhZmVIdG1sIH0gZnJvbSAnQGFuZ3VsYXIvcGxhdGZvcm0tYnJvd3Nlcic7XG5pbXBvcnQge1xuICAgIEJhc2VDb21wb25lbnQsXG4gICAgTWV0YW9iamVjdERhdGFNb2RlbCxcbiAgICBOb3RpZmljYXRpb25JdGVtLFxuICAgIE5vdGlmaWNhdGlvbkFjdGlvbixcbiAgICBBYmJyZXZhdGlvbkRldmljZVNpemVcbn0gZnJvbSAnYmFyc2Etbm92aW4tcmF5LWNvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2JzdS1ub3RpZmljYXRpb24taXRlbScsXG4gICAgdGVtcGxhdGVVcmw6ICcuL25vdGlmaWNhdGlvbi1pdGVtLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9ub3RpZmljYXRpb24taXRlbS5jb21wb25lbnQuc2NzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIE5vdGlmaWNhdGlvbkl0ZW1Db21wb25lbnQgZXh0ZW5kcyBCYXNlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgICBASW5wdXQoKSBvcHRpb246IHtcbiAgICAgICAgdGl0bGU6IHN0cmluZztcbiAgICAgICAgbXNnOiBTYWZlSHRtbDtcbiAgICAgICAgaXNSdGw6IGJvb2xlYW47XG4gICAgICAgIGltYWdlOiBzdHJpbmc7XG4gICAgICAgIGljb246IHN0cmluZztcbiAgICAgICAgQ2xvc2FibGU6IGJvb2xlYW47XG4gICAgICAgIGNhbGxiYWNrOiAoKSA9PiB2b2lkO1xuICAgICAgICBtbzogTWV0YW9iamVjdERhdGFNb2RlbDtcbiAgICAgICAgTm90aWZpY2F0aW9uSXRlbTogTm90aWZpY2F0aW9uSXRlbTtcbiAgICB9O1xuICAgIEBJbnB1dCgpIG5vdGlmaWNhdGlvbkl0ZW06IE5vdGlmaWNhdGlvbkl0ZW07XG4gICAgQElucHV0KCkgc2hvd0Nsb3NlQnV0dG9uID0gZmFsc2U7XG4gICAgQElucHV0KCkgZGV2aWNlU2l6ZTogQWJicmV2YXRpb25EZXZpY2VTaXplO1xuXG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcycpIF9kZXZpY2VTaXplID0gJyc7XG4gICAgQE91dHB1dCgpIHZpZXdlZCA9IG5ldyBFdmVudEVtaXR0ZXI8Tm90aWZpY2F0aW9uSXRlbT4oKTtcbiAgICBAT3V0cHV0KCkgcmVtb3ZlID0gbmV3IEV2ZW50RW1pdHRlcjx7IGl0ZW1zOiBOb3RpZmljYXRpb25JdGVtW107IHNpbGVudDogYm9vbGVhbiB9PigpO1xuICAgIEBPdXRwdXQoKSBhY3Rpb25DbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8eyBpdGVtOiBOb3RpZmljYXRpb25JdGVtOyBidG46IE5vdGlmaWNhdGlvbkFjdGlvbiB9PigpO1xuICAgIEBPdXRwdXQoKSBzaG93ID0gbmV3IEV2ZW50RW1pdHRlcjx7IG1vOiBNZXRhb2JqZWN0RGF0YU1vZGVsOyBuYW1hOiBzdHJpbmcgfT4oKTtcbiAgICBAT3V0cHV0KCkgY2xvc2UgPSBuZXcgRXZlbnRFbWl0dGVyPHsgbW86IE1ldGFvYmplY3REYXRhTW9kZWw7IG5hbWE6IHN0cmluZyB9PigpO1xuXG4gICAgaGlkZSA9IGZhbHNlO1xuICAgIG5nT25Jbml0KCk6IHZvaWQge1xuICAgICAgICBzdXBlci5uZ09uSW5pdCgpO1xuICAgICAgICB0aGlzLl9kZXZpY2VTaXplID0gdGhpcy5kZXZpY2VTaXplO1xuICAgIH1cbn1cbiIsIjxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJub3RpZmljYXRpb25JdGVtID8gbm90aWZpY2F0aW9uSXRlbVRlbXBsYXRlIDogb3B0aW9uVGVtcGxhdGVcIj4gPC9uZy1jb250YWluZXI+XG5cbjxuZy10ZW1wbGF0ZSAjb3B0aW9uVGVtcGxhdGU+XG4gICAgPG5nLWNvbnRhaW5lclxuICAgICAgICAqbmdUZW1wbGF0ZU91dGxldD1cIlxuICAgICAgICAgICAgYm9keVRlbXBsYXRlO1xuICAgICAgICAgICAgY29udGV4dDoge1xuICAgICAgICAgICAgICAgIGNob2ljZURlZlN0YXR1czogbnVsbCxcbiAgICAgICAgICAgICAgICBpc05ldzogZmFsc2UsXG4gICAgICAgICAgICAgICAgbG9hZGluZzogZmFsc2UsXG4gICAgICAgICAgICAgICAgaWNvbjogb3B0aW9uLmljb24sXG4gICAgICAgICAgICAgICAgc3RhdHVzQ2FwdGlvbjogJycsXG4gICAgICAgICAgICAgICAgdW5yZWFkOiB0cnVlLFxuICAgICAgICAgICAgICAgIHRpdGxlOiBvcHRpb24udGl0bGUsXG4gICAgICAgICAgICAgICAgY29udGVudDogb3B0aW9uLm1zZyxcbiAgICAgICAgICAgICAgICB1c2VyQ2FwdGlvbjogb3B0aW9uLk5vdGlmaWNhdGlvbkl0ZW0/LkNyZWF0b3JVc2VyJENhcHRpb24sXG4gICAgICAgICAgICAgICAgZGF0ZUNhcHRpb246IG9wdGlvbi5Ob3RpZmljYXRpb25JdGVtPy5DcmVhdGlvbkRhdGUkQ2FwdGlvbixcbiAgICAgICAgICAgICAgICBvdmVyZmxvd0J1dHRvbnM6IGZhbHNlLFxuICAgICAgICAgICAgICAgIHVpQWN0aW9uczogb3B0aW9uLk5vdGlmaWNhdGlvbkl0ZW0/LlVpQWN0aW9ucyxcbiAgICAgICAgICAgICAgICBoaWRlU2hvd0J1dHRvbjogdHJ1ZSxcbiAgICAgICAgICAgICAgICBoaWRlRGVsZXRlQnV0dG9uOiB0cnVlLFxuICAgICAgICAgICAgICAgIG1vOiBvcHRpb24ubW9cbiAgICAgICAgICAgIH1cbiAgICAgICAgXCJcbiAgICA+PC9uZy1jb250YWluZXI+XG48L25nLXRlbXBsYXRlPlxuPG5nLXRlbXBsYXRlICNub3RpZmljYXRpb25JdGVtVGVtcGxhdGU+XG4gICAgPGZkLW5vdGlmaWNhdGlvbj5cbiAgICAgICAgPG5nLWNvbnRhaW5lclxuICAgICAgICAgICAgKm5nVGVtcGxhdGVPdXRsZXQ9XCJcbiAgICAgICAgICAgICAgICBib2R5VGVtcGxhdGU7XG4gICAgICAgICAgICAgICAgY29udGV4dDoge1xuICAgICAgICAgICAgICAgICAgICBjaG9pY2VEZWZTdGF0dXM6IG5vdGlmaWNhdGlvbkl0ZW0uJENob2ljZURlZlN0YXR1cyxcbiAgICAgICAgICAgICAgICAgICAgaXNOZXc6IG5vdGlmaWNhdGlvbkl0ZW0uJE5ld05vdGlmaWNhdGlvbixcbiAgICAgICAgICAgICAgICAgICAgbG9hZGluZzogbm90aWZpY2F0aW9uSXRlbS4kTm90aWZpY2F0b2luTG9hZGluZyxcbiAgICAgICAgICAgICAgICAgICAgaWNvbjogbm90aWZpY2F0aW9uSXRlbS5JY29uLFxuICAgICAgICAgICAgICAgICAgICBzdGF0dXNDYXB0aW9uOiBub3RpZmljYXRpb25JdGVtLlN0YXR1cyRDYXB0aW9uLFxuICAgICAgICAgICAgICAgICAgICB1bnJlYWQ6IG5vdGlmaWNhdGlvbkl0ZW0uVW5yZWFkLFxuICAgICAgICAgICAgICAgICAgICB0aXRsZTogbm90aWZpY2F0aW9uSXRlbS5UaXRsZSxcbiAgICAgICAgICAgICAgICAgICAgY29udGVudDogbm90aWZpY2F0aW9uSXRlbS4kU2FmZUNvbnRlbnQsXG4gICAgICAgICAgICAgICAgICAgIHVzZXJDYXB0aW9uOiBub3RpZmljYXRpb25JdGVtLklNZXNzYWdlPy5DcmVhdG9yVXNlciRDYXB0aW9uLFxuICAgICAgICAgICAgICAgICAgICBkYXRlQ2FwdGlvbjogbm90aWZpY2F0aW9uSXRlbS5JTWVzc2FnZT8uQ3JlYXRpb25EYXRlJENhcHRpb24sXG4gICAgICAgICAgICAgICAgICAgIG92ZXJmbG93QnV0dG9uczogbm90aWZpY2F0aW9uSXRlbS5PdmVyZmxvd0J1dHRvbnMgfHwgZGV2aWNlU2l6ZSA9PT0gJ3MnLFxuICAgICAgICAgICAgICAgICAgICB1aUFjdGlvbnM6IG5vdGlmaWNhdGlvbkl0ZW0uVWlBY3Rpb25zLFxuICAgICAgICAgICAgICAgICAgICBoaWRlU2hvd0J1dHRvbjogbm90aWZpY2F0aW9uSXRlbS5IaWRlU2hvd0J1dHRvbixcbiAgICAgICAgICAgICAgICAgICAgaGlkZURlbGV0ZUJ1dHRvbjogbm90aWZpY2F0aW9uSXRlbS5IaWRlRGVsZXRlQnV0dG9uLFxuICAgICAgICAgICAgICAgICAgICBtbzogbm90aWZpY2F0aW9uSXRlbVxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIFwiXG4gICAgICAgID48L25nLWNvbnRhaW5lcj5cbiAgICA8L2ZkLW5vdGlmaWNhdGlvbj5cbjwvbmctdGVtcGxhdGU+XG5cbjxuZy10ZW1wbGF0ZVxuICAgICNib2R5VGVtcGxhdGVcbiAgICBsZXQtY2hvaWNlRGVmU3RhdHVzPVwiY2hvaWNlRGVmU3RhdHVzXCJcbiAgICBsZXQtaXNOZXc9XCJpc05ld1wiXG4gICAgbGV0LWxvYWRpbmc9XCJsb2FkaW5nXCJcbiAgICBsZXQtaWNvbj1cImljb25cIlxuICAgIGxldC1zdGF0dXNDYXB0aW9uPVwic3RhdHVzQ2FwdGlvblwiXG4gICAgbGV0LXVucmVhZD1cInVucmVhZFwiXG4gICAgbGV0LXRpdGxlPVwidGl0bGVcIlxuICAgIGxldC1jb250ZW50PVwiY29udGVudFwiXG4gICAgbGV0LXVzZXJDYXB0aW9uPVwidXNlckNhcHRpb25cIlxuICAgIGxldC1kYXRlQ2FwdGlvbj1cImRhdGVDYXB0aW9uXCJcbiAgICBsZXQtb3ZlcmZsb3dCdXR0b25zPVwib3ZlcmZsb3dCdXR0b25zXCJcbiAgICBsZXQtdWlBY3Rpb25zPVwidWlBY3Rpb25zXCJcbiAgICBsZXQtaGlkZVNob3dCdXR0b249XCJoaWRlU2hvd0J1dHRvblwiXG4gICAgbGV0LWhpZGVEZWxldGVCdXR0b249XCJoaWRlRGVsZXRlQnV0dG9uXCJcbiAgICBsZXQtbW89XCJtb1wiXG4+XG4gICAgPGZkLW5vdGlmaWNhdGlvbi1ib2R5PlxuICAgICAgICA8ZmQtbWVzc2FnZS1zdHJpcCAqbmdJZj1cImNob2ljZURlZlN0YXR1cz8uZXJyb3JcIiB0eXBlPVwiZXJyb3JcIiBzdHlsZT1cIm1hcmdpbjogMC41cmVtXCI+XG4gICAgICAgICAgICB7eyBjaG9pY2VEZWZTdGF0dXMuZXJyb3IuVGV4dCB9fVxuICAgICAgICA8L2ZkLW1lc3NhZ2Utc3RyaXA+XG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJsb2FkaW5nIHx8IGlzTmV3IHx8IGNob2ljZURlZlN0YXR1cz8ubG9hZGluZ1wiPlxuICAgICAgICAgICAgPGJzdS1tYXNrIFt0b3BdPVwiJzEwcHgnXCI+PC9ic3UtbWFzaz5cbiAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgIDxmZC1hdmF0YXJcbiAgICAgICAgICAgIFt0cmFuc3BhcmVudF09XCJ0cnVlXCJcbiAgICAgICAgICAgIFtjaXJjbGVdPVwidHJ1ZVwiXG4gICAgICAgICAgICBzaXplPVwieHNcIlxuICAgICAgICAgICAgW2dseXBoXT1cIiFpY29uID8gJ2JlbGwnIDogbnVsbFwiXG4gICAgICAgICAgICBbaW1hZ2VdPVwiaWNvbiA/IGljb24gOiBudWxsXCJcbiAgICAgICAgPjwvZmQtYXZhdGFyPlxuICAgICAgICA8ZmQtbm90aWZpY2F0aW9uLWNvbnRlbnQgc3R5bGU9XCJvdmVyZmxvdzogaGlkZGVuXCI+XG4gICAgICAgICAgICA8ZmQtbm90aWZpY2F0aW9uLWhlYWRlcj5cbiAgICAgICAgICAgICAgICA8ZGl2IGZkLW5vdGlmaWNhdGlvbi1pbmRpY2F0b3IgW3R5cGVdPVwic3RhdHVzQ2FwdGlvblwiPjwvZGl2PlxuICAgICAgICAgICAgICAgIDxoMiBmZC1ub3RpZmljYXRpb24tdGl0bGUgW3VucmVhZF09XCJ1bnJlYWRcIj57eyB0aXRsZSB9fTwvaDI+XG4gICAgICAgICAgICA8L2ZkLW5vdGlmaWNhdGlvbi1oZWFkZXI+XG4gICAgICAgICAgICA8cCAjY29udGVudCBmZC1ub3RpZmljYXRpb24tcGFyYWdyYXBoIFtpbm5lckhUTUxdPVwiY29udGVudFwiPjwvcD5cbiAgICAgICAgICAgIDxmZC1ub3RpZmljYXRpb24tZm9vdGVyPlxuICAgICAgICAgICAgICAgIDxzcGFuIGZkLW5vdGlmaWNhdGlvbi1mb290ZXItY29udGVudD57eyB1c2VyQ2FwdGlvbiB9fTwvc3Bhbj5cbiAgICAgICAgICAgICAgICA8c3BhbiBmZC1ub3RpZmljYXRpb24tc2VwYXJhdG9yPjwvc3Bhbj5cbiAgICAgICAgICAgICAgICA8c3BhbiBmZC1ub3RpZmljYXRpb24tZm9vdGVyLWNvbnRlbnQ+e3sgZGF0ZUNhcHRpb24gfX08L3NwYW4+XG4gICAgICAgICAgICA8L2ZkLW5vdGlmaWNhdGlvbi1mb290ZXI+XG4gICAgICAgIDwvZmQtbm90aWZpY2F0aW9uLWNvbnRlbnQ+XG4gICAgICAgIDxmZC1ub3RpZmljYXRpb24tYWN0aW9ucz5cbiAgICAgICAgICAgIDxmZC1hY3Rpb24tc2hlZXQgI3NoZWV0ICpuZ0lmPVwib3ZlcmZsb3dCdXR0b25zOyBlbHNlIGJ1dHRvbnNUcGxcIj5cbiAgICAgICAgICAgICAgICA8ZmQtYWN0aW9uLXNoZWV0LWNvbnRyb2w+XG4gICAgICAgICAgICAgICAgICAgIDxidXR0b25cbiAgICAgICAgICAgICAgICAgICAgICAgIHJvbGU9XCJtZW51XCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFthcmlhTGFiZWxdPVwiJ01vcmUnIHwgYmJiVHJhbnNsYXRlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFt0aXRsZV09XCInTW9yZScgfCBiYmJUcmFuc2xhdGVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgZmQtYnV0dG9uXG4gICAgICAgICAgICAgICAgICAgICAgICBmZFR5cGU9XCJ0cmFuc3BhcmVudFwiXG4gICAgICAgICAgICAgICAgICAgICAgICBnbHlwaD1cIm92ZXJmbG93XCJcbiAgICAgICAgICAgICAgICAgICAgPjwvYnV0dG9uPlxuICAgICAgICAgICAgICAgIDwvZmQtYWN0aW9uLXNoZWV0LWNvbnRyb2w+XG5cbiAgICAgICAgICAgICAgICA8ZmQtYWN0aW9uLXNoZWV0LWJvZHk+XG4gICAgICAgICAgICAgICAgICAgIDxsaVxuICAgICAgICAgICAgICAgICAgICAgICAgKm5nRm9yPVwibGV0IGJ0biBvZiB1aUFjdGlvbnNcIlxuICAgICAgICAgICAgICAgICAgICAgICAgZmQtYWN0aW9uLXNoZWV0LWl0ZW1cbiAgICAgICAgICAgICAgICAgICAgICAgIFtnbHlwaF09XCJidG4uSWNvblwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbbGFiZWxdPVwiYnRuLlRpdGxlIHwgYmJiVHJhbnNsYXRlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJzaGVldC5jbG9zZSgpOyBhY3Rpb25DbGljay5lbWl0KHsgaXRlbTogbW8sIGJ0bjogdGhpcy5idG4gfSlcIlxuICAgICAgICAgICAgICAgICAgICA+PC9saT5cbiAgICAgICAgICAgICAgICA8L2ZkLWFjdGlvbi1zaGVldC1ib2R5PlxuICAgICAgICAgICAgPC9mZC1hY3Rpb24tc2hlZXQ+XG4gICAgICAgICAgICA8bmctdGVtcGxhdGUgI2J1dHRvbnNUcGw+XG4gICAgICAgICAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgICAgICAgICAqbmdGb3I9XCJsZXQgYnRuIG9mIHVpQWN0aW9uc1wiXG4gICAgICAgICAgICAgICAgICAgIGZkLWJ1dHRvblxuICAgICAgICAgICAgICAgICAgICBbZ2x5cGhdPVwiYnRuLkljb25cIlxuICAgICAgICAgICAgICAgICAgICBbZmRUeXBlXT1cImJ0bi5TdGF0dXNcIlxuICAgICAgICAgICAgICAgICAgICBbbGFiZWxdPVwiYnRuLlRpdGxlIHwgYmJiVHJhbnNsYXRlXCJcbiAgICAgICAgICAgICAgICAgICAgZmRDb21wYWN0XG4gICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJhY3Rpb25DbGljay5lbWl0KHsgaXRlbTogbW8sIGJ0bjogdGhpcy5idG4gfSlcIlxuICAgICAgICAgICAgICAgID48L2J1dHRvbj5cbiAgICAgICAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgICAgICAgKm5nSWY9XCIhaGlkZVNob3dCdXR0b25cIlxuICAgICAgICAgICAgICAgIGZkLWJ1dHRvblxuICAgICAgICAgICAgICAgIGZkVHlwZT1cInRyYW5zcGFyZW50XCJcbiAgICAgICAgICAgICAgICBbYXJpYUxhYmVsXT1cIidTaG93JyB8IGJiYlRyYW5zbGF0ZVwiXG4gICAgICAgICAgICAgICAgW3RpdGxlXT1cIidTaG93JyB8IGJiYlRyYW5zbGF0ZVwiXG4gICAgICAgICAgICAgICAgZ2x5cGg9XCJzaG93XCJcbiAgICAgICAgICAgICAgICAoY2xpY2spPVwic2hvdy5lbWl0KHsgbW86IG1vLlJlbGF0ZWRNbywgbmFtYTogbW8uUmVsYXRlZE1vTmFtYSB9KVwiXG4gICAgICAgICAgICAgICAgZmRDb21wYWN0XG4gICAgICAgICAgICA+PC9idXR0b24+XG4gICAgICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgICAgICAgKm5nSWY9XCIhaGlkZURlbGV0ZUJ1dHRvblwiXG4gICAgICAgICAgICAgICAgZmQtYnV0dG9uXG4gICAgICAgICAgICAgICAgZmRUeXBlPVwidHJhbnNwYXJlbnRcIlxuICAgICAgICAgICAgICAgIFthcmlhTGFiZWxdPVwiJ0RlbGV0ZScgfCBiYmJUcmFuc2xhdGVcIlxuICAgICAgICAgICAgICAgIFt0aXRsZV09XCInRGVsZXRlJyB8IGJiYlRyYW5zbGF0ZVwiXG4gICAgICAgICAgICAgICAgZ2x5cGg9XCJkZWNsaW5lXCJcbiAgICAgICAgICAgICAgICAoY2xpY2spPVwicmVtb3ZlLmVtaXQoeyBpdGVtczogW21vXSwgc2lsZW50OiBmYWxzZSB9KVwiXG4gICAgICAgICAgICAgICAgZmRDb21wYWN0XG4gICAgICAgICAgICA+PC9idXR0b24+XG5cbiAgICAgICAgICAgIDxidXR0b25cbiAgICAgICAgICAgICAgICAqbmdJZj1cInNob3dDbG9zZUJ1dHRvblwiXG4gICAgICAgICAgICAgICAgZmQtYnV0dG9uXG4gICAgICAgICAgICAgICAgZmRUeXBlPVwidHJhbnNwYXJlbnRcIlxuICAgICAgICAgICAgICAgIFthcmlhTGFiZWxdPVwiJ2Nsb3NlJyB8IGJiYlRyYW5zbGF0ZVwiXG4gICAgICAgICAgICAgICAgW3RpdGxlXT1cIidjbG9zZScgfCBiYmJUcmFuc2xhdGVcIlxuICAgICAgICAgICAgICAgIGdseXBoPVwiZGVjbGluZVwiXG4gICAgICAgICAgICAgICAgKGNsaWNrKT1cImNsb3NlLmVtaXQoKVwiXG4gICAgICAgICAgICAgICAgZmRDb21wYWN0XG4gICAgICAgICAgICA+PC9idXR0b24+XG4gICAgICAgIDwvZmQtbm90aWZpY2F0aW9uLWFjdGlvbnM+XG4gICAgPC9mZC1ub3RpZmljYXRpb24tYm9keT5cbjwvbmctdGVtcGxhdGU+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFyc2Etc2FwLXVpL3NyYy9saWIvbm90aWZpY2F0aW9uLWl0ZW0vbm90aWZpY2F0aW9uLWl0ZW0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFyc2Etc2FwLXVpL3NyYy9saWIvbm90aWZpY2F0aW9uLWl0ZW0vbm90aWZpY2F0aW9uLWl0ZW0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFckgsT0FBTyxFQUNILGFBQWEsRUFLaEIsTUFBTSxzQkFBc0IsQ0FBQzs7Ozs7Ozs7Ozs7QUFROUIsTUFBTSxPQUFPLHlCQUEwQixTQUFRLGFBQWE7SUFONUQ7O1FBbUJhLG9CQUFlLEdBQUcsS0FBSyxDQUFDO1FBR1gsZ0JBQVcsR0FBRyxFQUFFLENBQUM7UUFDN0IsV0FBTSxHQUFHLElBQUksWUFBWSxFQUFvQixDQUFDO1FBQzlDLFdBQU0sR0FBRyxJQUFJLFlBQVksRUFBa0QsQ0FBQztRQUM1RSxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUF1RCxDQUFDO1FBQ3RGLFNBQUksR0FBRyxJQUFJLFlBQVksRUFBNkMsQ0FBQztRQUNyRSxVQUFLLEdBQUcsSUFBSSxZQUFZLEVBQTZDLENBQUM7UUFFaEYsU0FBSSxHQUFHLEtBQUssQ0FBQztLQUtoQjtJQUpHLFFBQVE7UUFDSixLQUFLLENBQUMsUUFBUSxFQUFFLENBQUM7UUFDakIsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDO0lBQ3ZDLENBQUM7O3NIQTNCUSx5QkFBeUI7MEdBQXpCLHlCQUF5Qix3WENoQnRDLG11TkFzS0E7MkZEdEphLHlCQUF5QjtrQkFOckMsU0FBUzsrQkFDSSx1QkFBdUIsbUJBR2hCLHVCQUF1QixDQUFDLE1BQU07OEJBR3RDLE1BQU07c0JBQWQsS0FBSztnQkFXRyxnQkFBZ0I7c0JBQXhCLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUVnQixXQUFXO3NCQUFoQyxXQUFXO3VCQUFDLE9BQU87Z0JBQ1YsTUFBTTtzQkFBZixNQUFNO2dCQUNHLE1BQU07c0JBQWYsTUFBTTtnQkFDRyxXQUFXO3NCQUFwQixNQUFNO2dCQUNHLElBQUk7c0JBQWIsTUFBTTtnQkFDRyxLQUFLO3NCQUFkLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIEhvc3RCaW5kaW5nLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFNhZmVIdG1sIH0gZnJvbSAnQGFuZ3VsYXIvcGxhdGZvcm0tYnJvd3Nlcic7XG5pbXBvcnQge1xuICAgIEJhc2VDb21wb25lbnQsXG4gICAgTWV0YW9iamVjdERhdGFNb2RlbCxcbiAgICBOb3RpZmljYXRpb25JdGVtLFxuICAgIE5vdGlmaWNhdGlvbkFjdGlvbixcbiAgICBBYmJyZXZhdGlvbkRldmljZVNpemVcbn0gZnJvbSAnYmFyc2Etbm92aW4tcmF5LWNvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2JzdS1ub3RpZmljYXRpb24taXRlbScsXG4gICAgdGVtcGxhdGVVcmw6ICcuL25vdGlmaWNhdGlvbi1pdGVtLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9ub3RpZmljYXRpb24taXRlbS5jb21wb25lbnQuc2NzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIE5vdGlmaWNhdGlvbkl0ZW1Db21wb25lbnQgZXh0ZW5kcyBCYXNlQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgICBASW5wdXQoKSBvcHRpb246IHtcbiAgICAgICAgdGl0bGU6IHN0cmluZztcbiAgICAgICAgbXNnOiBTYWZlSHRtbDtcbiAgICAgICAgaXNSdGw6IGJvb2xlYW47XG4gICAgICAgIGltYWdlOiBzdHJpbmc7XG4gICAgICAgIGljb246IHN0cmluZztcbiAgICAgICAgQ2xvc2FibGU6IGJvb2xlYW47XG4gICAgICAgIGNhbGxiYWNrOiAoKSA9PiB2b2lkO1xuICAgICAgICBtbzogTWV0YW9iamVjdERhdGFNb2RlbDtcbiAgICAgICAgTm90aWZpY2F0aW9uSXRlbTogTm90aWZpY2F0aW9uSXRlbTtcbiAgICB9O1xuICAgIEBJbnB1dCgpIG5vdGlmaWNhdGlvbkl0ZW06IE5vdGlmaWNhdGlvbkl0ZW07XG4gICAgQElucHV0KCkgc2hvd0Nsb3NlQnV0dG9uID0gZmFsc2U7XG4gICAgQElucHV0KCkgZGV2aWNlU2l6ZTogQWJicmV2YXRpb25EZXZpY2VTaXplO1xuXG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcycpIF9kZXZpY2VTaXplID0gJyc7XG4gICAgQE91dHB1dCgpIHZpZXdlZCA9IG5ldyBFdmVudEVtaXR0ZXI8Tm90aWZpY2F0aW9uSXRlbT4oKTtcbiAgICBAT3V0cHV0KCkgcmVtb3ZlID0gbmV3IEV2ZW50RW1pdHRlcjx7IGl0ZW1zOiBOb3RpZmljYXRpb25JdGVtW107IHNpbGVudDogYm9vbGVhbiB9PigpO1xuICAgIEBPdXRwdXQoKSBhY3Rpb25DbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8eyBpdGVtOiBOb3RpZmljYXRpb25JdGVtOyBidG46IE5vdGlmaWNhdGlvbkFjdGlvbiB9PigpO1xuICAgIEBPdXRwdXQoKSBzaG93ID0gbmV3IEV2ZW50RW1pdHRlcjx7IG1vOiBNZXRhb2JqZWN0RGF0YU1vZGVsOyBuYW1hOiBzdHJpbmcgfT4oKTtcbiAgICBAT3V0cHV0KCkgY2xvc2UgPSBuZXcgRXZlbnRFbWl0dGVyPHsgbW86IE1ldGFvYmplY3REYXRhTW9kZWw7IG5hbWE6IHN0cmluZyB9PigpO1xuXG4gICAgaGlkZSA9IGZhbHNlO1xuICAgIG5nT25Jbml0KCk6IHZvaWQge1xuICAgICAgICBzdXBlci5uZ09uSW5pdCgpO1xuICAgICAgICB0aGlzLl9kZXZpY2VTaXplID0gdGhpcy5kZXZpY2VTaXplO1xuICAgIH1cbn1cbiIsIjxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJub3RpZmljYXRpb25JdGVtID8gbm90aWZpY2F0aW9uSXRlbVRlbXBsYXRlIDogb3B0aW9uVGVtcGxhdGVcIj4gPC9uZy1jb250YWluZXI+XG5cbjxuZy10ZW1wbGF0ZSAjb3B0aW9uVGVtcGxhdGU+XG4gICAgPG5nLWNvbnRhaW5lclxuICAgICAgICAqbmdUZW1wbGF0ZU91dGxldD1cIlxuICAgICAgICAgICAgYm9keVRlbXBsYXRlO1xuICAgICAgICAgICAgY29udGV4dDoge1xuICAgICAgICAgICAgICAgIGNob2ljZURlZlN0YXR1czogbnVsbCxcbiAgICAgICAgICAgICAgICBpc05ldzogZmFsc2UsXG4gICAgICAgICAgICAgICAgbG9hZGluZzogZmFsc2UsXG4gICAgICAgICAgICAgICAgaWNvbjogb3B0aW9uLmljb24sXG4gICAgICAgICAgICAgICAgc3RhdHVzQ2FwdGlvbjogJycsXG4gICAgICAgICAgICAgICAgdW5yZWFkOiB0cnVlLFxuICAgICAgICAgICAgICAgIHRpdGxlOiBvcHRpb24udGl0bGUsXG4gICAgICAgICAgICAgICAgY29udGVudDogb3B0aW9uLm1zZyxcbiAgICAgICAgICAgICAgICB1c2VyQ2FwdGlvbjogb3B0aW9uLk5vdGlmaWNhdGlvbkl0ZW0/LkNyZWF0b3JVc2VyJENhcHRpb24sXG4gICAgICAgICAgICAgICAgZGF0ZUNhcHRpb246IG9wdGlvbi5Ob3RpZmljYXRpb25JdGVtPy5DcmVhdGlvbkRhdGUkQ2FwdGlvbixcbiAgICAgICAgICAgICAgICBvdmVyZmxvd0J1dHRvbnM6IGZhbHNlLFxuICAgICAgICAgICAgICAgIHVpQWN0aW9uczogb3B0aW9uLk5vdGlmaWNhdGlvbkl0ZW0/LlVpQWN0aW9ucyxcbiAgICAgICAgICAgICAgICBoaWRlU2hvd0J1dHRvbjogdHJ1ZSxcbiAgICAgICAgICAgICAgICBoaWRlRGVsZXRlQnV0dG9uOiB0cnVlLFxuICAgICAgICAgICAgICAgIG1vOiBvcHRpb24ubW9cbiAgICAgICAgICAgIH1cbiAgICAgICAgXCJcbiAgICA+PC9uZy1jb250YWluZXI+XG48L25nLXRlbXBsYXRlPlxuPG5nLXRlbXBsYXRlICNub3RpZmljYXRpb25JdGVtVGVtcGxhdGU+XG4gICAgPGZkLW5vdGlmaWNhdGlvbj5cbiAgICAgICAgPG5nLWNvbnRhaW5lclxuICAgICAgICAgICAgKm5nVGVtcGxhdGVPdXRsZXQ9XCJcbiAgICAgICAgICAgICAgICBib2R5VGVtcGxhdGU7XG4gICAgICAgICAgICAgICAgY29udGV4dDoge1xuICAgICAgICAgICAgICAgICAgICBjaG9pY2VEZWZTdGF0dXM6IG5vdGlmaWNhdGlvbkl0ZW0uJENob2ljZURlZlN0YXR1cyxcbiAgICAgICAgICAgICAgICAgICAgaXNOZXc6IG5vdGlmaWNhdGlvbkl0ZW0uJE5ld05vdGlmaWNhdGlvbixcbiAgICAgICAgICAgICAgICAgICAgbG9hZGluZzogbm90aWZpY2F0aW9uSXRlbS4kTm90aWZpY2F0b2luTG9hZGluZyxcbiAgICAgICAgICAgICAgICAgICAgaWNvbjogbm90aWZpY2F0aW9uSXRlbS5JY29uLFxuICAgICAgICAgICAgICAgICAgICBzdGF0dXNDYXB0aW9uOiBub3RpZmljYXRpb25JdGVtLlN0YXR1cyRDYXB0aW9uLFxuICAgICAgICAgICAgICAgICAgICB1bnJlYWQ6IG5vdGlmaWNhdGlvbkl0ZW0uVW5yZWFkLFxuICAgICAgICAgICAgICAgICAgICB0aXRsZTogbm90aWZpY2F0aW9uSXRlbS5UaXRsZSxcbiAgICAgICAgICAgICAgICAgICAgY29udGVudDogbm90aWZpY2F0aW9uSXRlbS4kU2FmZUNvbnRlbnQsXG4gICAgICAgICAgICAgICAgICAgIHVzZXJDYXB0aW9uOiBub3RpZmljYXRpb25JdGVtLklNZXNzYWdlPy5DcmVhdG9yVXNlciRDYXB0aW9uLFxuICAgICAgICAgICAgICAgICAgICBkYXRlQ2FwdGlvbjogbm90aWZpY2F0aW9uSXRlbS5JTWVzc2FnZT8uQ3JlYXRpb25EYXRlJENhcHRpb24sXG4gICAgICAgICAgICAgICAgICAgIG92ZXJmbG93QnV0dG9uczogbm90aWZpY2F0aW9uSXRlbS5PdmVyZmxvd0J1dHRvbnMgfHwgZGV2aWNlU2l6ZSA9PT0gJ3MnLFxuICAgICAgICAgICAgICAgICAgICB1aUFjdGlvbnM6IG5vdGlmaWNhdGlvbkl0ZW0uVWlBY3Rpb25zLFxuICAgICAgICAgICAgICAgICAgICBoaWRlU2hvd0J1dHRvbjogbm90aWZpY2F0aW9uSXRlbS5IaWRlU2hvd0J1dHRvbixcbiAgICAgICAgICAgICAgICAgICAgaGlkZURlbGV0ZUJ1dHRvbjogbm90aWZpY2F0aW9uSXRlbS5IaWRlRGVsZXRlQnV0dG9uLFxuICAgICAgICAgICAgICAgICAgICBtbzogbm90aWZpY2F0aW9uSXRlbVxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIFwiXG4gICAgICAgID48L25nLWNvbnRhaW5lcj5cbiAgICA8L2ZkLW5vdGlmaWNhdGlvbj5cbjwvbmctdGVtcGxhdGU+XG5cbjxuZy10ZW1wbGF0ZVxuICAgICNib2R5VGVtcGxhdGVcbiAgICBsZXQtY2hvaWNlRGVmU3RhdHVzPVwiY2hvaWNlRGVmU3RhdHVzXCJcbiAgICBsZXQtaXNOZXc9XCJpc05ld1wiXG4gICAgbGV0LWxvYWRpbmc9XCJsb2FkaW5nXCJcbiAgICBsZXQtaWNvbj1cImljb25cIlxuICAgIGxldC1zdGF0dXNDYXB0aW9uPVwic3RhdHVzQ2FwdGlvblwiXG4gICAgbGV0LXVucmVhZD1cInVucmVhZFwiXG4gICAgbGV0LXRpdGxlPVwidGl0bGVcIlxuICAgIGxldC1jb250ZW50PVwiY29udGVudFwiXG4gICAgbGV0LXVzZXJDYXB0aW9uPVwidXNlckNhcHRpb25cIlxuICAgIGxldC1kYXRlQ2FwdGlvbj1cImRhdGVDYXB0aW9uXCJcbiAgICBsZXQtb3ZlcmZsb3dCdXR0b25zPVwib3ZlcmZsb3dCdXR0b25zXCJcbiAgICBsZXQtdWlBY3Rpb25zPVwidWlBY3Rpb25zXCJcbiAgICBsZXQtaGlkZVNob3dCdXR0b249XCJoaWRlU2hvd0J1dHRvblwiXG4gICAgbGV0LWhpZGVEZWxldGVCdXR0b249XCJoaWRlRGVsZXRlQnV0dG9uXCJcbiAgICBsZXQtbW89XCJtb1wiXG4+XG4gICAgPGZkLW5vdGlmaWNhdGlvbi1ib2R5PlxuICAgICAgICA8ZmQtbWVzc2FnZS1zdHJpcCAqbmdJZj1cImNob2ljZURlZlN0YXR1cz8uZXJyb3JcIiB0eXBlPVwiZXJyb3JcIiBzdHlsZT1cIm1hcmdpbjogMC41cmVtXCI+XG4gICAgICAgICAgICB7eyBjaG9pY2VEZWZTdGF0dXMuZXJyb3IuVGV4dCB9fVxuICAgICAgICA8L2ZkLW1lc3NhZ2Utc3RyaXA+XG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJsb2FkaW5nIHx8IGlzTmV3IHx8IGNob2ljZURlZlN0YXR1cz8ubG9hZGluZ1wiPlxuICAgICAgICAgICAgPGJzdS1tYXNrIFt0b3BdPVwiJzEwcHgnXCI+PC9ic3UtbWFzaz5cbiAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgIDxmZC1hdmF0YXJcbiAgICAgICAgICAgIFt0cmFuc3BhcmVudF09XCJ0cnVlXCJcbiAgICAgICAgICAgIFtjaXJjbGVdPVwidHJ1ZVwiXG4gICAgICAgICAgICBzaXplPVwieHNcIlxuICAgICAgICAgICAgW2dseXBoXT1cIiFpY29uID8gJ2JlbGwnIDogbnVsbFwiXG4gICAgICAgICAgICBbaW1hZ2VdPVwiaWNvbiA/IGljb24gOiBudWxsXCJcbiAgICAgICAgPjwvZmQtYXZhdGFyPlxuICAgICAgICA8ZmQtbm90aWZpY2F0aW9uLWNvbnRlbnQgc3R5bGU9XCJvdmVyZmxvdzogaGlkZGVuXCI+XG4gICAgICAgICAgICA8ZmQtbm90aWZpY2F0aW9uLWhlYWRlcj5cbiAgICAgICAgICAgICAgICA8ZGl2IGZkLW5vdGlmaWNhdGlvbi1pbmRpY2F0b3IgW3R5cGVdPVwic3RhdHVzQ2FwdGlvblwiPjwvZGl2PlxuICAgICAgICAgICAgICAgIDxoMiBmZC1ub3RpZmljYXRpb24tdGl0bGUgW3VucmVhZF09XCJ1bnJlYWRcIj57eyB0aXRsZSB9fTwvaDI+XG4gICAgICAgICAgICA8L2ZkLW5vdGlmaWNhdGlvbi1oZWFkZXI+XG4gICAgICAgICAgICA8cCAjY29udGVudCBmZC1ub3RpZmljYXRpb24tcGFyYWdyYXBoIFtpbm5lckhUTUxdPVwiY29udGVudFwiPjwvcD5cbiAgICAgICAgICAgIDxmZC1ub3RpZmljYXRpb24tZm9vdGVyPlxuICAgICAgICAgICAgICAgIDxzcGFuIGZkLW5vdGlmaWNhdGlvbi1mb290ZXItY29udGVudD57eyB1c2VyQ2FwdGlvbiB9fTwvc3Bhbj5cbiAgICAgICAgICAgICAgICA8c3BhbiBmZC1ub3RpZmljYXRpb24tc2VwYXJhdG9yPjwvc3Bhbj5cbiAgICAgICAgICAgICAgICA8c3BhbiBmZC1ub3RpZmljYXRpb24tZm9vdGVyLWNvbnRlbnQ+e3sgZGF0ZUNhcHRpb24gfX08L3NwYW4+XG4gICAgICAgICAgICA8L2ZkLW5vdGlmaWNhdGlvbi1mb290ZXI+XG4gICAgICAgIDwvZmQtbm90aWZpY2F0aW9uLWNvbnRlbnQ+XG4gICAgICAgIDxmZC1ub3RpZmljYXRpb24tYWN0aW9ucz5cbiAgICAgICAgICAgIDxmZC1hY3Rpb24tc2hlZXQgI3NoZWV0ICpuZ0lmPVwib3ZlcmZsb3dCdXR0b25zOyBlbHNlIGJ1dHRvbnNUcGxcIj5cbiAgICAgICAgICAgICAgICA8ZmQtYWN0aW9uLXNoZWV0LWNvbnRyb2w+XG4gICAgICAgICAgICAgICAgICAgIDxidXR0b25cbiAgICAgICAgICAgICAgICAgICAgICAgIHJvbGU9XCJtZW51XCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFthcmlhTGFiZWxdPVwiJ01vcmUnIHwgYmJiVHJhbnNsYXRlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIFt0aXRsZV09XCInTW9yZScgfCBiYmJUcmFuc2xhdGVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgZmQtYnV0dG9uXG4gICAgICAgICAgICAgICAgICAgICAgICBmZFR5cGU9XCJ0cmFuc3BhcmVudFwiXG4gICAgICAgICAgICAgICAgICAgICAgICBnbHlwaD1cIm92ZXJmbG93XCJcbiAgICAgICAgICAgICAgICAgICAgPjwvYnV0dG9uPlxuICAgICAgICAgICAgICAgIDwvZmQtYWN0aW9uLXNoZWV0LWNvbnRyb2w+XG5cbiAgICAgICAgICAgICAgICA8ZmQtYWN0aW9uLXNoZWV0LWJvZHk+XG4gICAgICAgICAgICAgICAgICAgIDxsaVxuICAgICAgICAgICAgICAgICAgICAgICAgKm5nRm9yPVwibGV0IGJ0biBvZiB1aUFjdGlvbnNcIlxuICAgICAgICAgICAgICAgICAgICAgICAgZmQtYWN0aW9uLXNoZWV0LWl0ZW1cbiAgICAgICAgICAgICAgICAgICAgICAgIFtnbHlwaF09XCJidG4uSWNvblwiXG4gICAgICAgICAgICAgICAgICAgICAgICBbbGFiZWxdPVwiYnRuLlRpdGxlIHwgYmJiVHJhbnNsYXRlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIChjbGljayk9XCJzaGVldC5jbG9zZSgpOyBhY3Rpb25DbGljay5lbWl0KHsgaXRlbTogbW8sIGJ0bjogdGhpcy5idG4gfSlcIlxuICAgICAgICAgICAgICAgICAgICA+PC9saT5cbiAgICAgICAgICAgICAgICA8L2ZkLWFjdGlvbi1zaGVldC1ib2R5PlxuICAgICAgICAgICAgPC9mZC1hY3Rpb24tc2hlZXQ+XG4gICAgICAgICAgICA8bmctdGVtcGxhdGUgI2J1dHRvbnNUcGw+XG4gICAgICAgICAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgICAgICAgICAqbmdGb3I9XCJsZXQgYnRuIG9mIHVpQWN0aW9uc1wiXG4gICAgICAgICAgICAgICAgICAgIGZkLWJ1dHRvblxuICAgICAgICAgICAgICAgICAgICBbZ2x5cGhdPVwiYnRuLkljb25cIlxuICAgICAgICAgICAgICAgICAgICBbZmRUeXBlXT1cImJ0bi5TdGF0dXNcIlxuICAgICAgICAgICAgICAgICAgICBbbGFiZWxdPVwiYnRuLlRpdGxlIHwgYmJiVHJhbnNsYXRlXCJcbiAgICAgICAgICAgICAgICAgICAgW3RpdGxlXT1cImJ0bi5UaXRsZSB8IGJiYlRyYW5zbGF0ZVwiXG4gICAgICAgICAgICAgICAgICAgIGZkQ29tcGFjdFxuICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwiYWN0aW9uQ2xpY2suZW1pdCh7IGl0ZW06IG1vLCBidG46IHRoaXMuYnRuIH0pXCJcbiAgICAgICAgICAgICAgICA+PC9idXR0b24+XG4gICAgICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgICAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgICAgICpuZ0lmPVwiIWhpZGVTaG93QnV0dG9uXCJcbiAgICAgICAgICAgICAgICBmZC1idXR0b25cbiAgICAgICAgICAgICAgICBmZFR5cGU9XCJ0cmFuc3BhcmVudFwiXG4gICAgICAgICAgICAgICAgW2FyaWFMYWJlbF09XCInU2hvdycgfCBiYmJUcmFuc2xhdGVcIlxuICAgICAgICAgICAgICAgIFt0aXRsZV09XCInU2hvdycgfCBiYmJUcmFuc2xhdGVcIlxuICAgICAgICAgICAgICAgIGdseXBoPVwic2hvd1wiXG4gICAgICAgICAgICAgICAgKGNsaWNrKT1cInNob3cuZW1pdCh7IG1vOiBtby5SZWxhdGVkTW8sIG5hbWE6IG1vLlJlbGF0ZWRNb05hbWEgfSlcIlxuICAgICAgICAgICAgICAgIGZkQ29tcGFjdFxuICAgICAgICAgICAgPjwvYnV0dG9uPlxuICAgICAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgICAgICpuZ0lmPVwiIWhpZGVEZWxldGVCdXR0b25cIlxuICAgICAgICAgICAgICAgIGZkLWJ1dHRvblxuICAgICAgICAgICAgICAgIGZkVHlwZT1cInRyYW5zcGFyZW50XCJcbiAgICAgICAgICAgICAgICBbYXJpYUxhYmVsXT1cIidEZWxldGUnIHwgYmJiVHJhbnNsYXRlXCJcbiAgICAgICAgICAgICAgICBbdGl0bGVdPVwiJ0RlbGV0ZScgfCBiYmJUcmFuc2xhdGVcIlxuICAgICAgICAgICAgICAgIGdseXBoPVwiZGVjbGluZVwiXG4gICAgICAgICAgICAgICAgKGNsaWNrKT1cInJlbW92ZS5lbWl0KHsgaXRlbXM6IFttb10sIHNpbGVudDogZmFsc2UgfSlcIlxuICAgICAgICAgICAgICAgIGZkQ29tcGFjdFxuICAgICAgICAgICAgPjwvYnV0dG9uPlxuXG4gICAgICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgICAgICAgKm5nSWY9XCJzaG93Q2xvc2VCdXR0b25cIlxuICAgICAgICAgICAgICAgIGZkLWJ1dHRvblxuICAgICAgICAgICAgICAgIGZkVHlwZT1cInRyYW5zcGFyZW50XCJcbiAgICAgICAgICAgICAgICBbYXJpYUxhYmVsXT1cIidjbG9zZScgfCBiYmJUcmFuc2xhdGVcIlxuICAgICAgICAgICAgICAgIFt0aXRsZV09XCInY2xvc2UnIHwgYmJiVHJhbnNsYXRlXCJcbiAgICAgICAgICAgICAgICBnbHlwaD1cImRlY2xpbmVcIlxuICAgICAgICAgICAgICAgIChjbGljayk9XCJjbG9zZS5lbWl0KClcIlxuICAgICAgICAgICAgICAgIGZkQ29tcGFjdFxuICAgICAgICAgICAgPjwvYnV0dG9uPlxuICAgICAgICA8L2ZkLW5vdGlmaWNhdGlvbi1hY3Rpb25zPlxuICAgIDwvZmQtbm90aWZpY2F0aW9uLWJvZHk+XG48L25nLXRlbXBsYXRlPlxuIl19

package/fesm2015/barsa-sap-ui.mjs

@@ -5311,10 +5311,10 @@ class NotificationItemComponent extends BaseComponent {
     }
 }
 NotificationItemComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: NotificationItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-NotificationItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: NotificationItemComponent, selector: "bsu-notification-item", inputs: { option: "option", notificationItem: "notificationItem", showCloseButton: "showCloseButton", deviceSize: "deviceSize" }, outputs: { viewed: "viewed", remove: "remove", actionClick: "actionClick", show: "show", close: "close" }, host: { properties: { "class": "this._deviceSize" } }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngTemplateOutlet=\"notificationItem ? notificationItemTemplate : optionTemplate\"> </ng-container>\n\n<ng-template #optionTemplate>\n    <ng-container\n        *ngTemplateOutlet=\"\n            bodyTemplate;\n            context: {\n                choiceDefStatus: null,\n                isNew: false,\n                loading: false,\n                icon: option.icon,\n                statusCaption: '',\n                unread: true,\n                title: option.title,\n                content: option.msg,\n                userCaption: option.NotificationItem?.CreatorUser$Caption,\n                dateCaption: option.NotificationItem?.CreationDate$Caption,\n                overflowButtons: false,\n                uiActions: option.NotificationItem?.UiActions,\n                hideShowButton: true,\n                hideDeleteButton: true,\n                mo: option.mo\n            }\n        \"\n    ></ng-container>\n</ng-template>\n<ng-template #notificationItemTemplate>\n    <fd-notification>\n        <ng-container\n            *ngTemplateOutlet=\"\n                bodyTemplate;\n                context: {\n                    choiceDefStatus: notificationItem.$ChoiceDefStatus,\n                    isNew: notificationItem.$NewNotification,\n                    loading: notificationItem.$NotificatoinLoading,\n                    icon: notificationItem.Icon,\n                    statusCaption: notificationItem.Status$Caption,\n                    unread: notificationItem.Unread,\n                    title: notificationItem.Title,\n                    content: notificationItem.$SafeContent,\n                    userCaption: notificationItem.IMessage?.CreatorUser$Caption,\n                    dateCaption: notificationItem.IMessage?.CreationDate$Caption,\n                    overflowButtons: notificationItem.OverflowButtons || deviceSize === 's',\n                    uiActions: notificationItem.UiActions,\n                    hideShowButton: notificationItem.HideShowButton,\n                    hideDeleteButton: notificationItem.HideDeleteButton,\n                    mo: notificationItem\n                }\n            \"\n        ></ng-container>\n    </fd-notification>\n</ng-template>\n\n<ng-template\n    #bodyTemplate\n    let-choiceDefStatus=\"choiceDefStatus\"\n    let-isNew=\"isNew\"\n    let-loading=\"loading\"\n    let-icon=\"icon\"\n    let-statusCaption=\"statusCaption\"\n    let-unread=\"unread\"\n    let-title=\"title\"\n    let-content=\"content\"\n    let-userCaption=\"userCaption\"\n    let-dateCaption=\"dateCaption\"\n    let-overflowButtons=\"overflowButtons\"\n    let-uiActions=\"uiActions\"\n    let-hideShowButton=\"hideShowButton\"\n    let-hideDeleteButton=\"hideDeleteButton\"\n    let-mo=\"mo\"\n>\n    <fd-notification-body>\n        <fd-message-strip *ngIf=\"choiceDefStatus?.error\" type=\"error\" style=\"margin: 0.5rem\">\n            {{ choiceDefStatus.error.Text }}\n        </fd-message-strip>\n        <ng-container *ngIf=\"loading || isNew || choiceDefStatus?.loading\">\n            <bsu-mask [top]=\"'10px'\"></bsu-mask>\n        </ng-container>\n        <fd-avatar\n            [transparent]=\"true\"\n            [circle]=\"true\"\n            size=\"xs\"\n            [glyph]=\"!icon ? 'bell' : null\"\n            [image]=\"icon ? icon : null\"\n        ></fd-avatar>\n        <fd-notification-content style=\"overflow: hidden\">\n            <fd-notification-header>\n                <div fd-notification-indicator [type]=\"statusCaption\"></div>\n                <h2 fd-notification-title [unread]=\"unread\">{{ title }}</h2>\n            </fd-notification-header>\n            <p #content fd-notification-paragraph [innerHTML]=\"content\"></p>\n            <fd-notification-footer>\n                <span fd-notification-footer-content>{{ userCaption }}</span>\n                <span fd-notification-separator></span>\n                <span fd-notification-footer-content>{{ dateCaption }}</span>\n            </fd-notification-footer>\n        </fd-notification-content>\n        <fd-notification-actions>\n            <fd-action-sheet #sheet *ngIf=\"overflowButtons; else buttonsTpl\">\n                <fd-action-sheet-control>\n                    <button\n                        role=\"menu\"\n                        [ariaLabel]=\"'More' | bbbTranslate\"\n                        [title]=\"'More' | bbbTranslate\"\n                        fd-button\n                        fdType=\"transparent\"\n                        glyph=\"overflow\"\n                    ></button>\n                </fd-action-sheet-control>\n\n                <fd-action-sheet-body>\n                    <li\n                        *ngFor=\"let btn of uiActions\"\n                        fd-action-sheet-item\n                        [glyph]=\"btn.Icon\"\n                        [label]=\"btn.Title | bbbTranslate\"\n                        (click)=\"sheet.close(); actionClick.emit({ item: mo, btn: this.btn })\"\n                    ></li>\n                </fd-action-sheet-body>\n            </fd-action-sheet>\n            <ng-template #buttonsTpl>\n                <button\n                    *ngFor=\"let btn of uiActions\"\n                    fd-button\n                    [glyph]=\"btn.Icon\"\n                    [fdType]=\"btn.Status\"\n                    [label]=\"btn.Title | bbbTranslate\"\n                    fdCompact\n                    (click)=\"actionClick.emit({ item: mo, btn: this.btn })\"\n                ></button>\n            </ng-template>\n            <button\n                *ngIf=\"!hideShowButton\"\n                fd-button\n                fdType=\"transparent\"\n                [ariaLabel]=\"'Show' | bbbTranslate\"\n                [title]=\"'Show' | bbbTranslate\"\n                glyph=\"show\"\n                (click)=\"show.emit({ mo: mo.RelatedMo, nama: mo.RelatedMoNama })\"\n                fdCompact\n            ></button>\n            <button\n                *ngIf=\"!hideDeleteButton\"\n                fd-button\n                fdType=\"transparent\"\n                [ariaLabel]=\"'Delete' | bbbTranslate\"\n                [title]=\"'Delete' | bbbTranslate\"\n                glyph=\"decline\"\n                (click)=\"remove.emit({ items: [mo], silent: false })\"\n                fdCompact\n            ></button>\n\n            <button\n                *ngIf=\"showCloseButton\"\n                fd-button\n                fdType=\"transparent\"\n                [ariaLabel]=\"'close' | bbbTranslate\"\n                [title]=\"'close' | bbbTranslate\"\n                glyph=\"decline\"\n                (click)=\"close.emit()\"\n                fdCompact\n            ></button>\n        </fd-notification-actions>\n    </fd-notification-body>\n</ng-template>\n", styles: ["fd-notification-content{min-width:320px}fd-notification-content p{max-height:3rem}:host.s fd-notification-content{min-width:auto!important}\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$3.ActionSheetComponent, selector: "fd-action-sheet", inputs: ["mobile", "placement", "noArrow", "isOpen", "keyboardSupport", "triggers"], outputs: ["focusEscapeList", "isOpenChange"] }, { kind: "component", type: i2$3.ActionSheetControlComponent, selector: "fd-action-sheet-control", outputs: ["clicked"] }, { kind: "component", type: i2$3.ActionSheetItemComponent, selector: "[fd-action-sheet-item]", inputs: ["label", "glyph", "negative", "isCloseButton", "disabled"], outputs: ["keyDown"] }, { kind: "component", type: i2$3.ActionSheetBodyComponent, selector: "fd-action-sheet-body", inputs: ["actionSheetBodyId", "mobile", "ariaLabel", "ariaLabelledby"] }, { kind: "directive", type: i3$7.ContentDensityDirective, selector: "[fdContentDensity]:not([fdCompact]):not([fdCondensed]):not([fdCozy]),                [fdCompact]:not([fdContentDensity]):not([fdCondensed]):not([fdCozy]),                [fdCondensed]:not([fdContentDensity]):not([fdCompact]):not([fdCozy]),                [fdCozy]:not([fdContentDensity]):not([fdCompact]):not([fdCondensed])", inputs: ["fdContentDensity", "fdCompact", "fdCondensed", "fdCozy"], exportAs: ["fdContentDensity"] }, { kind: "component", type: i3$5.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "random", "clickable", "backgroundImage", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "component", type: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i9$3.MessageStripComponent, selector: "fd-message-strip", inputs: ["class", "dismissible", "noIcon", "type", "id", "ariaLabelledBy", "ariaLabel", "dismissLabel", "width", "minWidth", "marginBottom"], outputs: ["onDismiss"] }, { kind: "component", type: i7$4.NotificationComponent, selector: "fd-notification", inputs: ["width", "mobile"] }, { kind: "component", type: i7$4.NotificationHeaderComponent, selector: "fd-notification-header", inputs: ["uniqueId"] }, { kind: "component", type: i7$4.NotificationFooterComponent, selector: "fd-notification-footer" }, { kind: "component", type: i7$4.NotificationBodyComponent, selector: "fd-notification-body" }, { kind: "component", type: i7$4.NotificationActionsComponent, selector: "fd-notification-actions" }, { kind: "component", type: i7$4.NotificationContentComponent, selector: "fd-notification-content" }, { kind: "directive", type: i7$4.NotificationTitleDirective, selector: "[fdNotificationTitle], [fd-notification-title]", inputs: ["unread"] }, { kind: "directive", type: i7$4.NotificationIndicatorDirective, selector: "[fdNotificationIndicator], [fd-notification-indicator]", inputs: ["type", "class"] }, { kind: "directive", type: i7$4.NotificationParagraphDirective, selector: "[fdNotificationParagraph], [fd-notification-paragraph]" }, { kind: "directive", type: i7$4.NotificationFooterContentDirective, selector: "[fdNotificationFooterContent], [fd-notification-footer-content]" }, { kind: "directive", type: i7$4.NotificationSeparatorDirective, selector: "[fdNotificationSeparator], [fd-notification-separator]" }, { kind: "component", type: MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+NotificationItemComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.7", type: NotificationItemComponent, selector: "bsu-notification-item", inputs: { option: "option", notificationItem: "notificationItem", showCloseButton: "showCloseButton", deviceSize: "deviceSize" }, outputs: { viewed: "viewed", remove: "remove", actionClick: "actionClick", show: "show", close: "close" }, host: { properties: { "class": "this._deviceSize" } }, usesInheritance: true, ngImport: i0, template: "<ng-container *ngTemplateOutlet=\"notificationItem ? notificationItemTemplate : optionTemplate\"> </ng-container>\n\n<ng-template #optionTemplate>\n    <ng-container\n        *ngTemplateOutlet=\"\n            bodyTemplate;\n            context: {\n                choiceDefStatus: null,\n                isNew: false,\n                loading: false,\n                icon: option.icon,\n                statusCaption: '',\n                unread: true,\n                title: option.title,\n                content: option.msg,\n                userCaption: option.NotificationItem?.CreatorUser$Caption,\n                dateCaption: option.NotificationItem?.CreationDate$Caption,\n                overflowButtons: false,\n                uiActions: option.NotificationItem?.UiActions,\n                hideShowButton: true,\n                hideDeleteButton: true,\n                mo: option.mo\n            }\n        \"\n    ></ng-container>\n</ng-template>\n<ng-template #notificationItemTemplate>\n    <fd-notification>\n        <ng-container\n            *ngTemplateOutlet=\"\n                bodyTemplate;\n                context: {\n                    choiceDefStatus: notificationItem.$ChoiceDefStatus,\n                    isNew: notificationItem.$NewNotification,\n                    loading: notificationItem.$NotificatoinLoading,\n                    icon: notificationItem.Icon,\n                    statusCaption: notificationItem.Status$Caption,\n                    unread: notificationItem.Unread,\n                    title: notificationItem.Title,\n                    content: notificationItem.$SafeContent,\n                    userCaption: notificationItem.IMessage?.CreatorUser$Caption,\n                    dateCaption: notificationItem.IMessage?.CreationDate$Caption,\n                    overflowButtons: notificationItem.OverflowButtons || deviceSize === 's',\n                    uiActions: notificationItem.UiActions,\n                    hideShowButton: notificationItem.HideShowButton,\n                    hideDeleteButton: notificationItem.HideDeleteButton,\n                    mo: notificationItem\n                }\n            \"\n        ></ng-container>\n    </fd-notification>\n</ng-template>\n\n<ng-template\n    #bodyTemplate\n    let-choiceDefStatus=\"choiceDefStatus\"\n    let-isNew=\"isNew\"\n    let-loading=\"loading\"\n    let-icon=\"icon\"\n    let-statusCaption=\"statusCaption\"\n    let-unread=\"unread\"\n    let-title=\"title\"\n    let-content=\"content\"\n    let-userCaption=\"userCaption\"\n    let-dateCaption=\"dateCaption\"\n    let-overflowButtons=\"overflowButtons\"\n    let-uiActions=\"uiActions\"\n    let-hideShowButton=\"hideShowButton\"\n    let-hideDeleteButton=\"hideDeleteButton\"\n    let-mo=\"mo\"\n>\n    <fd-notification-body>\n        <fd-message-strip *ngIf=\"choiceDefStatus?.error\" type=\"error\" style=\"margin: 0.5rem\">\n            {{ choiceDefStatus.error.Text }}\n        </fd-message-strip>\n        <ng-container *ngIf=\"loading || isNew || choiceDefStatus?.loading\">\n            <bsu-mask [top]=\"'10px'\"></bsu-mask>\n        </ng-container>\n        <fd-avatar\n            [transparent]=\"true\"\n            [circle]=\"true\"\n            size=\"xs\"\n            [glyph]=\"!icon ? 'bell' : null\"\n            [image]=\"icon ? icon : null\"\n        ></fd-avatar>\n        <fd-notification-content style=\"overflow: hidden\">\n            <fd-notification-header>\n                <div fd-notification-indicator [type]=\"statusCaption\"></div>\n                <h2 fd-notification-title [unread]=\"unread\">{{ title }}</h2>\n            </fd-notification-header>\n            <p #content fd-notification-paragraph [innerHTML]=\"content\"></p>\n            <fd-notification-footer>\n                <span fd-notification-footer-content>{{ userCaption }}</span>\n                <span fd-notification-separator></span>\n                <span fd-notification-footer-content>{{ dateCaption }}</span>\n            </fd-notification-footer>\n        </fd-notification-content>\n        <fd-notification-actions>\n            <fd-action-sheet #sheet *ngIf=\"overflowButtons; else buttonsTpl\">\n                <fd-action-sheet-control>\n                    <button\n                        role=\"menu\"\n                        [ariaLabel]=\"'More' | bbbTranslate\"\n                        [title]=\"'More' | bbbTranslate\"\n                        fd-button\n                        fdType=\"transparent\"\n                        glyph=\"overflow\"\n                    ></button>\n                </fd-action-sheet-control>\n\n                <fd-action-sheet-body>\n                    <li\n                        *ngFor=\"let btn of uiActions\"\n                        fd-action-sheet-item\n                        [glyph]=\"btn.Icon\"\n                        [label]=\"btn.Title | bbbTranslate\"\n                        (click)=\"sheet.close(); actionClick.emit({ item: mo, btn: this.btn })\"\n                    ></li>\n                </fd-action-sheet-body>\n            </fd-action-sheet>\n            <ng-template #buttonsTpl>\n                <button\n                    *ngFor=\"let btn of uiActions\"\n                    fd-button\n                    [glyph]=\"btn.Icon\"\n                    [fdType]=\"btn.Status\"\n                    [label]=\"btn.Title | bbbTranslate\"\n                    [title]=\"btn.Title | bbbTranslate\"\n                    fdCompact\n                    (click)=\"actionClick.emit({ item: mo, btn: this.btn })\"\n                ></button>\n            </ng-template>\n            <button\n                *ngIf=\"!hideShowButton\"\n                fd-button\n                fdType=\"transparent\"\n                [ariaLabel]=\"'Show' | bbbTranslate\"\n                [title]=\"'Show' | bbbTranslate\"\n                glyph=\"show\"\n                (click)=\"show.emit({ mo: mo.RelatedMo, nama: mo.RelatedMoNama })\"\n                fdCompact\n            ></button>\n            <button\n                *ngIf=\"!hideDeleteButton\"\n                fd-button\n                fdType=\"transparent\"\n                [ariaLabel]=\"'Delete' | bbbTranslate\"\n                [title]=\"'Delete' | bbbTranslate\"\n                glyph=\"decline\"\n                (click)=\"remove.emit({ items: [mo], silent: false })\"\n                fdCompact\n            ></button>\n\n            <button\n                *ngIf=\"showCloseButton\"\n                fd-button\n                fdType=\"transparent\"\n                [ariaLabel]=\"'close' | bbbTranslate\"\n                [title]=\"'close' | bbbTranslate\"\n                glyph=\"decline\"\n                (click)=\"close.emit()\"\n                fdCompact\n            ></button>\n        </fd-notification-actions>\n    </fd-notification-body>\n</ng-template>\n", styles: ["fd-notification-content{min-width:320px}fd-notification-content p{max-height:3rem}:host.s fd-notification-content{min-width:auto!important}fd-notification-actions{max-width:200px}\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$3.ActionSheetComponent, selector: "fd-action-sheet", inputs: ["mobile", "placement", "noArrow", "isOpen", "keyboardSupport", "triggers"], outputs: ["focusEscapeList", "isOpenChange"] }, { kind: "component", type: i2$3.ActionSheetControlComponent, selector: "fd-action-sheet-control", outputs: ["clicked"] }, { kind: "component", type: i2$3.ActionSheetItemComponent, selector: "[fd-action-sheet-item]", inputs: ["label", "glyph", "negative", "isCloseButton", "disabled"], outputs: ["keyDown"] }, { kind: "component", type: i2$3.ActionSheetBodyComponent, selector: "fd-action-sheet-body", inputs: ["actionSheetBodyId", "mobile", "ariaLabel", "ariaLabelledby"] }, { kind: "directive", type: i3$7.ContentDensityDirective, selector: "[fdContentDensity]:not([fdCompact]):not([fdCondensed]):not([fdCozy]),                [fdCompact]:not([fdContentDensity]):not([fdCondensed]):not([fdCozy]),                [fdCondensed]:not([fdContentDensity]):not([fdCompact]):not([fdCozy]),                [fdCozy]:not([fdContentDensity]):not([fdCompact]):not([fdCondensed])", inputs: ["fdContentDensity", "fdCompact", "fdCondensed", "fdCozy"], exportAs: ["fdContentDensity"] }, { kind: "component", type: i3$5.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "random", "clickable", "backgroundImage", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "component", type: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i9$3.MessageStripComponent, selector: "fd-message-strip", inputs: ["class", "dismissible", "noIcon", "type", "id", "ariaLabelledBy", "ariaLabel", "dismissLabel", "width", "minWidth", "marginBottom"], outputs: ["onDismiss"] }, { kind: "component", type: i7$4.NotificationComponent, selector: "fd-notification", inputs: ["width", "mobile"] }, { kind: "component", type: i7$4.NotificationHeaderComponent, selector: "fd-notification-header", inputs: ["uniqueId"] }, { kind: "component", type: i7$4.NotificationFooterComponent, selector: "fd-notification-footer" }, { kind: "component", type: i7$4.NotificationBodyComponent, selector: "fd-notification-body" }, { kind: "component", type: i7$4.NotificationActionsComponent, selector: "fd-notification-actions" }, { kind: "component", type: i7$4.NotificationContentComponent, selector: "fd-notification-content" }, { kind: "directive", type: i7$4.NotificationTitleDirective, selector: "[fdNotificationTitle], [fd-notification-title]", inputs: ["unread"] }, { kind: "directive", type: i7$4.NotificationIndicatorDirective, selector: "[fdNotificationIndicator], [fd-notification-indicator]", inputs: ["type", "class"] }, { kind: "directive", type: i7$4.NotificationParagraphDirective, selector: "[fdNotificationParagraph], [fd-notification-paragraph]" }, { kind: "directive", type: i7$4.NotificationFooterContentDirective, selector: "[fdNotificationFooterContent], [fd-notification-footer-content]" }, { kind: "directive", type: i7$4.NotificationSeparatorDirective, selector: "[fdNotificationSeparator], [fd-notification-separator]" }, { kind: "component", type: MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.7", ngImport: i0, type: NotificationItemComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bsu-notification-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngTemplateOutlet=\"notificationItem ? notificationItemTemplate : optionTemplate\"> </ng-container>\n\n<ng-template #optionTemplate>\n    <ng-container\n        *ngTemplateOutlet=\"\n            bodyTemplate;\n            context: {\n                choiceDefStatus: null,\n                isNew: false,\n                loading: false,\n                icon: option.icon,\n                statusCaption: '',\n                unread: true,\n                title: option.title,\n                content: option.msg,\n                userCaption: option.NotificationItem?.CreatorUser$Caption,\n                dateCaption: option.NotificationItem?.CreationDate$Caption,\n                overflowButtons: false,\n                uiActions: option.NotificationItem?.UiActions,\n                hideShowButton: true,\n                hideDeleteButton: true,\n                mo: option.mo\n            }\n        \"\n    ></ng-container>\n</ng-template>\n<ng-template #notificationItemTemplate>\n    <fd-notification>\n        <ng-container\n            *ngTemplateOutlet=\"\n                bodyTemplate;\n                context: {\n                    choiceDefStatus: notificationItem.$ChoiceDefStatus,\n                    isNew: notificationItem.$NewNotification,\n                    loading: notificationItem.$NotificatoinLoading,\n                    icon: notificationItem.Icon,\n                    statusCaption: notificationItem.Status$Caption,\n                    unread: notificationItem.Unread,\n                    title: notificationItem.Title,\n                    content: notificationItem.$SafeContent,\n                    userCaption: notificationItem.IMessage?.CreatorUser$Caption,\n                    dateCaption: notificationItem.IMessage?.CreationDate$Caption,\n                    overflowButtons: notificationItem.OverflowButtons || deviceSize === 's',\n                    uiActions: notificationItem.UiActions,\n                    hideShowButton: notificationItem.HideShowButton,\n                    hideDeleteButton: notificationItem.HideDeleteButton,\n                    mo: notificationItem\n                }\n            \"\n        ></ng-container>\n    </fd-notification>\n</ng-template>\n\n<ng-template\n    #bodyTemplate\n    let-choiceDefStatus=\"choiceDefStatus\"\n    let-isNew=\"isNew\"\n    let-loading=\"loading\"\n    let-icon=\"icon\"\n    let-statusCaption=\"statusCaption\"\n    let-unread=\"unread\"\n    let-title=\"title\"\n    let-content=\"content\"\n    let-userCaption=\"userCaption\"\n    let-dateCaption=\"dateCaption\"\n    let-overflowButtons=\"overflowButtons\"\n    let-uiActions=\"uiActions\"\n    let-hideShowButton=\"hideShowButton\"\n    let-hideDeleteButton=\"hideDeleteButton\"\n    let-mo=\"mo\"\n>\n    <fd-notification-body>\n        <fd-message-strip *ngIf=\"choiceDefStatus?.error\" type=\"error\" style=\"margin: 0.5rem\">\n            {{ choiceDefStatus.error.Text }}\n        </fd-message-strip>\n        <ng-container *ngIf=\"loading || isNew || choiceDefStatus?.loading\">\n            <bsu-mask [top]=\"'10px'\"></bsu-mask>\n        </ng-container>\n        <fd-avatar\n            [transparent]=\"true\"\n            [circle]=\"true\"\n            size=\"xs\"\n            [glyph]=\"!icon ? 'bell' : null\"\n            [image]=\"icon ? icon : null\"\n        ></fd-avatar>\n        <fd-notification-content style=\"overflow: hidden\">\n            <fd-notification-header>\n                <div fd-notification-indicator [type]=\"statusCaption\"></div>\n                <h2 fd-notification-title [unread]=\"unread\">{{ title }}</h2>\n            </fd-notification-header>\n            <p #content fd-notification-paragraph [innerHTML]=\"content\"></p>\n            <fd-notification-footer>\n                <span fd-notification-footer-content>{{ userCaption }}</span>\n                <span fd-notification-separator></span>\n                <span fd-notification-footer-content>{{ dateCaption }}</span>\n            </fd-notification-footer>\n        </fd-notification-content>\n        <fd-notification-actions>\n            <fd-action-sheet #sheet *ngIf=\"overflowButtons; else buttonsTpl\">\n                <fd-action-sheet-control>\n                    <button\n                        role=\"menu\"\n                        [ariaLabel]=\"'More' | bbbTranslate\"\n                        [title]=\"'More' | bbbTranslate\"\n                        fd-button\n                        fdType=\"transparent\"\n                        glyph=\"overflow\"\n                    ></button>\n                </fd-action-sheet-control>\n\n                <fd-action-sheet-body>\n                    <li\n                        *ngFor=\"let btn of uiActions\"\n                        fd-action-sheet-item\n                        [glyph]=\"btn.Icon\"\n                        [label]=\"btn.Title | bbbTranslate\"\n                        (click)=\"sheet.close(); actionClick.emit({ item: mo, btn: this.btn })\"\n                    ></li>\n                </fd-action-sheet-body>\n            </fd-action-sheet>\n            <ng-template #buttonsTpl>\n                <button\n                    *ngFor=\"let btn of uiActions\"\n                    fd-button\n                    [glyph]=\"btn.Icon\"\n                    [fdType]=\"btn.Status\"\n                    [label]=\"btn.Title | bbbTranslate\"\n                    fdCompact\n                    (click)=\"actionClick.emit({ item: mo, btn: this.btn })\"\n                ></button>\n            </ng-template>\n            <button\n                *ngIf=\"!hideShowButton\"\n                fd-button\n                fdType=\"transparent\"\n                [ariaLabel]=\"'Show' | bbbTranslate\"\n                [title]=\"'Show' | bbbTranslate\"\n                glyph=\"show\"\n                (click)=\"show.emit({ mo: mo.RelatedMo, nama: mo.RelatedMoNama })\"\n                fdCompact\n            ></button>\n            <button\n                *ngIf=\"!hideDeleteButton\"\n                fd-button\n                fdType=\"transparent\"\n                [ariaLabel]=\"'Delete' | bbbTranslate\"\n                [title]=\"'Delete' | bbbTranslate\"\n                glyph=\"decline\"\n                (click)=\"remove.emit({ items: [mo], silent: false })\"\n                fdCompact\n            ></button>\n\n            <button\n                *ngIf=\"showCloseButton\"\n                fd-button\n                fdType=\"transparent\"\n                [ariaLabel]=\"'close' | bbbTranslate\"\n                [title]=\"'close' | bbbTranslate\"\n                glyph=\"decline\"\n                (click)=\"close.emit()\"\n                fdCompact\n            ></button>\n        </fd-notification-actions>\n    </fd-notification-body>\n</ng-template>\n", styles: ["fd-notification-content{min-width:320px}fd-notification-content p{max-height:3rem}:host.s fd-notification-content{min-width:auto!important}\n"] }]
+            args: [{ selector: 'bsu-notification-item', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngTemplateOutlet=\"notificationItem ? notificationItemTemplate : optionTemplate\"> </ng-container>\n\n<ng-template #optionTemplate>\n    <ng-container\n        *ngTemplateOutlet=\"\n            bodyTemplate;\n            context: {\n                choiceDefStatus: null,\n                isNew: false,\n                loading: false,\n                icon: option.icon,\n                statusCaption: '',\n                unread: true,\n                title: option.title,\n                content: option.msg,\n                userCaption: option.NotificationItem?.CreatorUser$Caption,\n                dateCaption: option.NotificationItem?.CreationDate$Caption,\n                overflowButtons: false,\n                uiActions: option.NotificationItem?.UiActions,\n                hideShowButton: true,\n                hideDeleteButton: true,\n                mo: option.mo\n            }\n        \"\n    ></ng-container>\n</ng-template>\n<ng-template #notificationItemTemplate>\n    <fd-notification>\n        <ng-container\n            *ngTemplateOutlet=\"\n                bodyTemplate;\n                context: {\n                    choiceDefStatus: notificationItem.$ChoiceDefStatus,\n                    isNew: notificationItem.$NewNotification,\n                    loading: notificationItem.$NotificatoinLoading,\n                    icon: notificationItem.Icon,\n                    statusCaption: notificationItem.Status$Caption,\n                    unread: notificationItem.Unread,\n                    title: notificationItem.Title,\n                    content: notificationItem.$SafeContent,\n                    userCaption: notificationItem.IMessage?.CreatorUser$Caption,\n                    dateCaption: notificationItem.IMessage?.CreationDate$Caption,\n                    overflowButtons: notificationItem.OverflowButtons || deviceSize === 's',\n                    uiActions: notificationItem.UiActions,\n                    hideShowButton: notificationItem.HideShowButton,\n                    hideDeleteButton: notificationItem.HideDeleteButton,\n                    mo: notificationItem\n                }\n            \"\n        ></ng-container>\n    </fd-notification>\n</ng-template>\n\n<ng-template\n    #bodyTemplate\n    let-choiceDefStatus=\"choiceDefStatus\"\n    let-isNew=\"isNew\"\n    let-loading=\"loading\"\n    let-icon=\"icon\"\n    let-statusCaption=\"statusCaption\"\n    let-unread=\"unread\"\n    let-title=\"title\"\n    let-content=\"content\"\n    let-userCaption=\"userCaption\"\n    let-dateCaption=\"dateCaption\"\n    let-overflowButtons=\"overflowButtons\"\n    let-uiActions=\"uiActions\"\n    let-hideShowButton=\"hideShowButton\"\n    let-hideDeleteButton=\"hideDeleteButton\"\n    let-mo=\"mo\"\n>\n    <fd-notification-body>\n        <fd-message-strip *ngIf=\"choiceDefStatus?.error\" type=\"error\" style=\"margin: 0.5rem\">\n            {{ choiceDefStatus.error.Text }}\n        </fd-message-strip>\n        <ng-container *ngIf=\"loading || isNew || choiceDefStatus?.loading\">\n            <bsu-mask [top]=\"'10px'\"></bsu-mask>\n        </ng-container>\n        <fd-avatar\n            [transparent]=\"true\"\n            [circle]=\"true\"\n            size=\"xs\"\n            [glyph]=\"!icon ? 'bell' : null\"\n            [image]=\"icon ? icon : null\"\n        ></fd-avatar>\n        <fd-notification-content style=\"overflow: hidden\">\n            <fd-notification-header>\n                <div fd-notification-indicator [type]=\"statusCaption\"></div>\n                <h2 fd-notification-title [unread]=\"unread\">{{ title }}</h2>\n            </fd-notification-header>\n            <p #content fd-notification-paragraph [innerHTML]=\"content\"></p>\n            <fd-notification-footer>\n                <span fd-notification-footer-content>{{ userCaption }}</span>\n                <span fd-notification-separator></span>\n                <span fd-notification-footer-content>{{ dateCaption }}</span>\n            </fd-notification-footer>\n        </fd-notification-content>\n        <fd-notification-actions>\n            <fd-action-sheet #sheet *ngIf=\"overflowButtons; else buttonsTpl\">\n                <fd-action-sheet-control>\n                    <button\n                        role=\"menu\"\n                        [ariaLabel]=\"'More' | bbbTranslate\"\n                        [title]=\"'More' | bbbTranslate\"\n                        fd-button\n                        fdType=\"transparent\"\n                        glyph=\"overflow\"\n                    ></button>\n                </fd-action-sheet-control>\n\n                <fd-action-sheet-body>\n                    <li\n                        *ngFor=\"let btn of uiActions\"\n                        fd-action-sheet-item\n                        [glyph]=\"btn.Icon\"\n                        [label]=\"btn.Title | bbbTranslate\"\n                        (click)=\"sheet.close(); actionClick.emit({ item: mo, btn: this.btn })\"\n                    ></li>\n                </fd-action-sheet-body>\n            </fd-action-sheet>\n            <ng-template #buttonsTpl>\n                <button\n                    *ngFor=\"let btn of uiActions\"\n                    fd-button\n                    [glyph]=\"btn.Icon\"\n                    [fdType]=\"btn.Status\"\n                    [label]=\"btn.Title | bbbTranslate\"\n                    [title]=\"btn.Title | bbbTranslate\"\n                    fdCompact\n                    (click)=\"actionClick.emit({ item: mo, btn: this.btn })\"\n                ></button>\n            </ng-template>\n            <button\n                *ngIf=\"!hideShowButton\"\n                fd-button\n                fdType=\"transparent\"\n                [ariaLabel]=\"'Show' | bbbTranslate\"\n                [title]=\"'Show' | bbbTranslate\"\n                glyph=\"show\"\n                (click)=\"show.emit({ mo: mo.RelatedMo, nama: mo.RelatedMoNama })\"\n                fdCompact\n            ></button>\n            <button\n                *ngIf=\"!hideDeleteButton\"\n                fd-button\n                fdType=\"transparent\"\n                [ariaLabel]=\"'Delete' | bbbTranslate\"\n                [title]=\"'Delete' | bbbTranslate\"\n                glyph=\"decline\"\n                (click)=\"remove.emit({ items: [mo], silent: false })\"\n                fdCompact\n            ></button>\n\n            <button\n                *ngIf=\"showCloseButton\"\n                fd-button\n                fdType=\"transparent\"\n                [ariaLabel]=\"'close' | bbbTranslate\"\n                [title]=\"'close' | bbbTranslate\"\n                glyph=\"decline\"\n                (click)=\"close.emit()\"\n                fdCompact\n            ></button>\n        </fd-notification-actions>\n    </fd-notification-body>\n</ng-template>\n", styles: ["fd-notification-content{min-width:320px}fd-notification-content p{max-height:3rem}:host.s fd-notification-content{min-width:auto!important}fd-notification-actions{max-width:200px}\n"] }]
         }], propDecorators: { option: [{
                 type: Input
             }], notificationItem: [{