User profile details
\n *Version 1.0.0
\n * Help\n *User profile details
\n *User Profile Details
\n *Additional user information and settings
\n *\n \n \n \n \n \n \n \n \n \n \n } @else {\n
\n}\n\n\n
\n\n \n \n
\n }\n}\n\n© 2024 My Organization
\n * \n *Page Title
\n *\n
\n\n\n @if (rightContent) {\n
\n\n\n
\n} @else {\n @if (appName) {\n \n {{ appName }}\n
\n }\n}\n\n@if (customAppSubtitle) {\n \n
\n} @else {\n @if (appSubTitle) {\n {{ appSubTitle }}
\n }\n}\n\n\n {{ appShortName }}\n
\n\n@if (customAppNameLogo) {\n \n
\n}\n","import { Component, ChangeDetectionStrategy, HostBinding, ViewEncapsulation, OnInit, ElementRef, OnDestroy, inject } from '@angular/core';\nimport { EuiAppShellService } from '@eui/core';\n\n/**\n * @description\n * Environment indicator component for header placement, displaying the current application environment (dev, test, production, etc.).\n * Provides visual distinction between different deployment environments to prevent user confusion and accidental actions.\n * Automatically registers with EuiAppShellService to share environment information across the application.\n * Content is projected via ng-content allowing custom environment labels and styling.\n * Typically displays text like \"Development\", \"Testing\", \"Staging\" with distinct background colors.\n * \n * @usageNotes\n * ```html\n * \n @if (item.metadata?.date) {\n
\n \n @if (item.metadata?.url) {\n \n \n \n {{ item.metadata?.date | date: dateFormat }}\n
\n }\n @if (item.metadata?.important) {\n \n
\n }\n \n @if (isShowMarkAsRead && item.metadata && !item.metadata.read) {\n \n {{ markAsReadLabel ? markAsReadLabel : ('eui.NOTIFICATIONMARKASREAD' | translate) }}\n \n }\n
\n\n","import {\n booleanAttribute,\n ChangeDetectionStrategy,\n Component,\n EventEmitter,\n HostBinding,\n Input,\n OnChanges,\n OnInit,\n Output,\n SimpleChanges,\n ViewEncapsulation,\n} from '@angular/core';\nimport { consumeEvent } from '@eui/core';\nimport { UxLinkLegacy } from '@eui/base';\nimport { EuiNotificationItemComponent, NotificationMetadata } from './eui-notification-item.component';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { EUI_ICON } from '@eui/components/eui-icon';\nimport { EUI_ICON_BUTTON } from '@eui/components/eui-icon-button';\nimport { EUI_BADGE } from '@eui/components/eui-badge';\nimport { EUI_OVERLAY } from '@eui/components/eui-overlay';\nimport { EUI_BUTTON } from '@eui/components/eui-button';\n\n/**\n * @description\n * Notifications panel component that displays a dropdown list of user notifications with badge counter.\n * Provides a comprehensive notification center with filtering, marking as read/unread, and action buttons.\n * Supports customizable labels, date formatting, and unread count display with badge indicator.\n * Integrates with overlay component for dropdown panel behavior and manages notification state.\n * Emits events for all user interactions including item clicks, refresh, settings, and mark as read actions.\n * \n * @usageNotes\n * ```html\n * \n
\n \n @if (items) {\n \n {{ headerTitleLabel ? headerTitleLabel : ('eui.MYNOTIFICATIONS' | translate) }}\n @if (items) {\n \n \n }\n {{ items.length }} \n
\n \n @if (isShowMarkAllAsReadButton) {\n \n \n \n
\n }\n - \n @for (item of items; let i = $index; track $index) {\n
\n {{ noNotificationFoundLabel ? noNotificationFoundLabel : ('eui.NONOTIFICATIONFOUND' | translate) }}\n
\n }\n @if (noNotificationFoundLink) {\n \n }\n }\n \n @if (item.metadata?.date) {\n
\n \n @if (item.metadata?.url) {\n \n \n \n {{ item.metadata?.date | date: dateFormat }}\n
\n }\n @if (item.metadata?.important) {\n \n
\n }\n \n @if (isShowMarkAsRead && item.metadata && !item.metadata.read) {\n \n {{ markAsReadLabel ? markAsReadLabel : ('eui.NOTIFICATIONMARKASREAD' | translate) }}\n \n }\n
\n\n","import {\n booleanAttribute,\n ChangeDetectionStrategy,\n Component,\n EventEmitter,\n HostBinding,\n Input,\n Output,\n ViewEncapsulation,\n} from '@angular/core';\nimport { EUI_BADGE } from '@eui/components/eui-badge';\nimport { EUI_ICON } from '@eui/components/eui-icon';\nimport { EUI_ICON_BUTTON } from '@eui/components/eui-icon-button';\nimport { EUI_OVERLAY } from '@eui/components/eui-overlay';\nimport { consumeEvent, UxLinkLegacy } from '@eui/core';\nimport { TranslateModule } from '@ngx-translate/core';\nimport { EuiNotificationItemV2Component } from './eui-notification-item.component';\nimport { EUI_BUTTON } from '@eui/components/eui-button';\n\n/**\n * @description\n * Enhanced notifications panel component (v2) displaying a dropdown list of user notifications with advanced badge indicators.\n * Provides comprehensive notification center with unread count, new notifications since last check, and action buttons.\n * Supports customizable labels, date formatting, and multiple count displays with badge indicators.\n * Integrates with overlay component for dropdown panel behavior and manages notification state.\n * Emits events for all user interactions including item clicks, refresh, and mark as read actions.\n * Improved version with additional features compared to EuiNotificationsComponent.\n */\n@Component({\n selector: 'eui-notifications-v2',\n templateUrl: './eui-notifications.component.html',\n styleUrls: ['./styles/_index.scss'],\n changeDetection: ChangeDetectionStrategy.Default,\n encapsulation: ViewEncapsulation.None,\n imports: [\n TranslateModule,\n EuiNotificationItemV2Component,\n ...EUI_ICON,\n ...EUI_ICON_BUTTON,\n ...EUI_BADGE,\n ...EUI_OVERLAY,\n ...EUI_BUTTON,\n ],\n})\nexport class EuiNotificationsV2Component {\n /**\n * Emitted when the refresh button is clicked to reload notifications.\n * Payload: Event - the click event\n * Triggered when user clicks the refresh button in the notifications panel header.\n */\n @Output() refreshClick: EventEmitter\n
\n \n
\n \n \n \n \n \n {{ headerTitleLabel ? headerTitleLabel : ('eui.MYNOTIFICATIONS' | translate) }}\n
\n \n \n - \n @for (item of items; track trackByFn($index, item)) {\n
\n {{ noNotificationFoundLabel ? noNotificationFoundLabel : ('eui.NONOTIFICATIONFOUND' | translate) }}\n
\n }\n @if (noNotificationFoundLink) {\n \n }\n }\n