solid-ui 2.4.23 → 2.4.24

package/lib/header/index.js

@@ -1,9 +1,7 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -17,33 +15,22 @@ exports.createUserMenuLink = createUserMenuLink;
 exports.getProfileImg = getProfileImg;
 exports.initHeader = initHeader;
 exports.rebuildHeader = rebuildHeader;
-
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
 var _index = require("../index");
-
 var _solidLogic = require("solid-logic");
-
 var _login = require("../login/login");
-
 var widgets = _interopRequireWildcard(require("../widgets"));
-
 var _emptyProfile = require("./empty-profile");
-
 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); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 /* global EventListenerOrEventListenerObject */
-
 /*
     This file was copied from mashlib/src/global/header.ts file. It is modified to
     work in solid-ui by adjusting where imported functions are found.
  */
+
 // import { loginStatusBox, authSession, currentUser } from '../authn/authn'
 
 /**
@@ -51,7 +38,6 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 */
 var DEFAULT_HELP_MENU_ICON = _index.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
@@ -65,8 +51,6 @@ function initHeader(_x, _x2, _x3) {
 /**
  * @ignore exporting this only for the unit test
  */
-
-
 function _initHeader() {
   _initHeader = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2(store, userMenuList, options) {
     var header, pod;
@@ -75,22 +59,16 @@ function _initHeader() {
         switch (_context2.prev = _context2.next) {
           case 0:
             header = document.getElementById('PageHeader');
-
             if (header) {
               _context2.next = 3;
               break;
             }
-
             return _context2.abrupt("return");
-
           case 3:
             pod = (0, _headerFooterHelpers.getPod)();
             rebuildHeader(header, store, pod, userMenuList, options)();
-
             _solidLogic.authSession.onLogout(rebuildHeader(header, store, pod, userMenuList, options));
-
             _solidLogic.authSession.onLogin(rebuildHeader(header, store, pod, userMenuList, options));
-
           case 7:
           case "end":
             return _context2.stop();
@@ -100,7 +78,6 @@ function _initHeader() {
   }));
   return _initHeader.apply(this, arguments);
 }
-
 function rebuildHeader(header, store, pod, userMenuList, options) {
   return /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
     var user;
@@ -113,12 +90,9 @@ function rebuildHeader(header, store, pod, userMenuList, options) {
             _context.t0 = header;
             _context.next = 5;
             return createBanner(store, pod, user, userMenuList, options);
-
           case 5:
             _context.t1 = _context.sent;
-
             _context.t0.appendChild.call(_context.t0, _context.t1);
-
           case 7:
           case "end":
             return _context.stop();
@@ -130,16 +104,12 @@ function rebuildHeader(header, store, pod, userMenuList, options) {
 /**
  * @ignore exporting this only for the unit test
  */
-
-
 function createBanner(_x4, _x5, _x6, _x7, _x8) {
   return _createBanner.apply(this, arguments);
 }
 /**
  * @ignore exporting this only for the unit test
  */
-
-
 function _createBanner() {
   _createBanner = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee3(store, pod, user, userMenuList, options) {
     var podLink, image, userMenu, banner, leftSideOfHeader, helpMenu;
@@ -151,30 +121,23 @@ function _createBanner() {
             podLink.href = pod.uri;
             (0, _headerFooterHelpers.addStyleClassToElement)(podLink, ['header-banner__link']);
             image = document.createElement('img');
-
             if (options) {
               image.src = options.logo ? options.logo : DEFAUL_SOLID_ICON_URL;
             }
-
             (0, _headerFooterHelpers.addStyleClassToElement)(image, ['header-banner__icon']);
             podLink.appendChild(image);
-
             if (!user) {
               _context3.next = 13;
               break;
             }
-
             _context3.next = 10;
             return createUserMenu(store, user, userMenuList);
-
           case 10:
             _context3.t0 = _context3.sent;
             _context3.next = 14;
             break;
-
           case 13:
             _context3.t0 = createLoginSignUpButtons();
-
           case 14:
             userMenu = _context3.t0;
             banner = document.createElement('div');
@@ -183,15 +146,12 @@ function _createBanner() {
             leftSideOfHeader = document.createElement('div');
             (0, _headerFooterHelpers.addStyleClassToElement)(leftSideOfHeader, ['header-banner__right-menu']);
             leftSideOfHeader.appendChild(userMenu);
-
             if (options && options.helpMenuList) {
               helpMenu = createHelpMenu(options, options.helpMenuList);
               leftSideOfHeader.appendChild(helpMenu);
             }
-
             banner.appendChild(leftSideOfHeader);
             return _context3.abrupt("return", banner);
-
           case 24:
           case "end":
             return _context3.stop();
@@ -201,14 +161,12 @@ function _createBanner() {
   }));
   return _createBanner.apply(this, arguments);
 }
-
 function createHelpMenu(options, helpMenuItems) {
   if (!helpMenuItems) return;
   var helpMenuList = document.createElement('ul');
   (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 {
@@ -252,8 +210,6 @@ function createHelpMenu(options, helpMenuItems) {
 /**
  * @ignore exporting this only for the unit test
  */
-
-
 function createLoginSignUpButtons() {
   var profileLoginButtonPre = document.createElement('div');
   (0, _headerFooterHelpers.addStyleClassToElement)(profileLoginButtonPre, ['header-banner__login']);
@@ -263,8 +219,6 @@ function createLoginSignUpButtons() {
 /**
  * @ignore exporting this only for the unit test
  */
-
-
 function createUserMenuButton(label, onClick) {
   var button = document.createElement('button');
   (0, _headerFooterHelpers.addStyleClassToElement)(button, ['header-user-menu__button']);
@@ -275,8 +229,6 @@ function createUserMenuButton(label, onClick) {
 /**
  * @ignore exporting this only for the unit test
  */
-
-
 function createUserMenuLink(label, href, target) {
   var link = document.createElement('a');
   (0, _headerFooterHelpers.addStyleClassToElement)(link, ['header-user-menu__link']);
@@ -285,19 +237,16 @@ function createUserMenuLink(label, href, target) {
   if (target) link.target = target;
   return link;
 }
+
 /**
  * @ignore exporting this only for the unit test
  */
-
-
 function createUserMenu(_x9, _x10, _x11) {
   return _createUserMenu.apply(this, arguments);
 }
 /**
  * @ignore exporting this only for the unit test
  */
-
-
 function _createUserMenu() {
   _createUserMenu = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee4(store, user, userMenuList) {
     var fetcher, loggedInMenuList, loggedInMenu, loggedInMenuTrigger, profileImg, loggedInMenuContainer, throttledMenuToggle, timer;
@@ -306,23 +255,18 @@ function _createUserMenu() {
         switch (_context4.prev = _context4.next) {
           case 0:
             fetcher = store.fetcher;
-
             if (!fetcher) {
               _context4.next = 4;
               break;
             }
-
             _context4.next = 4;
             return fetcher.load(user);
-
           case 4:
             loggedInMenuList = document.createElement('ul');
             (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 {
@@ -330,7 +274,6 @@ function _createUserMenu() {
                 }
               });
             }
-
             loggedInMenu = document.createElement('nav');
             (0, _headerFooterHelpers.addStyleClassToElement)(loggedInMenu, ['header-user-menu__navigation-menu']);
             loggedInMenu.setAttribute('aria-hidden', 'true');
@@ -339,13 +282,11 @@ function _createUserMenu() {
             (0, _headerFooterHelpers.addStyleClassToElement)(loggedInMenuTrigger, ['header-user-menu__trigger']);
             loggedInMenuTrigger.type = 'button';
             profileImg = getProfileImg(store, user);
-
             if (typeof profileImg === 'string') {
               loggedInMenuTrigger.innerHTML = profileImg;
             } else {
               loggedInMenuTrigger.appendChild(profileImg);
             }
-
             loggedInMenuContainer = document.createElement('div');
             (0, _headerFooterHelpers.addStyleClassToElement)(loggedInMenuContainer, ['header-banner__user-menu']);
             (0, _headerFooterHelpers.addStyleClassToElement)(loggedInMenuContainer, ['header-user-menu']);
@@ -368,7 +309,6 @@ function _createUserMenu() {
               }, 200);
             });
             return _context4.abrupt("return", loggedInMenuContainer);
-
           case 27:
           case "end":
             return _context4.stop();
@@ -378,7 +318,6 @@ function _createUserMenu() {
   }));
   return _createUserMenu.apply(this, arguments);
 }
-
 function createUserMenuItem(child) {
   var menuProfileItem = document.createElement('li');
   (0, _headerFooterHelpers.addStyleClassToElement)(menuProfileItem, ['header-user-menu__list-item']);
@@ -388,40 +327,32 @@ function createUserMenuItem(child) {
 /**
  * @ignore exporting this only for the unit test
  */
-
-
 function getProfileImg(store, user) {
   var profileUrl = null;
-
   try {
     profileUrl = widgets.findImage(user);
-
     if (!profileUrl) {
       return _emptyProfile.emptyProfile;
     }
   } catch (_unused) {
     return _emptyProfile.emptyProfile;
   }
-
   var profileImage = document.createElement('div');
   (0, _headerFooterHelpers.addStyleClassToElement)(profileImage, ['header-user-menu__photo']);
   profileImage.style.backgroundImage = "url(".concat(profileUrl, ")");
   return profileImage;
 }
+
 /**
  * @internal
  */
-
-
 function toggleMenu(event, trigger, menu) {
   var isExpanded = trigger.getAttribute('aria-expanded') === 'true';
   var expand = event.type === 'mouseover';
   var close = event.type === 'mouseout';
-
   if (isExpanded && expand || !isExpanded && close) {
     return;
   }
-
   trigger.setAttribute('aria-expanded', (!isExpanded).toString());
   menu.setAttribute('aria-hidden', isExpanded.toString());
 }

package/lib/header/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["DEFAULT_HELP_MENU_ICON","icons","iconBase","DEFAUL_SOLID_ICON_URL","initHeader","store","userMenuList","options","header","document","getElementById","pod","getPod","rebuildHeader","authSession","onLogout","onLogin","user","authn","currentUser","innerHTML","createBanner","appendChild","podLink","createElement","href","uri","addStyleClassToElement","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","throttle","event","toggleMenu","addEventListener","timer","setTimeout","clearTimeout","profileLoginButtonPre","loginStatusBox","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"],"sources":["../../src/header/index.ts"],"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 '../index'\nimport { authn, authSession } from 'solid-logic'\nimport { loginStatusBox } from '../login/login'\n// import { 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 = authn.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  let profileUrl = null\n  try {\n    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"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["DEFAULT_HELP_MENU_ICON","icons","iconBase","DEFAUL_SOLID_ICON_URL","initHeader","store","userMenuList","options","header","document","getElementById","pod","getPod","rebuildHeader","authSession","onLogout","onLogin","user","authn","currentUser","innerHTML","createBanner","appendChild","podLink","createElement","href","uri","addStyleClassToElement","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","throttle","event","toggleMenu","addEventListener","timer","setTimeout","clearTimeout","profileLoginButtonPre","loginStatusBox","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"],"sources":["../../src/header/index.ts"],"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 '../index'\nimport { authn, authSession } from 'solid-logic'\nimport { loginStatusBox } from '../login/login'\n// import { 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 = authn.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  let profileUrl = null\n  try {\n    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"],"mappings":"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"}

package/lib/header/styleMap.js

@@ -18,9 +18,10 @@ var styleMap = {
     padding: '1em',
     width: '100%',
     '&:focus, &:hover': {
-      backgroundColor: 'linear-gradient(to right, #7C4DFF 0%, #18A9E6 50%, #01C9EA 100%)' // backgroundColor: '#eee'
-
+      backgroundColor: 'linear-gradient(to right, #7C4DFF 0%, #18A9E6 50%, #01C9EA 100%)'
+      // backgroundColor: '#eee'
     },
+
     a: {
       textDecoration: 'none'
     }
@@ -128,8 +129,8 @@ var styleMap = {
     height: '60px !important',
     // this is the icon size
     width: '65px !important' // may just be 65px round($icon-size * 352 / 322);
-
   },
+
   'header-banner__help-icon': {
     width: '28px !important'
   }

package/lib/header/styleMap.js.map

@@ -1 +1 @@
-{"version":3,"file":"styleMap.js","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"],"sources":["../../src/header/styleMap.ts"],"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"],"mappings":"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"}
+{"version":3,"file":"styleMap.js","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"],"sources":["../../src/header/styleMap.ts"],"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"],"mappings":"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"}

package/lib/iconBase.js

@@ -4,9 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.originalIconBase = exports.icons = exports.iconBase = void 0;
-
 var _debug = require("./debug");
-
 // Works in FF extension - what about browserify??
 // 2021-04-08 Convert to TS
 
@@ -21,8 +19,8 @@ var _debug = require("./debug");
  * You can also use it if you want to just run a mashlib whhich takes its
  * icons seved by other than github.
  */
-
 /* eslint-disable multiline-ternary */
+
 // Do not export. Always us this module to find the icons, as they vary
 var iconsOnGithub = 'https://solidos.github.io/solid-ui/src'; // changed org 2022-05
 
@@ -40,8 +38,9 @@ var icons = module.scriptURI // Firefox extension
   originalIconBase: iconsOnGithub + '/originalIcons/'
 };
 exports.icons = icons;
-(0, _debug.log)('   icons.iconBase is set to : ' + icons.iconBase); // allow tests etc  named-import this directly from this module
+(0, _debug.log)('   icons.iconBase is set to : ' + icons.iconBase);
 
+// allow tests etc  named-import this directly from this module
 var iconBase = icons.iconBase;
 exports.iconBase = iconBase;
 var originalIconBase = icons.originalIconBase;

package/lib/iconBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"iconBase.js","names":["iconsOnGithub","icons","module","scriptURI","iconBase","slice","lastIndexOf","originalIconBase","$SolidTestEnvironment","log"],"sources":["../src/iconBase.ts"],"sourcesContent":["// Works in FF extension - what about browserify??\n// 2021-04-08 Convert to TS\n\n/* The Firefox case is left for historical record, as we don't currenly\n * have a FF extension for mashlib, but we could.  This is sthepoint to\n * hack the place it can find its icons internally\n *\n * The $SolidTestEnvironment is important and is used for\n * example when testing on localhost to specify a place the icons be found\n * in your test set up.\n *\n * You can also use it if you want to just run a mashlib whhich takes its\n * icons seved by other than github.\n */\n/* eslint-disable multiline-ternary */\n\nimport { log } from './debug'\n\ndeclare let $SolidTestEnvironment\n\n// Do not export. Always us this module to find the icons, as they vary\nconst iconsOnGithub = 'https://solidos.github.io/solid-ui/src' // changed org 2022-05\n\nexport const icons = (module as any).scriptURI // Firefox extension\n  ? {\n      iconBase:\n        (module as any).scriptURI.slice(0, (module as any).scriptURI.lastIndexOf('/')) + '/icons/',\n      originalIconBase:\n        (module as any).scriptURI.slice(0, (module as any).scriptURI.lastIndexOf('/')) +\n        '/originalIcons/'\n    }\n  : typeof $SolidTestEnvironment !== 'undefined' && $SolidTestEnvironment.iconBase // Test environemnt\n    ? {\n        iconBase: $SolidTestEnvironment.iconBase,\n        originalIconBase: $SolidTestEnvironment.originalIconBase\n      }\n    : {\n      // Normal case:\n        iconBase: iconsOnGithub + '/icons/',\n        originalIconBase: iconsOnGithub + '/originalIcons/'\n      }\n\nlog('   icons.iconBase is set to : ' + icons.iconBase)\n\n// allow tests etc  named-import this directly from this module\nexport const iconBase = icons.iconBase\nexport const originalIconBase = icons.originalIconBase\n"],"mappings":";;;;;;;AAgBA;;AAhBA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AACA;AAMA;AACA,IAAMA,aAAa,GAAG,wCAAtB,C,CAA+D;;AAExD,IAAMC,KAAK,GAAIC,MAAD,CAAgBC,SAAhB,CAA0B;AAA1B,EACjB;EACEC,QAAQ,EACLF,MAAD,CAAgBC,SAAhB,CAA0BE,KAA1B,CAAgC,CAAhC,EAAoCH,MAAD,CAAgBC,SAAhB,CAA0BG,WAA1B,CAAsC,GAAtC,CAAnC,IAAiF,SAFrF;EAGEC,gBAAgB,EACbL,MAAD,CAAgBC,SAAhB,CAA0BE,KAA1B,CAAgC,CAAhC,EAAoCH,MAAD,CAAgBC,SAAhB,CAA0BG,WAA1B,CAAsC,GAAtC,CAAnC,IACA;AALJ,CADiB,GAQjB,OAAOE,qBAAP,KAAiC,WAAjC,IAAgDA,qBAAqB,CAACJ,QAAtE,CAA+E;AAA/E,EACE;EACEA,QAAQ,EAAEI,qBAAqB,CAACJ,QADlC;EAEEG,gBAAgB,EAAEC,qBAAqB,CAACD;AAF1C,CADF,GAKE;EACA;EACEH,QAAQ,EAAEJ,aAAa,GAAG,SAF5B;EAGEO,gBAAgB,EAAEP,aAAa,GAAG;AAHpC,CAbC;;AAmBP,IAAAS,UAAA,EAAI,mCAAmCR,KAAK,CAACG,QAA7C,E,CAEA;;AACO,IAAMA,QAAQ,GAAGH,KAAK,CAACG,QAAvB;;AACA,IAAMG,gBAAgB,GAAGN,KAAK,CAACM,gBAA/B"}
+{"version":3,"file":"iconBase.js","names":["iconsOnGithub","icons","module","scriptURI","iconBase","slice","lastIndexOf","originalIconBase","$SolidTestEnvironment","log"],"sources":["../src/iconBase.ts"],"sourcesContent":["// Works in FF extension - what about browserify??\n// 2021-04-08 Convert to TS\n\n/* The Firefox case is left for historical record, as we don't currenly\n * have a FF extension for mashlib, but we could.  This is sthepoint to\n * hack the place it can find its icons internally\n *\n * The $SolidTestEnvironment is important and is used for\n * example when testing on localhost to specify a place the icons be found\n * in your test set up.\n *\n * You can also use it if you want to just run a mashlib whhich takes its\n * icons seved by other than github.\n */\n/* eslint-disable multiline-ternary */\n\nimport { log } from './debug'\n\ndeclare let $SolidTestEnvironment\n\n// Do not export. Always us this module to find the icons, as they vary\nconst iconsOnGithub = 'https://solidos.github.io/solid-ui/src' // changed org 2022-05\n\nexport const icons = (module as any).scriptURI // Firefox extension\n  ? {\n      iconBase:\n        (module as any).scriptURI.slice(0, (module as any).scriptURI.lastIndexOf('/')) + '/icons/',\n      originalIconBase:\n        (module as any).scriptURI.slice(0, (module as any).scriptURI.lastIndexOf('/')) +\n        '/originalIcons/'\n    }\n  : typeof $SolidTestEnvironment !== 'undefined' && $SolidTestEnvironment.iconBase // Test environemnt\n    ? {\n        iconBase: $SolidTestEnvironment.iconBase,\n        originalIconBase: $SolidTestEnvironment.originalIconBase\n      }\n    : {\n      // Normal case:\n        iconBase: iconsOnGithub + '/icons/',\n        originalIconBase: iconsOnGithub + '/originalIcons/'\n      }\n\nlog('   icons.iconBase is set to : ' + icons.iconBase)\n\n// allow tests etc  named-import this directly from this module\nexport const iconBase = icons.iconBase\nexport const originalIconBase = icons.originalIconBase\n"],"mappings":";;;;;;AAgBA;AAhBA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAMA;AACA,IAAMA,aAAa,GAAG,wCAAwC,EAAC;;AAExD,IAAMC,KAAK,GAAIC,MAAM,CAASC,SAAS,CAAC;AAAA,EAC3C;EACEC,QAAQ,EACLF,MAAM,CAASC,SAAS,CAACE,KAAK,CAAC,CAAC,EAAGH,MAAM,CAASC,SAAS,CAACG,WAAW,CAAC,GAAG,CAAC,CAAC,GAAG,SAAS;EAC5FC,gBAAgB,EACbL,MAAM,CAASC,SAAS,CAACE,KAAK,CAAC,CAAC,EAAGH,MAAM,CAASC,SAAS,CAACG,WAAW,CAAC,GAAG,CAAC,CAAC,GAC9E;AACJ,CAAC,GACD,OAAOE,qBAAqB,KAAK,WAAW,IAAIA,qBAAqB,CAACJ,QAAQ,CAAC;AAAA,EAC7E;EACEA,QAAQ,EAAEI,qBAAqB,CAACJ,QAAQ;EACxCG,gBAAgB,EAAEC,qBAAqB,CAACD;AAC1C,CAAC,GACD;EACA;EACEH,QAAQ,EAAEJ,aAAa,GAAG,SAAS;EACnCO,gBAAgB,EAAEP,aAAa,GAAG;AACpC,CAAC;AAAA;AAEP,IAAAS,UAAG,EAAC,gCAAgC,GAAGR,KAAK,CAACG,QAAQ,CAAC;;AAEtD;AACO,IAAMA,QAAQ,GAAGH,KAAK,CAACG,QAAQ;AAAA;AAC/B,IAAMG,gBAAgB,GAAGN,KAAK,CAACM,gBAAgB;AAAA"}