@iapps/ng-dhis2-ui 1.0.0

package/esm2022/lib/modules/header-bar/utils/profile-menu/profile-header.mjs

@@ -0,0 +1,95 @@
+import { UserAvatar } from '@dhis2-ui/user-avatar';
+import { useConfig } from '@dhis2/app-runtime';
+import PropTypes from 'prop-types';
+import React from 'react';
+import { joinPath } from '../join-path';
+import i18n from '@dhis2/d2-i18n';
+const ProfileName = (params) => {
+    const { children } = params;
+    return (React.createElement("div", { className: "headerbar-profile-username", "data-test": "headerbar-profile-username" },
+        children,
+        React.createElement("style", { jsx: true }, `
+            .headerbar-profile-username {
+                margin-bottom: 3px;
+                font-size: 16px;
+                line-height: 19px;
+            }
+        `)));
+};
+ProfileName.propTypes = {
+    children: PropTypes.string,
+};
+const ProfileEmail = (params) => {
+    const { children } = params;
+    return (React.createElement("div", { className: "headerbar-profile-user-email", "data-test": "headerbar-profile-user-email" },
+        children,
+        React.createElement("style", { jsx: true }, `
+                .headerbar-profile-user-email {
+                    margin-bottom: 6px;
+                    font-size: 14px;
+                    line-height: 16px;
+                }
+            `)));
+};
+ProfileEmail.propTypes = {
+    children: PropTypes.string,
+};
+const ProfileEdit = (params) => {
+    const { children } = params;
+    const { baseUrl } = useConfig();
+    return (React.createElement("a", { className: "headerbar-profile-edit-profile-link", href: joinPath(baseUrl, 'dhis-web-user-profile/#/profile'), "data-test": "headerbar-profile-edit-profile-link" },
+        children,
+        React.createElement("style", { jsx: true }, `
+                .headerbar-profile-edit-profile-link {
+                    color: rgba(0, 0, 0, 0.87);
+                    font-size: 12px;
+                    line-height: 14px;
+                    text-decoration: underline !important;
+                    cursor: pointer;
+                }
+            `)));
+};
+ProfileEdit.propTypes = {
+    children: PropTypes.string,
+};
+const ProfileDetails = (params) => {
+    const { name, email } = params;
+    return (React.createElement("div", { className: "headerbar-profile-details" },
+        React.createElement(ProfileName, null, name),
+        React.createElement(ProfileEmail, null, email),
+        React.createElement(ProfileEdit, null, i18n.t('Edit profile')),
+        React.createElement("style", { jsx: true }, `
+                .headerbar-profile-details {
+                    display: flex;
+                    flex-direction: column;
+                    margin-left: 20px;
+                    color: #000;
+                    font-size: 14px;
+                    font-weight: 400;
+                }
+            `)));
+};
+ProfileDetails.propTypes = {
+    email: PropTypes.string,
+    name: PropTypes.string,
+};
+export const ProfileHeader = (params) => {
+    const { name, email, avatarId } = params;
+    return (React.createElement("div", { className: "headerbar-profile-header" },
+        React.createElement(UserAvatar, { avatarId: avatarId, name: name, dataTest: "headerbar-profile-menu-icon", large: true }),
+        React.createElement(ProfileDetails, { name: name, email: email }),
+        React.createElement("style", { jsx: true }, `
+            .headerbar-profile-header {
+                display: flex;
+                flex-direction: row;
+                margin-left: 24px;
+                padding-top: 20px;
+            }
+        `)));
+};
+ProfileHeader.propTypes = {
+    avatarId: PropTypes.string,
+    email: PropTypes.string,
+    name: PropTypes.string,
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZmlsZS1oZWFkZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9uZy1kaGlzMi11aS9zcmMvbGliL21vZHVsZXMvaGVhZGVyLWJhci91dGlscy9wcm9maWxlLW1lbnUvcHJvZmlsZS1oZWFkZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQTtBQUNsRCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sb0JBQW9CLENBQUE7QUFDOUMsT0FBTyxTQUFTLE1BQU0sWUFBWSxDQUFBO0FBQ2xDLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUN6QixPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBQ3ZDLE9BQU8sSUFBSSxNQUFNLGdCQUFnQixDQUFBO0FBUWpDLE1BQU0sV0FBVyxHQUFHLENBQUMsTUFBVyxFQUFFLEVBQUU7SUFDaEMsTUFBTSxFQUFFLFFBQVEsRUFBRSxHQUFHLE1BQU0sQ0FBQztJQUM1QixPQUFRLENBQ1IsNkJBQUssU0FBUyxFQUFDLDRCQUE0QixlQUFXLDRCQUE0QjtRQUM3RSxRQUFRO1FBRVQsK0JBQU8sR0FBRyxVQUFFOzs7Ozs7U0FNWCxDQUFTLENBQ1IsQ0FDVCxDQUFBO0FBQUMsQ0FBQyxDQUFBO0FBQ0gsV0FBVyxDQUFDLFNBQVMsR0FBRztJQUNwQixRQUFRLEVBQUUsU0FBUyxDQUFDLE1BQU07Q0FDN0IsQ0FBQTtBQUVELE1BQU0sWUFBWSxHQUFHLENBQUMsTUFBVyxFQUFFLEVBQUU7SUFDakMsTUFBTSxFQUFFLFFBQVEsRUFBRSxHQUFHLE1BQU0sQ0FBQztJQUM1QixPQUFPLENBQ0gsNkJBQUssU0FBUyxFQUFDLDhCQUE4QixlQUFXLDhCQUE4QjtRQUNqRixRQUFRO1FBRVQsK0JBQU8sR0FBRyxVQUFFOzs7Ozs7YUFNWCxDQUFTLENBQ1IsQ0FDVCxDQUFBO0FBQ0wsQ0FBQyxDQUFBO0FBQ0QsWUFBWSxDQUFDLFNBQVMsR0FBRztJQUNyQixRQUFRLEVBQUUsU0FBUyxDQUFDLE1BQU07Q0FDN0IsQ0FBQTtBQUVELE1BQU0sV0FBVyxHQUFHLENBQUMsTUFBVyxFQUFFLEVBQUU7SUFDaEMsTUFBTSxFQUFFLFFBQVEsRUFBRSxHQUFHLE1BQU0sQ0FBQztJQUM1QixNQUFNLEVBQUUsT0FBTyxFQUFFLEdBQUcsU0FBUyxFQUFFLENBQUE7SUFFL0IsT0FBTyxDQUNILDJCQUNJLFNBQVMsRUFBQyxxQ0FBcUMsRUFDL0MsSUFBSSxFQUFFLFFBQVEsQ0FBQyxPQUFPLEVBQUUsaUNBQWlDLENBQUMsZUFDaEQscUNBQXFDO1FBRTlDLFFBQVE7UUFFVCwrQkFBTyxHQUFHLFVBQUU7Ozs7Ozs7O2FBUVgsQ0FBUyxDQUNWLENBQ1AsQ0FBQTtBQUNMLENBQUMsQ0FBQTtBQUVELFdBQVcsQ0FBQyxTQUFTLEdBQUc7SUFDcEIsUUFBUSxFQUFFLFNBQVMsQ0FBQyxNQUFNO0NBQzdCLENBQUE7QUFFRCxNQUFNLGNBQWMsR0FBRyxDQUFDLE1BQVcsRUFBRSxFQUFFO0lBQ25DLE1BQU0sRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLEdBQUcsTUFBTSxDQUFDO0lBQy9CLE9BQU8sQ0FDSCw2QkFBSyxTQUFTLEVBQUMsMkJBQTJCO1FBQ3RDLG9CQUFDLFdBQVcsUUFBRSxJQUFJLENBQWU7UUFDakMsb0JBQUMsWUFBWSxRQUFFLEtBQUssQ0FBZ0I7UUFDcEMsb0JBQUMsV0FBVyxRQUFFLElBQUksQ0FBQyxDQUFDLENBQUMsY0FBYyxDQUFDLENBQWU7UUFFbkQsK0JBQU8sR0FBRyxVQUFFOzs7Ozs7Ozs7YUFTWCxDQUFTLENBQ1IsQ0FDVCxDQUFBO0FBQ0wsQ0FBQyxDQUFBO0FBRUQsY0FBYyxDQUFDLFNBQVMsR0FBRztJQUN2QixLQUFLLEVBQUUsU0FBUyxDQUFDLE1BQU07SUFDdkIsSUFBSSxFQUFFLFNBQVMsQ0FBQyxNQUFNO0NBQ3pCLENBQUE7QUFFRCxNQUFNLENBQUMsTUFBTSxhQUFhLEdBQUcsQ0FBQyxNQUFXLEVBQUUsRUFBRTtJQUN6QyxNQUFNLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsR0FBRyxNQUFNLENBQUM7SUFDekMsT0FBTyxDQUFDLDZCQUFLLFNBQVMsRUFBQywwQkFBMEI7UUFDN0Msb0JBQUMsVUFBVSxJQUNQLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLElBQUksRUFBRSxJQUFJLEVBQ1YsUUFBUSxFQUFDLDZCQUE2QixFQUN0QyxLQUFLLFNBQ1A7UUFDRixvQkFBQyxjQUFjLElBQUMsSUFBSSxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsS0FBSyxHQUFJO1FBRTVDLCtCQUFPLEdBQUcsVUFBRTs7Ozs7OztTQU9YLENBQVMsQ0FDUixDQUNULENBQUE7QUFBQyxDQUFDLENBQUE7QUFFSCxhQUFhLENBQUMsU0FBUyxHQUFHO0lBQ3RCLFFBQVEsRUFBRSxTQUFTLENBQUMsTUFBTTtJQUMxQixLQUFLLEVBQUUsU0FBUyxDQUFDLE1BQU07SUFDdkIsSUFBSSxFQUFFLFNBQVMsQ0FBQyxNQUFNO0NBQ3pCLENBQUEiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBVc2VyQXZhdGFyIH0gZnJvbSAnQGRoaXMyLXVpL3VzZXItYXZhdGFyJ1xuaW1wb3J0IHsgdXNlQ29uZmlnIH0gZnJvbSAnQGRoaXMyL2FwcC1ydW50aW1lJ1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJ1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgam9pblBhdGggfSBmcm9tICcuLi9qb2luLXBhdGgnXG5pbXBvcnQgaTE4biBmcm9tICdAZGhpczIvZDItaTE4bidcbmRlY2xhcmUgbW9kdWxlICdyZWFjdCcge1xuICAgIGludGVyZmFjZSBTdHlsZUhUTUxBdHRyaWJ1dGVzPFQ+IGV4dGVuZHMgUmVhY3QuSFRNTEF0dHJpYnV0ZXM8VD4ge1xuICAgICAganN4PzogYm9vbGVhbjtcbiAgICAgIGdsb2JhbD86IGJvb2xlYW47XG4gICAgfVxuICB9XG5cbmNvbnN0IFByb2ZpbGVOYW1lID0gKHBhcmFtczogYW55KSA9PiB7XG4gICAgY29uc3QgeyBjaGlsZHJlbiB9ID0gcGFyYW1zO1xuICAgIHJldHVybiAgKFxuICAgIDxkaXYgY2xhc3NOYW1lPVwiaGVhZGVyYmFyLXByb2ZpbGUtdXNlcm5hbWVcIiBkYXRhLXRlc3Q9XCJoZWFkZXJiYXItcHJvZmlsZS11c2VybmFtZVwiPlxuICAgICAgICB7Y2hpbGRyZW59XG5cbiAgICAgICAgPHN0eWxlIGpzeD57YFxuICAgICAgICAgICAgLmhlYWRlcmJhci1wcm9maWxlLXVzZXJuYW1lIHtcbiAgICAgICAgICAgICAgICBtYXJnaW4tYm90dG9tOiAzcHg7XG4gICAgICAgICAgICAgICAgZm9udC1zaXplOiAxNnB4O1xuICAgICAgICAgICAgICAgIGxpbmUtaGVpZ2h0OiAxOXB4O1xuICAgICAgICAgICAgfVxuICAgICAgICBgfTwvc3R5bGU+XG4gICAgPC9kaXY+XG4pIH1cblByb2ZpbGVOYW1lLnByb3BUeXBlcyA9IHtcbiAgICBjaGlsZHJlbjogUHJvcFR5cGVzLnN0cmluZyxcbn1cblxuY29uc3QgUHJvZmlsZUVtYWlsID0gKHBhcmFtczogYW55KSA9PiB7XG4gICAgY29uc3QgeyBjaGlsZHJlbiB9ID0gcGFyYW1zO1xuICAgIHJldHVybiAoXG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPVwiaGVhZGVyYmFyLXByb2ZpbGUtdXNlci1lbWFpbFwiIGRhdGEtdGVzdD1cImhlYWRlcmJhci1wcm9maWxlLXVzZXItZW1haWxcIj5cbiAgICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICBcbiAgICAgICAgICAgIDxzdHlsZSBqc3g+e2BcbiAgICAgICAgICAgICAgICAuaGVhZGVyYmFyLXByb2ZpbGUtdXNlci1lbWFpbCB7XG4gICAgICAgICAgICAgICAgICAgIG1hcmdpbi1ib3R0b206IDZweDtcbiAgICAgICAgICAgICAgICAgICAgZm9udC1zaXplOiAxNHB4O1xuICAgICAgICAgICAgICAgICAgICBsaW5lLWhlaWdodDogMTZweDtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICBgfTwvc3R5bGU+XG4gICAgICAgIDwvZGl2PlxuICAgIClcbn1cblByb2ZpbGVFbWFpbC5wcm9wVHlwZXMgPSB7XG4gICAgY2hpbGRyZW46IFByb3BUeXBlcy5zdHJpbmcsXG59XG5cbmNvbnN0IFByb2ZpbGVFZGl0ID0gKHBhcmFtczogYW55KSA9PiB7XG4gICAgY29uc3QgeyBjaGlsZHJlbiB9ID0gcGFyYW1zO1xuICAgIGNvbnN0IHsgYmFzZVVybCB9ID0gdXNlQ29uZmlnKClcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxhXG4gICAgICAgICAgICBjbGFzc05hbWU9XCJoZWFkZXJiYXItcHJvZmlsZS1lZGl0LXByb2ZpbGUtbGlua1wiXG4gICAgICAgICAgICBocmVmPXtqb2luUGF0aChiYXNlVXJsLCAnZGhpcy13ZWItdXNlci1wcm9maWxlLyMvcHJvZmlsZScpfVxuICAgICAgICAgICAgZGF0YS10ZXN0PVwiaGVhZGVyYmFyLXByb2ZpbGUtZWRpdC1wcm9maWxlLWxpbmtcIlxuICAgICAgICA+XG4gICAgICAgICAgICB7Y2hpbGRyZW59XG5cbiAgICAgICAgICAgIDxzdHlsZSBqc3g+e2BcbiAgICAgICAgICAgICAgICAuaGVhZGVyYmFyLXByb2ZpbGUtZWRpdC1wcm9maWxlLWxpbmsge1xuICAgICAgICAgICAgICAgICAgICBjb2xvcjogcmdiYSgwLCAwLCAwLCAwLjg3KTtcbiAgICAgICAgICAgICAgICAgICAgZm9udC1zaXplOiAxMnB4O1xuICAgICAgICAgICAgICAgICAgICBsaW5lLWhlaWdodDogMTRweDtcbiAgICAgICAgICAgICAgICAgICAgdGV4dC1kZWNvcmF0aW9uOiB1bmRlcmxpbmUgIWltcG9ydGFudDtcbiAgICAgICAgICAgICAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIGB9PC9zdHlsZT5cbiAgICAgICAgPC9hPlxuICAgIClcbn1cblxuUHJvZmlsZUVkaXQucHJvcFR5cGVzID0ge1xuICAgIGNoaWxkcmVuOiBQcm9wVHlwZXMuc3RyaW5nLFxufVxuXG5jb25zdCBQcm9maWxlRGV0YWlscyA9IChwYXJhbXM6IGFueSkgPT4ge1xuICAgIGNvbnN0IHsgbmFtZSwgZW1haWwgfSA9IHBhcmFtcztcbiAgICByZXR1cm4gKFxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cImhlYWRlcmJhci1wcm9maWxlLWRldGFpbHNcIj5cbiAgICAgICAgICAgIDxQcm9maWxlTmFtZT57bmFtZX08L1Byb2ZpbGVOYW1lPlxuICAgICAgICAgICAgPFByb2ZpbGVFbWFpbD57ZW1haWx9PC9Qcm9maWxlRW1haWw+XG4gICAgICAgICAgICA8UHJvZmlsZUVkaXQ+e2kxOG4udCgnRWRpdCBwcm9maWxlJyl9PC9Qcm9maWxlRWRpdD5cbiAgICBcbiAgICAgICAgICAgIDxzdHlsZSBqc3g+e2BcbiAgICAgICAgICAgICAgICAuaGVhZGVyYmFyLXByb2ZpbGUtZGV0YWlscyB7XG4gICAgICAgICAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICAgICAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICAgICAgICAgICAgICAgIG1hcmdpbi1sZWZ0OiAyMHB4O1xuICAgICAgICAgICAgICAgICAgICBjb2xvcjogIzAwMDtcbiAgICAgICAgICAgICAgICAgICAgZm9udC1zaXplOiAxNHB4O1xuICAgICAgICAgICAgICAgICAgICBmb250LXdlaWdodDogNDAwO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIGB9PC9zdHlsZT5cbiAgICAgICAgPC9kaXY+XG4gICAgKVxufVxuXG5Qcm9maWxlRGV0YWlscy5wcm9wVHlwZXMgPSB7XG4gICAgZW1haWw6IFByb3BUeXBlcy5zdHJpbmcsXG4gICAgbmFtZTogUHJvcFR5cGVzLnN0cmluZyxcbn1cblxuZXhwb3J0IGNvbnN0IFByb2ZpbGVIZWFkZXIgPSAocGFyYW1zOiBhbnkpID0+IHtcbiAgICBjb25zdCB7IG5hbWUsIGVtYWlsLCBhdmF0YXJJZCB9ID0gcGFyYW1zO1xuICAgIHJldHVybiAoPGRpdiBjbGFzc05hbWU9XCJoZWFkZXJiYXItcHJvZmlsZS1oZWFkZXJcIj5cbiAgICAgICAgPFVzZXJBdmF0YXJcbiAgICAgICAgICAgIGF2YXRhcklkPXthdmF0YXJJZH1cbiAgICAgICAgICAgIG5hbWU9e25hbWV9XG4gICAgICAgICAgICBkYXRhVGVzdD1cImhlYWRlcmJhci1wcm9maWxlLW1lbnUtaWNvblwiXG4gICAgICAgICAgICBsYXJnZVxuICAgICAgICAvPlxuICAgICAgICA8UHJvZmlsZURldGFpbHMgbmFtZT17bmFtZX0gZW1haWw9e2VtYWlsfSAvPlxuXG4gICAgICAgIDxzdHlsZSBqc3g+e2BcbiAgICAgICAgICAgIC5oZWFkZXJiYXItcHJvZmlsZS1oZWFkZXIge1xuICAgICAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICAgICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICAgICAgICAgICAgICBtYXJnaW4tbGVmdDogMjRweDtcbiAgICAgICAgICAgICAgICBwYWRkaW5nLXRvcDogMjBweDtcbiAgICAgICAgICAgIH1cbiAgICAgICAgYH08L3N0eWxlPlxuICAgIDwvZGl2PlxuKSB9XG5cblByb2ZpbGVIZWFkZXIucHJvcFR5cGVzID0ge1xuICAgIGF2YXRhcklkOiBQcm9wVHlwZXMuc3RyaW5nLFxuICAgIGVtYWlsOiBQcm9wVHlwZXMuc3RyaW5nLFxuICAgIG5hbWU6IFByb3BUeXBlcy5zdHJpbmcsXG59XG4iXX0=

package/esm2022/lib/modules/header-bar/utils/profile-menu/profile-menu.mjs

@@ -0,0 +1,101 @@
+import { Card } from '@dhis2-ui/card';
+import { Center } from '@dhis2-ui/center';
+import { Divider } from '@dhis2-ui/divider';
+import { Layer } from '@dhis2-ui/layer';
+import { CircularLoader } from '@dhis2-ui/loader';
+import { MenuDivider, MenuItem } from '@dhis2-ui/menu';
+import { clearSensitiveCaches, useConfig } from '@dhis2/app-runtime';
+import { colors } from '@dhis2/ui-constants';
+import { IconSettings24, IconInfo24, IconLogOut24, IconUser24, IconQuestion24, } from '@dhis2/ui-icons';
+import PropTypes from 'prop-types';
+import React, { useState } from 'react';
+import { DebugInfoMenuItem } from '../debug-info/debug-info-menu-item';
+import { joinPath } from '../join-path';
+import i18n from '@dhis2/d2-i18n';
+import { ProfileHeader } from './profile-header';
+import { UpdateNotification } from './update-notification';
+const LoadingMask = () => (React.createElement(Layer, { translucent: true, disablePortal: true, dataTest: "headerbar-profile-menu-loading-mask" },
+    React.createElement(Center, null,
+        React.createElement(CircularLoader, null))));
+const ProfileContents = (params) => {
+    const { name, email, avatarId, helpUrl, hideProfileMenu, showDebugInfoModal, } = params;
+    const { baseUrl } = useConfig();
+    const [loading, setLoading] = useState(false);
+    return (React.createElement(Card, null,
+        React.createElement("div", { className: "headerbar-profile-contents" },
+            React.createElement(ProfileHeader, { name: name, email: email, avatarId: avatarId }),
+            React.createElement(Divider, { margin: "13px 0 7px 0" }),
+            React.createElement("ul", { "data-test": "headerbar-profile-menu" },
+                React.createElement(MenuItem, { href: joinPath(baseUrl, 'dhis-web-user-profile/#/settings'), label: i18n.t('Settings'), value: "settings", icon: React.createElement(IconSettings24, { color: colors.grey700 }) }),
+                React.createElement(MenuItem, { href: joinPath(baseUrl, 'dhis-web-user-profile/#/account'), label: i18n.t('Account'), value: "account", icon: React.createElement(IconUser24, { color: colors.grey700 }) }),
+                helpUrl && (React.createElement(MenuItem, { href: helpUrl, label: i18n.t('Help'), value: "help", icon: React.createElement(IconQuestion24, { color: colors.grey700 }) })),
+                React.createElement(MenuItem, { href: joinPath(baseUrl, 'dhis-web-user-profile/#/aboutPage'), label: i18n.t('About DHIS2'), value: "about", icon: React.createElement(IconInfo24, { color: colors.grey700 }) }),
+                React.createElement(MenuItem, { href: joinPath(baseUrl, 'dhis-web-commons-security/logout.action'), 
+                    // NB: By MenuItem implementation, this callback
+                    // overwrites default navigation behavior but maintains
+                    // the href attribute
+                    onClick: async () => {
+                        setLoading(true);
+                        await clearSensitiveCaches();
+                        setLoading(false);
+                        window.location.assign(joinPath(baseUrl, 'dhis-web-commons-security/logout.action'));
+                    }, label: i18n.t('Logout'), value: "logout", icon: React.createElement(IconLogOut24, { color: colors.grey700 }) }),
+                React.createElement(MenuDivider, { dense: true }),
+                React.createElement(DebugInfoMenuItem, { hideProfileMenu: hideProfileMenu, showDebugInfoModal: showDebugInfoModal }),
+                React.createElement(UpdateNotification, { hideProfileMenu: hideProfileMenu }))),
+        loading && React.createElement(LoadingMask, null),
+        React.createElement("style", { jsx: true }, `
+                .headerbar-profile-contents {
+                    width: 100%;
+                    padding: 0;
+                }
+
+                .headerbar-profile-contents ul {
+                    padding: 0;
+                    margin: 0;
+                }
+
+                .headerbar-profile-contents a {
+                    display: inline-flex !important;
+                }
+
+               .headerbar-profile-contents a,
+               .headerbar-profile-contents a:hover,
+               .headerbar-profile-contents a:focus,
+               .headerbar-profile-contents a:active,
+               .headerbar-profile-contents a:visited {
+                    text-decoration: none;
+                    display: block;
+                }
+            `)));
+};
+ProfileContents.propTypes = {
+    hideProfileMenu: PropTypes.func.isRequired,
+    showDebugInfoModal: PropTypes.func.isRequired,
+    avatarId: PropTypes.string,
+    email: PropTypes.string,
+    helpUrl: PropTypes.string,
+    name: PropTypes.string,
+};
+export const ProfileMenu = (params) => {
+    const { ...props } = params;
+    return (React.createElement("div", { className: "headerbar-profile-menu", "data-test": "headerbar-profile-menu" },
+        React.createElement(ProfileContents, { ...props }),
+        React.createElement("style", { jsx: true }, `
+                .headerbar-profile-menu {
+                    z-index: 10000;
+                    position: absolute;
+                    right: 4px;
+                    width: 320px;
+                }
+            `)));
+};
+ProfileMenu.propTypes = {
+    hideProfileMenu: PropTypes.func.isRequired,
+    showDebugInfoModal: PropTypes.func.isRequired,
+    avatarId: PropTypes.string,
+    email: PropTypes.string,
+    helpUrl: PropTypes.string,
+    name: PropTypes.string,
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZmlsZS1tZW51LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbmctZGhpczItdWkvc3JjL2xpYi9tb2R1bGVzL2hlYWRlci1iYXIvdXRpbHMvcHJvZmlsZS1tZW51L3Byb2ZpbGUtbWVudS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLGdCQUFnQixDQUFBO0FBQ3JDLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQTtBQUN6QyxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDM0MsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBQ3ZDLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQTtBQUNqRCxPQUFPLEVBQUUsV0FBVyxFQUFFLFFBQVEsRUFBRSxNQUFNLGdCQUFnQixDQUFBO0FBQ3RELE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxTQUFTLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQTtBQUNwRSxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDNUMsT0FBTyxFQUNILGNBQWMsRUFDZCxVQUFVLEVBQ1YsWUFBWSxFQUNaLFVBQVUsRUFDVixjQUFjLEdBQ2pCLE1BQU0saUJBQWlCLENBQUE7QUFDeEIsT0FBTyxTQUFTLE1BQU0sWUFBWSxDQUFBO0FBQ2xDLE9BQU8sS0FBSyxFQUFFLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ3ZDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLG9DQUFvQyxDQUFBO0FBQ3RFLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFDdkMsT0FBTyxJQUFJLE1BQU0sZ0JBQWdCLENBQUM7QUFDbEMsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtCQUFrQixDQUFBO0FBQ2hELE9BQU8sRUFBRSxr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MUMsa0JBQWtCLEVBQUUsU0FBUyxDQUFDLElBQUksQ0FBQyxVQUFVO0lBQzdDLFFBQVEsRUFBRSxTQUFTLENBQUMsTUFBTTtJQUMxQixLQUFLLEVBQUUsU0FBUyxDQUFDLE1BQU07SUFDdkIsT0FBTyxFQUFFLFNBQVMsQ0FBQyxNQUFNO0lBQ3pCLElBQUksRUFBRSxTQUFTLENBQUMsTUFBTTtDQUN6QixDQUFBIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2FyZCB9IGZyb20gJ0BkaGlzMi11aS9jYXJkJ1xuaW1wb3J0IHsgQ2VudGVyIH0gZnJvbSAnQGRoaXMyLXVpL2NlbnRlcidcbmltcG9ydCB7IERpdmlkZXIgfSBmcm9tICdAZGhpczItdWkvZGl2aWRlcidcbmltcG9ydCB7IExheWVyIH0gZnJvbSAnQGRoaXMyLXVpL2xheWVyJ1xuaW1wb3J0IHsgQ2lyY3VsYXJMb2FkZXIgfSBmcm9tICdAZGhpczItdWkvbG9hZGVyJ1xuaW1wb3J0IHsgTWVudURpdmlkZXIsIE1lbnVJdGVtIH0gZnJvbSAnQGRoaXMyLXVpL21lbnUnXG5pbXBvcnQgeyBjbGVhclNlbnNpdGl2ZUNhY2hlcywgdXNlQ29uZmlnIH0gZnJvbSAnQGRoaXMyL2FwcC1ydW50aW1lJ1xuaW1wb3J0IHsgY29sb3JzIH0gZnJvbSAnQGRoaXMyL3VpLWNvbnN0YW50cydcbmltcG9ydCB7XG4gICAgSWNvblNldHRpbmdzMjQsXG4gICAgSWNvbkluZm8yNCxcbiAgICBJY29uTG9nT3V0MjQsXG4gICAgSWNvblVzZXIyNCxcbiAgICBJY29uUXVlc3Rpb24yNCxcbn0gZnJvbSAnQGRoaXMyL3VpLWljb25zJ1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJ1xuaW1wb3J0IFJlYWN0LCB7IHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBEZWJ1Z0luZm9NZW51SXRlbSB9IGZyb20gJy4uL2RlYnVnLWluZm8vZGVidWctaW5mby1tZW51LWl0ZW0nXG5pbXBvcnQgeyBqb2luUGF0aCB9IGZyb20gJy4uL2pvaW4tcGF0aCdcbmltcG9ydCBpMThuIGZyb20gJ0BkaGlzMi9kMi1pMThuJztcbmltcG9ydCB7IFByb2ZpbGVIZWFkZXIgfSBmcm9tICcuL3Byb2ZpbGUtaGVhZGVyJ1xuaW1wb3J0IHsgVXBkYXRlTm90aWZpY2F0aW9uIH0gZnJvbSAnLi91cGRhdGUtbm90aWZpY2F0aW9uJ1xuXG5jb25zdCBMb2FkaW5nTWFzayA9ICgpID0+IChcbiAgICA8TGF5ZXJcbiAgICAgICAgdHJhbnNsdWNlbnRcbiAgICAgICAgZGlzYWJsZVBvcnRhbFxuICAgICAgICBkYXRhVGVzdD1cImhlYWRlcmJhci1wcm9maWxlLW1lbnUtbG9hZGluZy1tYXNrXCJcbiAgICA+XG4gICAgICAgIDxDZW50ZXI+XG4gICAgICAgICAgICA8Q2lyY3VsYXJMb2FkZXIgLz5cbiAgICAgICAgPC9DZW50ZXI+XG4gICAgPC9MYXllcj5cbilcblxuY29uc3QgUHJvZmlsZUNvbnRlbnRzID0gKHBhcmFtczogYW55KSA9PiB7XG4gICAgY29uc3Qge1xuICAgICAgICBuYW1lLFxuICAgICAgICBlbWFpbCxcbiAgICAgICAgYXZhdGFySWQsXG4gICAgICAgIGhlbHBVcmwsXG4gICAgICAgIGhpZGVQcm9maWxlTWVudSxcbiAgICAgICAgc2hvd0RlYnVnSW5mb01vZGFsLFxuICAgIH0gPSBwYXJhbXM7XG4gICAgY29uc3QgeyBiYXNlVXJsIH0gPSB1c2VDb25maWcoKVxuICAgIGNvbnN0IFtsb2FkaW5nLCBzZXRMb2FkaW5nXSA9IHVzZVN0YXRlKGZhbHNlKVxuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPENhcmQ+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cImhlYWRlcmJhci1wcm9maWxlLWNvbnRlbnRzXCI+XG4gICAgICAgICAgICAgICAgPFByb2ZpbGVIZWFkZXIgbmFtZT17bmFtZX0gZW1haWw9e2VtYWlsfSBhdmF0YXJJZD17YXZhdGFySWR9IC8+XG4gICAgICAgICAgICAgICAgPERpdmlkZXIgbWFyZ2luPVwiMTNweCAwIDdweCAwXCIgLz5cbiAgICAgICAgICAgICAgICA8dWwgZGF0YS10ZXN0PVwiaGVhZGVyYmFyLXByb2ZpbGUtbWVudVwiPlxuICAgICAgICAgICAgICAgICAgICA8TWVudUl0ZW1cbiAgICAgICAgICAgICAgICAgICAgICAgIGhyZWY9e2pvaW5QYXRoKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGJhc2VVcmwsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgJ2RoaXMtd2ViLXVzZXItcHJvZmlsZS8jL3NldHRpbmdzJ1xuICAgICAgICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICAgICAgICAgIGxhYmVsPXtpMThuLnQoJ1NldHRpbmdzJyl9XG4gICAgICAgICAgICAgICAgICAgICAgICB2YWx1ZT1cInNldHRpbmdzXCJcbiAgICAgICAgICAgICAgICAgICAgICAgIGljb249ezxJY29uU2V0dGluZ3MyNCBjb2xvcj17Y29sb3JzLmdyZXk3MDB9IC8+fVxuICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICA8TWVudUl0ZW1cbiAgICAgICAgICAgICAgICAgICAgICAgIGhyZWY9e2pvaW5QYXRoKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGJhc2VVcmwsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgJ2RoaXMtd2ViLXVzZXItcHJvZmlsZS8jL2FjY291bnQnXG4gICAgICAgICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAgICAgICAgbGFiZWw9e2kxOG4udCgnQWNjb3VudCcpfVxuICAgICAgICAgICAgICAgICAgICAgICAgdmFsdWU9XCJhY2NvdW50XCJcbiAgICAgICAgICAgICAgICAgICAgICAgIGljb249ezxJY29uVXNlcjI0IGNvbG9yPXtjb2xvcnMuZ3JleTcwMH0gLz59XG4gICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgIHtoZWxwVXJsICYmIChcbiAgICAgICAgICAgICAgICAgICAgICAgIDxNZW51SXRlbVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGhyZWY9e2hlbHBVcmx9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgbGFiZWw9e2kxOG4udCgnSGVscCcpfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHZhbHVlPVwiaGVscFwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgaWNvbj17PEljb25RdWVzdGlvbjI0IGNvbG9yPXtjb2xvcnMuZ3JleTcwMH0gLz59XG4gICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAgICA8TWVudUl0ZW1cbiAgICAgICAgICAgICAgICAgICAgICAgIGhyZWY9e2pvaW5QYXRoKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGJhc2VVcmwsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgJ2RoaXMtd2ViLXVzZXItcHJvZmlsZS8jL2Fib3V0UGFnZSdcbiAgICAgICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICAgICAgICBsYWJlbD17aTE4bi50KCdBYm91dCBESElTMicpfVxuICAgICAgICAgICAgICAgICAgICAgICAgdmFsdWU9XCJhYm91dFwiXG4gICAgICAgICAgICAgICAgICAgICAgICBpY29uPXs8SWNvbkluZm8yNCBjb2xvcj17Y29sb3JzLmdyZXk3MDB9IC8+fVxuICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICA8TWVudUl0ZW1cbiAgICAgICAgICAgICAgICAgICAgICAgIGhyZWY9e2pvaW5QYXRoKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIGJhc2VVcmwsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgJ2RoaXMtd2ViLWNvbW1vbnMtc2VjdXJpdHkvbG9nb3V0LmFjdGlvbidcbiAgICAgICAgICAgICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgICAgICAgICAgICAvLyBOQjogQnkgTWVudUl0ZW0gaW1wbGVtZW50YXRpb24sIHRoaXMgY2FsbGJhY2tcbiAgICAgICAgICAgICAgICAgICAgICAgIC8vIG92ZXJ3cml0ZXMgZGVmYXVsdCBuYXZpZ2F0aW9uIGJlaGF2aW9yIGJ1dCBtYWludGFpbnNcbiAgICAgICAgICAgICAgICAgICAgICAgIC8vIHRoZSBocmVmIGF0dHJpYnV0ZVxuICAgICAgICAgICAgICAgICAgICAgICAgb25DbGljaz17YXN5bmMgKCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHNldExvYWRpbmcodHJ1ZSlcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBhd2FpdCBjbGVhclNlbnNpdGl2ZUNhY2hlcygpXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgc2V0TG9hZGluZyhmYWxzZSlcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB3aW5kb3cubG9jYXRpb24uYXNzaWduKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBqb2luUGF0aChcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGJhc2VVcmwsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAnZGhpcy13ZWItY29tbW9ucy1zZWN1cml0eS9sb2dvdXQuYWN0aW9uJ1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICApXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgKVxuICAgICAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgICAgICAgIGxhYmVsPXtpMThuLnQoJ0xvZ291dCcpfVxuICAgICAgICAgICAgICAgICAgICAgICAgdmFsdWU9XCJsb2dvdXRcIlxuICAgICAgICAgICAgICAgICAgICAgICAgaWNvbj17PEljb25Mb2dPdXQyNCBjb2xvcj17Y29sb3JzLmdyZXk3MDB9IC8+fVxuICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICA8TWVudURpdmlkZXIgZGVuc2UgLz5cbiAgICAgICAgICAgICAgICAgICAgPERlYnVnSW5mb01lbnVJdGVtXG4gICAgICAgICAgICAgICAgICAgICAgICBoaWRlUHJvZmlsZU1lbnU9e2hpZGVQcm9maWxlTWVudX1cbiAgICAgICAgICAgICAgICAgICAgICAgIHNob3dEZWJ1Z0luZm9Nb2RhbD17c2hvd0RlYnVnSW5mb01vZGFsfVxuICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICA8VXBkYXRlTm90aWZpY2F0aW9uIGhpZGVQcm9maWxlTWVudT17aGlkZVByb2ZpbGVNZW51fSAvPlxuICAgICAgICAgICAgICAgIDwvdWw+XG4gICAgICAgICAgICA8L2Rpdj5cblxuICAgICAgICAgICAge2xvYWRpbmcgJiYgPExvYWRpbmdNYXNrIC8+fVxuXG4gICAgICAgICAgICA8c3R5bGUganN4PntgXG4gICAgICAgICAgICAgICAgLmhlYWRlcmJhci1wcm9maWxlLWNvbnRlbnRzIHtcbiAgICAgICAgICAgICAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgICAgICAgICAgICAgIHBhZGRpbmc6IDA7XG4gICAgICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAgICAgLmhlYWRlcmJhci1wcm9maWxlLWNvbnRlbnRzIHVsIHtcbiAgICAgICAgICAgICAgICAgICAgcGFkZGluZzogMDtcbiAgICAgICAgICAgICAgICAgICAgbWFyZ2luOiAwO1xuICAgICAgICAgICAgICAgIH1cblxuICAgICAgICAgICAgICAgIC5oZWFkZXJiYXItcHJvZmlsZS1jb250ZW50cyBhIHtcbiAgICAgICAgICAgICAgICAgICAgZGlzcGxheTogaW5saW5lLWZsZXggIWltcG9ydGFudDtcbiAgICAgICAgICAgICAgICB9XG5cbiAgICAgICAgICAgICAgIC5oZWFkZXJiYXItcHJvZmlsZS1jb250ZW50cyBhLFxuICAgICAgICAgICAgICAgLmhlYWRlcmJhci1wcm9maWxlLWNvbnRlbnRzIGE6aG92ZXIsXG4gICAgICAgICAgICAgICAuaGVhZGVyYmFyLXByb2ZpbGUtY29udGVudHMgYTpmb2N1cyxcbiAgICAgICAgICAgICAgIC5oZWFkZXJiYXItcHJvZmlsZS1jb250ZW50cyBhOmFjdGl2ZSxcbiAgICAgICAgICAgICAgIC5oZWFkZXJiYXItcHJvZmlsZS1jb250ZW50cyBhOnZpc2l0ZWQge1xuICAgICAgICAgICAgICAgICAgICB0ZXh0LWRlY29yYXRpb246IG5vbmU7XG4gICAgICAgICAgICAgICAgICAgIGRpc3BsYXk6IGJsb2NrO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIGB9PC9zdHlsZT5cbiAgICAgICAgPC9DYXJkPlxuICAgIClcbn1cblxuUHJvZmlsZUNvbnRlbnRzLnByb3BUeXBlcyA9IHtcbiAgICBoaWRlUHJvZmlsZU1lbnU6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gICAgc2hvd0RlYnVnSW5mb01vZGFsOiBQcm9wVHlwZXMuZnVuYy5pc1JlcXVpcmVkLFxuICAgIGF2YXRhcklkOiBQcm9wVHlwZXMuc3RyaW5nLFxuICAgIGVtYWlsOiBQcm9wVHlwZXMuc3RyaW5nLFxuICAgIGhlbHBVcmw6IFByb3BUeXBlcy5zdHJpbmcsXG4gICAgbmFtZTogUHJvcFR5cGVzLnN0cmluZyxcbn1cblxuZXhwb3J0IGNvbnN0IFByb2ZpbGVNZW51ID0gKHBhcmFtczogYW55KSA9PiB7XG4gICAgY29uc3QgeyAuLi5wcm9wcyB9PXBhcmFtcztcbiAgICByZXR1cm4gKFxuICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cImhlYWRlcmJhci1wcm9maWxlLW1lbnVcIiBkYXRhLXRlc3Q9XCJoZWFkZXJiYXItcHJvZmlsZS1tZW51XCI+XG4gICAgICAgICAgICA8UHJvZmlsZUNvbnRlbnRzIHsuLi5wcm9wc30gLz5cbiAgICAgICAgICAgIDxzdHlsZSBqc3g+e2BcbiAgICAgICAgICAgICAgICAuaGVhZGVyYmFyLXByb2ZpbGUtbWVudSB7XG4gICAgICAgICAgICAgICAgICAgIHotaW5kZXg6IDEwMDAwO1xuICAgICAgICAgICAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgICAgICAgICAgIHJpZ2h0OiA0cHg7XG4gICAgICAgICAgICAgICAgICAgIHdpZHRoOiAzMjBweDtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICBgfTwvc3R5bGU+XG4gICAgICAgIDwvZGl2PlxuICAgIClcbn1cblxuUHJvZmlsZU1lbnUucHJvcFR5cGVzID0ge1xuICAgIGhpZGVQcm9maWxlTWVudTogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbiAgICBzaG93RGVidWdJbmZvTW9kYWw6IFByb3BUeXBlcy5mdW5jLmlzUmVxdWlyZWQsXG4gICAgYXZhdGFySWQ6IFByb3BUeXBlcy5zdHJpbmcsXG4gICAgZW1haWw6IFByb3BUeXBlcy5zdHJpbmcsXG4gICAgaGVscFVybDogUHJvcFR5cGVzLnN0cmluZyxcbiAgICBuYW1lOiBQcm9wVHlwZXMuc3RyaW5nLFxufVxuIl19

package/esm2022/lib/modules/header-bar/utils/profile-menu/update-notification.mjs

@@ -0,0 +1,54 @@
+import { MenuItem } from '@dhis2-ui/menu';
+import { useConfig } from '@dhis2/app-runtime';
+import { colors } from '@dhis2/ui-constants';
+import PropTypes from 'prop-types';
+import React from 'react';
+import { useHeaderBarContext } from '../header-bar-context';
+import i18n from '@dhis2/d2-i18n';
+export function UpdateNotification(params) {
+    const { hideProfileMenu } = params;
+    const { appName } = useConfig();
+    const { updateAvailable, onApplyAvailableUpdate } = useHeaderBarContext();
+    const onClick = () => {
+        hideProfileMenu();
+        onApplyAvailableUpdate?.();
+    };
+    const updateNotificationLabel = (React.createElement("div", { className: "root" },
+        React.createElement("div", { className: "badge" }),
+        React.createElement("div", { className: "spacer" }),
+        React.createElement("div", { className: "message" },
+            appName
+                ? i18n.t('New {{appName}} version available', { appName })
+                : i18n.t('New app version available'),
+            React.createElement("br", null),
+            i18n.t('Click to reload')),
+        React.createElement("style", { jsx: true }, `
+                .root {
+                    display: flex;
+                    flex-direction: row;
+                    align-items: center;
+                    font-size: 14px;
+                    line-height: 17px;
+                }
+                .badge {
+                    display: inline-block;
+                    width: 12px;
+                    height: 12px;
+                    margin: 0 8px;
+                    border-radius: 6px;
+                    background-color: ${colors.blue600};
+                }
+                .spacer {
+                    display: inline-block;
+                    width: 8px;
+                }
+                .message {
+                    display: inline-block;
+                }
+            `)));
+    return updateAvailable ? (React.createElement(MenuItem, { dense: true, onClick: onClick, label: updateNotificationLabel, dataTest: "dhis2-ui-headerbar-updatenotification" })) : null;
+}
+UpdateNotification.propTypes = {
+    hideProfileMenu: PropTypes.func.isRequired,
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXBkYXRlLW5vdGlmaWNhdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL25nLWRoaXMyLXVpL3NyYy9saWIvbW9kdWxlcy9oZWFkZXItYmFyL3V0aWxzL3Byb2ZpbGUtbWVudS91cGRhdGUtbm90aWZpY2F0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZ0JBQWdCLENBQUE7QUFDekMsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLG9CQUFvQixDQUFBO0FBQzlDLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUM1QyxPQUFPLFNBQVMsTUFBTSxZQUFZLENBQUE7QUFDbEMsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHVCQUF1QixDQUFBO0FBQzNELE9BQU8sSUFBSSxNQUFNLGdCQUFnQixDQUFBO0FBUWpDLE1BQU0sVUFBVSxrQkFBa0IsQ0FBQyxNQUFXO0lBQzFDLE1BQU0sRUFBRSxlQUFlLEVBQUUsR0FBRSxNQUFNLENBQUM7SUFDbEMsTUFBTSxFQUFFLE9BQU8sRUFBRSxHQUFHLFNBQVMsRUFBRSxDQUFBO0lBQy9CLE1BQU0sRUFBRSxlQUFlLEVBQUUsc0JBQXNCLEVBQUUsR0FBRyxtQkFBbUIsRUFBRSxDQUFBO0lBQ3pFLE1BQU0sT0FBTyxHQUFHLEdBQUcsRUFBRTtRQUNqQixlQUFlLEVBQUUsQ0FBQTtRQUNqQixzQkFBc0IsRUFBRSxFQUFFLENBQUE7SUFDOUIsQ0FBQyxDQUFBO0lBRUQsTUFBTSx1QkFBdUIsR0FBRyxDQUM1Qiw2QkFBSyxTQUFTLEVBQUMsTUFBTTtRQUNqQiw2QkFBSyxTQUFTLEVBQUMsT0FBTyxHQUFHO1FBQ3pCLDZCQUFLLFNBQVMsRUFBQyxRQUFRLEdBQUc7UUFDMUIsNkJBQUssU0FBUyxFQUFDLFNBQVM7WUFDbkIsT0FBTztnQkFDSixDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxtQ0FBbUMsRUFBRSxFQUFFLE9BQU8sRUFBRSxDQUFDO2dCQUMxRCxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQywyQkFBMkIsQ0FBQztZQUN6QywrQkFBTTtZQUNMLElBQUksQ0FBQyxDQUFDLENBQUMsaUJBQWlCLENBQUMsQ0FDeEI7UUFDTiwrQkFBTyxHQUFHLFVBQUU7Ozs7Ozs7Ozs7Ozs7O3dDQWNnQixNQUFNLENBQUMsT0FBTzs7Ozs7Ozs7O2FBU3pDLENBQVMsQ0FDUixDQUNULENBQUE7SUFFRCxPQUFPLGVBQWUsQ0FBQyxDQUFDLENBQUMsQ0FDckIsb0JBQUMsUUFBUSxJQUNMLEtBQUssUUFDTCxPQUFPLEVBQUUsT0FBTyxFQUNoQixLQUFLLEVBQUUsdUJBQXVCLEVBQzlCLFFBQVEsRUFBQyx1Q0FBdUMsR0FDbEQsQ0FDTCxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUE7QUFDWixDQUFDO0FBRUQsa0JBQWtCLENBQUMsU0FBUyxHQUFHO0lBQzNCLGVBQWUsRUFBRSxTQUFTLENBQUMsSUFBSSxDQUFDLFVBQVU7Q0FDN0MsQ0FBQSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE1lbnVJdGVtIH0gZnJvbSAnQGRoaXMyLXVpL21lbnUnXG5pbXBvcnQgeyB1c2VDb25maWcgfSBmcm9tICdAZGhpczIvYXBwLXJ1bnRpbWUnXG5pbXBvcnQgeyBjb2xvcnMgfSBmcm9tICdAZGhpczIvdWktY29uc3RhbnRzJ1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJ1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgdXNlSGVhZGVyQmFyQ29udGV4dCB9IGZyb20gJy4uL2hlYWRlci1iYXItY29udGV4dCdcbmltcG9ydCBpMThuIGZyb20gJ0BkaGlzMi9kMi1pMThuJ1xuZGVjbGFyZSBtb2R1bGUgJ3JlYWN0JyB7XG4gICAgaW50ZXJmYWNlIFN0eWxlSFRNTEF0dHJpYnV0ZXM8VD4gZXh0ZW5kcyBSZWFjdC5IVE1MQXR0cmlidXRlczxUPiB7XG4gICAgICBqc3g/OiBib29sZWFuO1xuICAgICAgZ2xvYmFsPzogYm9vbGVhbjtcbiAgICB9XG4gIH1cblxuZXhwb3J0IGZ1bmN0aW9uIFVwZGF0ZU5vdGlmaWNhdGlvbihwYXJhbXM6IGFueSkge1xuICAgIGNvbnN0IHsgaGlkZVByb2ZpbGVNZW51IH0gPXBhcmFtcztcbiAgICBjb25zdCB7IGFwcE5hbWUgfSA9IHVzZUNvbmZpZygpXG4gICAgY29uc3QgeyB1cGRhdGVBdmFpbGFibGUsIG9uQXBwbHlBdmFpbGFibGVVcGRhdGUgfSA9IHVzZUhlYWRlckJhckNvbnRleHQoKVxuICAgIGNvbnN0IG9uQ2xpY2sgPSAoKSA9PiB7XG4gICAgICAgIGhpZGVQcm9maWxlTWVudSgpXG4gICAgICAgIG9uQXBwbHlBdmFpbGFibGVVcGRhdGU/LigpXG4gICAgfVxuXG4gICAgY29uc3QgdXBkYXRlTm90aWZpY2F0aW9uTGFiZWwgPSAoXG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPVwicm9vdFwiPlxuICAgICAgICAgICAgPGRpdiBjbGFzc05hbWU9XCJiYWRnZVwiIC8+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cInNwYWNlclwiIC8+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cIm1lc3NhZ2VcIj5cbiAgICAgICAgICAgICAgICB7YXBwTmFtZVxuICAgICAgICAgICAgICAgICAgICA/IGkxOG4udCgnTmV3IHt7YXBwTmFtZX19IHZlcnNpb24gYXZhaWxhYmxlJywgeyBhcHBOYW1lIH0pXG4gICAgICAgICAgICAgICAgICAgIDogaTE4bi50KCdOZXcgYXBwIHZlcnNpb24gYXZhaWxhYmxlJyl9XG4gICAgICAgICAgICAgICAgPGJyIC8+XG4gICAgICAgICAgICAgICAge2kxOG4udCgnQ2xpY2sgdG8gcmVsb2FkJyl9XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDxzdHlsZSBqc3g+e2BcbiAgICAgICAgICAgICAgICAucm9vdCB7XG4gICAgICAgICAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICAgICAgICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gICAgICAgICAgICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgICAgICAgICAgICAgIGZvbnQtc2l6ZTogMTRweDtcbiAgICAgICAgICAgICAgICAgICAgbGluZS1oZWlnaHQ6IDE3cHg7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIC5iYWRnZSB7XG4gICAgICAgICAgICAgICAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICAgICAgICAgICAgICAgICAgd2lkdGg6IDEycHg7XG4gICAgICAgICAgICAgICAgICAgIGhlaWdodDogMTJweDtcbiAgICAgICAgICAgICAgICAgICAgbWFyZ2luOiAwIDhweDtcbiAgICAgICAgICAgICAgICAgICAgYm9yZGVyLXJhZGl1czogNnB4O1xuICAgICAgICAgICAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2NvbG9ycy5ibHVlNjAwfTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgLnNwYWNlciB7XG4gICAgICAgICAgICAgICAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICAgICAgICAgICAgICAgICAgd2lkdGg6IDhweDtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgLm1lc3NhZ2Uge1xuICAgICAgICAgICAgICAgICAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgYH08L3N0eWxlPlxuICAgICAgICA8L2Rpdj5cbiAgICApXG5cbiAgICByZXR1cm4gdXBkYXRlQXZhaWxhYmxlID8gKFxuICAgICAgICA8TWVudUl0ZW1cbiAgICAgICAgICAgIGRlbnNlXG4gICAgICAgICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgICAgICAgbGFiZWw9e3VwZGF0ZU5vdGlmaWNhdGlvbkxhYmVsfVxuICAgICAgICAgICAgZGF0YVRlc3Q9XCJkaGlzMi11aS1oZWFkZXJiYXItdXBkYXRlbm90aWZpY2F0aW9uXCJcbiAgICAgICAgLz5cbiAgICApIDogbnVsbFxufVxuXG5VcGRhdGVOb3RpZmljYXRpb24ucHJvcFR5cGVzID0ge1xuICAgIGhpZGVQcm9maWxlTWVudTogUHJvcFR5cGVzLmZ1bmMuaXNSZXF1aXJlZCxcbn1cbiJdfQ==

package/esm2022/lib/modules/header-bar/utils/profile.mjs

@@ -0,0 +1,58 @@
+import { UserAvatar } from '@dhis2-ui/user-avatar';
+import PropTypes from 'prop-types';
+import React, { useCallback, useRef, useState } from 'react';
+import { DebugInfoModal } from './debug-info/debug-info-modal';
+import { ProfileMenu } from './profile-menu';
+import { useOnDocClick } from './profile/use-on-doc-click';
+const Profile = (params) => {
+    const { name, email, avatarId, helpUrl } = params;
+    const [showProfileMenu, setShowProfileMenu] = useState(false);
+    const [showDebugInfoModal, setShowDebugInfoModal] = useState(false);
+    const hideProfileMenu = useCallback(() => setShowProfileMenu(false), [setShowProfileMenu]);
+    const toggleProfileMenu = useCallback(() => setShowProfileMenu((show) => !show), [setShowProfileMenu]);
+    const containerRef = useRef(null);
+    useOnDocClick(containerRef, hideProfileMenu);
+    return (React.createElement("div", { ref: containerRef, "data-test": "headerbar-profile", className: "headerbar-profile" },
+        React.createElement("button", { className: "headerbar-profile-btn", onClick: toggleProfileMenu },
+            React.createElement(UserAvatar, { avatarId: avatarId, name: name, dataTest: "headerbar-profile-icon", medium: true })),
+        showProfileMenu && (React.createElement(ProfileMenu, { avatarId: avatarId, name: name, email: email, helpUrl: helpUrl, hideProfileMenu: hideProfileMenu, showDebugInfoModal: () => {
+                setShowDebugInfoModal(true);
+            } })),
+        showDebugInfoModal && (React.createElement(DebugInfoModal, { onClose: () => {
+                setShowDebugInfoModal(false);
+            } })),
+        React.createElement("style", { jsx: true }, `
+                .headerbar-profile {
+                    position: relative;
+                    height: 100%;
+                }
+
+                .headerbar-profile-btn {
+                    background: transparent;
+                    padding: 6px;
+                    border: 0;
+                    cursor: pointer;
+                }
+                .headerbar-profile-btn:focus {
+                    outline: 2px solid white;
+                    outline-offset: -2px;
+                }
+                .headerbar-profile-btn:focus:not(:focus-visible) {
+                    outline: none;
+                }
+                .headerbar-profile-btn:hover {
+                    background: #1a557f;
+                }
+                .headerbar-profile-btn:active {
+                    background: #104067;
+                }
+            `)));
+};
+Profile.propTypes = {
+    name: PropTypes.string.isRequired,
+    avatarId: PropTypes.string,
+    email: PropTypes.string,
+    helpUrl: PropTypes.string,
+};
+export default Profile;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJvZmlsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL25nLWRoaXMyLXVpL3NyYy9saWIvbW9kdWxlcy9oZWFkZXItYmFyL3V0aWxzL3Byb2ZpbGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQTtBQUNsRCxPQUFPLFNBQVMsTUFBTSxZQUFZLENBQUE7QUFDbEMsT0FBTyxLQUFLLEVBQUUsRUFBRSxXQUFXLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUM1RCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sK0JBQStCLENBQUE7QUFDOUQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGdCQUFnQixDQUFBO0FBQzVDLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQVExRCxNQUFNLE9BQU8sR0FBRyxDQUFDLE1BQVcsRUFBRSxFQUFFO0lBQzVCLE1BQU0sRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRSxPQUFPLEVBQUUsR0FBRyxNQUFNLENBQUM7SUFDbEQsTUFBTSxDQUFDLGVBQWUsRUFBRSxrQkFBa0IsQ0FBQyxHQUFHLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQTtJQUM3RCxNQUFNLENBQUMsa0JBQWtCLEVBQUUscUJBQXFCLENBQUMsR0FBRyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUE7SUFDbkUsTUFBTSxlQUFlLEdBQUcsV0FBVyxDQUMvQixHQUFHLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQyxLQUFLLENBQUMsRUFDL0IsQ0FBQyxrQkFBa0IsQ0FBQyxDQUN2QixDQUFBO0lBQ0QsTUFBTSxpQkFBaUIsR0FBRyxXQUFXLENBQ2pDLEdBQUcsRUFBRSxDQUFDLGtCQUFrQixDQUFDLENBQUMsSUFBSSxFQUFFLEVBQUUsQ0FBQyxDQUFDLElBQUksQ0FBQyxFQUN6QyxDQUFDLGtCQUFrQixDQUFDLENBQ2hCLENBQUE7SUFDUixNQUFNLFlBQVksR0FBRyxNQUFNLENBQUMsSUFBSSxDQUFDLENBQUE7SUFFakMsYUFBYSxDQUFDLFlBQVksRUFBRSxlQUFlLENBQUMsQ0FBQTtJQUU1QyxPQUFPLENBQ0gsNkJBQ0ksR0FBRyxFQUFFLFlBQVksZUFDUCxtQkFBbUIsRUFDN0IsU0FBUyxFQUFDLG1CQUFtQjtRQUU3QixnQ0FDSSxTQUFTLEVBQUMsdUJBQXVCLEVBQ2pDLE9BQU8sRUFBRSxpQkFBaUI7WUFFMUIsb0JBQUMsVUFBVSxJQUNQLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLElBQUksRUFBRSxJQUFJLEVBQ1YsUUFBUSxFQUFDLHdCQUF3QixFQUNqQyxNQUFNLFNBQ1IsQ0FDRztRQUVSLGVBQWUsSUFBSSxDQUNoQixvQkFBQyxXQUFXLElBQ1IsUUFBUSxFQUFFLFFBQVEsRUFDbEIsSUFBSSxFQUFFLElBQUksRUFDVixLQUFLLEVBQUUsS0FBSyxFQUNaLE9BQU8sRUFBRSxPQUFPLEVBQ2hCLGVBQWUsRUFBRSxlQUFlLEVBQ2hDLGtCQUFrQixFQUFFLEdBQUcsRUFBRTtnQkFDckIscUJBQXFCLENBQUMsSUFBSSxDQUFDLENBQUE7WUFDL0IsQ0FBQyxHQUNILENBQ0w7UUFDQSxrQkFBa0IsSUFBSSxDQUNuQixvQkFBQyxjQUFjLElBQ1gsT0FBTyxFQUFFLEdBQUcsRUFBRTtnQkFDVixxQkFBcUIsQ0FBQyxLQUFLLENBQUMsQ0FBQTtZQUNoQyxDQUFDLEdBQ0gsQ0FDTDtRQUVELCtCQUFPLEdBQUcsVUFBRTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OzthQXlCWCxDQUFTLENBQ1IsQ0FDVCxDQUFBO0FBQ0wsQ0FBQyxDQUFBO0FBRUQsT0FBTyxDQUFDLFNBQVMsR0FBRztJQUNoQixJQUFJLEVBQUUsU0FBUyxDQUFDLE1BQU0sQ0FBQyxVQUFVO0lBQ2pDLFFBQVEsRUFBRSxTQUFTLENBQUMsTUFBTTtJQUMxQixLQUFLLEVBQUUsU0FBUyxDQUFDLE1BQU07SUFDdkIsT0FBTyxFQUFFLFNBQVMsQ0FBQyxNQUFNO0NBQzVCLENBQUE7QUFFRCxlQUFlLE9BQU8sQ0FBQSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFVzZXJBdmF0YXIgfSBmcm9tICdAZGhpczItdWkvdXNlci1hdmF0YXInXG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnXG5pbXBvcnQgUmVhY3QsIHsgdXNlQ2FsbGJhY2ssIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IERlYnVnSW5mb01vZGFsIH0gZnJvbSAnLi9kZWJ1Zy1pbmZvL2RlYnVnLWluZm8tbW9kYWwnXG5pbXBvcnQgeyBQcm9maWxlTWVudSB9IGZyb20gJy4vcHJvZmlsZS1tZW51J1xuaW1wb3J0IHsgdXNlT25Eb2NDbGljayB9IGZyb20gJy4vcHJvZmlsZS91c2Utb24tZG9jLWNsaWNrJ1xuZGVjbGFyZSBtb2R1bGUgJ3JlYWN0JyB7XG4gICAgaW50ZXJmYWNlIFN0eWxlSFRNTEF0dHJpYnV0ZXM8VD4gZXh0ZW5kcyBSZWFjdC5IVE1MQXR0cmlidXRlczxUPiB7XG4gICAgICBqc3g/OiBib29sZWFuO1xuICAgICAgZ2xvYmFsPzogYm9vbGVhbjtcbiAgICB9XG4gIH1cblxuY29uc3QgUHJvZmlsZSA9IChwYXJhbXM6IGFueSkgPT4ge1xuICAgIGNvbnN0IHsgbmFtZSwgZW1haWwsIGF2YXRhcklkLCBoZWxwVXJsIH0gPSBwYXJhbXM7XG4gICAgY29uc3QgW3Nob3dQcm9maWxlTWVudSwgc2V0U2hvd1Byb2ZpbGVNZW51XSA9IHVzZVN0YXRlKGZhbHNlKVxuICAgIGNvbnN0IFtzaG93RGVidWdJbmZvTW9kYWwsIHNldFNob3dEZWJ1Z0luZm9Nb2RhbF0gPSB1c2VTdGF0ZShmYWxzZSlcbiAgICBjb25zdCBoaWRlUHJvZmlsZU1lbnUgPSB1c2VDYWxsYmFjayhcbiAgICAgICAgKCkgPT4gc2V0U2hvd1Byb2ZpbGVNZW51KGZhbHNlKSxcbiAgICAgICAgW3NldFNob3dQcm9maWxlTWVudV1cbiAgICApXG4gICAgY29uc3QgdG9nZ2xlUHJvZmlsZU1lbnUgPSB1c2VDYWxsYmFjayhcbiAgICAgICAgKCkgPT4gc2V0U2hvd1Byb2ZpbGVNZW51KChzaG93KSA9PiAhc2hvdyksXG4gICAgICAgIFtzZXRTaG93UHJvZmlsZU1lbnVdXG4gICAgKSBhcyBhbnlcbiAgICBjb25zdCBjb250YWluZXJSZWYgPSB1c2VSZWYobnVsbClcblxuICAgIHVzZU9uRG9jQ2xpY2soY29udGFpbmVyUmVmLCBoaWRlUHJvZmlsZU1lbnUpXG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8ZGl2XG4gICAgICAgICAgICByZWY9e2NvbnRhaW5lclJlZn1cbiAgICAgICAgICAgIGRhdGEtdGVzdD1cImhlYWRlcmJhci1wcm9maWxlXCJcbiAgICAgICAgICAgIGNsYXNzTmFtZT1cImhlYWRlcmJhci1wcm9maWxlXCJcbiAgICAgICAgPlxuICAgICAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgICAgIGNsYXNzTmFtZT1cImhlYWRlcmJhci1wcm9maWxlLWJ0blwiXG4gICAgICAgICAgICAgICAgb25DbGljaz17dG9nZ2xlUHJvZmlsZU1lbnV9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPFVzZXJBdmF0YXJcbiAgICAgICAgICAgICAgICAgICAgYXZhdGFySWQ9e2F2YXRhcklkfVxuICAgICAgICAgICAgICAgICAgICBuYW1lPXtuYW1lfVxuICAgICAgICAgICAgICAgICAgICBkYXRhVGVzdD1cImhlYWRlcmJhci1wcm9maWxlLWljb25cIlxuICAgICAgICAgICAgICAgICAgICBtZWRpdW1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgPC9idXR0b24+XG5cbiAgICAgICAgICAgIHtzaG93UHJvZmlsZU1lbnUgJiYgKFxuICAgICAgICAgICAgICAgIDxQcm9maWxlTWVudVxuICAgICAgICAgICAgICAgICAgICBhdmF0YXJJZD17YXZhdGFySWR9XG4gICAgICAgICAgICAgICAgICAgIG5hbWU9e25hbWV9XG4gICAgICAgICAgICAgICAgICAgIGVtYWlsPXtlbWFpbH1cbiAgICAgICAgICAgICAgICAgICAgaGVscFVybD17aGVscFVybH1cbiAgICAgICAgICAgICAgICAgICAgaGlkZVByb2ZpbGVNZW51PXtoaWRlUHJvZmlsZU1lbnV9XG4gICAgICAgICAgICAgICAgICAgIHNob3dEZWJ1Z0luZm9Nb2RhbD17KCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgc2V0U2hvd0RlYnVnSW5mb01vZGFsKHRydWUpXG4gICAgICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgICB7c2hvd0RlYnVnSW5mb01vZGFsICYmIChcbiAgICAgICAgICAgICAgICA8RGVidWdJbmZvTW9kYWxcbiAgICAgICAgICAgICAgICAgICAgb25DbG9zZT17KCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgc2V0U2hvd0RlYnVnSW5mb01vZGFsKGZhbHNlKVxuICAgICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICApfVxuXG4gICAgICAgICAgICA8c3R5bGUganN4PntgXG4gICAgICAgICAgICAgICAgLmhlYWRlcmJhci1wcm9maWxlIHtcbiAgICAgICAgICAgICAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICAgICAgICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgICAgICAgICAgfVxuXG4gICAgICAgICAgICAgICAgLmhlYWRlcmJhci1wcm9maWxlLWJ0biB7XG4gICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICAgICAgICAgICAgICAgICAgICBwYWRkaW5nOiA2cHg7XG4gICAgICAgICAgICAgICAgICAgIGJvcmRlcjogMDtcbiAgICAgICAgICAgICAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAuaGVhZGVyYmFyLXByb2ZpbGUtYnRuOmZvY3VzIHtcbiAgICAgICAgICAgICAgICAgICAgb3V0bGluZTogMnB4IHNvbGlkIHdoaXRlO1xuICAgICAgICAgICAgICAgICAgICBvdXRsaW5lLW9mZnNldDogLTJweDtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgLmhlYWRlcmJhci1wcm9maWxlLWJ0bjpmb2N1czpub3QoOmZvY3VzLXZpc2libGUpIHtcbiAgICAgICAgICAgICAgICAgICAgb3V0bGluZTogbm9uZTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgLmhlYWRlcmJhci1wcm9maWxlLWJ0bjpob3ZlciB7XG4gICAgICAgICAgICAgICAgICAgIGJhY2tncm91bmQ6ICMxYTU1N2Y7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIC5oZWFkZXJiYXItcHJvZmlsZS1idG46YWN0aXZlIHtcbiAgICAgICAgICAgICAgICAgICAgYmFja2dyb3VuZDogIzEwNDA2NztcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICBgfTwvc3R5bGU+XG4gICAgICAgIDwvZGl2PlxuICAgIClcbn1cblxuUHJvZmlsZS5wcm9wVHlwZXMgPSB7XG4gICAgbmFtZTogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICAgIGF2YXRhcklkOiBQcm9wVHlwZXMuc3RyaW5nLFxuICAgIGVtYWlsOiBQcm9wVHlwZXMuc3RyaW5nLFxuICAgIGhlbHBVcmw6IFByb3BUeXBlcy5zdHJpbmcsXG59XG5cbmV4cG9ydCBkZWZhdWx0IFByb2ZpbGVcbiJdfQ==

package/esm2022/lib/modules/header-bar/utils/title.mjs

@@ -0,0 +1,22 @@
+import PropTypes from 'prop-types';
+import React from 'react';
+export const Title = (params) => {
+    const { app, instance } = params;
+    return (React.createElement("div", { className: "headerbar-title", "data-test": "headerbar-title" },
+        app ? `${instance} - ${app}` : `${instance}`,
+        React.createElement("style", { jsx: true }, `
+        .headerbar-title {
+          overflow: hidden;
+          text-overflow: ellipsis;
+          font-size: 14px;
+          font-weight: 500;
+          letter-spacing: 0.01em;
+          white-space: nowrap;
+        }
+      `)));
+};
+Title.propTypes = {
+    app: PropTypes.string,
+    instance: PropTypes.string,
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGl0bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9uZy1kaGlzMi11aS9zcmMvbGliL21vZHVsZXMvaGVhZGVyLWJhci91dGlscy90aXRsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxTQUFTLE1BQU0sWUFBWSxDQUFDO0FBQ25DLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQVExQixNQUFNLENBQUMsTUFBTSxLQUFLLEdBQUcsQ0FBQyxNQUFXLEVBQUUsRUFBRTtJQUNuQyxNQUFNLEVBQUUsR0FBRyxFQUFFLFFBQVEsRUFBRSxHQUFHLE1BQU0sQ0FBQztJQUNqQyxPQUFPLENBQ0wsNkJBQUssU0FBUyxFQUFDLGlCQUFpQixlQUFXLGlCQUFpQjtRQUN6RCxHQUFHLENBQUMsQ0FBQyxDQUFDLEdBQUcsUUFBUSxNQUFNLEdBQUcsRUFBRSxDQUFDLENBQUMsQ0FBQyxHQUFHLFFBQVEsRUFBRTtRQUU3QywrQkFBTyxHQUFHLFVBQUU7Ozs7Ozs7OztPQVNYLENBQVMsQ0FDTixDQUNQLENBQUM7QUFDSixDQUFDLENBQUM7QUFDRixLQUFLLENBQUMsU0FBUyxHQUFHO0lBQ2hCLEdBQUcsRUFBRSxTQUFTLENBQUMsTUFBTTtJQUNyQixRQUFRLEVBQUUsU0FBUyxDQUFDLE1BQU07Q0FDM0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuZGVjbGFyZSBtb2R1bGUgJ3JlYWN0JyB7XG4gIGludGVyZmFjZSBTdHlsZUhUTUxBdHRyaWJ1dGVzPFQ+IGV4dGVuZHMgUmVhY3QuSFRNTEF0dHJpYnV0ZXM8VD4ge1xuICAgIGpzeD86IGJvb2xlYW47XG4gICAgZ2xvYmFsPzogYm9vbGVhbjtcbiAgfVxufVxuXG5leHBvcnQgY29uc3QgVGl0bGUgPSAocGFyYW1zOiBhbnkpID0+IHtcbiAgY29uc3QgeyBhcHAsIGluc3RhbmNlIH0gPSBwYXJhbXM7XG4gIHJldHVybiAoXG4gICAgPGRpdiBjbGFzc05hbWU9XCJoZWFkZXJiYXItdGl0bGVcIiBkYXRhLXRlc3Q9XCJoZWFkZXJiYXItdGl0bGVcIj5cbiAgICAgIHthcHAgPyBgJHtpbnN0YW5jZX0gLSAke2FwcH1gIDogYCR7aW5zdGFuY2V9YH1cblxuICAgICAgPHN0eWxlIGpzeD57YFxuICAgICAgICAuaGVhZGVyYmFyLXRpdGxlIHtcbiAgICAgICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICAgICAgICAgIGZvbnQtc2l6ZTogMTRweDtcbiAgICAgICAgICBmb250LXdlaWdodDogNTAwO1xuICAgICAgICAgIGxldHRlci1zcGFjaW5nOiAwLjAxZW07XG4gICAgICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICAgICAgfVxuICAgICAgYH08L3N0eWxlPlxuICAgIDwvZGl2PlxuICApO1xufTtcblRpdGxlLnByb3BUeXBlcyA9IHtcbiAgYXBwOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBpbnN0YW5jZTogUHJvcFR5cGVzLnN0cmluZyxcbn07XG4iXX0=

package/esm2022/lib/ng-dhis2-ui.module.mjs

@@ -0,0 +1,15 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import * as i0 from "@angular/core";
+export class NgDhis2UiModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NgDhis2UiModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: NgDhis2UiModule, imports: [CommonModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NgDhis2UiModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: NgDhis2UiModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctZGhpczItdWkubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vbmctZGhpczItdWkvc3JjL2xpYi9uZy1kaGlzMi11aS5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7O0FBSy9DLE1BQU0sT0FBTyxlQUFlOytHQUFmLGVBQWU7Z0hBQWYsZUFBZSxZQUZoQixZQUFZO2dIQUVYLGVBQWUsWUFGaEIsWUFBWTs7NEZBRVgsZUFBZTtrQkFIM0IsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUUsQ0FBQyxZQUFZLENBQUM7aUJBQ3hCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxufSlcbmV4cG9ydCBjbGFzcyBOZ0RoaXMyVWlNb2R1bGUge31cbiJdfQ==

package/esm2022/lib/shared/components/index.mjs

@@ -0,0 +1,7 @@
+// Copyright 2023 UDSM DHIS2 Lab. All rights reserved.
+// Use of this source code is governed by a BSD-style
+// license that can be found in the LICENSE file.
+import { ReactWrapperComponent } from './react-component-wrapper/react-wrapper.component';
+export const sharedComponents = [];
+export { ReactWrapperComponent };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9uZy1kaGlzMi11aS9zcmMvbGliL3NoYXJlZC9jb21wb25lbnRzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHNEQUFzRDtBQUN0RCxxREFBcUQ7QUFDckQsaURBQWlEO0FBQ2pELE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLG1EQUFtRCxDQUFDO0FBRTFGLE1BQU0sQ0FBQyxNQUFNLGdCQUFnQixHQUFVLEVBQUUsQ0FBQztBQUUxQyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8vIENvcHlyaWdodCAyMDIzIFVEU00gREhJUzIgTGFiLiBBbGwgcmlnaHRzIHJlc2VydmVkLlxuLy8gVXNlIG9mIHRoaXMgc291cmNlIGNvZGUgaXMgZ292ZXJuZWQgYnkgYSBCU0Qtc3R5bGVcbi8vIGxpY2Vuc2UgdGhhdCBjYW4gYmUgZm91bmQgaW4gdGhlIExJQ0VOU0UgZmlsZS5cbmltcG9ydCB7IFJlYWN0V3JhcHBlckNvbXBvbmVudCB9IGZyb20gJy4vcmVhY3QtY29tcG9uZW50LXdyYXBwZXIvcmVhY3Qtd3JhcHBlci5jb21wb25lbnQnO1xuXG5leHBvcnQgY29uc3Qgc2hhcmVkQ29tcG9uZW50czogYW55W10gPSBbXTtcblxuZXhwb3J0IHsgUmVhY3RXcmFwcGVyQ29tcG9uZW50IH07XG4iXX0=

package/esm2022/lib/shared/components/react-component-wrapper/react-wrapper.component.mjs

@@ -0,0 +1,53 @@
+import { ContentChild, Directive, ElementRef, Input, } from '@angular/core';
+import parse from 'html-react-parser';
+import * as React from 'react';
+import * as ReactDOM from 'react-dom/client';
+import * as i0 from "@angular/core";
+window.React = React;
+export class ReactWrapperComponent {
+    constructor(elementRef) {
+        this.elementRef = elementRef;
+    }
+    ngAfterViewInit() {
+        if (!this.elementRef)
+            throw new Error('No element ref');
+        this.reactDomRoot = ReactDOM.createRoot(this.elementRef.nativeElement);
+        this.render();
+    }
+    ngOnChanges() {
+        if (this.elementRef)
+            this.render();
+    }
+    ngOnDestroy() {
+        this.reactDomRoot?.unmount();
+    }
+    render() {
+        if (!this.component)
+            throw new Error('React component must be supplied');
+        if (!this.reactDomRoot)
+            return;
+        const jsxContent = this.content?.nativeElement?.outerHTML
+            ? parse(this.content?.nativeElement?.outerHTML)
+            : undefined;
+        this.reactDomRoot.render(React.createElement(this.component, { ...this.props },
+            " ",
+            jsxContent || '',
+            " "));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ReactWrapperComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: ReactWrapperComponent, selector: "ng-dhis2-ui-wrapper", inputs: { props: "props", component: "component" }, queries: [{ propertyName: "content", first: true, predicate: ["ngDhis2UiContent"], descendants: true }], usesOnChanges: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ReactWrapperComponent, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-dhis2-ui-wrapper',
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { props: [{
+                type: Input
+            }], component: [{
+                type: Input
+            }], content: [{
+                type: ContentChild,
+                args: ['ngDhis2UiContent']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVhY3Qtd3JhcHBlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9uZy1kaGlzMi11aS9zcmMvbGliL3NoYXJlZC9jb21wb25lbnRzL3JlYWN0LWNvbXBvbmVudC13cmFwcGVyL3JlYWN0LXdyYXBwZXIuY29tcG9uZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBR0wsWUFBWSxFQUNaLFNBQVMsRUFDVCxVQUFVLEVBQ1YsS0FBSyxHQUdOLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLG1CQUFtQixDQUFDO0FBQ3RDLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRS9CLE9BQU8sS0FBSyxRQUFRLE1BQU0sa0JBQWtCLENBQUM7O0FBQzVDLE1BQWMsQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDO0FBSzlCLE1BQU0sT0FBTyxxQkFBcUI7SUFTaEMsWUFBc0IsVUFBbUM7UUFBbkMsZUFBVSxHQUFWLFVBQVUsQ0FBeUI7SUFBRyxDQUFDO0lBRTdELGVBQWU7UUFDYixJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVU7WUFBRSxNQUFNLElBQUksS0FBSyxDQUFDLGdCQUFnQixDQUFDLENBQUM7UUFDeEQsSUFBSSxDQUFDLFlBQVksR0FBRyxRQUFRLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxDQUFDLENBQUM7UUFDdkUsSUFBSSxDQUFDLE1BQU0sRUFBRSxDQUFDO0lBQ2hCLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxJQUFJLENBQUMsVUFBVTtZQUFFLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQztJQUNyQyxDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxZQUFZLEVBQUUsT0FBTyxFQUFFLENBQUM7SUFDL0IsQ0FBQztJQUVTLE1BQU07UUFDZCxJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVM7WUFBRSxNQUFNLElBQUksS0FBSyxDQUFDLGtDQUFrQyxDQUFDLENBQUM7UUFFekUsSUFBSSxDQUFDLElBQUksQ0FBQyxZQUFZO1lBQUUsT0FBTztRQUUvQixNQUFNLFVBQVUsR0FBRyxJQUFJLENBQUMsT0FBTyxFQUFFLGFBQWEsRUFBRSxTQUFTO1lBQ3ZELENBQUMsQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxhQUFhLEVBQUUsU0FBUyxDQUFDO1lBQy9DLENBQUMsQ0FBQyxTQUFTLENBQUM7UUFFZCxJQUFJLENBQUMsWUFBWSxDQUFDLE1BQU0sQ0FDdEIsb0JBQUMsSUFBSSxDQUFDLFNBQVMsT0FBSyxJQUFJLENBQUMsS0FBSzs7WUFBSSxVQUFVLElBQUksRUFBRTtnQkFBbUIsQ0FDdEUsQ0FBQztJQUNKLENBQUM7K0dBckNVLHFCQUFxQjttR0FBckIscUJBQXFCOzs0RkFBckIscUJBQXFCO2tCQUhqQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxxQkFBcUI7aUJBQ2hDO2lHQUlVLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUU0QixPQUFPO3NCQUF4QyxZQUFZO3VCQUFDLGtCQUFrQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEFmdGVyVmlld0luaXQsXG4gIENvbXBvbmVudCxcbiAgQ29udGVudENoaWxkLFxuICBEaXJlY3RpdmUsXG4gIEVsZW1lbnRSZWYsXG4gIElucHV0LFxuICBPbkNoYW5nZXMsXG4gIE9uRGVzdHJveSxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgcGFyc2UgZnJvbSAnaHRtbC1yZWFjdC1wYXJzZXInO1xuaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgQ29tcG9uZW50UHJvcHMgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgKiBhcyBSZWFjdERPTSBmcm9tICdyZWFjdC1kb20vY2xpZW50Jztcbih3aW5kb3cgYXMgYW55KS5SZWFjdCA9IFJlYWN0O1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICduZy1kaGlzMi11aS13cmFwcGVyJyxcbn0pXG5leHBvcnQgY2xhc3MgUmVhY3RXcmFwcGVyQ29tcG9uZW50XG4gIGltcGxlbWVudHMgT25DaGFuZ2VzLCBPbkRlc3Ryb3ksIEFmdGVyVmlld0luaXRcbntcbiAgQElucHV0KCkgcHJvcHM/OiBDb21wb25lbnRQcm9wczxhbnk+O1xuICBASW5wdXQoKSBjb21wb25lbnQhOiBSZWFjdC5FbGVtZW50VHlwZTtcblxuICBAQ29udGVudENoaWxkKCduZ0RoaXMyVWlDb250ZW50JykgY29udGVudCE6IEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+O1xuICBwcm90ZWN0ZWQgcmVhY3REb21Sb290PzogUmVhY3RET00uUm9vdDtcblxuICBjb25zdHJ1Y3Rvcihwcm90ZWN0ZWQgZWxlbWVudFJlZjogRWxlbWVudFJlZjxIVE1MRWxlbWVudD4pIHt9XG5cbiAgbmdBZnRlclZpZXdJbml0KCkge1xuICAgIGlmICghdGhpcy5lbGVtZW50UmVmKSB0aHJvdyBuZXcgRXJyb3IoJ05vIGVsZW1lbnQgcmVmJyk7XG4gICAgdGhpcy5yZWFjdERvbVJvb3QgPSBSZWFjdERPTS5jcmVhdGVSb290KHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50KTtcbiAgICB0aGlzLnJlbmRlcigpO1xuICB9XG5cbiAgbmdPbkNoYW5nZXMoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuZWxlbWVudFJlZikgdGhpcy5yZW5kZXIoKTtcbiAgfVxuXG4gIG5nT25EZXN0cm95KCkge1xuICAgIHRoaXMucmVhY3REb21Sb290Py51bm1vdW50KCk7XG4gIH1cblxuICBwcm90ZWN0ZWQgcmVuZGVyKCkge1xuICAgIGlmICghdGhpcy5jb21wb25lbnQpIHRocm93IG5ldyBFcnJvcignUmVhY3QgY29tcG9uZW50IG11c3QgYmUgc3VwcGxpZWQnKTtcblxuICAgIGlmICghdGhpcy5yZWFjdERvbVJvb3QpIHJldHVybjtcblxuICAgIGNvbnN0IGpzeENvbnRlbnQgPSB0aGlzLmNvbnRlbnQ/Lm5hdGl2ZUVsZW1lbnQ/Lm91dGVySFRNTFxuICAgICAgPyBwYXJzZSh0aGlzLmNvbnRlbnQ/Lm5hdGl2ZUVsZW1lbnQ/Lm91dGVySFRNTClcbiAgICAgIDogdW5kZWZpbmVkO1xuXG4gICAgdGhpcy5yZWFjdERvbVJvb3QucmVuZGVyKFxuICAgICAgPHRoaXMuY29tcG9uZW50IHsuLi50aGlzLnByb3BzfT4ge2pzeENvbnRlbnQgfHwgJyd9IDwvdGhpcy5jb21wb25lbnQ+XG4gICAgKTtcbiAgfVxufVxuIl19

package/esm2022/lib/shared/shared.module.mjs

@@ -0,0 +1,18 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { sharedComponents } from './components';
+import * as i0 from "@angular/core";
+export class SharedDhis2UiModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SharedDhis2UiModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: SharedDhis2UiModule, imports: [CommonModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SharedDhis2UiModule, imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SharedDhis2UiModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    declarations: [...sharedComponents],
+                    exports: [...sharedComponents],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2hhcmVkLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL25nLWRoaXMyLXVpL3NyYy9saWIvc2hhcmVkL3NoYXJlZC5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sY0FBYyxDQUFDOztBQU9oRCxNQUFNLE9BQU8sbUJBQW1COytHQUFuQixtQkFBbUI7Z0hBQW5CLG1CQUFtQixZQUpwQixZQUFZO2dIQUlYLG1CQUFtQixZQUpwQixZQUFZOzs0RkFJWCxtQkFBbUI7a0JBTC9CLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFLENBQUMsWUFBWSxDQUFDO29CQUN2QixZQUFZLEVBQUUsQ0FBQyxHQUFHLGdCQUFnQixDQUFDO29CQUNuQyxPQUFPLEVBQUUsQ0FBQyxHQUFHLGdCQUFnQixDQUFDO2lCQUMvQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgc2hhcmVkQ29tcG9uZW50cyB9IGZyb20gJy4vY29tcG9uZW50cyc7XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICBkZWNsYXJhdGlvbnM6IFsuLi5zaGFyZWRDb21wb25lbnRzXSxcbiAgZXhwb3J0czogWy4uLnNoYXJlZENvbXBvbmVudHNdLFxufSlcbmV4cG9ydCBjbGFzcyBTaGFyZWREaGlzMlVpTW9kdWxlIHt9XG4iXX0=