solid-ui 2.4.13 → 2.4.14-6a9e81a9

package/lib/header/index.d.ts

@@ -2,35 +2,38 @@ import { IndexedFormula, NamedNode } from 'rdflib';
 export declare type MenuItemLink = {
     label: string;
     url: string;
+    target?: string;
 };
 export declare type MenuItemButton = {
     label: string;
-    onclick: () => {};
+    onclick: () => void;
 };
 export declare type MenuItems = MenuItemLink | MenuItemButton;
 export declare type HeaderOptions = {
     logo?: string;
-    menuList?: MenuItems[];
+    helpIcon?: string;
+    helpMenuList?: MenuItems[];
 };
 /**
  * Initialize header component, the header object returned depends on whether the user is authenticated.
  * @param store the data store
- * @param options allow the header to be customized with a personalized logo and a menu list of links or buttons.
+ * @param userMenuList a list of menu items when the user is logged in
+ * @param options allow the header to be customized with a personalized logo, help icon and a help menu list of links or buttons.
  * @returns a header for an authenticated user with menu items given or a login screen
  */
-export declare function initHeader(store: IndexedFormula, options?: HeaderOptions): Promise<void>;
+export declare function initHeader(store: IndexedFormula, userMenuList: MenuItems[], options?: HeaderOptions): Promise<void>;
 /**
  * @ignore exporting this only for the unit test
  */
-export declare function rebuildHeader(header: HTMLElement, store: IndexedFormula, pod: NamedNode, options?: HeaderOptions): () => Promise<void>;
+export declare function rebuildHeader(header: HTMLElement, store: IndexedFormula, pod: NamedNode, userMenuList: MenuItems[], options?: HeaderOptions): () => Promise<void>;
 /**
  * @ignore exporting this only for the unit test
  */
-export declare function createBanner(store: IndexedFormula, pod: NamedNode, user: NamedNode | null, options?: HeaderOptions): Promise<HTMLElement>;
+export declare function createBanner(store: IndexedFormula, pod: NamedNode, user: NamedNode | null, userMenuList: MenuItems[], options?: HeaderOptions): Promise<HTMLElement>;
 /**
  * @ignore exporting this only for the unit test
  */
-export declare function createHelpMenu(): HTMLDivElement;
+export declare function createHelpMenu(options: HeaderOptions, helpMenuItems: MenuItems[]): HTMLDivElement | undefined;
 /**
  * @ignore exporting this only for the unit test
  */
@@ -46,7 +49,7 @@ export declare function createUserMenuLink(label: string, href: string, target?:
 /**
  * @ignore exporting this only for the unit test
  */
-export declare function createUserMenu(store: IndexedFormula, user: NamedNode, options?: HeaderOptions): Promise<HTMLElement>;
+export declare function createUserMenu(store: IndexedFormula, user: NamedNode, userMenuList: MenuItems[]): Promise<HTMLElement>;
 /**
  * @ignore exporting this only for the unit test
  */

package/lib/header/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/header/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AAOlD,oBAAY,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAA;CACZ,CAAA;AAED,oBAAY,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,EAAE,CAAA;CAClB,CAAA;AAED,oBAAY,SAAS,GAAG,YAAY,GAAG,cAAc,CAAA;AAMrD,oBAAY,aAAa,GAAG;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,SAAS,EAAE,CAAA;CACvB,CAAA;AAED;;;;;GAKG;AACH,wBAAsB,UAAU,CAAE,KAAK,EAAE,cAAc,EAAE,OAAO,CAAC,EAAE,aAAa,iBAU/E;AACD;;GAEG;AACH,wBAAgB,aAAa,CAAE,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,SAAS,EAAE,OAAO,CAAC,EAAE,aAAa,uBAMjH;AACD;;GAEG;AACH,wBAAsB,YAAY,CAAE,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,GAAG,IAAI,EAAE,OAAO,CAAC,EAAE,aAAa,GAAG,OAAO,CAAC,WAAW,CAAC,CA6BhJ;AACD;;GAEG;AACH,wBAAgB,cAAc,mBAyC7B;AACD;;GAEG;AACH,wBAAgB,wBAAwB,mBAKvC;AACD;;GAEG;AACH,wBAAgB,oBAAoB,CAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,kCAAkC,GAAG,WAAW,CAM7G;AACD;;GAEG;AACH,wBAAgB,kBAAkB,CAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,EAAC,MAAM,GAAG,WAAW,CAO5F;AAED;;GAEG;AACH,wBAAsB,cAAc,CAAE,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,CAAC,EAAE,aAAa,GAAG,OAAO,CAAC,WAAW,CAAC,CA0D3H;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAE,KAAK,EAAE,WAAW,GAAG,WAAW,CAKnE;AACD;;GAEG;AACH,wBAAgB,aAAa,CAAE,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,SAAS,GAAG,MAAM,GAAG,WAAW,CAe3F"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/header/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AAalD,oBAAY,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AAED,oBAAY,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB,CAAA;AAED,oBAAY,SAAS,GAAG,YAAY,GAAG,cAAc,CAAA;AAMrD,oBAAY,aAAa,GAAG;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,SAAS,EAAE,CAAA;CAC3B,CAAA;AAED;;;;;;GAMG;AACH,wBAAsB,UAAU,CAAE,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE,OAAO,CAAC,EAAE,aAAa,iBAU1G;AACD;;GAEG;AACH,wBAAgB,aAAa,CAAE,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE,OAAO,CAAC,EAAE,aAAa,uBAM5I;AACD;;GAEG;AACH,wBAAsB,YAAY,CAAE,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,GAAG,IAAI,EAAE,YAAY,EAAE,SAAS,EAAE,EAAE,OAAO,CAAC,EAAE,aAAa,GAAG,OAAO,CAAC,WAAW,CAAC,CA+B3K;AACD;;GAEG;AACH,wBAAgB,cAAc,CAAE,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,SAAS,EAAE,8BA8CjF;AACD;;GAEG;AACH,wBAAgB,wBAAwB,mBAKvC;AACD;;GAEG;AACH,wBAAgB,oBAAoB,CAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,kCAAkC,GAAG,WAAW,CAM7G;AACD;;GAEG;AACH,wBAAgB,kBAAkB,CAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,WAAW,CAO7F;AAED;;GAEG;AACH,wBAAsB,cAAc,CAAE,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,OAAO,CAAC,WAAW,CAAC,CAqD7H;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAE,KAAK,EAAE,WAAW,GAAG,WAAW,CAKnE;AACD;;GAEG;AACH,wBAAgB,aAAa,CAAE,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE,SAAS,GAAG,MAAM,GAAG,WAAW,CAe3F"}

package/lib/header/index.js

@@ -22,7 +22,7 @@ var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"))
 
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 
-var _ = require("..");
+var _iconBase = require("../iconBase");
 
 var _authn = require("../authn/authn");
 
@@ -30,7 +30,7 @@ var widgets = _interopRequireWildcard(require("../widgets"));
 
 var _emptyProfile = require("./empty-profile");
 
-var _headerHelpers = require("./headerHelpers");
+var _headerFooterHelpers = require("../utils/headerFooterHelpers");
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -43,13 +43,20 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
     work in solid-ui by adjusting where imported functions are found.
  */
 
+/**
+ * menu icons
+*/
+var DEFAULT_HELP_MENU_ICON = _iconBase.icons.iconBase + 'noun_help.svg';
+var DEFAUL_SOLID_ICON_URL = 'https://solidproject.org/assets/img/solid-emblem.svg';
+
 /**
  * Initialize header component, the header object returned depends on whether the user is authenticated.
  * @param store the data store
- * @param options allow the header to be customized with a personalized logo and a menu list of links or buttons.
+ * @param userMenuList a list of menu items when the user is logged in
+ * @param options allow the header to be customized with a personalized logo, help icon and a help menu list of links or buttons.
  * @returns a header for an authenticated user with menu items given or a login screen
  */
-function initHeader(_x, _x2) {
+function initHeader(_x, _x2, _x3) {
   return _initHeader.apply(this, arguments);
 }
 /**
@@ -58,7 +65,7 @@ function initHeader(_x, _x2) {
 
 
 function _initHeader() {
-  _initHeader = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2(store, options) {
+  _initHeader = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2(store, userMenuList, options) {
     var header, pod;
     return _regenerator["default"].wrap(function _callee2$(_context2) {
       while (1) {
@@ -74,12 +81,12 @@ function _initHeader() {
             return _context2.abrupt("return");
 
           case 3:
-            pod = (0, _headerHelpers.getPod)();
-            rebuildHeader(header, store, pod, options)();
+            pod = (0, _headerFooterHelpers.getPod)();
+            rebuildHeader(header, store, pod, userMenuList, options)();
 
-            _authn.authSession.onLogout(rebuildHeader(header, store, pod, options));
+            _authn.authSession.onLogout(rebuildHeader(header, store, pod, userMenuList, options));
 
-            _authn.authSession.onLogin(rebuildHeader(header, store, pod, options));
+            _authn.authSession.onLogin(rebuildHeader(header, store, pod, userMenuList, options));
 
           case 7:
           case "end":
@@ -91,7 +98,7 @@ function _initHeader() {
   return _initHeader.apply(this, arguments);
 }
 
-function rebuildHeader(header, store, pod, options) {
+function rebuildHeader(header, store, pod, userMenuList, options) {
   return /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
     var user;
     return _regenerator["default"].wrap(function _callee$(_context) {
@@ -102,7 +109,7 @@ function rebuildHeader(header, store, pod, options) {
             header.innerHTML = '';
             _context.t0 = header;
             _context.next = 5;
-            return createBanner(store, pod, user, options);
+            return createBanner(store, pod, user, userMenuList, options);
 
           case 5:
             _context.t1 = _context.sent;
@@ -122,7 +129,7 @@ function rebuildHeader(header, store, pod, options) {
  */
 
 
-function createBanner(_x3, _x4, _x5, _x6) {
+function createBanner(_x4, _x5, _x6, _x7, _x8) {
   return _createBanner.apply(this, arguments);
 }
 /**
@@ -131,22 +138,22 @@ function createBanner(_x3, _x4, _x5, _x6) {
 
 
 function _createBanner() {
-  _createBanner = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee3(store, pod, user, options) {
-    var podLink, image, userMenu, helpMenu, banner, leftSideOfHeader;
+  _createBanner = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee3(store, pod, user, userMenuList, options) {
+    var podLink, image, userMenu, banner, leftSideOfHeader, helpMenu;
     return _regenerator["default"].wrap(function _callee3$(_context3) {
       while (1) {
         switch (_context3.prev = _context3.next) {
           case 0:
             podLink = document.createElement('a');
             podLink.href = pod.uri;
-            (0, _headerHelpers.addStyleClassToElement)(podLink, ['header-banner__link']);
+            (0, _headerFooterHelpers.addStyleClassToElement)(podLink, ['header-banner__link']);
             image = document.createElement('img');
 
             if (options) {
-              image.src = options.logo ? options.logo : 'https://solidproject.org/assets/img/solid-emblem.svg';
+              image.src = options.logo ? options.logo : DEFAUL_SOLID_ICON_URL;
             }
 
-            (0, _headerHelpers.addStyleClassToElement)(image, ['header-banner__icon']);
+            (0, _headerFooterHelpers.addStyleClassToElement)(image, ['header-banner__icon']);
             podLink.appendChild(image);
 
             if (!user) {
@@ -155,7 +162,7 @@ function _createBanner() {
             }
 
             _context3.next = 10;
-            return createUserMenu(store, user, options);
+            return createUserMenu(store, user, userMenuList);
 
           case 10:
             _context3.t0 = _context3.sent;
@@ -167,18 +174,22 @@ function _createBanner() {
 
           case 14:
             userMenu = _context3.t0;
-            helpMenu = createHelpMenu();
             banner = document.createElement('div');
-            (0, _headerHelpers.addStyleClassToElement)(banner, ['header-banner']);
+            (0, _headerFooterHelpers.addStyleClassToElement)(banner, ['header-banner']);
             banner.appendChild(podLink);
             leftSideOfHeader = document.createElement('div');
-            (0, _headerHelpers.addStyleClassToElement)(leftSideOfHeader, ['header-banner__right-menu']);
+            (0, _headerFooterHelpers.addStyleClassToElement)(leftSideOfHeader, ['header-banner__right-menu']);
             leftSideOfHeader.appendChild(userMenu);
-            leftSideOfHeader.appendChild(helpMenu);
+
+            if (options && options.helpMenuList) {
+              helpMenu = createHelpMenu(options, options.helpMenuList);
+              leftSideOfHeader.appendChild(helpMenu);
+            }
+
             banner.appendChild(leftSideOfHeader);
             return _context3.abrupt("return", banner);
 
-          case 25:
+          case 24:
           case "end":
             return _context3.stop();
         }
@@ -188,29 +199,36 @@ function _createBanner() {
   return _createBanner.apply(this, arguments);
 }
 
-function createHelpMenu() {
+function createHelpMenu(options, helpMenuItems) {
+  if (!helpMenuItems) return;
   var helpMenuList = document.createElement('ul');
-  (0, _headerHelpers.addStyleClassToElement)(helpMenuList, ['header-user-menu__list']);
-  helpMenuList.appendChild(createUserMenuItem(createUserMenuLink('User guide', 'https://github.com/solid/userguide', '_blank')));
-  helpMenuList.appendChild(createUserMenuItem(createUserMenuLink('Report a problem', 'https://github.com/solid/solidos/issues', '_blank')));
+  (0, _headerFooterHelpers.addStyleClassToElement)(helpMenuList, ['header-user-menu__list']);
+  helpMenuItems.forEach(function (menuItem) {
+    var menuItemType = menuItem.url ? 'url' : 'onclick';
+
+    if (menuItemType === 'url') {
+      helpMenuList.appendChild(createUserMenuItem(createUserMenuLink(menuItem.label, menuItem.url, menuItem.target)));
+    } else {
+      helpMenuList.appendChild(createUserMenuItem(createUserMenuButton(menuItem.label, menuItem.onclick)));
+    }
+  });
   var helpMenu = document.createElement('nav');
-  (0, _headerHelpers.addStyleClassToElement)(helpMenu, ['header-user-menu__navigation-menu']);
+  (0, _headerFooterHelpers.addStyleClassToElement)(helpMenu, ['header-user-menu__navigation-menu']);
   helpMenu.setAttribute('aria-hidden', 'true');
   helpMenu.appendChild(helpMenuList);
-  var helpIcon = _.icons.iconBase + 'noun_144.svg';
   var helpMenuContainer = document.createElement('div');
-  (0, _headerHelpers.addStyleClassToElement)(helpMenuContainer, ['header-banner__user-menu']);
-  (0, _headerHelpers.addStyleClassToElement)(helpMenuContainer, ['header-user-menu']);
+  (0, _headerFooterHelpers.addStyleClassToElement)(helpMenuContainer, ['header-banner__user-menu']);
+  (0, _headerFooterHelpers.addStyleClassToElement)(helpMenuContainer, ['header-user-menu']);
   helpMenuContainer.appendChild(helpMenu);
   var helpMenuTrigger = document.createElement('button');
-  (0, _headerHelpers.addStyleClassToElement)(helpMenuTrigger, ['header-user-menu__trigger']);
+  (0, _headerFooterHelpers.addStyleClassToElement)(helpMenuTrigger, ['header-user-menu__trigger']);
   helpMenuTrigger.type = 'button';
   var helpMenuIcon = document.createElement('img');
-  helpMenuIcon.src = helpIcon;
-  (0, _headerHelpers.addStyleClassToElement)(helpMenuIcon, ['header-banner__help-icon']);
+  helpMenuIcon.src = options && options.helpIcon ? options.helpIcon : _iconBase.icons.iconBase + DEFAULT_HELP_MENU_ICON;
+  (0, _headerFooterHelpers.addStyleClassToElement)(helpMenuIcon, ['header-banner__help-icon']);
   helpMenuContainer.appendChild(helpMenuTrigger);
   helpMenuTrigger.appendChild(helpMenuIcon);
-  var throttledMenuToggle = (0, _headerHelpers.throttle)(function (event) {
+  var throttledMenuToggle = (0, _headerFooterHelpers.throttle)(function (event) {
     return toggleMenu(event, helpMenuTrigger, helpMenu);
   }, 50);
   helpMenuTrigger.addEventListener('click', throttledMenuToggle);
@@ -235,7 +253,7 @@ function createHelpMenu() {
 
 function createLoginSignUpButtons() {
   var profileLoginButtonPre = document.createElement('div');
-  (0, _headerHelpers.addStyleClassToElement)(profileLoginButtonPre, ['header-banner__login']);
+  (0, _headerFooterHelpers.addStyleClassToElement)(profileLoginButtonPre, ['header-banner__login']);
   profileLoginButtonPre.appendChild((0, _authn.loginStatusBox)(document, null, {}));
   return profileLoginButtonPre;
 }
@@ -246,7 +264,7 @@ function createLoginSignUpButtons() {
 
 function createUserMenuButton(label, onClick) {
   var button = document.createElement('button');
-  (0, _headerHelpers.addStyleClassToElement)(button, ['header-user-menu__button']);
+  (0, _headerFooterHelpers.addStyleClassToElement)(button, ['header-user-menu__button']);
   button.addEventListener('click', onClick);
   button.innerText = label;
   return button;
@@ -258,7 +276,7 @@ function createUserMenuButton(label, onClick) {
 
 function createUserMenuLink(label, href, target) {
   var link = document.createElement('a');
-  (0, _headerHelpers.addStyleClassToElement)(link, ['header-user-menu__link']);
+  (0, _headerFooterHelpers.addStyleClassToElement)(link, ['header-user-menu__link']);
   link.href = href;
   link.innerText = label;
   if (target) link.target = target;
@@ -269,7 +287,7 @@ function createUserMenuLink(label, href, target) {
  */
 
 
-function createUserMenu(_x7, _x8, _x9) {
+function createUserMenu(_x9, _x10, _x11) {
   return _createUserMenu.apply(this, arguments);
 }
 /**
@@ -278,7 +296,7 @@ function createUserMenu(_x7, _x8, _x9) {
 
 
 function _createUserMenu() {
-  _createUserMenu = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee4(store, user, options) {
+  _createUserMenu = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee4(store, user, userMenuList) {
     var fetcher, loggedInMenuList, loggedInMenu, loggedInMenuTrigger, profileImg, loggedInMenuContainer, throttledMenuToggle, timer;
     return _regenerator["default"].wrap(function _callee4$(_context4) {
       while (1) {
@@ -296,32 +314,26 @@ function _createUserMenu() {
 
           case 4:
             loggedInMenuList = document.createElement('ul');
-            (0, _headerHelpers.addStyleClassToElement)(loggedInMenuList, ['header-user-menu__list']);
-            loggedInMenuList.appendChild(createUserMenuItem(createUserMenuLink('Show your profile', user.uri)));
-
-            if (options) {
-              if (options.menuList) {
-                options.menuList.forEach(function (menuItem) {
-                  var menuItemType = menuItem.url ? 'url' : 'onclick';
-
-                  if (menuItemType === 'url') {
-                    loggedInMenuList.appendChild(createUserMenuItem(createUserMenuLink(menuItem.label, menuItem[menuItemType])));
-                  } else {
-                    loggedInMenuList.appendChild(createUserMenuItem(createUserMenuButton(menuItem.label, menuItem[menuItemType])));
-                  }
-                });
-              }
+            (0, _headerFooterHelpers.addStyleClassToElement)(loggedInMenuList, ['header-user-menu__list']);
+
+            if (userMenuList) {
+              userMenuList.forEach(function (menuItem) {
+                var menuItemType = menuItem.url ? 'url' : 'onclick';
+
+                if (menuItemType === 'url') {
+                  loggedInMenuList.appendChild(createUserMenuItem(createUserMenuLink(menuItem.label, menuItem.url, menuItem.target)));
+                } else {
+                  loggedInMenuList.appendChild(createUserMenuItem(createUserMenuButton(menuItem.label, menuItem.onclick)));
+                }
+              });
             }
 
-            loggedInMenuList.appendChild(createUserMenuItem(createUserMenuButton('Log out', function () {
-              return _authn.authSession.logout();
-            })));
             loggedInMenu = document.createElement('nav');
-            (0, _headerHelpers.addStyleClassToElement)(loggedInMenu, ['header-user-menu__navigation-menu']);
+            (0, _headerFooterHelpers.addStyleClassToElement)(loggedInMenu, ['header-user-menu__navigation-menu']);
             loggedInMenu.setAttribute('aria-hidden', 'true');
             loggedInMenu.appendChild(loggedInMenuList);
             loggedInMenuTrigger = document.createElement('button');
-            (0, _headerHelpers.addStyleClassToElement)(loggedInMenuTrigger, ['header-user-menu__trigger']);
+            (0, _headerFooterHelpers.addStyleClassToElement)(loggedInMenuTrigger, ['header-user-menu__trigger']);
             loggedInMenuTrigger.type = 'button';
             profileImg = getProfileImg(store, user);
 
@@ -332,11 +344,11 @@ function _createUserMenu() {
             }
 
             loggedInMenuContainer = document.createElement('div');
-            (0, _headerHelpers.addStyleClassToElement)(loggedInMenuContainer, ['header-banner__user-menu']);
-            (0, _headerHelpers.addStyleClassToElement)(loggedInMenuContainer, ['header-user-menu']);
+            (0, _headerFooterHelpers.addStyleClassToElement)(loggedInMenuContainer, ['header-banner__user-menu']);
+            (0, _headerFooterHelpers.addStyleClassToElement)(loggedInMenuContainer, ['header-user-menu']);
             loggedInMenuContainer.appendChild(loggedInMenuTrigger);
             loggedInMenuContainer.appendChild(loggedInMenu);
-            throttledMenuToggle = (0, _headerHelpers.throttle)(function (event) {
+            throttledMenuToggle = (0, _headerFooterHelpers.throttle)(function (event) {
               return toggleMenu(event, loggedInMenuTrigger, loggedInMenu);
             }, 50);
             loggedInMenuTrigger.addEventListener('click', throttledMenuToggle);
@@ -354,7 +366,7 @@ function _createUserMenu() {
             });
             return _context4.abrupt("return", loggedInMenuContainer);
 
-          case 29:
+          case 27:
           case "end":
             return _context4.stop();
         }
@@ -366,7 +378,7 @@ function _createUserMenu() {
 
 function createUserMenuItem(child) {
   var menuProfileItem = document.createElement('li');
-  (0, _headerHelpers.addStyleClassToElement)(menuProfileItem, ['header-user-menu__list-item']);
+  (0, _headerFooterHelpers.addStyleClassToElement)(menuProfileItem, ['header-user-menu__list-item']);
   menuProfileItem.appendChild(child);
   return menuProfileItem;
 }
@@ -389,7 +401,7 @@ function getProfileImg(store, user) {
   }
 
   var profileImage = document.createElement('div');
-  (0, _headerHelpers.addStyleClassToElement)(profileImage, ['header-user-menu__photo']);
+  (0, _headerFooterHelpers.addStyleClassToElement)(profileImage, ['header-user-menu__photo']);
   profileImage.style.backgroundImage = "url(\"".concat(profileUrl, "\")");
   return profileImage;
 }

package/lib/header/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/header/index.ts"],"names":["initHeader","store","options","header","document","getElementById","pod","rebuildHeader","authSession","onLogout","onLogin","user","innerHTML","createBanner","appendChild","podLink","createElement","href","uri","image","src","logo","createUserMenu","createLoginSignUpButtons","userMenu","helpMenu","createHelpMenu","banner","leftSideOfHeader","helpMenuList","createUserMenuItem","createUserMenuLink","setAttribute","helpIcon","icons","iconBase","helpMenuContainer","helpMenuTrigger","type","helpMenuIcon","throttledMenuToggle","event","toggleMenu","addEventListener","timer","setTimeout","clearTimeout","profileLoginButtonPre","createUserMenuButton","label","onClick","button","innerText","target","link","fetcher","load","loggedInMenuList","menuList","forEach","menuItem","menuItemType","url","logout","loggedInMenu","loggedInMenuTrigger","profileImg","getProfileImg","loggedInMenuContainer","child","menuProfileItem","profileUrl","widgets","findImage","emptyProfile","profileImage","style","backgroundImage","trigger","menu","isExpanded","getAttribute","expand","close","toString"],"mappings":"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","sourcesContent":["/* global EventListenerOrEventListenerObject */\n/*\n    This file was copied from mashlib/src/global/header.ts file. It is modified to\n    work in solid-ui by adjusting where imported functions are found.\n */\nimport { IndexedFormula, NamedNode } from 'rdflib'\nimport { icons } from '..'\nimport { loginStatusBox, authSession, currentUser } from '../authn/authn'\nimport * as widgets from '../widgets'\nimport { emptyProfile } from './empty-profile'\nimport { addStyleClassToElement, getPod, throttle } from './headerHelpers'\n\nexport type MenuItemLink = {\n  label: string,\n  url: string\n}\n\nexport type MenuItemButton = {\n  label: string,\n  onclick: () => {}\n}\n\nexport type MenuItems = MenuItemLink | MenuItemButton\n\n/*\nHeaderOptions allow for customizing the logo and menu list.  If a logo is not provided the default\n    is solid. Menulist will always show a link to logout and to the users profile.\n  */\nexport type HeaderOptions = {\n  logo?: string,\n  menuList?: MenuItems[]\n}\n\n/**\n * Initialize header component, the header object returned depends on whether the user is authenticated.\n * @param store the data store\n * @param options allow the header to be customized with a personalized logo and a menu list of links or buttons.\n * @returns a header for an authenticated user with menu items given or a login screen\n */\nexport async function initHeader (store: IndexedFormula, options?: HeaderOptions) {\n  const header = document.getElementById('PageHeader')\n  if (!header) {\n    return\n  }\n\n  const pod = getPod()\n  rebuildHeader(header, store, pod, options)()\n  authSession.onLogout(rebuildHeader(header, store, pod, options))\n  authSession.onLogin(rebuildHeader(header, store, pod, options))\n}\n/**\n * @ignore exporting this only for the unit test\n */\nexport function rebuildHeader (header: HTMLElement, store: IndexedFormula, pod: NamedNode, options?: HeaderOptions) {\n  return async () => {\n    const user = currentUser()\n    header.innerHTML = ''\n    header.appendChild(await createBanner(store, pod, user, options))\n  }\n}\n/**\n * @ignore exporting this only for the unit test\n */\nexport async function createBanner (store: IndexedFormula, pod: NamedNode, user: NamedNode | null, options?: HeaderOptions): Promise<HTMLElement> {\n  const podLink = document.createElement('a')\n  podLink.href = pod.uri\n  addStyleClassToElement(podLink, ['header-banner__link'])\n  const image = document.createElement('img')\n  if (options) {\n    image.src = options.logo ? options.logo : 'https://solidproject.org/assets/img/solid-emblem.svg'\n  }\n  addStyleClassToElement(image, ['header-banner__icon'])\n  podLink.appendChild(image)\n\n  const userMenu = user\n    ? await createUserMenu(store, user, options)\n    : createLoginSignUpButtons()\n\n  const helpMenu = createHelpMenu()\n\n  const banner = document.createElement('div')\n  addStyleClassToElement(banner, ['header-banner'])\n  banner.appendChild(podLink)\n\n  const leftSideOfHeader = document.createElement('div')\n  addStyleClassToElement(leftSideOfHeader, ['header-banner__right-menu'])\n  leftSideOfHeader.appendChild(userMenu)\n  leftSideOfHeader.appendChild(helpMenu)\n\n  banner.appendChild(leftSideOfHeader)\n\n  return banner\n}\n/**\n * @ignore exporting this only for the unit test\n */\nexport function createHelpMenu () {\n  const helpMenuList = document.createElement('ul')\n  addStyleClassToElement(helpMenuList, ['header-user-menu__list'])\n  helpMenuList.appendChild(createUserMenuItem(createUserMenuLink('User guide', 'https://github.com/solid/userguide', '_blank')))\n  helpMenuList.appendChild(createUserMenuItem(createUserMenuLink('Report a problem', 'https://github.com/solid/solidos/issues', '_blank')))\n\n  const helpMenu = document.createElement('nav')\n\n  addStyleClassToElement(helpMenu, ['header-user-menu__navigation-menu'])\n  helpMenu.setAttribute('aria-hidden', 'true')\n  helpMenu.appendChild(helpMenuList)\n\n  const helpIcon = icons.iconBase + 'noun_144.svg'\n\n  const helpMenuContainer = document.createElement('div')\n  addStyleClassToElement(helpMenuContainer, ['header-banner__user-menu'])\n  addStyleClassToElement(helpMenuContainer, ['header-user-menu'])\n  helpMenuContainer.appendChild(helpMenu)\n\n  const helpMenuTrigger = document.createElement('button')\n  addStyleClassToElement(helpMenuTrigger, ['header-user-menu__trigger'])\n  helpMenuTrigger.type = 'button'\n\n  const helpMenuIcon = document.createElement('img')\n  helpMenuIcon.src = helpIcon\n  addStyleClassToElement(helpMenuIcon, ['header-banner__help-icon'])\n  helpMenuContainer.appendChild(helpMenuTrigger)\n  helpMenuTrigger.appendChild(helpMenuIcon)\n\n  const throttledMenuToggle = throttle((event: Event) => toggleMenu(event, helpMenuTrigger, helpMenu), 50)\n  helpMenuTrigger.addEventListener('click', throttledMenuToggle)\n  let timer = setTimeout(() => null, 0)\n  helpMenuContainer.addEventListener('mouseover', event => {\n    clearTimeout(timer)\n    throttledMenuToggle(event)\n  })\n  helpMenuContainer.addEventListener('mouseout', event => {\n    timer = setTimeout(() => throttledMenuToggle(event), 200)\n  })\n\n  return helpMenuContainer\n}\n/**\n * @ignore exporting this only for the unit test\n */\nexport function createLoginSignUpButtons () {\n  const profileLoginButtonPre = document.createElement('div')\n  addStyleClassToElement(profileLoginButtonPre, ['header-banner__login'])\n  profileLoginButtonPre.appendChild(loginStatusBox(document, null, {}))\n  return profileLoginButtonPre\n}\n/**\n * @ignore exporting this only for the unit test\n */\nexport function createUserMenuButton (label: string, onClick: EventListenerOrEventListenerObject): HTMLElement {\n  const button = document.createElement('button')\n  addStyleClassToElement(button, ['header-user-menu__button'])\n  button.addEventListener('click', onClick)\n  button.innerText = label\n  return button\n}\n/**\n * @ignore exporting this only for the unit test\n */\nexport function createUserMenuLink (label: string, href: string, target?:string): HTMLElement {\n  const link = document.createElement('a')\n  addStyleClassToElement(link, ['header-user-menu__link'])\n  link.href = href\n  link.innerText = label\n  if (target) link.target = target\n  return link\n}\n\n/**\n * @ignore exporting this only for the unit test\n */\nexport async function createUserMenu (store: IndexedFormula, user: NamedNode, options?: HeaderOptions): Promise<HTMLElement> {\n  const fetcher = (<any>store).fetcher\n  if (fetcher) {\n    // Making sure that Profile is loaded before building menu\n    await fetcher.load(user)\n  }\n  const loggedInMenuList = document.createElement('ul')\n  addStyleClassToElement(loggedInMenuList, ['header-user-menu__list'])\n  loggedInMenuList.appendChild(createUserMenuItem(createUserMenuLink('Show your profile', user.uri)))\n  if (options) {\n    if (options.menuList) {\n      options.menuList.forEach(function (menuItem) {\n        const menuItemType: string = (menuItem as MenuItemLink).url ? 'url' : 'onclick'\n        if (menuItemType === 'url') {\n          loggedInMenuList.appendChild(createUserMenuItem(createUserMenuLink(menuItem.label, menuItem[menuItemType])))\n        } else {\n          loggedInMenuList.appendChild(createUserMenuItem(createUserMenuButton(menuItem.label, menuItem[menuItemType])))\n        }\n      })\n    }\n  }\n\n  loggedInMenuList.appendChild(createUserMenuItem(createUserMenuButton('Log out', () => authSession.logout())))\n\n  const loggedInMenu = document.createElement('nav')\n\n  addStyleClassToElement(loggedInMenu, ['header-user-menu__navigation-menu'])\n  loggedInMenu.setAttribute('aria-hidden', 'true')\n  loggedInMenu.appendChild(loggedInMenuList)\n\n  const loggedInMenuTrigger = document.createElement('button')\n  addStyleClassToElement(loggedInMenuTrigger, ['header-user-menu__trigger'])\n  loggedInMenuTrigger.type = 'button'\n  const profileImg = getProfileImg(store, user)\n  if (typeof profileImg === 'string') {\n    loggedInMenuTrigger.innerHTML = profileImg\n  } else {\n    loggedInMenuTrigger.appendChild(profileImg)\n  }\n\n  const loggedInMenuContainer = document.createElement('div')\n  addStyleClassToElement(loggedInMenuContainer, ['header-banner__user-menu'])\n  addStyleClassToElement(loggedInMenuContainer, ['header-user-menu'])\n  loggedInMenuContainer.appendChild(loggedInMenuTrigger)\n  loggedInMenuContainer.appendChild(loggedInMenu)\n\n  const throttledMenuToggle = throttle((event: Event) => toggleMenu(event, loggedInMenuTrigger, loggedInMenu), 50)\n  loggedInMenuTrigger.addEventListener('click', throttledMenuToggle)\n  let timer = setTimeout(() => null, 0)\n  loggedInMenuContainer.addEventListener('mouseover', event => {\n    clearTimeout(timer)\n    throttledMenuToggle(event)\n  })\n  loggedInMenuContainer.addEventListener('mouseout', event => {\n    timer = setTimeout(() => throttledMenuToggle(event), 200)\n  })\n\n  return loggedInMenuContainer\n}\n\n/**\n * @ignore exporting this only for the unit test\n */\nexport function createUserMenuItem (child: HTMLElement): HTMLElement {\n  const menuProfileItem = document.createElement('li')\n  addStyleClassToElement(menuProfileItem, ['header-user-menu__list-item'])\n  menuProfileItem.appendChild(child)\n  return menuProfileItem\n}\n/**\n * @ignore exporting this only for the unit test\n */\nexport function getProfileImg (store: IndexedFormula, user: NamedNode): string | HTMLElement {\n  const profileUrl = null\n  try {\n    const profileUrl = widgets.findImage(user)\n    if (!profileUrl) {\n      return emptyProfile\n    }\n  } catch {\n    return emptyProfile\n  }\n\n  const profileImage = document.createElement('div')\n  addStyleClassToElement(profileImage, ['header-user-menu__photo'])\n  profileImage.style.backgroundImage = `url(\"${profileUrl}\")`\n  return profileImage\n}\n\n/**\n * @internal\n */\nfunction toggleMenu (event: Event, trigger: HTMLButtonElement, menu: HTMLElement): void {\n  const isExpanded = trigger.getAttribute('aria-expanded') === 'true'\n  const expand = event.type === 'mouseover'\n  const close = event.type === 'mouseout'\n  if ((isExpanded && expand) || (!isExpanded && close)) {\n    return\n  }\n  trigger.setAttribute('aria-expanded', (!isExpanded).toString())\n  menu.setAttribute('aria-hidden', isExpanded.toString())\n}\n"],"file":"index.js"}
+{"version":3,"sources":["../../src/header/index.ts"],"names":["DEFAULT_HELP_MENU_ICON","icons","iconBase","DEFAUL_SOLID_ICON_URL","initHeader","store","userMenuList","options","header","document","getElementById","pod","rebuildHeader","authSession","onLogout","onLogin","user","innerHTML","createBanner","appendChild","podLink","createElement","href","uri","image","src","logo","createUserMenu","createLoginSignUpButtons","userMenu","banner","leftSideOfHeader","helpMenuList","helpMenu","createHelpMenu","helpMenuItems","forEach","menuItem","menuItemType","url","createUserMenuItem","createUserMenuLink","label","target","createUserMenuButton","onclick","setAttribute","helpMenuContainer","helpMenuTrigger","type","helpMenuIcon","helpIcon","throttledMenuToggle","event","toggleMenu","addEventListener","timer","setTimeout","clearTimeout","profileLoginButtonPre","onClick","button","innerText","link","fetcher","load","loggedInMenuList","loggedInMenu","loggedInMenuTrigger","profileImg","getProfileImg","loggedInMenuContainer","child","menuProfileItem","profileUrl","widgets","findImage","emptyProfile","profileImage","style","backgroundImage","trigger","menu","isExpanded","getAttribute","expand","close","toString"],"mappings":"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","sourcesContent":["/* global EventListenerOrEventListenerObject */\n/*\n    This file was copied from mashlib/src/global/header.ts file. It is modified to\n    work in solid-ui by adjusting where imported functions are found.\n */\nimport { IndexedFormula, NamedNode } from 'rdflib'\nimport { icons } from '../iconBase'\nimport { loginStatusBox, authSession, currentUser } from '../authn/authn'\nimport * as widgets from '../widgets'\nimport { emptyProfile } from './empty-profile'\nimport { addStyleClassToElement, getPod, throttle } from '../utils/headerFooterHelpers'\n\n/**\n * menu icons\n*/\nconst DEFAULT_HELP_MENU_ICON = icons.iconBase + 'noun_help.svg'\nconst DEFAUL_SOLID_ICON_URL = 'https://solidproject.org/assets/img/solid-emblem.svg'\n\nexport type MenuItemLink = {\n  label: string,\n  url: string,\n  target?: string\n}\n\nexport type MenuItemButton = {\n  label: string,\n  onclick: () => void\n}\n\nexport type MenuItems = MenuItemLink | MenuItemButton\n\n/*\n  HeaderOptions allow for customizing the logo and menu list.  If a logo is not provided the default\n  is solid. Menulist will always show a link to logout and to the users profile.\n  */\nexport type HeaderOptions = {\n  logo?: string,\n  helpIcon?: string,\n  helpMenuList?: MenuItems[]\n}\n\n/**\n * Initialize header component, the header object returned depends on whether the user is authenticated.\n * @param store the data store\n * @param userMenuList a list of menu items when the user is logged in\n * @param options allow the header to be customized with a personalized logo, help icon and a help menu list of links or buttons.\n * @returns a header for an authenticated user with menu items given or a login screen\n */\nexport async function initHeader (store: IndexedFormula, userMenuList: MenuItems[], options?: HeaderOptions) {\n  const header = document.getElementById('PageHeader')\n  if (!header) {\n    return\n  }\n\n  const pod = getPod()\n  rebuildHeader(header, store, pod, userMenuList, options)()\n  authSession.onLogout(rebuildHeader(header, store, pod, userMenuList, options))\n  authSession.onLogin(rebuildHeader(header, store, pod, userMenuList, options))\n}\n/**\n * @ignore exporting this only for the unit test\n */\nexport function rebuildHeader (header: HTMLElement, store: IndexedFormula, pod: NamedNode, userMenuList: MenuItems[], options?: HeaderOptions) {\n  return async () => {\n    const user = currentUser()\n    header.innerHTML = ''\n    header.appendChild(await createBanner(store, pod, user, userMenuList, options))\n  }\n}\n/**\n * @ignore exporting this only for the unit test\n */\nexport async function createBanner (store: IndexedFormula, pod: NamedNode, user: NamedNode | null, userMenuList: MenuItems[], options?: HeaderOptions): Promise<HTMLElement> {\n  const podLink = document.createElement('a')\n  podLink.href = pod.uri\n  addStyleClassToElement(podLink, ['header-banner__link'])\n  const image = document.createElement('img')\n  if (options) {\n    image.src = options.logo ? options.logo : DEFAUL_SOLID_ICON_URL\n  }\n  addStyleClassToElement(image, ['header-banner__icon'])\n  podLink.appendChild(image)\n\n  const userMenu = user\n    ? await createUserMenu(store, user, userMenuList)\n    : createLoginSignUpButtons()\n\n  const banner = document.createElement('div')\n  addStyleClassToElement(banner, ['header-banner'])\n  banner.appendChild(podLink)\n\n  const leftSideOfHeader = document.createElement('div')\n  addStyleClassToElement(leftSideOfHeader, ['header-banner__right-menu'])\n  leftSideOfHeader.appendChild(userMenu)\n\n  if (options && options.helpMenuList) {\n    const helpMenu = createHelpMenu(options, options.helpMenuList)\n    leftSideOfHeader.appendChild(helpMenu as HTMLDivElement)\n  }\n\n  banner.appendChild(leftSideOfHeader)\n\n  return banner\n}\n/**\n * @ignore exporting this only for the unit test\n */\nexport function createHelpMenu (options: HeaderOptions, helpMenuItems: MenuItems[]) {\n  if (!helpMenuItems) return\n  const helpMenuList = document.createElement('ul')\n  addStyleClassToElement(helpMenuList, ['header-user-menu__list'])\n  helpMenuItems.forEach(function (menuItem) {\n    const menuItemType: string = (menuItem as MenuItemLink).url ? 'url' : 'onclick'\n    if (menuItemType === 'url') {\n      helpMenuList.appendChild(createUserMenuItem(createUserMenuLink(menuItem.label, (menuItem as MenuItemLink).url, (menuItem as MenuItemLink).target)))\n    } else {\n      helpMenuList.appendChild(createUserMenuItem(createUserMenuButton(menuItem.label, (menuItem as MenuItemButton).onclick)))\n    }\n  })\n\n  const helpMenu = document.createElement('nav')\n\n  addStyleClassToElement(helpMenu, ['header-user-menu__navigation-menu'])\n  helpMenu.setAttribute('aria-hidden', 'true')\n  helpMenu.appendChild(helpMenuList)\n\n  const helpMenuContainer = document.createElement('div')\n  addStyleClassToElement(helpMenuContainer, ['header-banner__user-menu'])\n  addStyleClassToElement(helpMenuContainer, ['header-user-menu'])\n  helpMenuContainer.appendChild(helpMenu)\n\n  const helpMenuTrigger = document.createElement('button')\n  addStyleClassToElement(helpMenuTrigger, ['header-user-menu__trigger'])\n  helpMenuTrigger.type = 'button'\n\n  const helpMenuIcon = document.createElement('img')\n  helpMenuIcon.src = (options && options.helpIcon) ? options.helpIcon : icons.iconBase + DEFAULT_HELP_MENU_ICON\n  addStyleClassToElement(helpMenuIcon, ['header-banner__help-icon'])\n  helpMenuContainer.appendChild(helpMenuTrigger)\n  helpMenuTrigger.appendChild(helpMenuIcon)\n\n  const throttledMenuToggle = throttle((event: Event) => toggleMenu(event, helpMenuTrigger, helpMenu), 50)\n  helpMenuTrigger.addEventListener('click', throttledMenuToggle)\n  let timer = setTimeout(() => null, 0)\n  helpMenuContainer.addEventListener('mouseover', event => {\n    clearTimeout(timer)\n    throttledMenuToggle(event)\n  })\n  helpMenuContainer.addEventListener('mouseout', event => {\n    timer = setTimeout(() => throttledMenuToggle(event), 200)\n  })\n\n  return helpMenuContainer\n}\n/**\n * @ignore exporting this only for the unit test\n */\nexport function createLoginSignUpButtons () {\n  const profileLoginButtonPre = document.createElement('div')\n  addStyleClassToElement(profileLoginButtonPre, ['header-banner__login'])\n  profileLoginButtonPre.appendChild(loginStatusBox(document, null, {}))\n  return profileLoginButtonPre\n}\n/**\n * @ignore exporting this only for the unit test\n */\nexport function createUserMenuButton (label: string, onClick: EventListenerOrEventListenerObject): HTMLElement {\n  const button = document.createElement('button')\n  addStyleClassToElement(button, ['header-user-menu__button'])\n  button.addEventListener('click', onClick)\n  button.innerText = label\n  return button\n}\n/**\n * @ignore exporting this only for the unit test\n */\nexport function createUserMenuLink (label: string, href: string, target?: string): HTMLElement {\n  const link = document.createElement('a')\n  addStyleClassToElement(link, ['header-user-menu__link'])\n  link.href = href\n  link.innerText = label\n  if (target) link.target = target\n  return link\n}\n\n/**\n * @ignore exporting this only for the unit test\n */\nexport async function createUserMenu (store: IndexedFormula, user: NamedNode, userMenuList: MenuItems[]): Promise<HTMLElement> {\n  const fetcher = (<any>store).fetcher\n  if (fetcher) {\n    // Making sure that Profile is loaded before building menu\n    await fetcher.load(user)\n  }\n\n  const loggedInMenuList = document.createElement('ul')\n  addStyleClassToElement(loggedInMenuList, ['header-user-menu__list'])\n  if (userMenuList) {\n    userMenuList.forEach(function (menuItem) {\n      const menuItemType: string = (menuItem as MenuItemLink).url ? 'url' : 'onclick'\n      if (menuItemType === 'url') {\n        loggedInMenuList.appendChild(createUserMenuItem(createUserMenuLink(menuItem.label, (menuItem as MenuItemLink).url, (menuItem as MenuItemLink).target)))\n      } else {\n        loggedInMenuList.appendChild(createUserMenuItem(createUserMenuButton(menuItem.label, (menuItem as MenuItemButton).onclick)))\n      }\n    })\n  }\n  const loggedInMenu = document.createElement('nav')\n\n  addStyleClassToElement(loggedInMenu, ['header-user-menu__navigation-menu'])\n  loggedInMenu.setAttribute('aria-hidden', 'true')\n  loggedInMenu.appendChild(loggedInMenuList)\n\n  const loggedInMenuTrigger = document.createElement('button')\n  addStyleClassToElement(loggedInMenuTrigger, ['header-user-menu__trigger'])\n  loggedInMenuTrigger.type = 'button'\n  const profileImg = getProfileImg(store, user)\n  if (typeof profileImg === 'string') {\n    loggedInMenuTrigger.innerHTML = profileImg\n  } else {\n    loggedInMenuTrigger.appendChild(profileImg)\n  }\n\n  const loggedInMenuContainer = document.createElement('div')\n  addStyleClassToElement(loggedInMenuContainer, ['header-banner__user-menu'])\n  addStyleClassToElement(loggedInMenuContainer, ['header-user-menu'])\n  loggedInMenuContainer.appendChild(loggedInMenuTrigger)\n  loggedInMenuContainer.appendChild(loggedInMenu)\n\n  const throttledMenuToggle = throttle((event: Event) => toggleMenu(event, loggedInMenuTrigger, loggedInMenu), 50)\n  loggedInMenuTrigger.addEventListener('click', throttledMenuToggle)\n  let timer = setTimeout(() => null, 0)\n  loggedInMenuContainer.addEventListener('mouseover', event => {\n    clearTimeout(timer)\n    throttledMenuToggle(event)\n  })\n  loggedInMenuContainer.addEventListener('mouseout', event => {\n    timer = setTimeout(() => throttledMenuToggle(event), 200)\n  })\n\n  return loggedInMenuContainer\n}\n\n/**\n * @ignore exporting this only for the unit test\n */\nexport function createUserMenuItem (child: HTMLElement): HTMLElement {\n  const menuProfileItem = document.createElement('li')\n  addStyleClassToElement(menuProfileItem, ['header-user-menu__list-item'])\n  menuProfileItem.appendChild(child)\n  return menuProfileItem\n}\n/**\n * @ignore exporting this only for the unit test\n */\nexport function getProfileImg (store: IndexedFormula, user: NamedNode): string | HTMLElement {\n  const profileUrl = null\n  try {\n    const profileUrl = widgets.findImage(user)\n    if (!profileUrl) {\n      return emptyProfile\n    }\n  } catch {\n    return emptyProfile\n  }\n\n  const profileImage = document.createElement('div')\n  addStyleClassToElement(profileImage, ['header-user-menu__photo'])\n  profileImage.style.backgroundImage = `url(\"${profileUrl}\")`\n  return profileImage\n}\n\n/**\n * @internal\n */\nfunction toggleMenu (event: Event, trigger: HTMLButtonElement, menu: HTMLElement): void {\n  const isExpanded = trigger.getAttribute('aria-expanded') === 'true'\n  const expand = event.type === 'mouseover'\n  const close = event.type === 'mouseout'\n  if ((isExpanded && expand) || (!isExpanded && close)) {\n    return\n  }\n  trigger.setAttribute('aria-expanded', (!isExpanded).toString())\n  menu.setAttribute('aria-hidden', isExpanded.toString())\n}\n"],"file":"index.js"}

package/lib/header/styleMap.d.ts

@@ -111,8 +111,6 @@ export declare const styleMap: {
         width: string;
     };
     'header-banner__help-icon': {
-        backgroundSize: string;
-        height: string;
         width: string;
     };
 };

package/lib/header/styleMap.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styleMap.d.ts","sourceRoot":"","sources":["../../src/header/styleMap.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwHpB,CAAA"}
+{"version":3,"file":"styleMap.d.ts","sourceRoot":"","sources":["../../src/header/styleMap.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsHpB,CAAA"}

package/lib/header/styleMap.js

@@ -131,11 +131,7 @@ var styleMap = {
 
   },
   'header-banner__help-icon': {
-    backgroundSize: '55px 50px',
-    height: '50px !important',
-    // this is the icon size
-    width: '55px !important' // may just be 65px round($icon-size * 352 / 430);
-
+    width: '28px !important'
   }
 };
 exports.styleMap = styleMap;

package/lib/header/styleMap.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/header/styleMap.ts"],"names":["styleMap","background","border","color","cursor","display","fontFamily","fontSize","textAlign","padding","width","backgroundColor","a","textDecoration","height","img","borderRadius","listStyle","margin","borderRight","position","right","top","borderBottom","backgroundPosition","backgroundRepeat","backgroundSize","boxShadow","justifyContent","marginBottom","marginLeft","input","borderLeft"],"mappings":"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","sourcesContent":["export const styleMap = {\n  'header-user-menu': {\n  },\n  'header-user-menu__link': {\n    background: 'none',\n    border: '0',\n    color: 'black',\n    cursor: 'pointer',\n    display: 'block',\n    fontFamily: 'Arial',\n    fontSize: '1em',\n    textAlign: 'left',\n    padding: '1em',\n    width: '100%',\n    '&:focus, &:hover': {\n      backgroundColor: 'linear-gradient(to right, #7C4DFF 0%, #18A9E6 50%, #01C9EA 100%)'\n      // backgroundColor: '#eee'\n    },\n    a: {\n      textDecoration: 'none'\n    }\n  },\n  'header-user-menu__trigger': {\n    background: 'none',\n    border: '0',\n    cursor: 'pointer',\n    width: '60px', // defined in mashlib as a SASS variable $icon_size\n    height: '60px', // defined in mashlib as a SASS variable $icon_size\n    img: {\n      borderRadius: '50%',\n      height: '56px', // defined in mashlib as a SASS variable $icon_size - 4px\n      width: '56px'\n    }\n  },\n  'header-user-menu__button': {\n    background: 'none',\n    border: '0',\n    color: 'black',\n    cursor: 'pointer',\n    display: 'block',\n    fontFamily: 'Arial',\n    fontSize: '1em',\n    textAlign: 'left',\n    padding: '1em',\n    width: '100%',\n    '&:focus, &:hover': {\n      backgroundColor: 'linear-gradient(to right, #7C4DFF 0%, #18A9E6 50%, #01C9EA 100%)'\n    }\n  },\n  'header-user-menu__list': {\n    listStyle: 'none',\n    margin: '0',\n    padding: '0'\n  },\n  'header-user-menu__navigation-menu': {\n    background: 'white',\n    border: 'solid 1px #000000', // the color was defined in mashlib as a SASS variable $divider_color\n    borderRight: '0',\n    position: 'absolute',\n    right: '0',\n    top: '60px', // defined in mashlib as a SASS variable $icon_size\n    width: '200px',\n    'z-index': '1',\n    '&[aria-hidden = true]': {\n      display: 'none'\n    }\n  },\n  'header-user-menu__list-item': {\n    borderBottom: 'solid 1px #000000', // the color was defined in mashlib as a SASS variable $divider_color\n    '&:last-child': {\n      border: '0'\n    }\n  },\n  'header-user-menu__photo': {\n    borderRadius: '50%',\n    backgroundPosition: 'center',\n    backgroundRepeat: 'no-repeat',\n    backgroundSize: 'cover',\n    height: '50px', // $icon-size - $image-margin * 2 image-margin was 5px in mashlib and icon size 60px\n    width: '50px'\n  },\n  'header-banner': {\n    boxShadow: '0px 1px 4px #000000', // the color was defined in mashlib as a SASS variable $divider_color\n    display: 'flex',\n    justifyContent: 'space-between',\n    padding: '0 1.5em',\n    marginBottom: '4px'\n  },\n  'header-banner__link': {\n    display: 'block'\n  },\n  'header-banner__right-menu': {\n    display: 'flex'\n  },\n  'header-banner__login': {\n    marginLeft: 'auto',\n    input: {\n      // hacks to override the default style of login and signup button from solid-ui\n      margin: '0.75em 0 0.75em 0.5em !important',\n      padding: '0.5em !important'\n    }\n  },\n  'header-banner__user-menu': {\n    borderLeft: 'solid 1px #000000', // the color was defined in mashlib as a SASS variable $divider_color\n    marginLeft: 'auto'\n  },\n  'header-banner__help-menu': {\n    borderLeft: 'solid 1px #000000', // the color was defined in mashlib as a SASS variable $divider_color\n    marginLeft: 'auto'\n  },\n  'header-banner__icon': {\n    backgroundSize: '65px 60px',\n    height: '60px !important', // this is the icon size\n    width: '65px !important' // may just be 65px round($icon-size * 352 / 322);\n  },\n  'header-banner__help-icon': {\n    backgroundSize: '55px 50px',\n    height: '50px !important', // this is the icon size\n    width: '55px !important' // may just be 65px round($icon-size * 352 / 430);\n  }\n}\n"],"file":"styleMap.js"}
+{"version":3,"sources":["../../src/header/styleMap.ts"],"names":["styleMap","background","border","color","cursor","display","fontFamily","fontSize","textAlign","padding","width","backgroundColor","a","textDecoration","height","img","borderRadius","listStyle","margin","borderRight","position","right","top","borderBottom","backgroundPosition","backgroundRepeat","backgroundSize","boxShadow","justifyContent","marginBottom","marginLeft","input","borderLeft"],"mappings":";;;;;;AAAO,IAAMA,QAAQ,GAAG;AACtB,sBAAoB,EADE;AAGtB,4BAA0B;AACxBC,IAAAA,UAAU,EAAE,MADY;AAExBC,IAAAA,MAAM,EAAE,GAFgB;AAGxBC,IAAAA,KAAK,EAAE,OAHiB;AAIxBC,IAAAA,MAAM,EAAE,SAJgB;AAKxBC,IAAAA,OAAO,EAAE,OALe;AAMxBC,IAAAA,UAAU,EAAE,OANY;AAOxBC,IAAAA,QAAQ,EAAE,KAPc;AAQxBC,IAAAA,SAAS,EAAE,MARa;AASxBC,IAAAA,OAAO,EAAE,KATe;AAUxBC,IAAAA,KAAK,EAAE,MAViB;AAWxB,wBAAoB;AAClBC,MAAAA,eAAe,EAAE,kEADC,CAElB;;AAFkB,KAXI;AAexBC,IAAAA,CAAC,EAAE;AACDC,MAAAA,cAAc,EAAE;AADf;AAfqB,GAHJ;AAsBtB,+BAA6B;AAC3BZ,IAAAA,UAAU,EAAE,MADe;AAE3BC,IAAAA,MAAM,EAAE,GAFmB;AAG3BE,IAAAA,MAAM,EAAE,SAHmB;AAI3BM,IAAAA,KAAK,EAAE,MAJoB;AAIZ;AACfI,IAAAA,MAAM,EAAE,MALmB;AAKX;AAChBC,IAAAA,GAAG,EAAE;AACHC,MAAAA,YAAY,EAAE,KADX;AAEHF,MAAAA,MAAM,EAAE,MAFL;AAEa;AAChBJ,MAAAA,KAAK,EAAE;AAHJ;AANsB,GAtBP;AAkCtB,8BAA4B;AAC1BT,IAAAA,UAAU,EAAE,MADc;AAE1BC,IAAAA,MAAM,EAAE,GAFkB;AAG1BC,IAAAA,KAAK,EAAE,OAHmB;AAI1BC,IAAAA,MAAM,EAAE,SAJkB;AAK1BC,IAAAA,OAAO,EAAE,OALiB;AAM1BC,IAAAA,UAAU,EAAE,OANc;AAO1BC,IAAAA,QAAQ,EAAE,KAPgB;AAQ1BC,IAAAA,SAAS,EAAE,MARe;AAS1BC,IAAAA,OAAO,EAAE,KATiB;AAU1BC,IAAAA,KAAK,EAAE,MAVmB;AAW1B,wBAAoB;AAClBC,MAAAA,eAAe,EAAE;AADC;AAXM,GAlCN;AAiDtB,4BAA0B;AACxBM,IAAAA,SAAS,EAAE,MADa;AAExBC,IAAAA,MAAM,EAAE,GAFgB;AAGxBT,IAAAA,OAAO,EAAE;AAHe,GAjDJ;AAsDtB,uCAAqC;AACnCR,IAAAA,UAAU,EAAE,OADuB;AAEnCC,IAAAA,MAAM,EAAE,mBAF2B;AAEN;AAC7BiB,IAAAA,WAAW,EAAE,GAHsB;AAInCC,IAAAA,QAAQ,EAAE,UAJyB;AAKnCC,IAAAA,KAAK,EAAE,GAL4B;AAMnCC,IAAAA,GAAG,EAAE,MAN8B;AAMtB;AACbZ,IAAAA,KAAK,EAAE,OAP4B;AAQnC,eAAW,GARwB;AASnC,6BAAyB;AACvBL,MAAAA,OAAO,EAAE;AADc;AATU,GAtDf;AAmEtB,iCAA+B;AAC7BkB,IAAAA,YAAY,EAAE,mBADe;AACM;AACnC,oBAAgB;AACdrB,MAAAA,MAAM,EAAE;AADM;AAFa,GAnET;AAyEtB,6BAA2B;AACzBc,IAAAA,YAAY,EAAE,KADW;AAEzBQ,IAAAA,kBAAkB,EAAE,QAFK;AAGzBC,IAAAA,gBAAgB,EAAE,WAHO;AAIzBC,IAAAA,cAAc,EAAE,OAJS;AAKzBZ,IAAAA,MAAM,EAAE,MALiB;AAKT;AAChBJ,IAAAA,KAAK,EAAE;AANkB,GAzEL;AAiFtB,mBAAiB;AACfiB,IAAAA,SAAS,EAAE,qBADI;AACmB;AAClCtB,IAAAA,OAAO,EAAE,MAFM;AAGfuB,IAAAA,cAAc,EAAE,eAHD;AAIfnB,IAAAA,OAAO,EAAE,SAJM;AAKfoB,IAAAA,YAAY,EAAE;AALC,GAjFK;AAwFtB,yBAAuB;AACrBxB,IAAAA,OAAO,EAAE;AADY,GAxFD;AA2FtB,+BAA6B;AAC3BA,IAAAA,OAAO,EAAE;AADkB,GA3FP;AA8FtB,0BAAwB;AACtByB,IAAAA,UAAU,EAAE,MADU;AAEtBC,IAAAA,KAAK,EAAE;AACL;AACAb,MAAAA,MAAM,EAAE,kCAFH;AAGLT,MAAAA,OAAO,EAAE;AAHJ;AAFe,GA9FF;AAsGtB,8BAA4B;AAC1BuB,IAAAA,UAAU,EAAE,mBADc;AACO;AACjCF,IAAAA,UAAU,EAAE;AAFc,GAtGN;AA0GtB,8BAA4B;AAC1BE,IAAAA,UAAU,EAAE,mBADc;AACO;AACjCF,IAAAA,UAAU,EAAE;AAFc,GA1GN;AA8GtB,yBAAuB;AACrBJ,IAAAA,cAAc,EAAE,WADK;AAErBZ,IAAAA,MAAM,EAAE,iBAFa;AAEM;AAC3BJ,IAAAA,KAAK,EAAE,iBAHc,CAGI;;AAHJ,GA9GD;AAmHtB,8BAA4B;AAC1BA,IAAAA,KAAK,EAAE;AADmB;AAnHN,CAAjB","sourcesContent":["export const styleMap = {\n  'header-user-menu': {\n  },\n  'header-user-menu__link': {\n    background: 'none',\n    border: '0',\n    color: 'black',\n    cursor: 'pointer',\n    display: 'block',\n    fontFamily: 'Arial',\n    fontSize: '1em',\n    textAlign: 'left',\n    padding: '1em',\n    width: '100%',\n    '&:focus, &:hover': {\n      backgroundColor: 'linear-gradient(to right, #7C4DFF 0%, #18A9E6 50%, #01C9EA 100%)'\n      // backgroundColor: '#eee'\n    },\n    a: {\n      textDecoration: 'none'\n    }\n  },\n  'header-user-menu__trigger': {\n    background: 'none',\n    border: '0',\n    cursor: 'pointer',\n    width: '60px', // defined in mashlib as a SASS variable $icon_size\n    height: '60px', // defined in mashlib as a SASS variable $icon_size\n    img: {\n      borderRadius: '50%',\n      height: '56px', // defined in mashlib as a SASS variable $icon_size - 4px\n      width: '56px'\n    }\n  },\n  'header-user-menu__button': {\n    background: 'none',\n    border: '0',\n    color: 'black',\n    cursor: 'pointer',\n    display: 'block',\n    fontFamily: 'Arial',\n    fontSize: '1em',\n    textAlign: 'left',\n    padding: '1em',\n    width: '100%',\n    '&:focus, &:hover': {\n      backgroundColor: 'linear-gradient(to right, #7C4DFF 0%, #18A9E6 50%, #01C9EA 100%)'\n    }\n  },\n  'header-user-menu__list': {\n    listStyle: 'none',\n    margin: '0',\n    padding: '0'\n  },\n  'header-user-menu__navigation-menu': {\n    background: 'white',\n    border: 'solid 1px #000000', // the color was defined in mashlib as a SASS variable $divider_color\n    borderRight: '0',\n    position: 'absolute',\n    right: '0',\n    top: '60px', // defined in mashlib as a SASS variable $icon_size\n    width: '200px',\n    'z-index': '1',\n    '&[aria-hidden = true]': {\n      display: 'none'\n    }\n  },\n  'header-user-menu__list-item': {\n    borderBottom: 'solid 1px #000000', // the color was defined in mashlib as a SASS variable $divider_color\n    '&:last-child': {\n      border: '0'\n    }\n  },\n  'header-user-menu__photo': {\n    borderRadius: '50%',\n    backgroundPosition: 'center',\n    backgroundRepeat: 'no-repeat',\n    backgroundSize: 'cover',\n    height: '50px', // $icon-size - $image-margin * 2 image-margin was 5px in mashlib and icon size 60px\n    width: '50px'\n  },\n  'header-banner': {\n    boxShadow: '0px 1px 4px #000000', // the color was defined in mashlib as a SASS variable $divider_color\n    display: 'flex',\n    justifyContent: 'space-between',\n    padding: '0 1.5em',\n    marginBottom: '4px'\n  },\n  'header-banner__link': {\n    display: 'block'\n  },\n  'header-banner__right-menu': {\n    display: 'flex'\n  },\n  'header-banner__login': {\n    marginLeft: 'auto',\n    input: {\n      // hacks to override the default style of login and signup button from solid-ui\n      margin: '0.75em 0 0.75em 0.5em !important',\n      padding: '0.5em !important'\n    }\n  },\n  'header-banner__user-menu': {\n    borderLeft: 'solid 1px #000000', // the color was defined in mashlib as a SASS variable $divider_color\n    marginLeft: 'auto'\n  },\n  'header-banner__help-menu': {\n    borderLeft: 'solid 1px #000000', // the color was defined in mashlib as a SASS variable $divider_color\n    marginLeft: 'auto'\n  },\n  'header-banner__icon': {\n    backgroundSize: '65px 60px',\n    height: '60px !important', // this is the icon size\n    width: '65px !important' // may just be 65px round($icon-size * 352 / 322);\n  },\n  'header-banner__help-icon': {\n    width: '28px !important'\n  }\n}\n"],"file":"styleMap.js"}

package/lib/index.d.ts

@@ -30,7 +30,8 @@ import * as utils from './utils';
 import * as widgets from './widgets/index';
 import versionInfo from './versionInfo';
 import { initHeader } from './header';
+import { initFooter } from './footer';
 declare const dom: Document | null;
 declare const store: import("solid-logic").LiveStore;
-export { ns, rdf, acl, aclControl, authn, create, dom, icons, language, log, matrix, media, messageArea, infiniteMessageArea, pad, participation, preferences, solidLogicSingleton, store, style, table, tabs, utils, widgets, versionInfo, initHeader };
+export { ns, rdf, acl, aclControl, authn, create, dom, icons, language, log, matrix, media, messageArea, infiniteMessageArea, pad, participation, preferences, solidLogicSingleton, store, style, table, tabs, utils, widgets, versionInfo, initHeader, initFooter };
 //# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AA2BA;;;;GAIG;AAEH;;;GAGG;AAGH,OAAO,KAAK,GAAG,MAAM,QAAQ,CAAA;AAE7B,OAAO,KAAK,EAAE,MAAM,MAAM,CAAA;AAC1B,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAIvC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAClC,OAAO,KAAK,QAAQ,MAAM,uCAAuC,CAAA;AACjE,OAAO,KAAK,GAAG,MAAM,OAAO,CAAA;AAC5B,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAErC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAE3C,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAA;AAErD,OAAO,KAAK,GAAG,MAAM,OAAO,CAAA;AAE5B,OAAO,KAAK,aAAa,MAAM,iBAAiB,CAAA;AAEhD,OAAO,KAAK,WAAW,MAAM,eAAe,CAAA;AAE5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAE7C,OAAO,KAAK,KAAK,MAAM,SAAS,CAAA;AAEhC,OAAO,EAAE,mBAAmB,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AACtD,OAAO,KAAK,IAAI,MAAM,QAAQ,CAAA;AAE9B,OAAO,KAAK,KAAK,MAAM,SAAS,CAAA;AAChC,OAAO,KAAK,OAAO,MAAM,iBAAiB,CAAA;AAC1C,OAAO,WAAW,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAErC,QAAA,MAAM,GAAG,iBAAkC,CAAA;AAC3C,QAAA,MAAM,KAAK,iCAA4B,CAAA;AAiCvC,OAAO,EACL,EAAE,EACF,GAAG,EACH,GAAG,EACH,UAAU,EACV,KAAK,EACL,MAAM,EACN,GAAG,EACH,KAAK,EACL,QAAQ,EACR,GAAG,EACH,MAAM,EACN,KAAK,EACL,WAAW,EACX,mBAAmB,EACnB,GAAG,EACH,aAAa,EACb,WAAW,EACX,mBAAmB,EACnB,KAAK,EACL,KAAK,EACL,KAAK,EACL,IAAI,EACJ,KAAK,EACL,OAAO,EACP,WAAW,EACX,UAAU,EACX,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AA2BA;;;;GAIG;AAEH;;;GAGG;AAGH,OAAO,KAAK,GAAG,MAAM,QAAQ,CAAA;AAE7B,OAAO,KAAK,EAAE,MAAM,MAAM,CAAA;AAC1B,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AAIvC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAClC,OAAO,KAAK,QAAQ,MAAM,uCAAuC,CAAA;AACjE,OAAO,KAAK,GAAG,MAAM,OAAO,CAAA;AAC5B,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAErC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAE3C,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAA;AAErD,OAAO,KAAK,GAAG,MAAM,OAAO,CAAA;AAE5B,OAAO,KAAK,aAAa,MAAM,iBAAiB,CAAA;AAEhD,OAAO,KAAK,WAAW,MAAM,eAAe,CAAA;AAE5C,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAE7C,OAAO,KAAK,KAAK,MAAM,SAAS,CAAA;AAEhC,OAAO,EAAE,mBAAmB,IAAI,KAAK,EAAE,MAAM,SAAS,CAAA;AACtD,OAAO,KAAK,IAAI,MAAM,QAAQ,CAAA;AAE9B,OAAO,KAAK,KAAK,MAAM,SAAS,CAAA;AAChC,OAAO,KAAK,OAAO,MAAM,iBAAiB,CAAA;AAC1C,OAAO,WAAW,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAErC,QAAA,MAAM,GAAG,iBAAkC,CAAA;AAC3C,QAAA,MAAM,KAAK,iCAA4B,CAAA;AAkCvC,OAAO,EACL,EAAE,EACF,GAAG,EACH,GAAG,EACH,UAAU,EACV,KAAK,EACL,MAAM,EACN,GAAG,EACH,KAAK,EACL,QAAQ,EACR,GAAG,EACH,MAAM,EACN,KAAK,EACL,WAAW,EACX,mBAAmB,EACnB,GAAG,EACH,aAAa,EACb,WAAW,EACX,mBAAmB,EACnB,KAAK,EACL,KAAK,EACL,KAAK,EACL,IAAI,EACJ,KAAK,EACL,OAAO,EACP,WAAW,EACX,UAAU,EACV,UAAU,EACX,CAAA"}