npm - @eui/components - Versions diffs - 18.0.0-next.32 → 18.0.0-next.34 - Mend

@eui/components 18.0.0-next.32 → 18.0.0-next.34

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (237) hide show

package/esm2022/layout/eui-notifications-v2/eui-notification-item.component.mjs CHANGED Viewed

@@ -36,11 +36,11 @@ export class EuiNotificationItemV2Component {
         consumeEvent(event);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EuiNotificationItemV2Component, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.4", type: EuiNotificationItemV2Component, selector: "eui-notification-item-v2", inputs: { markAsReadLabel: "markAsReadLabel", item: "item", dateFormat: "dateFormat", isShowMarkAsRead: "isShowMarkAsRead" }, outputs: { itemClick: "itemClick", itemMarkAsRead: "itemMarkAsRead" }, host: { properties: { "class": "this.string" } }, ngImport: i0, template: "<div\n    class=\"eui-notification-item-content\"\n    (click)=\"onItemClick()\"\n    [ngClass]=\"{ 'eui-u-bg-color-white': item.metadata?.read || !item.metadata }\">\n    <div class=\"eui-notification-item-content-top eui-u-font-s\">\n        <div *ngIf=\"item.metadata?.date\" class=\"eui-notification-item-content-top__date\">\n            <span class=\"eui-notification-item-content-top__date-icon eui-u-mr-s\">\n                <eui-icon-svg set=\"eui\" icon=\"eui-notifications\" size=\"m\" [fillColor]=\"iconColor\"></eui-icon-svg>\n                <span\n                    *ngIf=\"item.metadata?.new\"\n                    class=\"eui-notification-item-content-top__date-dot eui-u-color-danger-light eui-u-font-s eui-icon eui-icon-circle\"></span>\n            </span>\n            <span>{{ item.metadata?.date | date: dateFormat }}</span>\n        </div>\n        <div *ngIf=\"item.metadata?.important\" class=\"eui-u-font-bold\">\n            <eui-icon-svg icon=\"eui-exclamation\" fillColor=\"danger\" class=\"eui-u-ml-xs\"></eui-icon-svg>\n        </div>\n    </div>\n    <span class=\"eui-notification-item-content-middle eui-u-cursor-pointer\">\n        <ng-template [ngIf]=\"item.metadata?.url\">\n            <a href=\"{{ item.metadata.url }}\" tabIndex=\"0\">\n                <div\n                    class=\"eui-notification-item-content-middle__label\"\n                    [ngClass]=\"{ 'eui-u-font-bold': !item.metadata || (item.metadata && !item.metadata.read) }\">\n                    {{ item.label | translate | euiTruncate: 200 }}\n                </div>\n                <div\n                    *ngIf=\"item.subLabel\"\n                    class=\"eui-notification-item-content-middle__sub-label\"\n                    [innerHTML]=\"item.subLabel | translate | euiTruncate: 200\"></div>\n            </a>\n        </ng-template>\n\n        <ng-template [ngIf]=\"item.metadata?.urlExternal\">\n            <a\n                href=\"{{ item.metadata.urlExternal }}\"\n                [target]=\"!item.metadata.urlExternalTarget ? '_black' : item.metadata.urlExternalTarget\" tabIndex=\"0\">\n                <div\n                    class=\"eui-notification-item-content-middle__label\"\n                    [ngClass]=\"{ 'eui-u-font-bold': !item.metadata || (item.metadata && !item.metadata.read) }\">\n                    {{ item.label | translate | euiTruncate: 200 }}\n                </div>\n                <div\n                    *ngIf=\"item.subLabel\"\n                    class=\"eui-notification-item-content-middle__sub-label\"\n                    [innerHTML]=\"item.subLabel | translate | euiTruncate: 200\"></div>\n            </a>\n        </ng-template>\n\n        <ng-template [ngIf]=\"!item.metadata?.url && !item.metadata?.urlExternal\">\n            <div\n                class=\"eui-notification-item-content-middle__label\"\n                [ngClass]=\"{ 'eui-u-font-bold': !item.metadata || (item.metadata && !item.metadata.read) }\">\n                {{ item.label | translate | euiTruncate: 200 }}\n            </div>\n            <div\n                *ngIf=\"item.subLabel\"\n                class=\"eui-notification-item-content-middle__sub-label\"\n                [innerHTML]=\"item.subLabel | translate | euiTruncate: 200\"></div>\n        </ng-template>\n    </span>\n    <div class=\"eui-notification-item-content-bottom\">\n        <a\n            class=\"eui-u-text-link\"\n            *ngIf=\"isShowMarkAsRead && item.metadata && !item.metadata.read\"\n            href=\"javascript:void(0)\"\n            (click)=\"onItemMarkAsRead($event)\" tabIndex=\"0\">\n            {{ markAsReadLabel ? markAsReadLabel : ('eui.NOTIFICATIONMARKASREAD' | translate) }}\n        </a>\n    </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "pipe", type: i1.DatePipe, name: "date" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "pipe", type: i4.EuiTruncatePipe, name: "euiTruncate" }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.4", type: EuiNotificationItemV2Component, selector: "eui-notification-item-v2", inputs: { markAsReadLabel: "markAsReadLabel", item: "item", dateFormat: "dateFormat", isShowMarkAsRead: "isShowMarkAsRead" }, outputs: { itemClick: "itemClick", itemMarkAsRead: "itemMarkAsRead" }, host: { properties: { "class": "this.string" } }, ngImport: i0, template: "<div\n    class=\"eui-notification-item-content\"\n    (click)=\"onItemClick()\"\n    [ngClass]=\"{ 'eui-u-bg-color-white': item.metadata?.read || !item.metadata }\">\n    <div class=\"eui-notification-item-content-top eui-u-font-s\">\n        <div *ngIf=\"item.metadata?.date\" class=\"eui-notification-item-content-top__date\">\n            <span class=\"eui-notification-item-content-top__date-icon eui-u-mr-s\">\n                <eui-icon-svg set=\"eui\" icon=\"eui-notifications\" size=\"m\" [fillColor]=\"iconColor\"></eui-icon-svg>\n                <span\n                    *ngIf=\"item.metadata?.new\"\n                    class=\"eui-notification-item-content-top__date-dot eui-u-color-danger-light eui-u-font-s eui-icon eui-icon-circle\"></span>\n            </span>\n            <span>{{ item.metadata?.date | date: dateFormat }}</span>\n        </div>\n        <div *ngIf=\"item.metadata?.important\" class=\"eui-u-font-bold\">\n            <eui-icon-svg icon=\"eui-exclamation\" fillColor=\"danger-100\" class=\"eui-u-ml-xs\"></eui-icon-svg>\n        </div>\n    </div>\n    <span class=\"eui-notification-item-content-middle eui-u-cursor-pointer\">\n        <ng-template [ngIf]=\"item.metadata?.url\">\n            <a href=\"{{ item.metadata.url }}\" tabIndex=\"0\">\n                <div\n                    class=\"eui-notification-item-content-middle__label\"\n                    [ngClass]=\"{ 'eui-u-font-bold': !item.metadata || (item.metadata && !item.metadata.read) }\">\n                    {{ item.label | translate | euiTruncate: 200 }}\n                </div>\n                <div\n                    *ngIf=\"item.subLabel\"\n                    class=\"eui-notification-item-content-middle__sub-label\"\n                    [innerHTML]=\"item.subLabel | translate | euiTruncate: 200\"></div>\n            </a>\n        </ng-template>\n\n        <ng-template [ngIf]=\"item.metadata?.urlExternal\">\n            <a\n                href=\"{{ item.metadata.urlExternal }}\"\n                [target]=\"!item.metadata.urlExternalTarget ? '_black' : item.metadata.urlExternalTarget\" tabIndex=\"0\">\n                <div\n                    class=\"eui-notification-item-content-middle__label\"\n                    [ngClass]=\"{ 'eui-u-font-bold': !item.metadata || (item.metadata && !item.metadata.read) }\">\n                    {{ item.label | translate | euiTruncate: 200 }}\n                </div>\n                <div\n                    *ngIf=\"item.subLabel\"\n                    class=\"eui-notification-item-content-middle__sub-label\"\n                    [innerHTML]=\"item.subLabel | translate | euiTruncate: 200\"></div>\n            </a>\n        </ng-template>\n\n        <ng-template [ngIf]=\"!item.metadata?.url && !item.metadata?.urlExternal\">\n            <div\n                class=\"eui-notification-item-content-middle__label\"\n                [ngClass]=\"{ 'eui-u-font-bold': !item.metadata || (item.metadata && !item.metadata.read) }\">\n                {{ item.label | translate | euiTruncate: 200 }}\n            </div>\n            <div\n                *ngIf=\"item.subLabel\"\n                class=\"eui-notification-item-content-middle__sub-label\"\n                [innerHTML]=\"item.subLabel | translate | euiTruncate: 200\"></div>\n        </ng-template>\n    </span>\n    <div class=\"eui-notification-item-content-bottom\">\n        <a\n            class=\"eui-u-text-link\"\n            *ngIf=\"isShowMarkAsRead && item.metadata && !item.metadata.read\"\n            href=\"javascript:void(0)\"\n            (click)=\"onItemMarkAsRead($event)\" tabIndex=\"0\">\n            {{ markAsReadLabel ? markAsReadLabel : ('eui.NOTIFICATIONMARKASREAD' | translate) }}\n        </a>\n    </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "pipe", type: i1.DatePipe, name: "date" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }, { kind: "pipe", type: i4.EuiTruncatePipe, name: "euiTruncate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EuiNotificationItemV2Component, decorators: [{
             type: Component,
-            args: [{ selector: 'eui-notification-item-v2', template: "<div\n    class=\"eui-notification-item-content\"\n    (click)=\"onItemClick()\"\n    [ngClass]=\"{ 'eui-u-bg-color-white': item.metadata?.read || !item.metadata }\">\n    <div class=\"eui-notification-item-content-top eui-u-font-s\">\n        <div *ngIf=\"item.metadata?.date\" class=\"eui-notification-item-content-top__date\">\n            <span class=\"eui-notification-item-content-top__date-icon eui-u-mr-s\">\n                <eui-icon-svg set=\"eui\" icon=\"eui-notifications\" size=\"m\" [fillColor]=\"iconColor\"></eui-icon-svg>\n                <span\n                    *ngIf=\"item.metadata?.new\"\n                    class=\"eui-notification-item-content-top__date-dot eui-u-color-danger-light eui-u-font-s eui-icon eui-icon-circle\"></span>\n            </span>\n            <span>{{ item.metadata?.date | date: dateFormat }}</span>\n        </div>\n        <div *ngIf=\"item.metadata?.important\" class=\"eui-u-font-bold\">\n            <eui-icon-svg icon=\"eui-exclamation\" fillColor=\"danger\" class=\"eui-u-ml-xs\"></eui-icon-svg>\n        </div>\n    </div>\n    <span class=\"eui-notification-item-content-middle eui-u-cursor-pointer\">\n        <ng-template [ngIf]=\"item.metadata?.url\">\n            <a href=\"{{ item.metadata.url }}\" tabIndex=\"0\">\n                <div\n                    class=\"eui-notification-item-content-middle__label\"\n                    [ngClass]=\"{ 'eui-u-font-bold': !item.metadata || (item.metadata && !item.metadata.read) }\">\n                    {{ item.label | translate | euiTruncate: 200 }}\n                </div>\n                <div\n                    *ngIf=\"item.subLabel\"\n                    class=\"eui-notification-item-content-middle__sub-label\"\n                    [innerHTML]=\"item.subLabel | translate | euiTruncate: 200\"></div>\n            </a>\n        </ng-template>\n\n        <ng-template [ngIf]=\"item.metadata?.urlExternal\">\n            <a\n                href=\"{{ item.metadata.urlExternal }}\"\n                [target]=\"!item.metadata.urlExternalTarget ? '_black' : item.metadata.urlExternalTarget\" tabIndex=\"0\">\n                <div\n                    class=\"eui-notification-item-content-middle__label\"\n                    [ngClass]=\"{ 'eui-u-font-bold': !item.metadata || (item.metadata && !item.metadata.read) }\">\n                    {{ item.label | translate | euiTruncate: 200 }}\n                </div>\n                <div\n                    *ngIf=\"item.subLabel\"\n                    class=\"eui-notification-item-content-middle__sub-label\"\n                    [innerHTML]=\"item.subLabel | translate | euiTruncate: 200\"></div>\n            </a>\n        </ng-template>\n\n        <ng-template [ngIf]=\"!item.metadata?.url && !item.metadata?.urlExternal\">\n            <div\n                class=\"eui-notification-item-content-middle__label\"\n                [ngClass]=\"{ 'eui-u-font-bold': !item.metadata || (item.metadata && !item.metadata.read) }\">\n                {{ item.label | translate | euiTruncate: 200 }}\n            </div>\n            <div\n                *ngIf=\"item.subLabel\"\n                class=\"eui-notification-item-content-middle__sub-label\"\n                [innerHTML]=\"item.subLabel | translate | euiTruncate: 200\"></div>\n        </ng-template>\n    </span>\n    <div class=\"eui-notification-item-content-bottom\">\n        <a\n            class=\"eui-u-text-link\"\n            *ngIf=\"isShowMarkAsRead && item.metadata && !item.metadata.read\"\n            href=\"javascript:void(0)\"\n            (click)=\"onItemMarkAsRead($event)\" tabIndex=\"0\">\n            {{ markAsReadLabel ? markAsReadLabel : ('eui.NOTIFICATIONMARKASREAD' | translate) }}\n        </a>\n    </div>\n</div>\n" }]
+            args: [{ selector: 'eui-notification-item-v2', template: "<div\n    class=\"eui-notification-item-content\"\n    (click)=\"onItemClick()\"\n    [ngClass]=\"{ 'eui-u-bg-color-white': item.metadata?.read || !item.metadata }\">\n    <div class=\"eui-notification-item-content-top eui-u-font-s\">\n        <div *ngIf=\"item.metadata?.date\" class=\"eui-notification-item-content-top__date\">\n            <span class=\"eui-notification-item-content-top__date-icon eui-u-mr-s\">\n                <eui-icon-svg set=\"eui\" icon=\"eui-notifications\" size=\"m\" [fillColor]=\"iconColor\"></eui-icon-svg>\n                <span\n                    *ngIf=\"item.metadata?.new\"\n                    class=\"eui-notification-item-content-top__date-dot eui-u-color-danger-light eui-u-font-s eui-icon eui-icon-circle\"></span>\n            </span>\n            <span>{{ item.metadata?.date | date: dateFormat }}</span>\n        </div>\n        <div *ngIf=\"item.metadata?.important\" class=\"eui-u-font-bold\">\n            <eui-icon-svg icon=\"eui-exclamation\" fillColor=\"danger-100\" class=\"eui-u-ml-xs\"></eui-icon-svg>\n        </div>\n    </div>\n    <span class=\"eui-notification-item-content-middle eui-u-cursor-pointer\">\n        <ng-template [ngIf]=\"item.metadata?.url\">\n            <a href=\"{{ item.metadata.url }}\" tabIndex=\"0\">\n                <div\n                    class=\"eui-notification-item-content-middle__label\"\n                    [ngClass]=\"{ 'eui-u-font-bold': !item.metadata || (item.metadata && !item.metadata.read) }\">\n                    {{ item.label | translate | euiTruncate: 200 }}\n                </div>\n                <div\n                    *ngIf=\"item.subLabel\"\n                    class=\"eui-notification-item-content-middle__sub-label\"\n                    [innerHTML]=\"item.subLabel | translate | euiTruncate: 200\"></div>\n            </a>\n        </ng-template>\n\n        <ng-template [ngIf]=\"item.metadata?.urlExternal\">\n            <a\n                href=\"{{ item.metadata.urlExternal }}\"\n                [target]=\"!item.metadata.urlExternalTarget ? '_black' : item.metadata.urlExternalTarget\" tabIndex=\"0\">\n                <div\n                    class=\"eui-notification-item-content-middle__label\"\n                    [ngClass]=\"{ 'eui-u-font-bold': !item.metadata || (item.metadata && !item.metadata.read) }\">\n                    {{ item.label | translate | euiTruncate: 200 }}\n                </div>\n                <div\n                    *ngIf=\"item.subLabel\"\n                    class=\"eui-notification-item-content-middle__sub-label\"\n                    [innerHTML]=\"item.subLabel | translate | euiTruncate: 200\"></div>\n            </a>\n        </ng-template>\n\n        <ng-template [ngIf]=\"!item.metadata?.url && !item.metadata?.urlExternal\">\n            <div\n                class=\"eui-notification-item-content-middle__label\"\n                [ngClass]=\"{ 'eui-u-font-bold': !item.metadata || (item.metadata && !item.metadata.read) }\">\n                {{ item.label | translate | euiTruncate: 200 }}\n            </div>\n            <div\n                *ngIf=\"item.subLabel\"\n                class=\"eui-notification-item-content-middle__sub-label\"\n                [innerHTML]=\"item.subLabel | translate | euiTruncate: 200\"></div>\n        </ng-template>\n    </span>\n    <div class=\"eui-notification-item-content-bottom\">\n        <a\n            class=\"eui-u-text-link\"\n            *ngIf=\"isShowMarkAsRead && item.metadata && !item.metadata.read\"\n            href=\"javascript:void(0)\"\n            (click)=\"onItemMarkAsRead($event)\" tabIndex=\"0\">\n            {{ markAsReadLabel ? markAsReadLabel : ('eui.NOTIFICATIONMARKASREAD' | translate) }}\n        </a>\n    </div>\n</div>\n" }]
         }], propDecorators: { string: [{
                 type: HostBinding,
                 args: ['class']
@@ -57,4 +57,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4",
             }], isShowMarkAsRead: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpLW5vdGlmaWNhdGlvbi1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xheW91dC9ldWktbm90aWZpY2F0aW9ucy12Mi9ldWktbm90aWZpY2F0aW9uLWl0ZW0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vbGF5b3V0L2V1aS1ub3RpZmljYXRpb25zLXYyL2V1aS1ub3RpZmljYXRpb24taXRlbS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUscUJBQXFCLEVBQWdCLE1BQU0sdUJBQXVCLENBQUM7QUFDNUUsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFcEYsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLFdBQVcsQ0FBQzs7Ozs7O0FBTXpDLE1BQU0sT0FBTyw4QkFBOEI7SUFKM0M7UUFLMEIsV0FBTSxHQUFHLHVCQUF1QixDQUFDO1FBQzdDLGNBQVMsR0FBK0IsSUFBSSxZQUFZLEVBQWdCLENBQUM7UUFDekUsbUJBQWMsR0FBK0IsSUFBSSxZQUFZLEVBQWdCLENBQUM7UUFDL0Usb0JBQWUsR0FBVyxJQUFJLENBQUM7UUFFL0IsZUFBVSxHQUFHLFlBQVksQ0FBQztRQUNuQyxnQkFBVyxHQUFHLE1BQU0sQ0FBQztRQVFiLHNCQUFpQixHQUFHLElBQUksQ0FBQztLQWlCcEM7SUF4QkcsSUFDSSxnQkFBZ0I7UUFDaEIsT0FBTyxJQUFJLENBQUMsaUJBQWlCLENBQUM7SUFDbEMsQ0FBQztJQUNELElBQUksZ0JBQWdCLENBQUMsS0FBbUI7UUFDcEMsSUFBSSxDQUFDLGlCQUFpQixHQUFHLHFCQUFxQixDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzFELENBQUM7SUFHRCxJQUFJLFNBQVM7UUFDVCxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFLElBQUksQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUM7SUFDNUQsQ0FBQztJQUVELFdBQVc7UUFDUCxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDbkMsQ0FBQztJQUVELGdCQUFnQixDQUFDLEtBQVk7UUFDekIsSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO1lBQ3JCLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUM7UUFDbkMsQ0FBQztRQUNELElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUNwQyxZQUFZLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDeEIsQ0FBQztxSEEvQlEsOEJBQThCO3lHQUE5Qiw4QkFBOEIsdVRDVDNDLHNySEF1RUE7O2tHRDlEYSw4QkFBOEI7a0JBSjFDLFNBQVM7K0JBQ0ksMEJBQTBCOzhCQUlkLE1BQU07c0JBQTNCLFdBQVc7dUJBQUMsT0FBTztnQkFDVixTQUFTO3NCQUFsQixNQUFNO2dCQUNHLGNBQWM7c0JBQXZCLE1BQU07Z0JBQ0UsZUFBZTtzQkFBdkIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFHRixnQkFBZ0I7c0JBRG5CLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjb2VyY2VCb29sZWFuUHJvcGVydHksIEJvb2xlYW5JbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9jb2VyY2lvbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSG9zdEJpbmRpbmcsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFV4TGlua0xlZ2FjeSB9IGZyb20gJ0BldWkvYmFzZSc7XG5pbXBvcnQgeyBjb25zdW1lRXZlbnQgfSBmcm9tICdAZXVpL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2V1aS1ub3RpZmljYXRpb24taXRlbS12MicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2V1aS1ub3RpZmljYXRpb24taXRlbS5jb21wb25lbnQuaHRtbCcsXG59KVxuZXhwb3J0IGNsYXNzIEV1aU5vdGlmaWNhdGlvbkl0ZW1WMkNvbXBvbmVudCB7XG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcycpIHN0cmluZyA9ICdldWktbm90aWZpY2F0aW9uLWl0ZW0nO1xuICAgIEBPdXRwdXQoKSBpdGVtQ2xpY2s6IEV2ZW50RW1pdHRlcjxVeExpbmtMZWdhY3k+ID0gbmV3IEV2ZW50RW1pdHRlcjxVeExpbmtMZWdhY3k+KCk7XG4gICAgQE91dHB1dCgpIGl0ZW1NYXJrQXNSZWFkOiBFdmVudEVtaXR0ZXI8VXhMaW5rTGVnYWN5PiA9IG5ldyBFdmVudEVtaXR0ZXI8VXhMaW5rTGVnYWN5PigpO1xuICAgIEBJbnB1dCgpIG1hcmtBc1JlYWRMYWJlbDogc3RyaW5nID0gbnVsbDtcbiAgICBASW5wdXQoKSBpdGVtOiBVeExpbmtMZWdhY3k7XG4gICAgQElucHV0KCkgZGF0ZUZvcm1hdCA9ICdkZC9NTS9ZWVlZJztcbiAgICB0b29sdGlwU2l6ZSA9ICdhdXRvJztcbiAgICBASW5wdXQoKVxuICAgIGdldCBpc1Nob3dNYXJrQXNSZWFkKCk6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gdGhpcy5faXNTaG93TWFya0FzUmVhZDtcbiAgICB9XG4gICAgc2V0IGlzU2hvd01hcmtBc1JlYWQodmFsdWU6IEJvb2xlYW5JbnB1dCkge1xuICAgICAgICB0aGlzLl9pc1Nob3dNYXJrQXNSZWFkID0gY29lcmNlQm9vbGVhblByb3BlcnR5KHZhbHVlKTtcbiAgICB9XG4gICAgcHJpdmF0ZSBfaXNTaG93TWFya0FzUmVhZCA9IHRydWU7XG5cbiAgICBnZXQgaWNvbkNvbG9yKCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiB0aGlzLml0ZW0ubWV0YWRhdGE/LnJlYWQgPyAnZ3JleS0yMCcgOiAnZ3JleS01MCc7XG4gICAgfVxuXG4gICAgb25JdGVtQ2xpY2soKTogdm9pZCB7XG4gICAgICAgIHRoaXMuaXRlbUNsaWNrLmVtaXQodGhpcy5pdGVtKTtcbiAgICB9XG5cbiAgICBvbkl0ZW1NYXJrQXNSZWFkKGV2ZW50OiBFdmVudCk6IHZvaWQge1xuICAgICAgICBpZiAodGhpcy5pdGVtLm1ldGFkYXRhKSB7XG4gICAgICAgICAgICB0aGlzLml0ZW0ubWV0YWRhdGEucmVhZCA9IHRydWU7XG4gICAgICAgIH1cbiAgICAgICAgdGhpcy5pdGVtTWFya0FzUmVhZC5lbWl0KHRoaXMuaXRlbSk7XG4gICAgICAgIGNvbnN1bWVFdmVudChldmVudCk7XG4gICAgfVxufVxuIiwiPGRpdlxuICAgIGNsYXNzPVwiZXVpLW5vdGlmaWNhdGlvbi1pdGVtLWNvbnRlbnRcIlxuICAgIChjbGljayk9XCJvbkl0ZW1DbGljaygpXCJcbiAgICBbbmdDbGFzc109XCJ7ICdldWktdS1iZy1jb2xvci13aGl0ZSc6IGl0ZW0ubWV0YWRhdGE/LnJlYWQgfHwgIWl0ZW0ubWV0YWRhdGEgfVwiPlxuICAgIDxkaXYgY2xhc3M9XCJldWktbm90aWZpY2F0aW9uLWl0ZW0tY29udGVudC10b3AgZXVpLXUtZm9udC1zXCI+XG4gICAgICAgIDxkaXYgKm5nSWY9XCJpdGVtLm1ldGFkYXRhPy5kYXRlXCIgY2xhc3M9XCJldWktbm90aWZpY2F0aW9uLWl0ZW0tY29udGVudC10b3BfX2RhdGVcIj5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiZXVpLW5vdGlmaWNhdGlvbi1pdGVtLWNvbnRlbnQtdG9wX19kYXRlLWljb24gZXVpLXUtbXItc1wiPlxuICAgICAgICAgICAgICAgIDxldWktaWNvbi1zdmcgc2V0PVwiZXVpXCIgaWNvbj1cImV1aS1ub3RpZmljYXRpb25zXCIgc2l6ZT1cIm1cIiBbZmlsbENvbG9yXT1cImljb25Db2xvclwiPjwvZXVpLWljb24tc3ZnPlxuICAgICAgICAgICAgICAgIDxzcGFuXG4gICAgICAgICAgICAgICAgICAgICpuZ0lmPVwiaXRlbS5tZXRhZGF0YT8ubmV3XCJcbiAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJldWktbm90aWZpY2F0aW9uLWl0ZW0tY29udGVudC10b3BfX2RhdGUtZG90IGV1aS11LWNvbG9yLWRhbmdlci1saWdodCBldWktdS1mb250LXMgZXVpLWljb24gZXVpLWljb24tY2lyY2xlXCI+PC9zcGFuPlxuICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgPHNwYW4+e3sgaXRlbS5tZXRhZGF0YT8uZGF0ZSB8IGRhdGU6IGRhdGVGb3JtYXQgfX08L3NwYW4+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2ICpuZ0lmPVwiaXRlbS5tZXRhZGF0YT8uaW1wb3J0YW50XCIgY2xhc3M9XCJldWktdS1mb250LWJvbGRcIj5cbiAgICAgICAgICAgIDxldWktaWNvbi1zdmcgaWNvbj1cImV1aS1leGNsYW1hdGlvblwiIGZpbGxDb2xvcj1cImRhbmdlclwiIGNsYXNzPVwiZXVpLXUtbWwteHNcIj48L2V1aS1pY29uLXN2Zz5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPHNwYW4gY2xhc3M9XCJldWktbm90aWZpY2F0aW9uLWl0ZW0tY29udGVudC1taWRkbGUgZXVpLXUtY3Vyc29yLXBvaW50ZXJcIj5cbiAgICAgICAgPG5nLXRlbXBsYXRlIFtuZ0lmXT1cIml0ZW0ubWV0YWRhdGE/LnVybFwiPlxuICAgICAgICAgICAgPGEgaHJlZj1cInt7IGl0ZW0ubWV0YWRhdGEudXJsIH19XCIgdGFiSW5kZXg9XCIwXCI+XG4gICAgICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImV1aS1ub3RpZmljYXRpb24taXRlbS1jb250ZW50LW1pZGRsZV9fbGFiZWxcIlxuICAgICAgICAgICAgICAgICAgICBbbmdDbGFzc109XCJ7ICdldWktdS1mb250LWJvbGQnOiAhaXRlbS5tZXRhZGF0YSB8fCAoaXRlbS5tZXRhZGF0YSAmJiAhaXRlbS5tZXRhZGF0YS5yZWFkKSB9XCI+XG4gICAgICAgICAgICAgICAgICAgIHt7IGl0ZW0ubGFiZWwgfCB0cmFuc2xhdGUgfCBldWlUcnVuY2F0ZTogMjAwIH19XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgICAgICAqbmdJZj1cIml0ZW0uc3ViTGFiZWxcIlxuICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImV1aS1ub3RpZmljYXRpb24taXRlbS1jb250ZW50LW1pZGRsZV9fc3ViLWxhYmVsXCJcbiAgICAgICAgICAgICAgICAgICAgW2lubmVySFRNTF09XCJpdGVtLnN1YkxhYmVsIHwgdHJhbnNsYXRlIHwgZXVpVHJ1bmNhdGU6IDIwMFwiPjwvZGl2PlxuICAgICAgICAgICAgPC9hPlxuICAgICAgICA8L25nLXRlbXBsYXRlPlxuXG4gICAgICAgIDxuZy10ZW1wbGF0ZSBbbmdJZl09XCJpdGVtLm1ldGFkYXRhPy51cmxFeHRlcm5hbFwiPlxuICAgICAgICAgICAgPGFcbiAgICAgICAgICAgICAgICBocmVmPVwie3sgaXRlbS5tZXRhZGF0YS51cmxFeHRlcm5hbCB9fVwiXG4gICAgICAgICAgICAgICAgW3RhcmdldF09XCIhaXRlbS5tZXRhZGF0YS51cmxFeHRlcm5hbFRhcmdldCA/ICdfYmxhY2snIDogaXRlbS5tZXRhZGF0YS51cmxFeHRlcm5hbFRhcmdldFwiIHRhYkluZGV4PVwiMFwiPlxuICAgICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJldWktbm90aWZpY2F0aW9uLWl0ZW0tY29udGVudC1taWRkbGVfX2xhYmVsXCJcbiAgICAgICAgICAgICAgICAgICAgW25nQ2xhc3NdPVwieyAnZXVpLXUtZm9udC1ib2xkJzogIWl0ZW0ubWV0YWRhdGEgfHwgKGl0ZW0ubWV0YWRhdGEgJiYgIWl0ZW0ubWV0YWRhdGEucmVhZCkgfVwiPlxuICAgICAgICAgICAgICAgICAgICB7eyBpdGVtLmxhYmVsIHwgdHJhbnNsYXRlIHwgZXVpVHJ1bmNhdGU6IDIwMCB9fVxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICAgICAgKm5nSWY9XCJpdGVtLnN1YkxhYmVsXCJcbiAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJldWktbm90aWZpY2F0aW9uLWl0ZW0tY29udGVudC1taWRkbGVfX3N1Yi1sYWJlbFwiXG4gICAgICAgICAgICAgICAgICAgIFtpbm5lckhUTUxdPVwiaXRlbS5zdWJMYWJlbCB8IHRyYW5zbGF0ZSB8IGV1aVRydW5jYXRlOiAyMDBcIj48L2Rpdj5cbiAgICAgICAgICAgIDwvYT5cbiAgICAgICAgPC9uZy10ZW1wbGF0ZT5cblxuICAgICAgICA8bmctdGVtcGxhdGUgW25nSWZdPVwiIWl0ZW0ubWV0YWRhdGE/LnVybCAmJiAhaXRlbS5tZXRhZGF0YT8udXJsRXh0ZXJuYWxcIj5cbiAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICBjbGFzcz1cImV1aS1ub3RpZmljYXRpb24taXRlbS1jb250ZW50LW1pZGRsZV9fbGFiZWxcIlxuICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cInsgJ2V1aS11LWZvbnQtYm9sZCc6ICFpdGVtLm1ldGFkYXRhIHx8IChpdGVtLm1ldGFkYXRhICYmICFpdGVtLm1ldGFkYXRhLnJlYWQpIH1cIj5cbiAgICAgICAgICAgICAgICB7eyBpdGVtLmxhYmVsIHwgdHJhbnNsYXRlIHwgZXVpVHJ1bmNhdGU6IDIwMCB9fVxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgKm5nSWY9XCJpdGVtLnN1YkxhYmVsXCJcbiAgICAgICAgICAgICAgICBjbGFzcz1cImV1aS1ub3RpZmljYXRpb24taXRlbS1jb250ZW50LW1pZGRsZV9fc3ViLWxhYmVsXCJcbiAgICAgICAgICAgICAgICBbaW5uZXJIVE1MXT1cIml0ZW0uc3ViTGFiZWwgfCB0cmFuc2xhdGUgfCBldWlUcnVuY2F0ZTogMjAwXCI+PC9kaXY+XG4gICAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgPC9zcGFuPlxuICAgIDxkaXYgY2xhc3M9XCJldWktbm90aWZpY2F0aW9uLWl0ZW0tY29udGVudC1ib3R0b21cIj5cbiAgICAgICAgPGFcbiAgICAgICAgICAgIGNsYXNzPVwiZXVpLXUtdGV4dC1saW5rXCJcbiAgICAgICAgICAgICpuZ0lmPVwiaXNTaG93TWFya0FzUmVhZCAmJiBpdGVtLm1ldGFkYXRhICYmICFpdGVtLm1ldGFkYXRhLnJlYWRcIlxuICAgICAgICAgICAgaHJlZj1cImphdmFzY3JpcHQ6dm9pZCgwKVwiXG4gICAgICAgICAgICAoY2xpY2spPVwib25JdGVtTWFya0FzUmVhZCgkZXZlbnQpXCIgdGFiSW5kZXg9XCIwXCI+XG4gICAgICAgICAgICB7eyBtYXJrQXNSZWFkTGFiZWwgPyBtYXJrQXNSZWFkTGFiZWwgOiAoJ2V1aS5OT1RJRklDQVRJT05NQVJLQVNSRUFEJyB8IHRyYW5zbGF0ZSkgfX1cbiAgICAgICAgPC9hPlxuICAgIDwvZGl2PlxuPC9kaXY+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXVpLW5vdGlmaWNhdGlvbi1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xheW91dC9ldWktbm90aWZpY2F0aW9ucy12Mi9ldWktbm90aWZpY2F0aW9uLWl0ZW0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vbGF5b3V0L2V1aS1ub3RpZmljYXRpb25zLXYyL2V1aS1ub3RpZmljYXRpb24taXRlbS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUscUJBQXFCLEVBQWdCLE1BQU0sdUJBQXVCLENBQUM7QUFDNUUsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFcEYsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLFdBQVcsQ0FBQzs7Ozs7O0FBTXpDLE1BQU0sT0FBTyw4QkFBOEI7SUFKM0M7UUFLMEIsV0FBTSxHQUFHLHVCQUF1QixDQUFDO1FBQzdDLGNBQVMsR0FBK0IsSUFBSSxZQUFZLEVBQWdCLENBQUM7UUFDekUsbUJBQWMsR0FBK0IsSUFBSSxZQUFZLEVBQWdCLENBQUM7UUFDL0Usb0JBQWUsR0FBVyxJQUFJLENBQUM7UUFFL0IsZUFBVSxHQUFHLFlBQVksQ0FBQztRQUNuQyxnQkFBVyxHQUFHLE1BQU0sQ0FBQztRQVFiLHNCQUFpQixHQUFHLElBQUksQ0FBQztLQWlCcEM7SUF4QkcsSUFDSSxnQkFBZ0I7UUFDaEIsT0FBTyxJQUFJLENBQUMsaUJBQWlCLENBQUM7SUFDbEMsQ0FBQztJQUNELElBQUksZ0JBQWdCLENBQUMsS0FBbUI7UUFDcEMsSUFBSSxDQUFDLGlCQUFpQixHQUFHLHFCQUFxQixDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzFELENBQUM7SUFHRCxJQUFJLFNBQVM7UUFDVCxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFLElBQUksQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUM7SUFDNUQsQ0FBQztJQUVELFdBQVc7UUFDUCxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDbkMsQ0FBQztJQUVELGdCQUFnQixDQUFDLEtBQVk7UUFDekIsSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO1lBQ3JCLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUM7UUFDbkMsQ0FBQztRQUNELElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUNwQyxZQUFZLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDeEIsQ0FBQztxSEEvQlEsOEJBQThCO3lHQUE5Qiw4QkFBOEIsdVRDVDNDLDBySEF1RUE7O2tHRDlEYSw4QkFBOEI7a0JBSjFDLFNBQVM7K0JBQ0ksMEJBQTBCOzhCQUlkLE1BQU07c0JBQTNCLFdBQVc7dUJBQUMsT0FBTztnQkFDVixTQUFTO3NCQUFsQixNQUFNO2dCQUNHLGNBQWM7c0JBQXZCLE1BQU07Z0JBQ0UsZUFBZTtzQkFBdkIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFHRixnQkFBZ0I7c0JBRG5CLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjb2VyY2VCb29sZWFuUHJvcGVydHksIEJvb2xlYW5JbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9jb2VyY2lvbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSG9zdEJpbmRpbmcsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFV4TGlua0xlZ2FjeSB9IGZyb20gJ0BldWkvYmFzZSc7XG5pbXBvcnQgeyBjb25zdW1lRXZlbnQgfSBmcm9tICdAZXVpL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2V1aS1ub3RpZmljYXRpb24taXRlbS12MicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2V1aS1ub3RpZmljYXRpb24taXRlbS5jb21wb25lbnQuaHRtbCcsXG59KVxuZXhwb3J0IGNsYXNzIEV1aU5vdGlmaWNhdGlvbkl0ZW1WMkNvbXBvbmVudCB7XG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcycpIHN0cmluZyA9ICdldWktbm90aWZpY2F0aW9uLWl0ZW0nO1xuICAgIEBPdXRwdXQoKSBpdGVtQ2xpY2s6IEV2ZW50RW1pdHRlcjxVeExpbmtMZWdhY3k+ID0gbmV3IEV2ZW50RW1pdHRlcjxVeExpbmtMZWdhY3k+KCk7XG4gICAgQE91dHB1dCgpIGl0ZW1NYXJrQXNSZWFkOiBFdmVudEVtaXR0ZXI8VXhMaW5rTGVnYWN5PiA9IG5ldyBFdmVudEVtaXR0ZXI8VXhMaW5rTGVnYWN5PigpO1xuICAgIEBJbnB1dCgpIG1hcmtBc1JlYWRMYWJlbDogc3RyaW5nID0gbnVsbDtcbiAgICBASW5wdXQoKSBpdGVtOiBVeExpbmtMZWdhY3k7XG4gICAgQElucHV0KCkgZGF0ZUZvcm1hdCA9ICdkZC9NTS9ZWVlZJztcbiAgICB0b29sdGlwU2l6ZSA9ICdhdXRvJztcbiAgICBASW5wdXQoKVxuICAgIGdldCBpc1Nob3dNYXJrQXNSZWFkKCk6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gdGhpcy5faXNTaG93TWFya0FzUmVhZDtcbiAgICB9XG4gICAgc2V0IGlzU2hvd01hcmtBc1JlYWQodmFsdWU6IEJvb2xlYW5JbnB1dCkge1xuICAgICAgICB0aGlzLl9pc1Nob3dNYXJrQXNSZWFkID0gY29lcmNlQm9vbGVhblByb3BlcnR5KHZhbHVlKTtcbiAgICB9XG4gICAgcHJpdmF0ZSBfaXNTaG93TWFya0FzUmVhZCA9IHRydWU7XG5cbiAgICBnZXQgaWNvbkNvbG9yKCk6IHN0cmluZyB7XG4gICAgICAgIHJldHVybiB0aGlzLml0ZW0ubWV0YWRhdGE/LnJlYWQgPyAnZ3JleS0yMCcgOiAnZ3JleS01MCc7XG4gICAgfVxuXG4gICAgb25JdGVtQ2xpY2soKTogdm9pZCB7XG4gICAgICAgIHRoaXMuaXRlbUNsaWNrLmVtaXQodGhpcy5pdGVtKTtcbiAgICB9XG5cbiAgICBvbkl0ZW1NYXJrQXNSZWFkKGV2ZW50OiBFdmVudCk6IHZvaWQge1xuICAgICAgICBpZiAodGhpcy5pdGVtLm1ldGFkYXRhKSB7XG4gICAgICAgICAgICB0aGlzLml0ZW0ubWV0YWRhdGEucmVhZCA9IHRydWU7XG4gICAgICAgIH1cbiAgICAgICAgdGhpcy5pdGVtTWFya0FzUmVhZC5lbWl0KHRoaXMuaXRlbSk7XG4gICAgICAgIGNvbnN1bWVFdmVudChldmVudCk7XG4gICAgfVxufVxuIiwiPGRpdlxuICAgIGNsYXNzPVwiZXVpLW5vdGlmaWNhdGlvbi1pdGVtLWNvbnRlbnRcIlxuICAgIChjbGljayk9XCJvbkl0ZW1DbGljaygpXCJcbiAgICBbbmdDbGFzc109XCJ7ICdldWktdS1iZy1jb2xvci13aGl0ZSc6IGl0ZW0ubWV0YWRhdGE/LnJlYWQgfHwgIWl0ZW0ubWV0YWRhdGEgfVwiPlxuICAgIDxkaXYgY2xhc3M9XCJldWktbm90aWZpY2F0aW9uLWl0ZW0tY29udGVudC10b3AgZXVpLXUtZm9udC1zXCI+XG4gICAgICAgIDxkaXYgKm5nSWY9XCJpdGVtLm1ldGFkYXRhPy5kYXRlXCIgY2xhc3M9XCJldWktbm90aWZpY2F0aW9uLWl0ZW0tY29udGVudC10b3BfX2RhdGVcIj5cbiAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwiZXVpLW5vdGlmaWNhdGlvbi1pdGVtLWNvbnRlbnQtdG9wX19kYXRlLWljb24gZXVpLXUtbXItc1wiPlxuICAgICAgICAgICAgICAgIDxldWktaWNvbi1zdmcgc2V0PVwiZXVpXCIgaWNvbj1cImV1aS1ub3RpZmljYXRpb25zXCIgc2l6ZT1cIm1cIiBbZmlsbENvbG9yXT1cImljb25Db2xvclwiPjwvZXVpLWljb24tc3ZnPlxuICAgICAgICAgICAgICAgIDxzcGFuXG4gICAgICAgICAgICAgICAgICAgICpuZ0lmPVwiaXRlbS5tZXRhZGF0YT8ubmV3XCJcbiAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJldWktbm90aWZpY2F0aW9uLWl0ZW0tY29udGVudC10b3BfX2RhdGUtZG90IGV1aS11LWNvbG9yLWRhbmdlci1saWdodCBldWktdS1mb250LXMgZXVpLWljb24gZXVpLWljb24tY2lyY2xlXCI+PC9zcGFuPlxuICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgICAgPHNwYW4+e3sgaXRlbS5tZXRhZGF0YT8uZGF0ZSB8IGRhdGU6IGRhdGVGb3JtYXQgfX08L3NwYW4+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2ICpuZ0lmPVwiaXRlbS5tZXRhZGF0YT8uaW1wb3J0YW50XCIgY2xhc3M9XCJldWktdS1mb250LWJvbGRcIj5cbiAgICAgICAgICAgIDxldWktaWNvbi1zdmcgaWNvbj1cImV1aS1leGNsYW1hdGlvblwiIGZpbGxDb2xvcj1cImRhbmdlci0xMDBcIiBjbGFzcz1cImV1aS11LW1sLXhzXCI+PC9ldWktaWNvbi1zdmc+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICAgIDxzcGFuIGNsYXNzPVwiZXVpLW5vdGlmaWNhdGlvbi1pdGVtLWNvbnRlbnQtbWlkZGxlIGV1aS11LWN1cnNvci1wb2ludGVyXCI+XG4gICAgICAgIDxuZy10ZW1wbGF0ZSBbbmdJZl09XCJpdGVtLm1ldGFkYXRhPy51cmxcIj5cbiAgICAgICAgICAgIDxhIGhyZWY9XCJ7eyBpdGVtLm1ldGFkYXRhLnVybCB9fVwiIHRhYkluZGV4PVwiMFwiPlxuICAgICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJldWktbm90aWZpY2F0aW9uLWl0ZW0tY29udGVudC1taWRkbGVfX2xhYmVsXCJcbiAgICAgICAgICAgICAgICAgICAgW25nQ2xhc3NdPVwieyAnZXVpLXUtZm9udC1ib2xkJzogIWl0ZW0ubWV0YWRhdGEgfHwgKGl0ZW0ubWV0YWRhdGEgJiYgIWl0ZW0ubWV0YWRhdGEucmVhZCkgfVwiPlxuICAgICAgICAgICAgICAgICAgICB7eyBpdGVtLmxhYmVsIHwgdHJhbnNsYXRlIHwgZXVpVHJ1bmNhdGU6IDIwMCB9fVxuICAgICAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgICAgICAgKm5nSWY9XCJpdGVtLnN1YkxhYmVsXCJcbiAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJldWktbm90aWZpY2F0aW9uLWl0ZW0tY29udGVudC1taWRkbGVfX3N1Yi1sYWJlbFwiXG4gICAgICAgICAgICAgICAgICAgIFtpbm5lckhUTUxdPVwiaXRlbS5zdWJMYWJlbCB8IHRyYW5zbGF0ZSB8IGV1aVRydW5jYXRlOiAyMDBcIj48L2Rpdj5cbiAgICAgICAgICAgIDwvYT5cbiAgICAgICAgPC9uZy10ZW1wbGF0ZT5cblxuICAgICAgICA8bmctdGVtcGxhdGUgW25nSWZdPVwiaXRlbS5tZXRhZGF0YT8udXJsRXh0ZXJuYWxcIj5cbiAgICAgICAgICAgIDxhXG4gICAgICAgICAgICAgICAgaHJlZj1cInt7IGl0ZW0ubWV0YWRhdGEudXJsRXh0ZXJuYWwgfX1cIlxuICAgICAgICAgICAgICAgIFt0YXJnZXRdPVwiIWl0ZW0ubWV0YWRhdGEudXJsRXh0ZXJuYWxUYXJnZXQgPyAnX2JsYWNrJyA6IGl0ZW0ubWV0YWRhdGEudXJsRXh0ZXJuYWxUYXJnZXRcIiB0YWJJbmRleD1cIjBcIj5cbiAgICAgICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiZXVpLW5vdGlmaWNhdGlvbi1pdGVtLWNvbnRlbnQtbWlkZGxlX19sYWJlbFwiXG4gICAgICAgICAgICAgICAgICAgIFtuZ0NsYXNzXT1cInsgJ2V1aS11LWZvbnQtYm9sZCc6ICFpdGVtLm1ldGFkYXRhIHx8IChpdGVtLm1ldGFkYXRhICYmICFpdGVtLm1ldGFkYXRhLnJlYWQpIH1cIj5cbiAgICAgICAgICAgICAgICAgICAge3sgaXRlbS5sYWJlbCB8IHRyYW5zbGF0ZSB8IGV1aVRydW5jYXRlOiAyMDAgfX1cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgICAgICpuZ0lmPVwiaXRlbS5zdWJMYWJlbFwiXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzPVwiZXVpLW5vdGlmaWNhdGlvbi1pdGVtLWNvbnRlbnQtbWlkZGxlX19zdWItbGFiZWxcIlxuICAgICAgICAgICAgICAgICAgICBbaW5uZXJIVE1MXT1cIml0ZW0uc3ViTGFiZWwgfCB0cmFuc2xhdGUgfCBldWlUcnVuY2F0ZTogMjAwXCI+PC9kaXY+XG4gICAgICAgICAgICA8L2E+XG4gICAgICAgIDwvbmctdGVtcGxhdGU+XG5cbiAgICAgICAgPG5nLXRlbXBsYXRlIFtuZ0lmXT1cIiFpdGVtLm1ldGFkYXRhPy51cmwgJiYgIWl0ZW0ubWV0YWRhdGE/LnVybEV4dGVybmFsXCI+XG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgY2xhc3M9XCJldWktbm90aWZpY2F0aW9uLWl0ZW0tY29udGVudC1taWRkbGVfX2xhYmVsXCJcbiAgICAgICAgICAgICAgICBbbmdDbGFzc109XCJ7ICdldWktdS1mb250LWJvbGQnOiAhaXRlbS5tZXRhZGF0YSB8fCAoaXRlbS5tZXRhZGF0YSAmJiAhaXRlbS5tZXRhZGF0YS5yZWFkKSB9XCI+XG4gICAgICAgICAgICAgICAge3sgaXRlbS5sYWJlbCB8IHRyYW5zbGF0ZSB8IGV1aVRydW5jYXRlOiAyMDAgfX1cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgICpuZ0lmPVwiaXRlbS5zdWJMYWJlbFwiXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJldWktbm90aWZpY2F0aW9uLWl0ZW0tY29udGVudC1taWRkbGVfX3N1Yi1sYWJlbFwiXG4gICAgICAgICAgICAgICAgW2lubmVySFRNTF09XCJpdGVtLnN1YkxhYmVsIHwgdHJhbnNsYXRlIHwgZXVpVHJ1bmNhdGU6IDIwMFwiPjwvZGl2PlxuICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgIDwvc3Bhbj5cbiAgICA8ZGl2IGNsYXNzPVwiZXVpLW5vdGlmaWNhdGlvbi1pdGVtLWNvbnRlbnQtYm90dG9tXCI+XG4gICAgICAgIDxhXG4gICAgICAgICAgICBjbGFzcz1cImV1aS11LXRleHQtbGlua1wiXG4gICAgICAgICAgICAqbmdJZj1cImlzU2hvd01hcmtBc1JlYWQgJiYgaXRlbS5tZXRhZGF0YSAmJiAhaXRlbS5tZXRhZGF0YS5yZWFkXCJcbiAgICAgICAgICAgIGhyZWY9XCJqYXZhc2NyaXB0OnZvaWQoMClcIlxuICAgICAgICAgICAgKGNsaWNrKT1cIm9uSXRlbU1hcmtBc1JlYWQoJGV2ZW50KVwiIHRhYkluZGV4PVwiMFwiPlxuICAgICAgICAgICAge3sgbWFya0FzUmVhZExhYmVsID8gbWFya0FzUmVhZExhYmVsIDogKCdldWkuTk9USUZJQ0FUSU9OTUFSS0FTUkVBRCcgfCB0cmFuc2xhdGUpIH19XG4gICAgICAgIDwvYT5cbiAgICA8L2Rpdj5cbjwvZGl2PlxuIl19

package/esm2022/layout/eui-notifications-v2/eui-notifications.component.mjs CHANGED Viewed

@@ -175,11 +175,11 @@ export class EuiNotificationsV2Component {
         return unreadNotifications.length;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EuiNotificationsV2Component, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.4", type: EuiNotificationsV2Component, selector: "eui-notifications-v2", inputs: { count: "count", unreadCount: "unreadCount", unreadSinceLastCheckCount: "unreadSinceLastCheckCount", items: "items", unreadLabel: "unreadLabel", totalLabel: "totalLabel", markAsReadLabel: "markAsReadLabel", markAsUnReadLabel: "markAsUnReadLabel", markAllAsReadLabel: "markAllAsReadLabel", settingsLabel: "settingsLabel", refreshLabel: "refreshLabel", viewAllNotificationsLabel: "viewAllNotificationsLabel", headerTitleLabel: "headerTitleLabel", headerHideLabel: "headerHideLabel", headerUnreadSinceLastCheckCountLabel: "headerUnreadSinceLastCheckCountLabel", headerUnreadCountLabel: "headerUnreadCountLabel", noNotificationFoundLabel: "noNotificationFoundLabel", nbUnreadCount: "nbUnreadCount", dateFormat: "dateFormat", noNotificationFoundLink: "noNotificationFoundLink", isShowMarkAsRead: "isShowMarkAsRead", isShowViewAllAction: "isShowViewAllAction", isHidePanelOnViewAllAction: "isHidePanelOnViewAllAction", customUnreadCount: "customUnreadCount", isShowMarkAllAsReadButton: "isShowMarkAllAsReadButton", isShowSettingsButton: "isShowSettingsButton", isShowRefreshButton: "isShowRefreshButton" }, outputs: { refreshClick: "refreshClick", notificationsClick: "notificationsClick", viewAllClick: "viewAllClick", markAllAsReadClick: "markAllAsReadClick", noNotificationFoundClick: "noNotificationFoundClick", itemClick: "itemClick", itemMarkAsReadClick: "itemMarkAsReadClick" }, host: { properties: { "class": "this.string" } }, usesOnChanges: true, ngImport: i0, template: "<eui-icon-svg-button\n    class=\"eui-notifications-v2__trigger\"\n    icon=\"eui-notifications\"\n    size=\"s\"\n    fillColor=\"white\"\n    (click)=\"onClicked($event)\"\n    (keydown.enter)=\"onClicked($event)\"\n    (keydown.esc)=\"onHide()\"\n    hasFocusBorder>\n    <eui-badge *ngIf=\"isShowUnreadSinceLastCheckCount\" euiSizeM euiDanger>{{ unreadSinceLastCheckCount }}</eui-badge>\n</eui-icon-svg-button>\n\n<eui-overlay [isActive]=\"isOverlayActive\" class=\"eui-overlay-offset--width-30\">\n    <eui-overlay-header>\n        <div class=\"eui-notifications-v2__header\">\n            <div class=\"eui-notifications-v2__header-title\">\n                <div class=\"eui-notifications-v2__header-title-label\">\n                    {{ headerTitleLabel ? headerTitleLabel : ('eui.MYNOTIFICATIONS' | translate) }}\n                </div>\n\n                <div class=\"eui-notifications-v2__header-title-actions\">\n                    <span class=\"hide\">\n                        <a (click)=\"onHide()\" class=\"eui-u-text-link\" role=\"button\" tabIndex=\"0\">\n                            {{ headerHideLabel ? headerHideLabel : ('eui.HIDE' | translate) }}\n                        </a>\n                        <eui-icon-svg set=\"eui\" icon=\"eui-chevron-forward\" size=\"2xs\"></eui-icon-svg>\n                    </span>\n                </div>\n            </div>\n\n            <div class=\"eui-notifications-v2__header-subinfos-bar\">\n                <strong>{{ unreadSinceLastCheckCount }}</strong>\n                <span class=\"eui-u-ml-xs\">{{\n                    headerUnreadSinceLastCheckCountLabel ? headerUnreadSinceLastCheckCountLabel : ('eui.NEW-COUNT' | translate)\n                }}</span>\n\n                <span class=\"eui-u-ml-xs\">|</span>\n\n                <span class=\"eui-u-ml-xs\">{{ unreadCount }}</span>\n                <span class=\"eui-u-ml-xs\">{{ headerUnreadCountLabel ? headerUnreadCountLabel : ('eui.NEW-COUNT' | translate) }}</span>\n            </div>\n\n            <div class=\"eui-notifications-v2__header-subactions-bar\">\n                <a *ngIf=\"items.length > 0\" (click)=\"onMarkAllAsRead($event)\" class=\"eui-u-text-link\" tabIndex=\"0\">\n                    {{ 'notif.MARK-ALL-READ' | translate }}\n                </a>\n                <a (click)=\"onRefresh($event)\" class=\"eui-u-text-link eui-u-ml-auto\" tabIndex=\"0\">\n                    <span class=\"eui-u-flex\">\n                        <span class=\"eui-icon eui-icon-refresh mr-1\"></span>\n                        {{ 'notif.SV-REFRESH' | translate }}\n                    </span>\n                </a>\n            </div>\n        </div>\n    </eui-overlay-header>\n\n    <eui-overlay-body>\n        <ul class=\"eui-notifications-items\" *ngIf=\"items\">\n            <eui-notification-item-v2\n                *ngFor=\"let item of items; trackBy: trackByFn\"\n                [item]=\"item\"\n                [dateFormat]=\"dateFormat\"\n                [markAsReadLabel]=\"markAsReadLabel\"\n                [isShowMarkAsRead]=\"isShowMarkAsRead\"\n                (itemClick)=\"onItemClick($event)\"\n                (itemMarkAsRead)=\"onItemMarkAsRead($event)\">\n            </eui-notification-item-v2>\n        </ul>\n    </eui-overlay-body>\n\n    <eui-overlay-footer>\n        <ng-template [ngIf]=\"items?.length > 0\">\n            <strong\n                ><a (click)=\"onViewAllClick($event)\" class=\"eui-u-text-link\">{{\n                    viewAllNotificationsLabel ? viewAllNotificationsLabel : ('eui.VIEWALLNOTIFICATIONS' | translate)\n                }}</a></strong\n            >\n        </ng-template>\n        <ng-template [ngIf]=\"items?.length === 0\">\n            <div class=\"ux-notification__item-content\" *ngIf=\"!noNotificationFoundLink\">\n                {{ noNotificationFoundLabel ? noNotificationFoundLabel : ('eui.NONOTIFICATIONFOUND' | translate) }}\n            </div>\n            <div class=\"ux-notification__item-content\" *ngIf=\"noNotificationFoundLink\">\n                <strong\n                    ><a (click)=\"onNoNotificationFoundClick()\" class=\"eui-u-text-link\">{{\n                        noNotificationFoundLabel ? noNotificationFoundLabel : ('eui.NONOTIFICATIONFOUND' | translate)\n                    }}</a></strong\n                >\n            </div>\n        </ng-template>\n    </eui-overlay-footer>\n</eui-overlay>\n", styles: [".eui-overlay-header{padding:0}.eui-overlay-footer{background-color:var(--eui-ctx-c-white)}.eui-notifications-items{margin:0;padding:0}.eui-notifications-v2__trigger .eui-icon-svg svg{transform:scale(1.1)}.eui-notifications-v2__header{border-bottom:1px solid var(--eui-ctx-c-s-bg-light);color:var(--eui-ctx-c-text);cursor:default;flex-direction:column;display:flex;width:100%}.eui-notifications-v2__header-title{display:flex;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m)}.eui-notifications-v2__header-title-label{font:normal normal 400 1.25rem/2rem var(--eui-base-font-family);font-weight:700}.eui-notifications-v2__header-title-subLabel{margin-top:var(--eui-base-spacing-xs);font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-notifications-v2__header-title-actions{align-items:center;display:flex;margin-left:auto}.eui-notifications-v2__header-subinfos-bar,.eui-notifications-v2__header-subactions-bar{display:flex;align-items:center;border-bottom:1px solid var(--eui-ctx-c-s-bg-light);padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m)}.eui-notification-item{display:flex;flex-direction:column;overflow-y:auto;margin:0}.eui-notification-item-content{background-color:var(--eui-ctx-c-in-bg);border-bottom:1px solid var(--eui-ctx-c-s-lightest);display:flex;flex-direction:column;min-height:var(--eui-base-spacing-4xl);padding:var(--eui-base-spacing-s) var(--eui-base-spacing-m);cursor:pointer}.eui-notification-item-content:hover{background-color:var(--eui-ctx-c-s-bg-light)!important}.eui-notification-item-content-top{align-items:center;display:flex;justify-content:space-between}.eui-notification-item-content-top__date{display:flex;align-items:center}.eui-notification-item-content-top__date-icon{position:relative}.eui-notification-item-content-top__date-icon--rotated{transform:rotate(20deg)}.eui-notification-item-content-top__date-icon-dot{position:absolute;top:0;right:0}.eui-notification-item-content-middle{display:flex;margin:var(--eui-base-spacing-2xs) 0}.eui-notification-item-content-middle__sub-label{margin-top:var(--eui-base-spacing-2xs)}.eui-notification-item-content-bottom{display:flex;justify-content:flex-end}\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: "component", type: i2.EuiOverlayHeaderComponent, selector: "eui-overlay-header" }, { kind: "component", type: i2.EuiOverlayBodyComponent, selector: "eui-overlay-body" }, { kind: "component", type: i2.EuiOverlayFooterComponent, selector: "eui-overlay-footer" }, { kind: "component", type: i2.EuiOverlayComponent, selector: "eui-overlay", inputs: ["isActive", "hasClosedOnClickOutside", "position", "width", "fixedWidth"], outputs: ["activeState"] }, { kind: "component", type: i3.EuiBadgeComponent, selector: "div[euiBadge], span[euiBadge], eui-badge", inputs: ["e2eAttr", "aria-label"] }, { kind: "component", type: i4.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i4.EuiIconSvgButtonComponent, selector: "eui-icon-svg-button", inputs: ["icon", "fillColor", "size", "ariaLabel", "hasFocusBorder", "hasNoPadding"], outputs: ["buttonClick"] }, { kind: "component", type: i5.EuiNotificationItemV2Component, selector: "eui-notification-item-v2", inputs: ["markAsReadLabel", "item", "dateFormat", "isShowMarkAsRead"], outputs: ["itemClick", "itemMarkAsRead"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0-next.4", type: EuiNotificationsV2Component, selector: "eui-notifications-v2", inputs: { count: "count", unreadCount: "unreadCount", unreadSinceLastCheckCount: "unreadSinceLastCheckCount", items: "items", unreadLabel: "unreadLabel", totalLabel: "totalLabel", markAsReadLabel: "markAsReadLabel", markAsUnReadLabel: "markAsUnReadLabel", markAllAsReadLabel: "markAllAsReadLabel", settingsLabel: "settingsLabel", refreshLabel: "refreshLabel", viewAllNotificationsLabel: "viewAllNotificationsLabel", headerTitleLabel: "headerTitleLabel", headerHideLabel: "headerHideLabel", headerUnreadSinceLastCheckCountLabel: "headerUnreadSinceLastCheckCountLabel", headerUnreadCountLabel: "headerUnreadCountLabel", noNotificationFoundLabel: "noNotificationFoundLabel", nbUnreadCount: "nbUnreadCount", dateFormat: "dateFormat", noNotificationFoundLink: "noNotificationFoundLink", isShowMarkAsRead: "isShowMarkAsRead", isShowViewAllAction: "isShowViewAllAction", isHidePanelOnViewAllAction: "isHidePanelOnViewAllAction", customUnreadCount: "customUnreadCount", isShowMarkAllAsReadButton: "isShowMarkAllAsReadButton", isShowSettingsButton: "isShowSettingsButton", isShowRefreshButton: "isShowRefreshButton" }, outputs: { refreshClick: "refreshClick", notificationsClick: "notificationsClick", viewAllClick: "viewAllClick", markAllAsReadClick: "markAllAsReadClick", noNotificationFoundClick: "noNotificationFoundClick", itemClick: "itemClick", itemMarkAsReadClick: "itemMarkAsReadClick" }, host: { properties: { "class": "this.string" } }, usesOnChanges: true, ngImport: i0, template: "<eui-icon-svg-button\n    class=\"eui-notifications-v2__trigger\"\n    icon=\"eui-notifications\"\n    size=\"s\"\n    fillColor=\"white\"\n    (click)=\"onClicked($event)\"\n    (keydown.enter)=\"onClicked($event)\"\n    (keydown.esc)=\"onHide()\"\n    hasFocusBorder>\n    <eui-badge *ngIf=\"isShowUnreadSinceLastCheckCount\" euiSizeM euiDanger>{{ unreadSinceLastCheckCount }}</eui-badge>\n</eui-icon-svg-button>\n\n<eui-overlay [isActive]=\"isOverlayActive\" class=\"eui-overlay-offset--width-30\">\n    <eui-overlay-header>\n        <div class=\"eui-notifications-v2__header\">\n            <div class=\"eui-notifications-v2__header-title\">\n                <div class=\"eui-notifications-v2__header-title-label\">\n                    {{ headerTitleLabel ? headerTitleLabel : ('eui.MYNOTIFICATIONS' | translate) }}\n                </div>\n\n                <div class=\"eui-notifications-v2__header-title-actions\">\n                    <span class=\"hide\">\n                        <a (click)=\"onHide()\" class=\"eui-u-text-link\" role=\"button\" tabIndex=\"0\">\n                            {{ headerHideLabel ? headerHideLabel : ('eui.HIDE' | translate) }}\n                        </a>\n                        <eui-icon-svg set=\"eui\" icon=\"eui-chevron-forward\" size=\"2xs\"></eui-icon-svg>\n                    </span>\n                </div>\n            </div>\n\n            <div class=\"eui-notifications-v2__header-subinfos-bar\">\n                <strong>{{ unreadSinceLastCheckCount }}</strong>\n                <span class=\"eui-u-ml-xs\">{{\n                    headerUnreadSinceLastCheckCountLabel ? headerUnreadSinceLastCheckCountLabel : ('eui.NEW-COUNT' | translate)\n                }}</span>\n\n                <span class=\"eui-u-ml-xs\">|</span>\n\n                <span class=\"eui-u-ml-xs\">{{ unreadCount }}</span>\n                <span class=\"eui-u-ml-xs\">{{ headerUnreadCountLabel ? headerUnreadCountLabel : ('eui.NEW-COUNT' | translate) }}</span>\n            </div>\n\n            <div class=\"eui-notifications-v2__header-subactions-bar\">\n                <a *ngIf=\"items.length > 0\" (click)=\"onMarkAllAsRead($event)\" class=\"eui-u-text-link\" tabIndex=\"0\">\n                    {{ 'notif.MARK-ALL-READ' | translate }}\n                </a>\n                <a (click)=\"onRefresh($event)\" class=\"eui-u-text-link eui-u-ml-auto\" tabIndex=\"0\">\n                    <span class=\"eui-u-flex\">\n                        <span class=\"eui-icon eui-icon-refresh mr-1\"></span>\n                        {{ 'notif.SV-REFRESH' | translate }}\n                    </span>\n                </a>\n            </div>\n        </div>\n    </eui-overlay-header>\n\n    <eui-overlay-body>\n        <ul class=\"eui-notifications-items\" *ngIf=\"items\">\n            <eui-notification-item-v2\n                *ngFor=\"let item of items; trackBy: trackByFn\"\n                [item]=\"item\"\n                [dateFormat]=\"dateFormat\"\n                [markAsReadLabel]=\"markAsReadLabel\"\n                [isShowMarkAsRead]=\"isShowMarkAsRead\"\n                (itemClick)=\"onItemClick($event)\"\n                (itemMarkAsRead)=\"onItemMarkAsRead($event)\">\n            </eui-notification-item-v2>\n        </ul>\n    </eui-overlay-body>\n\n    <eui-overlay-footer>\n        <ng-template [ngIf]=\"items?.length > 0\">\n            <strong\n                ><a (click)=\"onViewAllClick($event)\" class=\"eui-u-text-link\">{{\n                    viewAllNotificationsLabel ? viewAllNotificationsLabel : ('eui.VIEWALLNOTIFICATIONS' | translate)\n                }}</a></strong\n            >\n        </ng-template>\n        <ng-template [ngIf]=\"items?.length === 0\">\n            <div class=\"ux-notification__item-content\" *ngIf=\"!noNotificationFoundLink\">\n                {{ noNotificationFoundLabel ? noNotificationFoundLabel : ('eui.NONOTIFICATIONFOUND' | translate) }}\n            </div>\n            <div class=\"ux-notification__item-content\" *ngIf=\"noNotificationFoundLink\">\n                <strong\n                    ><a (click)=\"onNoNotificationFoundClick()\" class=\"eui-u-text-link\">{{\n                        noNotificationFoundLabel ? noNotificationFoundLabel : ('eui.NONOTIFICATIONFOUND' | translate)\n                    }}</a></strong\n                >\n            </div>\n        </ng-template>\n    </eui-overlay-footer>\n</eui-overlay>\n", styles: [".eui-overlay-header{padding:0}.eui-overlay-footer{background-color:var(--eui-c-white)}.eui-notifications-items{margin:0;padding:0}.eui-notifications-v2__trigger .eui-icon-svg svg{transform:scale(1.1)}.eui-notifications-v2__header{border-bottom:1px solid var(--eui-c-secondary-bg-light);color:var(--eui-c-text);cursor:default;flex-direction:column;display:flex;width:100%}.eui-notifications-v2__header-title{display:flex;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m)}.eui-notifications-v2__header-title-label{font:normal normal 400 1.25rem/2rem var(--eui-base-font-family);font-weight:700}.eui-notifications-v2__header-title-subLabel{margin-top:var(--eui-base-spacing-xs);font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-notifications-v2__header-title-actions{align-items:center;display:flex;margin-left:auto}.eui-notifications-v2__header-subinfos-bar,.eui-notifications-v2__header-subactions-bar{display:flex;align-items:center;border-bottom:1px solid var(--eui-c-secondary-bg-light);padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m)}.eui-notification-item{display:flex;flex-direction:column;overflow-y:auto;margin:0}.eui-notification-item-content{background-color:var(--eui-c-info-bg);border-bottom:1px solid var(--eui-c-secondary-lightest);display:flex;flex-direction:column;min-height:var(--eui-base-spacing-4xl);padding:var(--eui-base-spacing-s) var(--eui-base-spacing-m);cursor:pointer}.eui-notification-item-content:hover{background-color:var(--eui-c-secondary-bg-light)!important}.eui-notification-item-content-top{align-items:center;display:flex;justify-content:space-between}.eui-notification-item-content-top__date{display:flex;align-items:center}.eui-notification-item-content-top__date-icon{position:relative}.eui-notification-item-content-top__date-icon--rotated{transform:rotate(20deg)}.eui-notification-item-content-top__date-icon-dot{position:absolute;top:0;right:0}.eui-notification-item-content-middle{display:flex;margin:var(--eui-base-spacing-2xs) 0}.eui-notification-item-content-middle__sub-label{margin-top:var(--eui-base-spacing-2xs)}.eui-notification-item-content-bottom{display:flex;justify-content:flex-end}\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: "component", type: i2.EuiOverlayHeaderComponent, selector: "eui-overlay-header" }, { kind: "component", type: i2.EuiOverlayBodyComponent, selector: "eui-overlay-body" }, { kind: "component", type: i2.EuiOverlayFooterComponent, selector: "eui-overlay-footer" }, { kind: "component", type: i2.EuiOverlayComponent, selector: "eui-overlay", inputs: ["isActive", "hasClosedOnClickOutside", "position", "width", "fixedWidth"], outputs: ["activeState"] }, { kind: "component", type: i3.EuiBadgeComponent, selector: "div[euiBadge], span[euiBadge], eui-badge", inputs: ["e2eAttr", "aria-label"] }, { kind: "component", type: i4.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i4.EuiIconSvgButtonComponent, selector: "eui-icon-svg-button", inputs: ["icon", "fillColor", "size", "ariaLabel", "hasFocusBorder", "hasNoPadding"], outputs: ["buttonClick"] }, { kind: "component", type: i5.EuiNotificationItemV2Component, selector: "eui-notification-item-v2", inputs: ["markAsReadLabel", "item", "dateFormat", "isShowMarkAsRead"], outputs: ["itemClick", "itemMarkAsRead"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EuiNotificationsV2Component, decorators: [{
             type: Component,
-            args: [{ selector: 'eui-notifications-v2', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<eui-icon-svg-button\n    class=\"eui-notifications-v2__trigger\"\n    icon=\"eui-notifications\"\n    size=\"s\"\n    fillColor=\"white\"\n    (click)=\"onClicked($event)\"\n    (keydown.enter)=\"onClicked($event)\"\n    (keydown.esc)=\"onHide()\"\n    hasFocusBorder>\n    <eui-badge *ngIf=\"isShowUnreadSinceLastCheckCount\" euiSizeM euiDanger>{{ unreadSinceLastCheckCount }}</eui-badge>\n</eui-icon-svg-button>\n\n<eui-overlay [isActive]=\"isOverlayActive\" class=\"eui-overlay-offset--width-30\">\n    <eui-overlay-header>\n        <div class=\"eui-notifications-v2__header\">\n            <div class=\"eui-notifications-v2__header-title\">\n                <div class=\"eui-notifications-v2__header-title-label\">\n                    {{ headerTitleLabel ? headerTitleLabel : ('eui.MYNOTIFICATIONS' | translate) }}\n                </div>\n\n                <div class=\"eui-notifications-v2__header-title-actions\">\n                    <span class=\"hide\">\n                        <a (click)=\"onHide()\" class=\"eui-u-text-link\" role=\"button\" tabIndex=\"0\">\n                            {{ headerHideLabel ? headerHideLabel : ('eui.HIDE' | translate) }}\n                        </a>\n                        <eui-icon-svg set=\"eui\" icon=\"eui-chevron-forward\" size=\"2xs\"></eui-icon-svg>\n                    </span>\n                </div>\n            </div>\n\n            <div class=\"eui-notifications-v2__header-subinfos-bar\">\n                <strong>{{ unreadSinceLastCheckCount }}</strong>\n                <span class=\"eui-u-ml-xs\">{{\n                    headerUnreadSinceLastCheckCountLabel ? headerUnreadSinceLastCheckCountLabel : ('eui.NEW-COUNT' | translate)\n                }}</span>\n\n                <span class=\"eui-u-ml-xs\">|</span>\n\n                <span class=\"eui-u-ml-xs\">{{ unreadCount }}</span>\n                <span class=\"eui-u-ml-xs\">{{ headerUnreadCountLabel ? headerUnreadCountLabel : ('eui.NEW-COUNT' | translate) }}</span>\n            </div>\n\n            <div class=\"eui-notifications-v2__header-subactions-bar\">\n                <a *ngIf=\"items.length > 0\" (click)=\"onMarkAllAsRead($event)\" class=\"eui-u-text-link\" tabIndex=\"0\">\n                    {{ 'notif.MARK-ALL-READ' | translate }}\n                </a>\n                <a (click)=\"onRefresh($event)\" class=\"eui-u-text-link eui-u-ml-auto\" tabIndex=\"0\">\n                    <span class=\"eui-u-flex\">\n                        <span class=\"eui-icon eui-icon-refresh mr-1\"></span>\n                        {{ 'notif.SV-REFRESH' | translate }}\n                    </span>\n                </a>\n            </div>\n        </div>\n    </eui-overlay-header>\n\n    <eui-overlay-body>\n        <ul class=\"eui-notifications-items\" *ngIf=\"items\">\n            <eui-notification-item-v2\n                *ngFor=\"let item of items; trackBy: trackByFn\"\n                [item]=\"item\"\n                [dateFormat]=\"dateFormat\"\n                [markAsReadLabel]=\"markAsReadLabel\"\n                [isShowMarkAsRead]=\"isShowMarkAsRead\"\n                (itemClick)=\"onItemClick($event)\"\n                (itemMarkAsRead)=\"onItemMarkAsRead($event)\">\n            </eui-notification-item-v2>\n        </ul>\n    </eui-overlay-body>\n\n    <eui-overlay-footer>\n        <ng-template [ngIf]=\"items?.length > 0\">\n            <strong\n                ><a (click)=\"onViewAllClick($event)\" class=\"eui-u-text-link\">{{\n                    viewAllNotificationsLabel ? viewAllNotificationsLabel : ('eui.VIEWALLNOTIFICATIONS' | translate)\n                }}</a></strong\n            >\n        </ng-template>\n        <ng-template [ngIf]=\"items?.length === 0\">\n            <div class=\"ux-notification__item-content\" *ngIf=\"!noNotificationFoundLink\">\n                {{ noNotificationFoundLabel ? noNotificationFoundLabel : ('eui.NONOTIFICATIONFOUND' | translate) }}\n            </div>\n            <div class=\"ux-notification__item-content\" *ngIf=\"noNotificationFoundLink\">\n                <strong\n                    ><a (click)=\"onNoNotificationFoundClick()\" class=\"eui-u-text-link\">{{\n                        noNotificationFoundLabel ? noNotificationFoundLabel : ('eui.NONOTIFICATIONFOUND' | translate)\n                    }}</a></strong\n                >\n            </div>\n        </ng-template>\n    </eui-overlay-footer>\n</eui-overlay>\n", styles: [".eui-overlay-header{padding:0}.eui-overlay-footer{background-color:var(--eui-ctx-c-white)}.eui-notifications-items{margin:0;padding:0}.eui-notifications-v2__trigger .eui-icon-svg svg{transform:scale(1.1)}.eui-notifications-v2__header{border-bottom:1px solid var(--eui-ctx-c-s-bg-light);color:var(--eui-ctx-c-text);cursor:default;flex-direction:column;display:flex;width:100%}.eui-notifications-v2__header-title{display:flex;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m)}.eui-notifications-v2__header-title-label{font:normal normal 400 1.25rem/2rem var(--eui-base-font-family);font-weight:700}.eui-notifications-v2__header-title-subLabel{margin-top:var(--eui-base-spacing-xs);font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-notifications-v2__header-title-actions{align-items:center;display:flex;margin-left:auto}.eui-notifications-v2__header-subinfos-bar,.eui-notifications-v2__header-subactions-bar{display:flex;align-items:center;border-bottom:1px solid var(--eui-ctx-c-s-bg-light);padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m)}.eui-notification-item{display:flex;flex-direction:column;overflow-y:auto;margin:0}.eui-notification-item-content{background-color:var(--eui-ctx-c-in-bg);border-bottom:1px solid var(--eui-ctx-c-s-lightest);display:flex;flex-direction:column;min-height:var(--eui-base-spacing-4xl);padding:var(--eui-base-spacing-s) var(--eui-base-spacing-m);cursor:pointer}.eui-notification-item-content:hover{background-color:var(--eui-ctx-c-s-bg-light)!important}.eui-notification-item-content-top{align-items:center;display:flex;justify-content:space-between}.eui-notification-item-content-top__date{display:flex;align-items:center}.eui-notification-item-content-top__date-icon{position:relative}.eui-notification-item-content-top__date-icon--rotated{transform:rotate(20deg)}.eui-notification-item-content-top__date-icon-dot{position:absolute;top:0;right:0}.eui-notification-item-content-middle{display:flex;margin:var(--eui-base-spacing-2xs) 0}.eui-notification-item-content-middle__sub-label{margin-top:var(--eui-base-spacing-2xs)}.eui-notification-item-content-bottom{display:flex;justify-content:flex-end}\n"] }]
+            args: [{ selector: 'eui-notifications-v2', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<eui-icon-svg-button\n    class=\"eui-notifications-v2__trigger\"\n    icon=\"eui-notifications\"\n    size=\"s\"\n    fillColor=\"white\"\n    (click)=\"onClicked($event)\"\n    (keydown.enter)=\"onClicked($event)\"\n    (keydown.esc)=\"onHide()\"\n    hasFocusBorder>\n    <eui-badge *ngIf=\"isShowUnreadSinceLastCheckCount\" euiSizeM euiDanger>{{ unreadSinceLastCheckCount }}</eui-badge>\n</eui-icon-svg-button>\n\n<eui-overlay [isActive]=\"isOverlayActive\" class=\"eui-overlay-offset--width-30\">\n    <eui-overlay-header>\n        <div class=\"eui-notifications-v2__header\">\n            <div class=\"eui-notifications-v2__header-title\">\n                <div class=\"eui-notifications-v2__header-title-label\">\n                    {{ headerTitleLabel ? headerTitleLabel : ('eui.MYNOTIFICATIONS' | translate) }}\n                </div>\n\n                <div class=\"eui-notifications-v2__header-title-actions\">\n                    <span class=\"hide\">\n                        <a (click)=\"onHide()\" class=\"eui-u-text-link\" role=\"button\" tabIndex=\"0\">\n                            {{ headerHideLabel ? headerHideLabel : ('eui.HIDE' | translate) }}\n                        </a>\n                        <eui-icon-svg set=\"eui\" icon=\"eui-chevron-forward\" size=\"2xs\"></eui-icon-svg>\n                    </span>\n                </div>\n            </div>\n\n            <div class=\"eui-notifications-v2__header-subinfos-bar\">\n                <strong>{{ unreadSinceLastCheckCount }}</strong>\n                <span class=\"eui-u-ml-xs\">{{\n                    headerUnreadSinceLastCheckCountLabel ? headerUnreadSinceLastCheckCountLabel : ('eui.NEW-COUNT' | translate)\n                }}</span>\n\n                <span class=\"eui-u-ml-xs\">|</span>\n\n                <span class=\"eui-u-ml-xs\">{{ unreadCount }}</span>\n                <span class=\"eui-u-ml-xs\">{{ headerUnreadCountLabel ? headerUnreadCountLabel : ('eui.NEW-COUNT' | translate) }}</span>\n            </div>\n\n            <div class=\"eui-notifications-v2__header-subactions-bar\">\n                <a *ngIf=\"items.length > 0\" (click)=\"onMarkAllAsRead($event)\" class=\"eui-u-text-link\" tabIndex=\"0\">\n                    {{ 'notif.MARK-ALL-READ' | translate }}\n                </a>\n                <a (click)=\"onRefresh($event)\" class=\"eui-u-text-link eui-u-ml-auto\" tabIndex=\"0\">\n                    <span class=\"eui-u-flex\">\n                        <span class=\"eui-icon eui-icon-refresh mr-1\"></span>\n                        {{ 'notif.SV-REFRESH' | translate }}\n                    </span>\n                </a>\n            </div>\n        </div>\n    </eui-overlay-header>\n\n    <eui-overlay-body>\n        <ul class=\"eui-notifications-items\" *ngIf=\"items\">\n            <eui-notification-item-v2\n                *ngFor=\"let item of items; trackBy: trackByFn\"\n                [item]=\"item\"\n                [dateFormat]=\"dateFormat\"\n                [markAsReadLabel]=\"markAsReadLabel\"\n                [isShowMarkAsRead]=\"isShowMarkAsRead\"\n                (itemClick)=\"onItemClick($event)\"\n                (itemMarkAsRead)=\"onItemMarkAsRead($event)\">\n            </eui-notification-item-v2>\n        </ul>\n    </eui-overlay-body>\n\n    <eui-overlay-footer>\n        <ng-template [ngIf]=\"items?.length > 0\">\n            <strong\n                ><a (click)=\"onViewAllClick($event)\" class=\"eui-u-text-link\">{{\n                    viewAllNotificationsLabel ? viewAllNotificationsLabel : ('eui.VIEWALLNOTIFICATIONS' | translate)\n                }}</a></strong\n            >\n        </ng-template>\n        <ng-template [ngIf]=\"items?.length === 0\">\n            <div class=\"ux-notification__item-content\" *ngIf=\"!noNotificationFoundLink\">\n                {{ noNotificationFoundLabel ? noNotificationFoundLabel : ('eui.NONOTIFICATIONFOUND' | translate) }}\n            </div>\n            <div class=\"ux-notification__item-content\" *ngIf=\"noNotificationFoundLink\">\n                <strong\n                    ><a (click)=\"onNoNotificationFoundClick()\" class=\"eui-u-text-link\">{{\n                        noNotificationFoundLabel ? noNotificationFoundLabel : ('eui.NONOTIFICATIONFOUND' | translate)\n                    }}</a></strong\n                >\n            </div>\n        </ng-template>\n    </eui-overlay-footer>\n</eui-overlay>\n", styles: [".eui-overlay-header{padding:0}.eui-overlay-footer{background-color:var(--eui-c-white)}.eui-notifications-items{margin:0;padding:0}.eui-notifications-v2__trigger .eui-icon-svg svg{transform:scale(1.1)}.eui-notifications-v2__header{border-bottom:1px solid var(--eui-c-secondary-bg-light);color:var(--eui-c-text);cursor:default;flex-direction:column;display:flex;width:100%}.eui-notifications-v2__header-title{display:flex;padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m)}.eui-notifications-v2__header-title-label{font:normal normal 400 1.25rem/2rem var(--eui-base-font-family);font-weight:700}.eui-notifications-v2__header-title-subLabel{margin-top:var(--eui-base-spacing-xs);font:normal normal 400 .875rem/1.5rem var(--eui-base-font-family)}.eui-notifications-v2__header-title-actions{align-items:center;display:flex;margin-left:auto}.eui-notifications-v2__header-subinfos-bar,.eui-notifications-v2__header-subactions-bar{display:flex;align-items:center;border-bottom:1px solid var(--eui-c-secondary-bg-light);padding:var(--eui-base-spacing-xs) var(--eui-base-spacing-m)}.eui-notification-item{display:flex;flex-direction:column;overflow-y:auto;margin:0}.eui-notification-item-content{background-color:var(--eui-c-info-bg);border-bottom:1px solid var(--eui-c-secondary-lightest);display:flex;flex-direction:column;min-height:var(--eui-base-spacing-4xl);padding:var(--eui-base-spacing-s) var(--eui-base-spacing-m);cursor:pointer}.eui-notification-item-content:hover{background-color:var(--eui-c-secondary-bg-light)!important}.eui-notification-item-content-top{align-items:center;display:flex;justify-content:space-between}.eui-notification-item-content-top__date{display:flex;align-items:center}.eui-notification-item-content-top__date-icon{position:relative}.eui-notification-item-content-top__date-icon--rotated{transform:rotate(20deg)}.eui-notification-item-content-top__date-icon-dot{position:absolute;top:0;right:0}.eui-notification-item-content-middle{display:flex;margin:var(--eui-base-spacing-2xs) 0}.eui-notification-item-content-middle__sub-label{margin-top:var(--eui-base-spacing-2xs)}.eui-notification-item-content-bottom{display:flex;justify-content:flex-end}\n"] }]
         }], propDecorators: { refreshClick: [{
                 type: Output
             }], notificationsClick: [{

package/esm2022/layout/eui-search/search.component.mjs CHANGED Viewed

@@ -70,11 +70,11 @@ export class EuiSearchComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EuiSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", type: EuiSearchComponent, selector: "eui-search", inputs: { placeholderLabel: "placeholderLabel", panelWidth: "panelWidth", searchResults: "searchResults", isAutocomplete: ["isAutocomplete", "isAutocomplete", booleanAttribute], isInputText: ["isInputText", "isInputText", booleanAttribute], hasSearchButton: ["hasSearchButton", "hasSearchButton", booleanAttribute], hasExpandAnimation: ["hasExpandAnimation", "hasExpandAnimation", booleanAttribute] }, outputs: { search: "search", inputFocus: "inputFocus", inputBlur: "inputBlur" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "templates", predicate: EuiTemplateDirective }], ngImport: i0, template: "<div euiInputGroup class=\"eui-u-mb-none\">\n    <div class=\"eui-input-group-addon\">\n        <eui-autocomplete *ngIf=\"isAutocomplete\" [autocompleteData]=\"searchResults\"\n            placeholder=\"{{placeholderLabel}}\"\n            panelWidth=\"{{panelWidth}}\"\n            (inputBlur)=\"onInputBlur($event)\"\n            (inputFocus)=\"onInputFocus($event)\"\n            (inputChange)=\"onSearch($event)\">\n            <ng-container *ngIf=\"templates.length !== 0\">\n                <ng-template let-option euiTemplate=\"dropdownOption\">\n                    <ng-container\n                        [ngTemplateOutlet]=\"resultItemTemplate\"\n                        [ngTemplateOutletContext]=\"{ $implicit: option }\">\n                    </ng-container>\n                </ng-template>\n            </ng-container>\n        </eui-autocomplete>\n\n        <input *ngIf=\"isInputText\"\n            class=\"mywp-search-bar__input\" euiInputText [(ngModel)]=\"searchInput\"\n            placeholder=\"{{ placeholderLabel }}\"\n            (focus)=\"onInputFocus($event)\" (blur)=\"onInputBlur($event)\" (keydown)=\"onSearchInput($event)\"/>\n\n        <button *ngIf=\"hasSearchButton\"\n            class=\"eui-search__input-button\"\n            euiButton\n            euiBasicButton\n            euiSizeS\n            [euiSecondary]=\"isInputFocus\"\n            euiIconButton\n            (click)=\"onSearchClick()\"\n            aria-label=\"search button\">\n            <eui-icon-svg icon=\"eui-search\"></eui-icon-svg>\n        </button>\n\n        <div *ngIf=\"!hasSearchButton\" class=\"eui-search__icon\">\n            <eui-icon-svg icon=\"eui-search\"></eui-icon-svg>\n        </div>\n    </div>\n</div>\n", styles: [".eui-search{display:flex;top:0}.eui-search .eui-button .eui-button__container{justify-content:center}.eui-search .eui-input-text{background-color:var(--eui-ctx-c-b-dark);border-color:var(--eui-ctx-c-b-light);border-radius:var(--eui-base-spacing-m)!important;text-overflow:ellipsis;transition:width .25s ease-in-out;color:var(--eui-ctx-c-b-dark-contrast);width:200px}.eui-search .eui-input-text--clearable-icon{display:none}.eui-search--focus .eui-input-text{background-color:var(--eui-ctx-c-white);border-color:var(--eui-ctx-c-s-light);color:var(--eui-ctx-c-black);width:300px}.eui-search--focus .eui-search__input-button{color:var(--eui-ctx-c-black)!important}.eui-search--focus .eui-search__icon{display:none}.eui-search__input-button{position:absolute;right:6px;top:6px;color:var(--eui-ctx-c-s-lightest)!important}.eui-search__input-button .eui-icon-svg{z-index:1}.eui-search__input-button:focus .eui-icon-svg svg{color:var(--eui-ctx-c-black)!important;fill:var(--eui-ctx-c-black)!important}.eui-search__icon{position:absolute;right:8px;top:10px}.eui-search__icon svg{color:var(--eui-ctx-c-s-lightest)!important;fill:var(--eui-ctx-c-s-lightest)!important}.eui-search--no-animation .eui-input-text{transition:none}.eui-search--focus.eui-search--no-animation .eui-input-text{width:200px}@media screen and (max-width: 767px){.eui-search{display:none}}\n"], dependencies: [{ 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.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i3.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "isLoading", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i4.EuiAutocompleteComponent, selector: "eui-autocomplete, input[euiAutocomplete]", inputs: ["autocompleteData", "visibleOptions", "matching", "placeholder", "autocompleteDataSelected", "chipsSortOrder", "itemsSortOrder", "chipsPosition", "groupBy", "toggleLinkMoreLabel", "toggleLinkLessLabel", "classList", "panelWidth", "dragAndDropSourceName", "dragAndDropConnectedTo", "isFreeValueAllowed", "isReadonly", "isLoading", "hasChips", "isAsync", "isChipsSorted", "isItemsSorted", "isChipsRemovable", "isDuplicateValueAllowed", "isAddOnBlur", "isForceSelection", "maxVisibleChipsCount", "chipsLabelTruncateCount", "isMaxVisibleChipsOpened", "isChipsDragAndDrop"], outputs: ["panelClose", "panelOpen", "inputFocus", "inputBlur", "clear", "selectionChange", "itemAdd", "itemRemove", "inputChange", "chipDragStart", "chipDragRelease", "chipDrop"] }, { kind: "directive", type: i5.EuiTemplateDirective, selector: "[euiTemplate]", inputs: ["type", "euiTemplate"] }, { kind: "component", type: i6.EuiInputTextComponent, selector: "input[euiInputText]", inputs: ["isInvalid"] }, { kind: "component", type: i7.EuiInputGroupComponent, selector: "div[euiInputGroup]", inputs: ["e2eAttr", "styleClass"] }, { kind: "directive", type: i8.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i8.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", type: EuiSearchComponent, selector: "eui-search", inputs: { placeholderLabel: "placeholderLabel", panelWidth: "panelWidth", searchResults: "searchResults", isAutocomplete: ["isAutocomplete", "isAutocomplete", booleanAttribute], isInputText: ["isInputText", "isInputText", booleanAttribute], hasSearchButton: ["hasSearchButton", "hasSearchButton", booleanAttribute], hasExpandAnimation: ["hasExpandAnimation", "hasExpandAnimation", booleanAttribute] }, outputs: { search: "search", inputFocus: "inputFocus", inputBlur: "inputBlur" }, host: { properties: { "class": "this.cssClasses" } }, queries: [{ propertyName: "templates", predicate: EuiTemplateDirective }], ngImport: i0, template: "<div euiInputGroup class=\"eui-u-mb-none\">\n    <div class=\"eui-input-group-addon\">\n        <eui-autocomplete *ngIf=\"isAutocomplete\" [autocompleteData]=\"searchResults\"\n            placeholder=\"{{placeholderLabel}}\"\n            panelWidth=\"{{panelWidth}}\"\n            (inputBlur)=\"onInputBlur($event)\"\n            (inputFocus)=\"onInputFocus($event)\"\n            (inputChange)=\"onSearch($event)\">\n            <ng-container *ngIf=\"templates.length !== 0\">\n                <ng-template let-option euiTemplate=\"dropdownOption\">\n                    <ng-container\n                        [ngTemplateOutlet]=\"resultItemTemplate\"\n                        [ngTemplateOutletContext]=\"{ $implicit: option }\">\n                    </ng-container>\n                </ng-template>\n            </ng-container>\n        </eui-autocomplete>\n\n        <input *ngIf=\"isInputText\"\n            class=\"mywp-search-bar__input\" euiInputText [(ngModel)]=\"searchInput\"\n            placeholder=\"{{ placeholderLabel }}\"\n            (focus)=\"onInputFocus($event)\" (blur)=\"onInputBlur($event)\" (keydown)=\"onSearchInput($event)\"/>\n\n        <button *ngIf=\"hasSearchButton\"\n            class=\"eui-search__input-button\"\n            euiButton\n            euiBasicButton\n            euiSizeS\n            [euiSecondary]=\"isInputFocus\"\n            euiIconButton\n            (click)=\"onSearchClick()\"\n            aria-label=\"search button\">\n            <eui-icon-svg icon=\"eui-search\"></eui-icon-svg>\n        </button>\n\n        <div *ngIf=\"!hasSearchButton\" class=\"eui-search__icon\">\n            <eui-icon-svg icon=\"eui-search\"></eui-icon-svg>\n        </div>\n    </div>\n</div>\n", styles: [".eui-search{display:flex;top:0}.eui-search .eui-button .eui-button__container{justify-content:center}.eui-search .eui-input-text{background-color:var(--eui-c-branding-dark);border-color:var(--eui-c-branding-light);border-radius:var(--eui-base-spacing-m)!important;text-overflow:ellipsis;transition:width .25s ease-in-out;color:var(--eui-c-branding-dark-contrast);width:200px}.eui-search .eui-input-text--clearable-icon{display:none}.eui-search--focus .eui-input-text{background-color:var(--eui-c-white);border-color:var(--eui-c-secondary-light);color:var(--eui-c-black);width:300px}.eui-search--focus .eui-search__input-button{color:var(--eui-c-black)!important}.eui-search--focus .eui-search__icon{display:none}.eui-search__input-button{position:absolute;right:6px;top:6px;color:var(--eui-c-secondary-lightest)!important}.eui-search__input-button .eui-icon-svg{z-index:1}.eui-search__input-button:focus .eui-icon-svg svg{color:var(--eui-c-black)!important;fill:var(--eui-c-black)!important}.eui-search__icon{position:absolute;right:8px;top:10px}.eui-search__icon svg{color:var(--eui-c-secondary-lightest)!important;fill:var(--eui-c-secondary-lightest)!important}.eui-search--no-animation .eui-input-text{transition:none}.eui-search--focus.eui-search--no-animation .eui-input-text{width:200px}@media screen and (max-width: 767px){.eui-search{display:none}}\n"], dependencies: [{ 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.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "component", type: i3.EuiButtonComponent, selector: "button[euiButton], a[euiButton]", inputs: ["e2eAttr", "id", "euiBasicButton", "euiButtonCall", "euiBlockButton", "euiIconButton", "euiLineWrap", "isChecked", "euiDisabled"], outputs: ["buttonClick"] }, { kind: "component", type: i4.EuiAutocompleteComponent, selector: "eui-autocomplete, input[euiAutocomplete]", inputs: ["autocompleteData", "visibleOptions", "matching", "placeholder", "autocompleteDataSelected", "chipsSortOrder", "itemsSortOrder", "chipsPosition", "groupBy", "toggleLinkMoreLabel", "toggleLinkLessLabel", "classList", "panelWidth", "dragAndDropSourceName", "dragAndDropConnectedTo", "isFreeValueAllowed", "isReadonly", "isLoading", "hasChips", "isAsync", "isChipsSorted", "isItemsSorted", "isChipsRemovable", "isDuplicateValueAllowed", "isAddOnBlur", "isForceSelection", "maxVisibleChipsCount", "chipsLabelTruncateCount", "isMaxVisibleChipsOpened", "isChipsDragAndDrop"], outputs: ["panelClose", "panelOpen", "inputFocus", "inputBlur", "clear", "selectionChange", "itemAdd", "itemRemove", "inputChange", "chipDragStart", "chipDragRelease", "chipDrop"] }, { kind: "directive", type: i5.EuiTemplateDirective, selector: "[euiTemplate]", inputs: ["type", "euiTemplate"] }, { kind: "component", type: i6.EuiInputTextComponent, selector: "input[euiInputText]", inputs: ["isInvalid"] }, { kind: "component", type: i7.EuiInputGroupComponent, selector: "div[euiInputGroup]", inputs: ["e2eAttr", "styleClass"] }, { kind: "directive", type: i8.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i8.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EuiSearchComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'eui-search', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<div euiInputGroup class=\"eui-u-mb-none\">\n    <div class=\"eui-input-group-addon\">\n        <eui-autocomplete *ngIf=\"isAutocomplete\" [autocompleteData]=\"searchResults\"\n            placeholder=\"{{placeholderLabel}}\"\n            panelWidth=\"{{panelWidth}}\"\n            (inputBlur)=\"onInputBlur($event)\"\n            (inputFocus)=\"onInputFocus($event)\"\n            (inputChange)=\"onSearch($event)\">\n            <ng-container *ngIf=\"templates.length !== 0\">\n                <ng-template let-option euiTemplate=\"dropdownOption\">\n                    <ng-container\n                        [ngTemplateOutlet]=\"resultItemTemplate\"\n                        [ngTemplateOutletContext]=\"{ $implicit: option }\">\n                    </ng-container>\n                </ng-template>\n            </ng-container>\n        </eui-autocomplete>\n\n        <input *ngIf=\"isInputText\"\n            class=\"mywp-search-bar__input\" euiInputText [(ngModel)]=\"searchInput\"\n            placeholder=\"{{ placeholderLabel }}\"\n            (focus)=\"onInputFocus($event)\" (blur)=\"onInputBlur($event)\" (keydown)=\"onSearchInput($event)\"/>\n\n        <button *ngIf=\"hasSearchButton\"\n            class=\"eui-search__input-button\"\n            euiButton\n            euiBasicButton\n            euiSizeS\n            [euiSecondary]=\"isInputFocus\"\n            euiIconButton\n            (click)=\"onSearchClick()\"\n            aria-label=\"search button\">\n            <eui-icon-svg icon=\"eui-search\"></eui-icon-svg>\n        </button>\n\n        <div *ngIf=\"!hasSearchButton\" class=\"eui-search__icon\">\n            <eui-icon-svg icon=\"eui-search\"></eui-icon-svg>\n        </div>\n    </div>\n</div>\n", styles: [".eui-search{display:flex;top:0}.eui-search .eui-button .eui-button__container{justify-content:center}.eui-search .eui-input-text{background-color:var(--eui-ctx-c-b-dark);border-color:var(--eui-ctx-c-b-light);border-radius:var(--eui-base-spacing-m)!important;text-overflow:ellipsis;transition:width .25s ease-in-out;color:var(--eui-ctx-c-b-dark-contrast);width:200px}.eui-search .eui-input-text--clearable-icon{display:none}.eui-search--focus .eui-input-text{background-color:var(--eui-ctx-c-white);border-color:var(--eui-ctx-c-s-light);color:var(--eui-ctx-c-black);width:300px}.eui-search--focus .eui-search__input-button{color:var(--eui-ctx-c-black)!important}.eui-search--focus .eui-search__icon{display:none}.eui-search__input-button{position:absolute;right:6px;top:6px;color:var(--eui-ctx-c-s-lightest)!important}.eui-search__input-button .eui-icon-svg{z-index:1}.eui-search__input-button:focus .eui-icon-svg svg{color:var(--eui-ctx-c-black)!important;fill:var(--eui-ctx-c-black)!important}.eui-search__icon{position:absolute;right:8px;top:10px}.eui-search__icon svg{color:var(--eui-ctx-c-s-lightest)!important;fill:var(--eui-ctx-c-s-lightest)!important}.eui-search--no-animation .eui-input-text{transition:none}.eui-search--focus.eui-search--no-animation .eui-input-text{width:200px}@media screen and (max-width: 767px){.eui-search{display:none}}\n"] }]
+            args: [{ selector: 'eui-search', changeDetection: ChangeDetectionStrategy.Default, encapsulation: ViewEncapsulation.None, template: "<div euiInputGroup class=\"eui-u-mb-none\">\n    <div class=\"eui-input-group-addon\">\n        <eui-autocomplete *ngIf=\"isAutocomplete\" [autocompleteData]=\"searchResults\"\n            placeholder=\"{{placeholderLabel}}\"\n            panelWidth=\"{{panelWidth}}\"\n            (inputBlur)=\"onInputBlur($event)\"\n            (inputFocus)=\"onInputFocus($event)\"\n            (inputChange)=\"onSearch($event)\">\n            <ng-container *ngIf=\"templates.length !== 0\">\n                <ng-template let-option euiTemplate=\"dropdownOption\">\n                    <ng-container\n                        [ngTemplateOutlet]=\"resultItemTemplate\"\n                        [ngTemplateOutletContext]=\"{ $implicit: option }\">\n                    </ng-container>\n                </ng-template>\n            </ng-container>\n        </eui-autocomplete>\n\n        <input *ngIf=\"isInputText\"\n            class=\"mywp-search-bar__input\" euiInputText [(ngModel)]=\"searchInput\"\n            placeholder=\"{{ placeholderLabel }}\"\n            (focus)=\"onInputFocus($event)\" (blur)=\"onInputBlur($event)\" (keydown)=\"onSearchInput($event)\"/>\n\n        <button *ngIf=\"hasSearchButton\"\n            class=\"eui-search__input-button\"\n            euiButton\n            euiBasicButton\n            euiSizeS\n            [euiSecondary]=\"isInputFocus\"\n            euiIconButton\n            (click)=\"onSearchClick()\"\n            aria-label=\"search button\">\n            <eui-icon-svg icon=\"eui-search\"></eui-icon-svg>\n        </button>\n\n        <div *ngIf=\"!hasSearchButton\" class=\"eui-search__icon\">\n            <eui-icon-svg icon=\"eui-search\"></eui-icon-svg>\n        </div>\n    </div>\n</div>\n", styles: [".eui-search{display:flex;top:0}.eui-search .eui-button .eui-button__container{justify-content:center}.eui-search .eui-input-text{background-color:var(--eui-c-branding-dark);border-color:var(--eui-c-branding-light);border-radius:var(--eui-base-spacing-m)!important;text-overflow:ellipsis;transition:width .25s ease-in-out;color:var(--eui-c-branding-dark-contrast);width:200px}.eui-search .eui-input-text--clearable-icon{display:none}.eui-search--focus .eui-input-text{background-color:var(--eui-c-white);border-color:var(--eui-c-secondary-light);color:var(--eui-c-black);width:300px}.eui-search--focus .eui-search__input-button{color:var(--eui-c-black)!important}.eui-search--focus .eui-search__icon{display:none}.eui-search__input-button{position:absolute;right:6px;top:6px;color:var(--eui-c-secondary-lightest)!important}.eui-search__input-button .eui-icon-svg{z-index:1}.eui-search__input-button:focus .eui-icon-svg svg{color:var(--eui-c-black)!important;fill:var(--eui-c-black)!important}.eui-search__icon{position:absolute;right:8px;top:10px}.eui-search__icon svg{color:var(--eui-c-secondary-lightest)!important;fill:var(--eui-c-secondary-lightest)!important}.eui-search--no-animation .eui-input-text{transition:none}.eui-search--focus.eui-search--no-animation .eui-input-text{width:200px}@media screen and (max-width: 767px){.eui-search{display:none}}\n"] }]
         }], propDecorators: { cssClasses: [{
                 type: HostBinding,
                 args: ['class']

package/esm2022/layout/eui-toolbar/toolbar-menu/toolbar-menu.component.mjs CHANGED Viewed

@@ -140,7 +140,7 @@ export class EuiToolbarMenuComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EuiToolbarMenuComponent, deps: [{ token: i1.EuiAppShellService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", type: EuiToolbarMenuComponent, selector: "eui-toolbar-menu", inputs: { items: "items", hasLowercaseItems: ["hasLowercaseItems", "hasLowercaseItems", booleanAttribute] }, outputs: { menuItemClick: "menuItemClick" }, host: { properties: { "class": "this.cssClasses" } }, usesOnChanges: true, ngImport: i0, template: "<nav id=\"top-menu\" class=\"eui-toolbar-menu-content\" *ngIf=\"items && items.length !== 0\">\n    <ul>\n        <ng-container *ngFor=\"let link of items\">\n            <li *ngIf=\"link.visible === undefined || link.visible === true\" [class.has-sub]=\"link.children\" [class.selected]=\"link.active\" routerLinkActive=\"selected\">\n                <a\n                    *ngIf=\"!link.url\"\n                    [class.disabled]=\"link.disabled\"\n                    [tabindex]=\"!link.disabled ? 0 : -1\"\n                    (click)=\"onLinkClick(link)\"\n                    (keydown)=\"onKeyDown($event, link)\"\n                    title=\"{{ link.label | translate }}\"\n                    [class.icon-home-link]=\"link.isHome\">\n                    <div class=\"eui-u-flex\">\n                        <eui-icon-svg\n                            *ngIf=\"link.iconSvgName\"\n                            [icon]=\"link.iconSvgName\"\n                            [fillColor]=\"link.active ? 'grey-100' : 'white'\"\n                            class=\"eui-u-mr-xs\">\n                        </eui-icon-svg>\n                        <span *ngIf=\"link.iconClass && !link.iconSvgName\" class=\"{{ link.iconClass }} eui-icon\"></span>\n                        <span class=\"eui-toolbar-menu-label\">{{ link.label | translate }}</span>\n                        <eui-icon-svg *ngIf=\"link.children\" icon=\"eui-chevron-down\" [fillColor]=\"link.active ? 'grey-100' : 'white'\" size=\"s\">\n                        </eui-icon-svg>\n                    </div>\n                </a>\n                <a\n                    *ngIf=\"link.url\"\n                    [routerLink]=\"link.url\"\n                    [class.disabled]=\"link.disabled\"\n                    (click)=\"onLinkClick(link)\"\n                    (keydown)=\"onKeyDown($event, link)\"\n                    title=\"{{ link.label | translate }}\"\n                    [class.icon-home-link]=\"link.isHome\">\n                    <div class=\"eui-u-flex\">\n                        <eui-icon-svg\n                            *ngIf=\"link.iconSvgName\"\n                            [icon]=\"link.iconSvgName\"\n                            [fillColor]=\"link.active ? 'grey-100' : 'white'\"\n                            size=\"s\"\n                            class=\"eui-u-mr-xs\">\n                        </eui-icon-svg>\n                        <span *ngIf=\"link.iconClass && !link.iconSvgName\" class=\"{{ link.iconClass }} eui-icon\"></span>\n                        <span class=\"eui-toolbar-menu-label\">{{ link.label | translate }}</span>\n                        <eui-icon-svg\n                            *ngIf=\"link.children\"\n                            icon=\"eui-chevron-down\"\n                            [fillColor]=\"link.active ? 'grey-100' : 'white'\"\n                            size=\"s\"\n                            class=\"eui-u-ml-xs\">\n                        </eui-icon-svg>\n                    </div>\n                </a>\n    \n                <ul class=\"show\" [class.showOnEnter]=\"isdropdownOpen\" *ngIf=\"link.children\">\n                    <ng-container *ngFor=\"let childLink of link.children\">\n                        <li\n                            *ngIf=\"childLink.visible === undefined || childLink.visible === true\"\n                            class=\"child\"\n                            [class.has-sub]=\"childLink?.children\"\n                            [class.separator]=\"childLink.isSeparator\">\n                            <a\n                                *ngIf=\"!childLink.url\"\n                                [tabindex]=\"isdropdownOpen && !childLink.disabled ? 0 : -1\"\n                                [class.disabled]=\"childLink.disabled\"\n                                (click)=\"onLinkClick(childLink)\"\n                                (keydown)=\"onKeyDown($event, childLink)\">\n                                <span *ngIf=\"childLink.iconClass\" class=\"eui-toolbar-menu-item__icon eui-icon {{ childLink.iconClass }}\"></span>\n                                <eui-icon-svg\n                                    *ngIf=\"childLink.iconSvgName\"\n                                    class=\"eui-toolbar-menu-item__icon\"\n                                    icon=\"{{ childLink.iconSvgName }}\"></eui-icon-svg>\n                                <span class=\"eui-toolbar-menu-item__label\">{{ childLink.label | translate }}</span>\n                            </a>\n                            <a\n                                *ngIf=\"childLink.url\"\n                                [tabindex]=\"isdropdownOpen && !childLink.disabled ? 0 : -1\"\n                                [class.disabled]=\"childLink.disabled\"\n                                [routerLink]=\"childLink.url\"\n                                (click)=\"onLinkClick(childLink)\"\n                                (keydown)=\"onKeyDown($event, childLink)\">\n                                <span *ngIf=\"childLink.iconClass\" class=\"eui-toolbar-menu-item__icon eui-icon {{ childLink.iconClass }}\"></span>\n                                <eui-icon-svg\n                                    *ngIf=\"childLink.iconSvgName\"\n                                    class=\"eui-toolbar-menu-item__icon\"\n                                    icon=\"{{ childLink.iconSvgName }}\"></eui-icon-svg>\n                                <span class=\"eui-toolbar-menu-item__label\">{{ childLink.label | translate }}</span>\n                            </a>\n        \n                            <ul class=\"show\" [class.showOnEnter]=\"isdropdownOpen\" *ngIf=\"childLink.children\">\n                                <ng-container *ngFor=\"let childSubLink of childLink.children\">\n                                    <li *ngIf=\"childSubLink.visible === undefined || childSubLink.visible === true\" class=\"child\" [class.separator]=\"childSubLink.isSeparator\">\n                                        <a\n                                            *ngIf=\"childSubLink.url\"\n                                            [tabindex]=\"isdropdownOpen && !childSubLink.disabled ? 0 : -1\"\n                                            [class.disabled]=\"childSubLink.disabled\"\n                                            [routerLink]=\"childSubLink.url\"\n                                            (click)=\"onLinkClick(childSubLink)\"\n                                            (keydown)=\"onKeyDown($event, childSubLink)\">\n                                            <span\n                                                *ngIf=\"childSubLink.iconClass\"\n                                                class=\"eui-toolbar-menu-item__icon eui-icon {{ childSubLink.iconClass }}\"></span>\n                                            <eui-icon-svg\n                                                *ngIf=\"childSubLink.iconSvgName\"\n                                                class=\"eui-toolbar-menu-item__icon\"\n                                                icon=\"{{ childSubLink.iconSvgName }}\"></eui-icon-svg>\n                                            <span class=\"eui-toolbar-menu-item__label\">{{ childSubLink.label | translate }}</span>\n                                        </a>\n                                        <a\n                                            *ngIf=\"!childSubLink.url\"\n                                            [tabindex]=\"isdropdownOpen && !childSubLink.disabled ? 0 : -1\"\n                                            [class.disabled]=\"childSubLink.disabled\"\n                                            (click)=\"onLinkClick(childSubLink)\"\n                                            (keydown)=\"onKeyDown($event, childSubLink)\">\n                                            <span\n                                                *ngIf=\"childSubLink.iconClass\"\n                                                class=\"eui-toolbar-menu-item__icon eui-icon {{ childSubLink.iconClass }}\"></span>\n                                            <eui-icon-svg\n                                                *ngIf=\"childSubLink.iconSvgName\"\n                                                class=\"eui-toolbar-menu-item__icon\"\n                                                icon=\"{{ childSubLink.iconSvgName }}\"></eui-icon-svg>\n                                            <span class=\"eui-toolbar-menu-item__label\">{{ childSubLink.label | translate }}</span>\n                                        </a>\n                                    </li>\n                                </ng-container>\n                            </ul>\n                        </li>\n                    </ng-container>\n                </ul>\n            </li>\n        </ng-container>\n    </ul>\n</nav>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i4.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "size", "fillColor", "set", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.0-next.4", type: EuiToolbarMenuComponent, selector: "eui-toolbar-menu", inputs: { items: "items", hasLowercaseItems: ["hasLowercaseItems", "hasLowercaseItems", booleanAttribute] }, outputs: { menuItemClick: "menuItemClick" }, host: { properties: { "class": "this.cssClasses" } }, usesOnChanges: true, ngImport: i0, template: "<nav id=\"top-menu\" class=\"eui-toolbar-menu-content\" *ngIf=\"items && items.length !== 0\">\n    <ul>\n        <ng-container *ngFor=\"let link of items\">\n            <li *ngIf=\"link.visible === undefined || link.visible === true\" [class.has-sub]=\"link.children\" [class.selected]=\"link.active\" routerLinkActive=\"selected\">\n                <a\n                    *ngIf=\"!link.url\"\n                    [class.disabled]=\"link.disabled\"\n                    [tabindex]=\"!link.disabled ? 0 : -1\"\n                    (click)=\"onLinkClick(link)\"\n                    (keydown)=\"onKeyDown($event, link)\"\n                    title=\"{{ link.label | translate }}\"\n                    [class.icon-home-link]=\"link.isHome\">\n                    <div class=\"eui-u-flex\">\n                        <eui-icon-svg\n                            *ngIf=\"link.iconSvgName\"\n                            [icon]=\"link.iconSvgName\"\n                            [fillColor]=\"link.active ? 'grey-100' : 'white'\"\n                            class=\"eui-u-mr-xs\">\n                        </eui-icon-svg>\n                        <span *ngIf=\"link.iconClass && !link.iconSvgName\" class=\"{{ link.iconClass }} eui-icon\"></span>\n                        <span class=\"eui-toolbar-menu-label\">{{ link.label | translate }}</span>\n                        <eui-icon-svg *ngIf=\"link.children\" icon=\"eui-chevron-down\" [fillColor]=\"link.active ? 'grey-100' : 'white'\" size=\"s\">\n                        </eui-icon-svg>\n                    </div>\n                </a>\n                <a\n                    *ngIf=\"link.url\"\n                    [routerLink]=\"link.url\"\n                    [class.disabled]=\"link.disabled\"\n                    (click)=\"onLinkClick(link)\"\n                    (keydown)=\"onKeyDown($event, link)\"\n                    title=\"{{ link.label | translate }}\"\n                    [class.icon-home-link]=\"link.isHome\">\n                    <div class=\"eui-u-flex\">\n                        <eui-icon-svg\n                            *ngIf=\"link.iconSvgName\"\n                            [icon]=\"link.iconSvgName\"\n                            [fillColor]=\"link.active ? 'grey-100' : 'white'\"\n                            size=\"s\"\n                            class=\"eui-u-mr-xs\">\n                        </eui-icon-svg>\n                        <span *ngIf=\"link.iconClass && !link.iconSvgName\" class=\"{{ link.iconClass }} eui-icon\"></span>\n                        <span class=\"eui-toolbar-menu-label\">{{ link.label | translate }}</span>\n                        <eui-icon-svg\n                            *ngIf=\"link.children\"\n                            icon=\"eui-chevron-down\"\n                            [fillColor]=\"link.active ? 'grey-100' : 'white'\"\n                            size=\"s\"\n                            class=\"eui-u-ml-xs\">\n                        </eui-icon-svg>\n                    </div>\n                </a>\n    \n                <ul class=\"show\" [class.showOnEnter]=\"isdropdownOpen\" *ngIf=\"link.children\">\n                    <ng-container *ngFor=\"let childLink of link.children\">\n                        <li\n                            *ngIf=\"childLink.visible === undefined || childLink.visible === true\"\n                            class=\"child\"\n                            [class.has-sub]=\"childLink?.children\"\n                            [class.separator]=\"childLink.isSeparator\">\n                            <a\n                                *ngIf=\"!childLink.url\"\n                                [tabindex]=\"isdropdownOpen && !childLink.disabled ? 0 : -1\"\n                                [class.disabled]=\"childLink.disabled\"\n                                (click)=\"onLinkClick(childLink)\"\n                                (keydown)=\"onKeyDown($event, childLink)\">\n                                <span *ngIf=\"childLink.iconClass\" class=\"eui-toolbar-menu-item__icon eui-icon {{ childLink.iconClass }}\"></span>\n                                <eui-icon-svg\n                                    *ngIf=\"childLink.iconSvgName\"\n                                    class=\"eui-toolbar-menu-item__icon\"\n                                    icon=\"{{ childLink.iconSvgName }}\"></eui-icon-svg>\n                                <span class=\"eui-toolbar-menu-item__label\">{{ childLink.label | translate }}</span>\n                            </a>\n                            <a\n                                *ngIf=\"childLink.url\"\n                                [tabindex]=\"isdropdownOpen && !childLink.disabled ? 0 : -1\"\n                                [class.disabled]=\"childLink.disabled\"\n                                [routerLink]=\"childLink.url\"\n                                (click)=\"onLinkClick(childLink)\"\n                                (keydown)=\"onKeyDown($event, childLink)\">\n                                <span *ngIf=\"childLink.iconClass\" class=\"eui-toolbar-menu-item__icon eui-icon {{ childLink.iconClass }}\"></span>\n                                <eui-icon-svg\n                                    *ngIf=\"childLink.iconSvgName\"\n                                    class=\"eui-toolbar-menu-item__icon\"\n                                    icon=\"{{ childLink.iconSvgName }}\"></eui-icon-svg>\n                                <span class=\"eui-toolbar-menu-item__label\">{{ childLink.label | translate }}</span>\n                            </a>\n        \n                            <ul class=\"show\" [class.showOnEnter]=\"isdropdownOpen\" *ngIf=\"childLink.children\">\n                                <ng-container *ngFor=\"let childSubLink of childLink.children\">\n                                    <li *ngIf=\"childSubLink.visible === undefined || childSubLink.visible === true\" class=\"child\" [class.separator]=\"childSubLink.isSeparator\">\n                                        <a\n                                            *ngIf=\"childSubLink.url\"\n                                            [tabindex]=\"isdropdownOpen && !childSubLink.disabled ? 0 : -1\"\n                                            [class.disabled]=\"childSubLink.disabled\"\n                                            [routerLink]=\"childSubLink.url\"\n                                            (click)=\"onLinkClick(childSubLink)\"\n                                            (keydown)=\"onKeyDown($event, childSubLink)\">\n                                            <span\n                                                *ngIf=\"childSubLink.iconClass\"\n                                                class=\"eui-toolbar-menu-item__icon eui-icon {{ childSubLink.iconClass }}\"></span>\n                                            <eui-icon-svg\n                                                *ngIf=\"childSubLink.iconSvgName\"\n                                                class=\"eui-toolbar-menu-item__icon\"\n                                                icon=\"{{ childSubLink.iconSvgName }}\"></eui-icon-svg>\n                                            <span class=\"eui-toolbar-menu-item__label\">{{ childSubLink.label | translate }}</span>\n                                        </a>\n                                        <a\n                                            *ngIf=\"!childSubLink.url\"\n                                            [tabindex]=\"isdropdownOpen && !childSubLink.disabled ? 0 : -1\"\n                                            [class.disabled]=\"childSubLink.disabled\"\n                                            (click)=\"onLinkClick(childSubLink)\"\n                                            (keydown)=\"onKeyDown($event, childSubLink)\">\n                                            <span\n                                                *ngIf=\"childSubLink.iconClass\"\n                                                class=\"eui-toolbar-menu-item__icon eui-icon {{ childSubLink.iconClass }}\"></span>\n                                            <eui-icon-svg\n                                                *ngIf=\"childSubLink.iconSvgName\"\n                                                class=\"eui-toolbar-menu-item__icon\"\n                                                icon=\"{{ childSubLink.iconSvgName }}\"></eui-icon-svg>\n                                            <span class=\"eui-toolbar-menu-item__label\">{{ childSubLink.label | translate }}</span>\n                                        </a>\n                                    </li>\n                                </ng-container>\n                            </ul>\n                        </li>\n                    </ng-container>\n                </ul>\n            </li>\n        </ng-container>\n    </ul>\n</nav>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i3.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "component", type: i4.EuiIconSvgComponent, selector: "eui-icon-svg, span[euiIconSvg], i[euiIconSvg]", inputs: ["icon", "fillColor", "set", "size", "ariaLabelledby", "role", "style", "iconUrl", "transform", "aria-label", "ariaHidden", "focusable", "isLoading", "isInputIcon", "euiStart", "euiEnd"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0-next.4", ngImport: i0, type: EuiToolbarMenuComponent, decorators: [{
             type: Component,