@genesislcap/foundation-header 9.0.1-alpha-3155c9c.0 → 10.3.0

package/dist/{453.547b1f466caf28aca7644e9032ba33d9.js.map → 453.6e1a3e25cceb8409a23c5c52da8f1ed6.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["webpack://@genesislcap/foundation-header/./src/main/main.css","webpack://@genesislcap/foundation-header/../node_modules/css-loader/dist/runtime/api.js","webpack://@genesislcap/foundation-header/../node_modules/css-loader/dist/runtime/sourceMaps.js","webpack://@genesislcap/foundation-header/../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js","webpack://@genesislcap/foundation-header/../node_modules/style-loader/dist/runtime/insertBySelector.js","webpack://@genesislcap/foundation-header/../node_modules/style-loader/dist/runtime/insertStyleElement.js","webpack://@genesislcap/foundation-header/../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js","webpack://@genesislcap/foundation-header/../node_modules/style-loader/dist/runtime/styleDomAPI.js","webpack://@genesislcap/foundation-header/../node_modules/style-loader/dist/runtime/styleTagTransform.js","webpack://@genesislcap/foundation-header/./src/styles/typography.ts","webpack://@genesislcap/foundation-header/./src/main/main.css?7e44","webpack://@genesislcap/foundation-header/./src/styles/colors.ts","webpack://@genesislcap/foundation-header/./src/main/main.styles.ts","webpack://@genesislcap/foundation-header/./src/main/main.template.ts","webpack://@genesislcap/foundation-header/./src/utils/logger.ts","webpack://@genesislcap/foundation-header/./src/components/components.ts","webpack://@genesislcap/foundation-header/./src/main/main.ts"],"names":["___CSS_LOADER_EXPORT___","push","module","id","exports","cssWithMappingToString","list","toString","this","map","item","content","needLayer","concat","length","join","i","modules","media","dedupe","supports","layer","undefined","alreadyImportedModules","k","_k","cssMapping","btoa","base64","unescape","encodeURIComponent","JSON","stringify","data","sourceMapping","stylesInDOM","getIndexByIdentifier","identifier","result","modulesToDom","options","idCountMap","identifiers","base","count","indexByIdentifier","obj","css","sourceMap","references","updater","addElementStyle","byIndex","splice","api","domAPI","update","newObj","remove","lastIdentifiers","newList","index","newLastIdentifiers","_i","_index","memo","insert","style","target","styleTarget","document","querySelector","window","HTMLIFrameElement","contentDocument","head","e","getTarget","Error","appendChild","element","createElement","setAttributes","attributes","styleElement","nonce","setAttribute","insertStyleElement","styleTagTransform","apply","parentNode","removeChild","removeStyleElement","styleSheet","cssText","firstChild","createTextNode","stylesFontFaces","weight","mixinSegoeUI","getWebRGBA","rgb","alpha","r","g","b","toStringWebRGBA","PrimaryRapidColorHEX","ColorHEX","defaultBackgroundHover","defaultBackgroundItem","backgroundNavOption","blue","MainStyles","neutralLayer2","white","purple","sideNavTemplate","html","x","sideNavOpen","toggleNavVisibility","logoSrc","logout","defaultRouteButtonsTemplate","navigateTo","routeButtonsTemplate","repeat","routeButtons","c","parent","path","variant","icon","title","NavTemplate","when","hideSideBar","showLuminanceToggleButton","luminanceIconEvent","showMiscToggleButton","miscIconEvent","showNotificationsButton","notificationIconEvent","userName","DynamicTemplate","ref","selectTemplate","LoadingTemplate","MainTemplate","logger","createLogger","ResourceType","provideFASTDesignSystem","register","allComponents","loadZeroDesignSystem","type","remote","local","debug","Navigation","EventEmitter","FASTElement","ready","logo","connectedCallback","loadRemotes","auth","loggedUserResult","username","registerZeroDesignSystem","ZeroDesignSystem","success","error","credentialManager","preventSilentAccess","err","message","$emit","Auth","CredentialManager","observable","attr","attribute","mode","customElement","name","template","styles"],"mappings":"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","file":"453.453.xxxxxxxxxxxxxxxxxxxx.js","sourcesContent":["// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../../../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"/* index.ejs styling */\\n\\nhtml,\\nbody {\\n  width: 100%;\\n  height: 100%;\\n  padding: 0;\\n  margin: 0;\\n}\\n\\n:not(:defined) {\\n  visibility: hidden;\\n}\\n\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/main/main.css\"],\"names\":[],\"mappings\":\"AAAA,sBAAsB;;AAEtB;;EAEE,WAAW;EACX,YAAY;EACZ,UAAU;EACV,SAAS;AACX;;AAEA;EACE,kBAAkB;AACpB\",\"sourcesContent\":[\"/* index.ejs styling */\\n\\nhtml,\\nbody {\\n  width: 100%;\\n  height: 100%;\\n  padding: 0;\\n  margin: 0;\\n}\\n\\n:not(:defined) {\\n  visibility: hidden;\\n}\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","\"use strict\";\n\n/*\n  MIT License http://www.opensource.org/licenses/mit-license.php\n  Author Tobias Koppers @sokra\n*/\nmodule.exports = function (cssWithMappingToString) {\n  var list = [];\n\n  // return the list of modules as css string\n  list.toString = function toString() {\n    return this.map(function (item) {\n      var content = \"\";\n      var needLayer = typeof item[5] !== \"undefined\";\n      if (item[4]) {\n        content += \"@supports (\".concat(item[4], \") {\");\n      }\n      if (item[2]) {\n        content += \"@media \".concat(item[2], \" {\");\n      }\n      if (needLayer) {\n        content += \"@layer\".concat(item[5].length > 0 ? \" \".concat(item[5]) : \"\", \" {\");\n      }\n      content += cssWithMappingToString(item);\n      if (needLayer) {\n        content += \"}\";\n      }\n      if (item[2]) {\n        content += \"}\";\n      }\n      if (item[4]) {\n        content += \"}\";\n      }\n      return content;\n    }).join(\"\");\n  };\n\n  // import a list of modules into the list\n  list.i = function i(modules, media, dedupe, supports, layer) {\n    if (typeof modules === \"string\") {\n      modules = [[null, modules, undefined]];\n    }\n    var alreadyImportedModules = {};\n    if (dedupe) {\n      for (var k = 0; k < this.length; k++) {\n        var id = this[k][0];\n        if (id != null) {\n          alreadyImportedModules[id] = true;\n        }\n      }\n    }\n    for (var _k = 0; _k < modules.length; _k++) {\n      var item = [].concat(modules[_k]);\n      if (dedupe && alreadyImportedModules[item[0]]) {\n        continue;\n      }\n      if (typeof layer !== \"undefined\") {\n        if (typeof item[5] === \"undefined\") {\n          item[5] = layer;\n        } else {\n          item[1] = \"@layer\".concat(item[5].length > 0 ? \" \".concat(item[5]) : \"\", \" {\").concat(item[1], \"}\");\n          item[5] = layer;\n        }\n      }\n      if (media) {\n        if (!item[2]) {\n          item[2] = media;\n        } else {\n          item[1] = \"@media \".concat(item[2], \" {\").concat(item[1], \"}\");\n          item[2] = media;\n        }\n      }\n      if (supports) {\n        if (!item[4]) {\n          item[4] = \"\".concat(supports);\n        } else {\n          item[1] = \"@supports (\".concat(item[4], \") {\").concat(item[1], \"}\");\n          item[4] = supports;\n        }\n      }\n      list.push(item);\n    }\n  };\n  return list;\n};","\"use strict\";\n\nmodule.exports = function (item) {\n  var content = item[1];\n  var cssMapping = item[3];\n  if (!cssMapping) {\n    return content;\n  }\n  if (typeof btoa === \"function\") {\n    var base64 = btoa(unescape(encodeURIComponent(JSON.stringify(cssMapping))));\n    var data = \"sourceMappingURL=data:application/json;charset=utf-8;base64,\".concat(base64);\n    var sourceMapping = \"/*# \".concat(data, \" */\");\n    return [content].concat([sourceMapping]).join(\"\\n\");\n  }\n  return [content].join(\"\\n\");\n};","\"use strict\";\n\nvar stylesInDOM = [];\n\nfunction getIndexByIdentifier(identifier) {\n  var result = -1;\n\n  for (var i = 0; i < stylesInDOM.length; i++) {\n    if (stylesInDOM[i].identifier === identifier) {\n      result = i;\n      break;\n    }\n  }\n\n  return result;\n}\n\nfunction modulesToDom(list, options) {\n  var idCountMap = {};\n  var identifiers = [];\n\n  for (var i = 0; i < list.length; i++) {\n    var item = list[i];\n    var id = options.base ? item[0] + options.base : item[0];\n    var count = idCountMap[id] || 0;\n    var identifier = \"\".concat(id, \" \").concat(count);\n    idCountMap[id] = count + 1;\n    var indexByIdentifier = getIndexByIdentifier(identifier);\n    var obj = {\n      css: item[1],\n      media: item[2],\n      sourceMap: item[3],\n      supports: item[4],\n      layer: item[5]\n    };\n\n    if (indexByIdentifier !== -1) {\n      stylesInDOM[indexByIdentifier].references++;\n      stylesInDOM[indexByIdentifier].updater(obj);\n    } else {\n      var updater = addElementStyle(obj, options);\n      options.byIndex = i;\n      stylesInDOM.splice(i, 0, {\n        identifier: identifier,\n        updater: updater,\n        references: 1\n      });\n    }\n\n    identifiers.push(identifier);\n  }\n\n  return identifiers;\n}\n\nfunction addElementStyle(obj, options) {\n  var api = options.domAPI(options);\n  api.update(obj);\n\n  var updater = function updater(newObj) {\n    if (newObj) {\n      if (newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap && newObj.supports === obj.supports && newObj.layer === obj.layer) {\n        return;\n      }\n\n      api.update(obj = newObj);\n    } else {\n      api.remove();\n    }\n  };\n\n  return updater;\n}\n\nmodule.exports = function (list, options) {\n  options = options || {};\n  list = list || [];\n  var lastIdentifiers = modulesToDom(list, options);\n  return function update(newList) {\n    newList = newList || [];\n\n    for (var i = 0; i < lastIdentifiers.length; i++) {\n      var identifier = lastIdentifiers[i];\n      var index = getIndexByIdentifier(identifier);\n      stylesInDOM[index].references--;\n    }\n\n    var newLastIdentifiers = modulesToDom(newList, options);\n\n    for (var _i = 0; _i < lastIdentifiers.length; _i++) {\n      var _identifier = lastIdentifiers[_i];\n\n      var _index = getIndexByIdentifier(_identifier);\n\n      if (stylesInDOM[_index].references === 0) {\n        stylesInDOM[_index].updater();\n\n        stylesInDOM.splice(_index, 1);\n      }\n    }\n\n    lastIdentifiers = newLastIdentifiers;\n  };\n};","\"use strict\";\n\nvar memo = {};\n/* istanbul ignore next  */\n\nfunction getTarget(target) {\n  if (typeof memo[target] === \"undefined\") {\n    var styleTarget = document.querySelector(target); // Special case to return head of iframe instead of iframe itself\n\n    if (window.HTMLIFrameElement && styleTarget instanceof window.HTMLIFrameElement) {\n      try {\n        // This will throw an exception if access to iframe is blocked\n        // due to cross-origin restrictions\n        styleTarget = styleTarget.contentDocument.head;\n      } catch (e) {\n        // istanbul ignore next\n        styleTarget = null;\n      }\n    }\n\n    memo[target] = styleTarget;\n  }\n\n  return memo[target];\n}\n/* istanbul ignore next  */\n\n\nfunction insertBySelector(insert, style) {\n  var target = getTarget(insert);\n\n  if (!target) {\n    throw new Error(\"Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.\");\n  }\n\n  target.appendChild(style);\n}\n\nmodule.exports = insertBySelector;","\"use strict\";\n\n/* istanbul ignore next  */\nfunction insertStyleElement(options) {\n  var element = document.createElement(\"style\");\n  options.setAttributes(element, options.attributes);\n  options.insert(element, options.options);\n  return element;\n}\n\nmodule.exports = insertStyleElement;","\"use strict\";\n\n/* istanbul ignore next  */\nfunction setAttributesWithoutAttributes(styleElement) {\n  var nonce = typeof __webpack_nonce__ !== \"undefined\" ? __webpack_nonce__ : null;\n\n  if (nonce) {\n    styleElement.setAttribute(\"nonce\", nonce);\n  }\n}\n\nmodule.exports = setAttributesWithoutAttributes;","\"use strict\";\n\n/* istanbul ignore next  */\nfunction apply(styleElement, options, obj) {\n  var css = \"\";\n\n  if (obj.supports) {\n    css += \"@supports (\".concat(obj.supports, \") {\");\n  }\n\n  if (obj.media) {\n    css += \"@media \".concat(obj.media, \" {\");\n  }\n\n  var needLayer = typeof obj.layer !== \"undefined\";\n\n  if (needLayer) {\n    css += \"@layer\".concat(obj.layer.length > 0 ? \" \".concat(obj.layer) : \"\", \" {\");\n  }\n\n  css += obj.css;\n\n  if (needLayer) {\n    css += \"}\";\n  }\n\n  if (obj.media) {\n    css += \"}\";\n  }\n\n  if (obj.supports) {\n    css += \"}\";\n  }\n\n  var sourceMap = obj.sourceMap;\n\n  if (sourceMap && typeof btoa !== \"undefined\") {\n    css += \"\\n/*# sourceMappingURL=data:application/json;base64,\".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))), \" */\");\n  } // For old IE\n\n  /* istanbul ignore if  */\n\n\n  options.styleTagTransform(css, styleElement, options.options);\n}\n\nfunction removeStyleElement(styleElement) {\n  // istanbul ignore if\n  if (styleElement.parentNode === null) {\n    return false;\n  }\n\n  styleElement.parentNode.removeChild(styleElement);\n}\n/* istanbul ignore next  */\n\n\nfunction domAPI(options) {\n  var styleElement = options.insertStyleElement(options);\n  return {\n    update: function update(obj) {\n      apply(styleElement, options, obj);\n    },\n    remove: function remove() {\n      removeStyleElement(styleElement);\n    }\n  };\n}\n\nmodule.exports = domAPI;","\"use strict\";\n\n/* istanbul ignore next  */\nfunction styleTagTransform(css, styleElement) {\n  if (styleElement.styleSheet) {\n    styleElement.styleSheet.cssText = css;\n  } else {\n    while (styleElement.firstChild) {\n      styleElement.removeChild(styleElement.firstChild);\n    }\n\n    styleElement.appendChild(document.createTextNode(css));\n  }\n}\n\nmodule.exports = styleTagTransform;","/**\n * TODO: Bring all the style and typography mixins into the design system package\n */\n\nconst mixinSegoeUI = (style = 'normal', weight = 'normal') => `\n  font-family: \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif; \n  font-style: ${style};\n  font-weight: ${weight};\n`;\n\nexport const stylesFontFaces = `\n  @font-face {\n    font-family: Segoe UI;\n    font-weight: 300;\n    src: local(\"Segoe UI Semilight\"), local(\"Segoe UI\");\n  }\n\n  * {\n    ${mixinSegoeUI()}\n  }\n`;\n","\n      import API from \"!../../../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n      import domAPI from \"!../../../../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n      import insertFn from \"!../../../../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n      import setAttributes from \"!../../../../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n      import insertStyleElement from \"!../../../../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n      import styleTagTransformFn from \"!../../../../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n      import content, * as namedExport from \"!!../../../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../../../../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./main.css\";\n      \n      \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n      options.insert = insertFn.bind(null, \"head\");\n    \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../../../../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./main.css\";\n       export default content && content.locals ? content.locals : undefined;\n","import { ColorRGBA64, parseColorHexRGB } from '@microsoft/fast-colors';\n\nexport const getWebRGBA = (rgb: ColorRGBA64, alpha: number = 1.0) => {\n  const rgba = new ColorRGBA64(rgb.r, rgb.g, rgb.b, alpha);\n  return rgba.toStringWebRGBA();\n};\n\nexport enum PrimaryRapidColorHEX {\n  blue = '#0eafe2',\n  purple = '#654df9',\n}\n\nexport enum ColorHEX {\n  black = '#000000',\n  white = '#FFFFFF',\n  almostWhite = '#F1F1F1',\n\n  lightGrey = '#2E3339',\n\n  mediumGrey = '#2C2F33',\n\n  darkGrey = '#1F2126',\n  darkerGrey = '#141519',\n}\n\nconst backgroundHoverOpacity = 0.5;\nconst backgroundItemOpacity = 0.05;\nconst backgroundNavOptionOpacity = 0.5;\n\nexport const defaultBackgroundHover = getWebRGBA(parseColorHexRGB('#FFF'), backgroundHoverOpacity);\nexport const defaultBackgroundItem = getWebRGBA(parseColorHexRGB('#FFF'), backgroundItemOpacity);\nexport const backgroundNavOption = getWebRGBA(\n  parseColorHexRGB(PrimaryRapidColorHEX.blue),\n  backgroundNavOptionOpacity\n);\n","import {\n  neutralFillFocus,\n  neutralLayer2,\n  neutralStrokeHover,\n  neutralStrokeRest,\n} from '@microsoft/fast-components';\nimport { css } from '@microsoft/fast-element';\nimport { stylesFontFaces } from '../styles';\nimport './main.css';\nimport {\n  backgroundNavOption,\n  ColorHEX,\n  defaultBackgroundHover,\n  defaultBackgroundItem,\n  PrimaryRapidColorHEX,\n} from '../styles/colors';\n\n/**\n * Base styles for the foundation-header\n *\n * @returns ElementStyles instance for the foundation-header\n *\n * @public\n */\nexport const MainStyles = css`\n  ${stylesFontFaces}\n  :host {\n    display: flex;\n    flex-direction: row;\n\n    --primary-gradient-angle: -113.5deg;\n    --design-unit: 2.5;\n  }\n\n  zero-design-system-provider,\n  .dynamic-template {\n    width: 100%;\n  }\n\n  .nav-listbox {\n    background: ${neutralLayer2};\n    display: flex;\n    flex: 1;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n    box-shadow: 0 0 15px 0 rgb(0 0 0 / 30%);\n  }\n\n  fast-listbox {\n    border-color: var(--rapid-ag-background-color);\n  }\n\n  .nav-leftside {\n    background: ${neutralLayer2};\n    flex: 1;\n    flex-direction: row;\n    align-items: center;\n    margin-left: calc(var(--design-unit) * 6px);\n    display: flex;\n  }\n\n  .nav-leftside:focus-within {\n    box-shadow: none;\n  }\n\n  ::slotted(fast-option),\n  .nav-listbox fast-option {\n    margin: 0 calc(var(--design-unit) * 2px);\n    padding: 0 calc(var(--design-unit) * 6px);\n\n    --focus-stroke-width: 0;\n  }\n\n  ::slotted(fast-option.selected),\n  .nav-listbox fast-option.selected {\n    background: ${backgroundNavOption};\n    color: ${ColorHEX.white};\n  }\n\n  ::slotted(fast-option:not(.selected)),\n  .nav-listbox fast-option:not(.selected) {\n    background-color: ${defaultBackgroundItem};\n    color: #c9c9c9;\n  }\n\n  ::slotted(fast-option:not(.selected):hover),\n  .nav-listbox fast-option:not(.selected):hover {\n    background-color: ${defaultBackgroundHover};\n    color: ${ColorHEX.white};\n  }\n\n  .top-layout zero-icon {\n    position: absolute;\n    right: calc(var(--design-unit) * 6px);\n    top: 50%;\n    transform: translateY(-50%);\n    font-size: 25px;\n    opacity: 80%;\n    cursor: pointer;\n  }\n\n  .logout-container zero-icon {\n    padding: 0 calc(var(--design-unit) * 3px);\n  }\n\n  .nav-listbox .bars-container {\n    margin-right: calc(var(--design-unit) * 3px);\n  }\n\n  .user-container zero-icon {\n    font-size: 20px;\n    margin-right: calc(var(--design-unit) * 2px);\n    color: #879ba6;\n  }\n\n  .group-container zero-icon {\n    padding-right: 10px;\n    color: #879ba6;\n  }\n\n  .nav-listbox .bars-container zero-icon {\n    cursor: pointer;\n    font-size: calc(var(--design-unit) * 8px);\n    background: linear-gradient(\n          var(--primary-gradient-angle),\n          ${PrimaryRapidColorHEX.blue} 0%,\n          ${PrimaryRapidColorHEX.purple} 100%\n        )\n        top/100% 1px,\n      linear-gradient(\n          var(--primary-gradient-angle),\n          ${PrimaryRapidColorHEX.blue} 0%,\n          ${PrimaryRapidColorHEX.purple} 100%\n        )\n        bottom/100% 1px;\n    /* stylelint-disable-next-line property-no-vendor-prefix */\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n  }\n\n  .logo-container {\n    display: flex;\n    align-items: center;\n    margin-right: calc(var(--design-unit) * 3px);\n  }\n\n  .logo {\n    height: calc(var(--design-unit) * 8px);\n    width: calc(var(--design-unit) * 10px);\n  }\n\n  .nav-rightside {\n    display: flex;\n    flex: 1;\n    flex-direction: row;\n    align-items: center;\n    justify-content: flex-end;\n    margin-right: calc(var(--design-unit) * 6px);\n    color: #c9c9c9;\n  }\n\n  .user-container {\n    background-color: ${defaultBackgroundItem};\n    padding: calc(var(--design-unit) * 1px);\n    font-size: 14px;\n    display: flex;\n    align-items: center;\n    border-radius: calc(var(--control-corner-radius) * 1px);\n    cursor: pointer;\n  }\n\n  .icon-container {\n    font-size: 20px;\n    padding: calc(var(--design-unit) * 3px);\n    margin-right: calc(var(--design-unit) * 4px);\n    color: #879ba6;\n    cursor: pointer;\n  }\n\n  .open-nav {\n    width: 300px;\n  }\n\n  .top-layout {\n    background: linear-gradient(\n          var(--primary-gradient-angle),\n          ${PrimaryRapidColorHEX.blue} 0%,\n          ${PrimaryRapidColorHEX.purple} 100%\n        )\n        top/100% 1px,\n      linear-gradient(\n          var(--primary-gradient-angle),\n          ${PrimaryRapidColorHEX.blue} 0%,\n          ${PrimaryRapidColorHEX.purple} 100%\n        )\n        bottom/100% 1px;\n    background-origin: border-box;\n    background-size: cover;\n    background-repeat: no-repeat;\n    width: 100%;\n    height: 15%;\n    max-height: 120px;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    position: relative;\n  }\n\n  .top-layout img {\n    width: 50px;\n    margin-left: calc(var(--design-unit) * 6px);\n  }\n\n  .top-layout zero-icon:hover {\n    opacity: 100%;\n  }\n\n  .group-container {\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n  }\n\n  ::slotted(zero-tree-view) {\n    --type-ramp-base-font-size: 12px;\n  }\n\n  ::slotted(div) {\n    color: ${PrimaryRapidColorHEX.blue};\n    font-size: var(--type-ramp-minus-1-font-size);\n    margin-bottom: calc(var(--design-unit) * 4px);\n    padding-left: calc(var(--design-unit) * 4px);\n    padding-right: calc(var(--design-unit) * 4px);\n  }\n\n  .nav-preferences {\n    width: 100%;\n    height: 25%;\n    max-height: 250px;\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n  }\n\n  .logout-container {\n    align-items: center;\n    background-color: var(--neutral-fill-rest);\n    border: calc(var(--stroke-width) * 1px) solid ${defaultBackgroundItem};\n    cursor: pointer;\n    display: flex;\n    flex-direction: row;\n    height: 8%;\n    max-height: 80px;\n    padding: 3%;\n  }\n\n  .logout-container:hover {\n    background-color: var(--neutral-fill-hover);\n  }\n`;\n","import { html, ref, repeat, when } from '@microsoft/fast-element';\nimport type { ViewTemplate } from '@microsoft/fast-element';\nimport type { Navigation } from './main';\n\nconst sideNavTemplate = html<Navigation>`\n  <zero-flyout\n    position=\"left\"\n    ?closed=${(x) => !x.sideNavOpen}\n    @closed=${(x) => x.toggleNavVisibility()}\n  >\n    <img slot=\"title\" src=${(x) => x.logoSrc} class=\"logo\" part=\"side-nav-logo\" />\n    <slot name=\"menu-contents\"></slot>\n    <div slot=\"footer\" class=\"logout-container\" @click=${(x) => x.logout()}>\n      <zero-icon name=\"sign-out-alt\"></zero-icon>\n      Sign out\n    </div>\n  </zero-flyout>\n`;\n\nconst defaultRouteButtonsTemplate = html<Navigation>`\n  <zero-button appearance=\"neutral-grey\" value=\"1\" @click=${(x) => x.navigateTo('protected')}>\n    <zero-icon name=\"home\"></zero-icon>\n    Home\n  </zero-button>\n  <fast-option value=\"2\" @click=${(x) => x.navigateTo('not-found')}>\n    <zero-icon name=\"users\"></zero-icon>\n    Profiles\n  </fast-option>\n`;\n\nconst routeButtonsTemplate = html<Navigation>`\n  <template>\n    ${repeat(\n      (x) => x.routeButtons,\n      html`\n        <zero-button\n          appearance=\"neutral-grey\"\n          slot=\"routes\"\n          value=\"${(x) => x.index}\"\n          @click=${(x, c) => c.parent.navigateTo(x.path)}\n        >\n          <zero-icon variant=\"${(x) => x.variant}\" name=\"${(x) => x.icon}\"></zero-icon>\n          ${(x) => x.title}\n        </zero-button>\n      `\n    )}\n  </template>\n`;\n\n/**\n * Template for Navigation class\n *\n * @remarks\n *\n * Contains the template for both the sidenav and the navigation bar\n *\n * @typeParam Navigation - Navigation class\n *\n * @returns ViewTemplate instance of the Navigation html\n *\n * @public\n */\nexport const NavTemplate = html<Navigation>`\n  ${when((x) => !x.hideSideBar, sideNavTemplate)}\n  <div class=\"nav-listbox\">\n    <div class=\"nav-leftside\">\n      ${when(\n        (x) => !x.hideSideBar,\n        html<Navigation>`\n          <div class=\"bars-container\" @click=${(x) => x.toggleNavVisibility()}>\n            <zero-icon name=\"bars\"></zero-icon>\n          </div>\n        `\n      )}\n      <div class=\"logo-container\"><img src=${(x) => x.logoSrc} class=\"logo\" part=\"logo\" /></div>\n      <slot name=\"routes\">\n        ${(x) => (x.routeButtons ? routeButtonsTemplate : defaultRouteButtonsTemplate)}\n      </slot>\n    </div>\n    <div class=\"nav-rightside\">\n      ${when(\n        (x) => x.showLuminanceToggleButton,\n        html<Navigation>`\n          <div class=\"icon-container\">\n            <zero-icon\n              @click=${(x) => x.luminanceIconEvent()}\n              variant=\"regular\"\n              name=\"moon\"\n            ></zero-icon>\n          </div>\n        `\n      )}\n      ${when(\n        (x) => x.showMiscToggleButton,\n        html<Navigation>`\n          <div class=\"icon-container\">\n            <zero-icon @click=${(x) => x.miscIconEvent()} name=\"th\"></zero-icon>\n          </div>\n        `\n      )}\n      ${when(\n        (x) => x.showNotificationsButton,\n        html<Navigation>`\n          <div class=\"icon-container\">\n            <zero-icon\n              variant=\"regular\"\n              @click=${(x) => x.notificationIconEvent()}\n              name=\"bell\"\n            ></zero-icon>\n          </div>\n        `\n      )}\n      <zero-button appearance=\"neutral-grey\">\n        <zero-icon name=\"user-circle\"></zero-icon>\n        ${(x) => x.userName}\n      </zero-button>\n    </div>\n  </div>\n`;\n\n/**\n * Top level template for Navigation class\n *\n * @remarks\n *\n * Dynamic template which wraps the code in a provider\n *\n * @typeParam Navigation - Navigation class\n *\n * @returns ViewTemplate instance of the Navigation html\n *\n * @internal\n */\nexport const DynamicTemplate: ViewTemplate<Navigation> = html`\n  <zero-design-system-provider ${ref('provider')}>\n    <div class=\"dynamic-template\">${(x) => x.selectTemplate()}</div>\n  </zero-design-system-provider>\n`;\n\n/**\n * Loading template for the Navigation class\n *\n * @remarks\n *\n * Template used to indicate loading to the user\n *\n * @typeParam Navigation - Navigation class\n *\n * @returns ViewTemplate instance of the Loading html\n *\n * @internal\n */\nexport const LoadingTemplate: ViewTemplate<Navigation> = html`\n  ...\n`;\n\n/**\n * Render template for the Navigation class\n *\n * @remarks\n *\n * Template used when the class has finished loading\n *\n * @typeParam Navigation - Navigation class\n *\n * @returns ViewTemplate instance of the Main html\n *\n * @internal\n */\nexport const MainTemplate: ViewTemplate<Navigation> = html`\n  ${NavTemplate}\n`;\n","import { createLogger } from '@genesislcap/foundation-utils';\nexport const logger = createLogger('foundation-header');\n","/**\n * These DS / Component imports will be replaced with an import from the local alpha design system.\n * We're just fixing something on our side to allow you to extend zero.\n */\nimport { allComponents, provideFASTDesignSystem } from '@microsoft/fast-components';\nimport { logger } from '../utils';\n\nprovideFASTDesignSystem().register(allComponents);\n\nenum ResourceType {\n  local = 'local',\n  remote = 'remote',\n}\n\nfunction loadZeroFallback() {\n  return import(\n    /* webpackMode: \"lazy\" */\n    '@genesislcap/foundation-zero'\n  );\n}\n\nexport const loadZeroDesignSystem = async () => {\n  let type = ResourceType.remote;\n  try {\n    // @ts-ignore\n    return await import('foundationZero/ZeroDesignSystem');\n  } catch (e) {\n    type = ResourceType.local;\n    return await loadZeroFallback();\n  } finally {\n    logger.debug(`Using '${type}' version of foundationZero/DesignSystem`);\n  }\n};\n\n/**\n * Load the wp5 module federation remote versions, or fallback to code split bundled versions.\n * You would really be targeting the client's design system, components etc here. For now just targeting zero.\n */\nexport const loadRemotes = async () => {\n  const { registerZeroDesignSystem } = await loadZeroDesignSystem();\n  return {\n    ZeroDesignSystem: registerZeroDesignSystem(),\n  };\n};\n","import { Auth, CredentialManager, LogoutResult } from '@genesislcap/foundation-comms';\nimport { EventEmitter } from '@genesislcap/foundation-events';\nimport { FASTElement, customElement, observable, attr, html } from '@microsoft/fast-element';\nimport { Route } from '@microsoft/fast-router';\nimport { DynamicTemplate as template, LoadingTemplate, MainTemplate } from './main.template';\nimport { MainStyles as styles } from './main.styles';\nimport { logger } from '../utils';\nimport { classNames } from '@microsoft/fast-web-utilities';\nimport * as Components from '../components';\nimport { Flyout } from '@genesislcap/foundation-zero';\nimport logo from '../assets/logo.svg';\n\nconst name = 'foundation-header';\n\n/**\n * Events dispatched by the navigation control buttons\n * @public\n */\nexport type NavEventDetailMap = {\n  'luminance-icon-clicked': void;\n  'misc-icon-clicked': void;\n  'notification-icon-clicked': void;\n};\n\n// We'd add extra types to our event map via type intersection here if needed\ntype EventMap = NavEventDetailMap;\n\n/**\n * Navigation micro-frontend includes navigation bar and flyout menu\n *\n * @remarks\n *\n * `foundation-header` micro-frontend can be added to the project to include a navigation bar\n * and flyout menu. There are multiple ways that the behaviour of the component can be configured\n * - the icon shown on the navigation bar and flyout menu (this shows the Genesis logo by default).\n * - navigation links at the left-hand side of the navigation bar.\n * - the control buttons on the right-hand side of the navigation bar can be shown or hidden, and their behaviour controlled via event listeners\n * - The contents of the flyout menu.\n *\n * @param logo-src - Option attribute which sets the source of the image in the navigation bar and flyout menu. The Genesis logo will be shown if this attribute is not provided.\n * @param show-luminance-toggle-button - Boolean attribute which controls whether the navigation bar will display the luminance toggle icon.\n * @param show-misc-toggle-button - Boolean attribute which controls whether the navigation bar will display the miscellaneous behaviour icon.\n * @param show-misc-toggle-button - Boolean attribute which controls whether the navigation bar will display the show notification icon.\n *\n * @public\n */\n@customElement({\n  name,\n  template,\n  styles,\n})\nexport class Navigation extends EventEmitter<EventMap>(FASTElement) {\n  @Auth auth!: Auth;\n  @CredentialManager credentialManager!: CredentialManager;\n  @observable provider!: any;\n  @observable ready: boolean = false;\n\n  /**\n   * Username of the logged in user\n   */\n  @observable public userName: string;\n\n  @observable sideNavOpen = false;\n\n  public async connectedCallback() {\n    super.connectedCallback();\n    logger.debug(`${name} is now connected to the DOM`);\n    await this.loadRemotes();\n\n    this.userName = this.auth.loggedUserResult\n      ? this.auth.loggedUserResult.username\n      : 'Genesis User';\n  }\n\n  /**\n   * Optional attribute which controls the icon to show on the navigation bar and flyout\n   * Control via `logo-src`\n   *\n   * @remarks\n   *\n   * If this attribute is not set then the Genesis logo is shown instead\n   */\n  @attr({ attribute: 'logo-src' }) logoSrc: any = logo;\n\n  /**\n   * Boolean attribute which controls whether to show the luminance (moon) icon on the navigation bar\n   * Control via`show-luminance-toggle-button`\n   *\n   * @remarks\n   *\n   * If the user clicks the icon when shown then this class will emit the 'luminance-icon-clicked' event\n   */\n  @attr({ mode: 'boolean', attribute: 'show-luminance-toggle-button' })\n  showLuminanceToggleButton: boolean;\n\n  /**\n   * Boolean attribute which controls whether to show the miscellaneous (menu) icon on the navigation bar\n   * Control via `show-luminance-toggle-button`\n   *\n   * @remarks\n   *\n   * If the user clicks the icon when shown then this class will emit the 'misc-icon-clicked' event\n   */\n  @attr({ mode: 'boolean', attribute: 'show-misc-toggle-button' }) showMiscToggleButton: boolean;\n\n  /**\n   * Boolean attribute which controls whether to show the notification (bell) icon on the navigation bar\n   * Control via `show-notification-button`\n   *\n   * @remarks\n   *\n   * If the user clicks the icon when shown then this class will emit the 'notification-icon-clicked' event\n   */\n  @attr({ mode: 'boolean', attribute: 'show-notification-button' })\n  showNotificationsButton: boolean;\n\n  /**\n   * Boolean attribute which controls whether to include the sideNav component\n   * Control via`hide-side-bar`\n   *\n   */\n  @attr({ mode: 'boolean', attribute: 'hide-side-bar' })\n  hideSideBar: boolean;\n\n  /**\n   * If present the defined route buttons will be rendered in the header 'routes' slot\n   */\n  @observable routeButtons: Array<{\n    index: number;\n    path: string;\n    title: string;\n    icon: string;\n    variant: string;\n  }>;\n\n  /**\n   * Load remote components\n   *\n   * @remarks\n   *\n   * With regards to module federation\n   *\n   * @internal\n   */\n  async loadRemotes() {\n    const remoteComponents = await Components.loadRemotes();\n    this.ready = true;\n  }\n\n  selectTemplate() {\n    return this.ready ? MainTemplate : LoadingTemplate;\n  }\n\n  /**\n   * Logs the user out of their session\n   *\n   * @remarks\n   *\n   * Activated when the user clicks on the logout button on the right hand side of the navigation bar. Requires\n   * the usage of the auth functionality from {@link @genesislcap/foundation-comms#Auth}.\n   *\n   * @public\n   */\n  public async logout() {\n    logger.debug('logout submission');\n    try {\n      const result: LogoutResult = await this.auth.logout();\n      if (!result.success) {\n        logger.error(`Couldn't log out`, result);\n        return;\n      }\n      logger.debug('logged out', result);\n      await this.credentialManager.preventSilentAccess();\n      this.navigateTo('/');\n    } catch (err) {\n      logger.error(`Error: ${err.message}`);\n    }\n  }\n\n  /**\n   * Changes the route of the current page\n   *\n   * @remarks\n   *\n   * Requires setup of the Router and usage of the FAST Router\n   *\n   * @param path - string represeting the new route to move to\n   *\n   * @public\n   */\n  public navigateTo(path: string) {\n    try {\n      logger.debug('navigateTo', path);\n      Route.path.push(path);\n    } catch (err) {\n      logger.error(`Error: ${err.message}`);\n    }\n  }\n\n  /**\n   * Opens the flyout menu on the left hand side\n   *\n   * @remarks\n   *\n   * Activated when the user clicks on the menu button on the navigation\n   * bar left hand side\n   *\n   * @internal\n   */\n  toggleNavVisibility() {\n    this.sideNavOpen = !this.sideNavOpen;\n  }\n\n  /**\n   * Emits the event corresponding to the luminance icon being clicked\n   *\n   * @remarks\n   *\n   * Activated when the user clicks on the moon icon on the navigation\n   * bar right hand side\n   *\n   * @internal\n   */\n  luminanceIconEvent() {\n    this.$emit('luminance-icon-clicked');\n  }\n\n  /**\n   * Emits the event corresponding to the miscellaneous icon being clicked\n   *\n   * @remarks\n   *\n   * Activated when the user clicks on the menu icon on the navigation\n   * bar right hand side\n   *\n   * @internal\n   */\n  miscIconEvent() {\n    this.$emit('misc-icon-clicked');\n  }\n\n  /**\n   * Emits the event corresponding to the notification icon being clicked\n   *\n   * @remarks\n   *\n   * Activated when the user clicks on the bell icon on the navigation\n   * bar right hand side\n   *\n   * @internal\n   */\n  notificationIconEvent() {\n    this.$emit('notification-icon-clicked');\n  }\n}\n"],"sourceRoot":""}
+{"version":3,"sources":["webpack://@genesislcap/foundation-header/./src/main/main.css","webpack://@genesislcap/foundation-header/../node_modules/css-loader/dist/runtime/api.js","webpack://@genesislcap/foundation-header/../node_modules/css-loader/dist/runtime/sourceMaps.js","webpack://@genesislcap/foundation-header/../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js","webpack://@genesislcap/foundation-header/../node_modules/style-loader/dist/runtime/insertBySelector.js","webpack://@genesislcap/foundation-header/../node_modules/style-loader/dist/runtime/insertStyleElement.js","webpack://@genesislcap/foundation-header/../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js","webpack://@genesislcap/foundation-header/../node_modules/style-loader/dist/runtime/styleDomAPI.js","webpack://@genesislcap/foundation-header/../node_modules/style-loader/dist/runtime/styleTagTransform.js","webpack://@genesislcap/foundation-header/./src/styles/typography.ts","webpack://@genesislcap/foundation-header/./src/main/main.css?7e44","webpack://@genesislcap/foundation-header/./src/styles/colors.ts","webpack://@genesislcap/foundation-header/./src/main/main.styles.ts","webpack://@genesislcap/foundation-header/./src/main/main.template.ts","webpack://@genesislcap/foundation-header/./src/utils/logger.ts","webpack://@genesislcap/foundation-header/./src/components/components.ts","webpack://@genesislcap/foundation-header/./src/main/main.ts"],"names":["___CSS_LOADER_EXPORT___","push","module","id","exports","cssWithMappingToString","list","toString","this","map","item","content","needLayer","concat","length","join","i","modules","media","dedupe","supports","layer","undefined","alreadyImportedModules","k","_k","cssMapping","btoa","base64","unescape","encodeURIComponent","JSON","stringify","data","sourceMapping","stylesInDOM","getIndexByIdentifier","identifier","result","modulesToDom","options","idCountMap","identifiers","base","count","indexByIdentifier","obj","css","sourceMap","references","updater","addElementStyle","byIndex","splice","api","domAPI","update","newObj","remove","lastIdentifiers","newList","index","newLastIdentifiers","_i","_index","memo","insert","style","target","styleTarget","document","querySelector","window","HTMLIFrameElement","contentDocument","head","e","getTarget","Error","appendChild","element","createElement","setAttributes","attributes","styleElement","nonce","setAttribute","insertStyleElement","styleTagTransform","apply","parentNode","removeChild","removeStyleElement","styleSheet","cssText","firstChild","createTextNode","stylesFontFaces","weight","mixinSegoeUI","getWebRGBA","rgb","alpha","r","g","b","toStringWebRGBA","PrimaryRapidColorHEX","ColorHEX","defaultBackgroundHover","defaultBackgroundItem","backgroundNavOption","blue","MainStyles","neutralLayer2","white","purple","sideNavTemplate","html","x","sideNavOpen","toggleNavVisibility","logoSrc","logout","defaultRouteButtonsTemplate","navigateTo","routeButtonsTemplate","repeat","routeButtons","c","parent","path","variant","icon","title","NavTemplate","when","hideSideBar","showLuminanceToggleButton","luminanceIconEvent","showMiscToggleButton","miscIconEvent","showNotificationsButton","notificationIconEvent","userName","DynamicTemplate","ref","selectTemplate","LoadingTemplate","MainTemplate","logger","createLogger","ResourceType","provideFASTDesignSystem","register","allComponents","loadZeroDesignSystem","type","remote","local","debug","Navigation","EventEmitter","FASTElement","ready","logo","connectedCallback","loadRemotes","auth","loggedUserResult","username","registerZeroDesignSystem","ZeroDesignSystem","success","error","credentialManager","preventSilentAccess","err","message","$emit","Auth","CredentialManager","observable","attr","attribute","mode","customElement","name","template","styles"],"mappings":"iMAGIA,E,MAA0B,GAA4B,KAE1DA,EAAwBC,KAAK,CAACC,EAAOC,GAAI,4JAA6J,GAAG,CAAC,QAAU,EAAE,QAAU,CAAC,iCAAiC,MAAQ,GAAG,SAAW,2FAA2F,eAAiB,CAAC,6JAA6J,WAAa,MAE/iB,S,wBCDAD,EAAOE,QAAU,SAAUC,GACzB,IAAIC,EAAO,GA4EX,OAzEAA,EAAKC,SAAW,WACd,OAAOC,KAAKC,KAAI,SAAUC,GACxB,IAAIC,EAAU,GACVC,OAA+B,IAAZF,EAAK,GAoB5B,OAnBIA,EAAK,KACPC,GAAW,cAAcE,OAAOH,EAAK,GAAI,QAEvCA,EAAK,KACPC,GAAW,UAAUE,OAAOH,EAAK,GAAI,OAEnCE,IACFD,GAAW,SAASE,OAAOH,EAAK,GAAGI,OAAS,EAAI,IAAID,OAAOH,EAAK,IAAM,GAAI,OAE5EC,GAAWN,EAAuBK,GAC9BE,IACFD,GAAW,KAETD,EAAK,KACPC,GAAW,KAETD,EAAK,KACPC,GAAW,KAENA,CACT,IAAGI,KAAK,GACV,EAGAT,EAAKU,EAAI,SAAWC,EAASC,EAAOC,EAAQC,EAAUC,GAC7B,iBAAZJ,IACTA,EAAU,CAAC,CAAC,KAAMA,OAASK,KAE7B,IAAIC,EAAyB,CAAC,EAC9B,GAAIJ,EACF,IAAK,IAAIK,EAAI,EAAGA,EAAIhB,KAAKM,OAAQU,IAAK,CACpC,IAAIrB,EAAKK,KAAKgB,GAAG,GACP,MAANrB,IACFoB,EAAuBpB,IAAM,EAEjC,CAEF,IAAK,IAAIsB,EAAK,EAAGA,EAAKR,EAAQH,OAAQW,IAAM,CAC1C,IAAIf,EAAO,GAAGG,OAAOI,EAAQQ,IACzBN,GAAUI,EAAuBb,EAAK,WAGrB,IAAVW,SACc,IAAZX,EAAK,KAGdA,EAAK,GAAK,SAASG,OAAOH,EAAK,GAAGI,OAAS,EAAI,IAAID,OAAOH,EAAK,IAAM,GAAI,MAAMG,OAAOH,EAAK,GAAI,MAF/FA,EAAK,GAAKW,GAMVH,IACGR,EAAK,IAGRA,EAAK,GAAK,UAAUG,OAAOH,EAAK,GAAI,MAAMG,OAAOH,EAAK,GAAI,KAC1DA,EAAK,GAAKQ,GAHVR,EAAK,GAAKQ,GAMVE,IACGV,EAAK,IAGRA,EAAK,GAAK,cAAcG,OAAOH,EAAK,GAAI,OAAOG,OAAOH,EAAK,GAAI,KAC/DA,EAAK,GAAKU,GAHVV,EAAK,GAAK,GAAGG,OAAOO,IAMxBd,EAAKL,KAAKS,GACZ,CACF,EACOJ,CACT,C,wBClFAJ,EAAOE,QAAU,SAAUM,GACzB,IAAIC,EAAUD,EAAK,GACfgB,EAAahB,EAAK,GACtB,IAAKgB,EACH,OAAOf,EAET,GAAoB,mBAATgB,KAAqB,CAC9B,IAAIC,EAASD,KAAKE,SAASC,mBAAmBC,KAAKC,UAAUN,MACzDO,EAAO,+DAA+DpB,OAAOe,GAC7EM,EAAgB,OAAOrB,OAAOoB,EAAM,OACxC,MAAO,CAACtB,GAASE,OAAO,CAACqB,IAAgBnB,KAAK,KAChD,CACA,MAAO,CAACJ,GAASI,KAAK,KACxB,C,wBCbA,IAAIoB,EAAc,GAElB,SAASC,EAAqBC,GAG5B,IAFA,IAAIC,GAAU,EAELtB,EAAI,EAAGA,EAAImB,EAAYrB,OAAQE,IACtC,GAAImB,EAAYnB,GAAGqB,aAAeA,EAAY,CAC5CC,EAAStB,EACT,KACF,CAGF,OAAOsB,CACT,CAEA,SAASC,EAAajC,EAAMkC,GAI1B,IAHA,IAAIC,EAAa,CAAC,EACdC,EAAc,GAET1B,EAAI,EAAGA,EAAIV,EAAKQ,OAAQE,IAAK,CACpC,IAAIN,EAAOJ,EAAKU,GACZb,EAAKqC,EAAQG,KAAOjC,EAAK,GAAK8B,EAAQG,KAAOjC,EAAK,GAClDkC,EAAQH,EAAWtC,IAAO,EAC1BkC,EAAa,GAAGxB,OAAOV,EAAI,KAAKU,OAAO+B,GAC3CH,EAAWtC,GAAMyC,EAAQ,EACzB,IAAIC,EAAoBT,EAAqBC,GACzCS,EAAM,CACRC,IAAKrC,EAAK,GACVQ,MAAOR,EAAK,GACZsC,UAAWtC,EAAK,GAChBU,SAAUV,EAAK,GACfW,MAAOX,EAAK,IAGd,IAA2B,IAAvBmC,EACFV,EAAYU,GAAmBI,aAC/Bd,EAAYU,GAAmBK,QAAQJ,OAClC,CACL,IAAII,EAAUC,EAAgBL,EAAKN,GACnCA,EAAQY,QAAUpC,EAClBmB,EAAYkB,OAAOrC,EAAG,EAAG,CACvBqB,WAAYA,EACZa,QAASA,EACTD,WAAY,GAEhB,CAEAP,EAAYzC,KAAKoC,EACnB,CAEA,OAAOK,CACT,CAEA,SAASS,EAAgBL,EAAKN,GAC5B,IAAIc,EAAMd,EAAQe,OAAOf,GACzBc,EAAIE,OAAOV,GAcX,OAZc,SAAiBW,GAC7B,GAAIA,EAAQ,CACV,GAAIA,EAAOV,MAAQD,EAAIC,KAAOU,EAAOvC,QAAU4B,EAAI5B,OAASuC,EAAOT,YAAcF,EAAIE,WAAaS,EAAOrC,WAAa0B,EAAI1B,UAAYqC,EAAOpC,QAAUyB,EAAIzB,MACzJ,OAGFiC,EAAIE,OAAOV,EAAMW,EACnB,MACEH,EAAII,QAER,CAGF,CAEAxD,EAAOE,QAAU,SAAUE,EAAMkC,GAG/B,IAAImB,EAAkBpB,EADtBjC,EAAOA,GAAQ,GADfkC,EAAUA,GAAW,CAAC,GAGtB,OAAO,SAAgBoB,GACrBA,EAAUA,GAAW,GAErB,IAAK,IAAI5C,EAAI,EAAGA,EAAI2C,EAAgB7C,OAAQE,IAAK,CAC/C,IACI6C,EAAQzB,EADKuB,EAAgB3C,IAEjCmB,EAAY0B,GAAOZ,YACrB,CAIA,IAFA,IAAIa,EAAqBvB,EAAaqB,EAASpB,GAEtCuB,EAAK,EAAGA,EAAKJ,EAAgB7C,OAAQiD,IAAM,CAClD,IAEIC,EAAS5B,EAFKuB,EAAgBI,IAIK,IAAnC5B,EAAY6B,GAAQf,aACtBd,EAAY6B,GAAQd,UAEpBf,EAAYkB,OAAOW,EAAQ,GAE/B,CAEAL,EAAkBG,CACpB,CACF,C,uBCrGA,IAAIG,EAAO,CAAC,EAoCZ/D,EAAOE,QAVP,SAA0B8D,EAAQC,GAChC,IAAIC,EAxBN,SAAmBA,GACjB,QAA4B,IAAjBH,EAAKG,GAAyB,CACvC,IAAIC,EAAcC,SAASC,cAAcH,GAEzC,GAAII,OAAOC,mBAAqBJ,aAAuBG,OAAOC,kBAC5D,IAGEJ,EAAcA,EAAYK,gBAAgBC,IAC5C,CAAE,MAAOC,GAEPP,EAAc,IAChB,CAGFJ,EAAKG,GAAUC,CACjB,CAEA,OAAOJ,EAAKG,EACd,CAKeS,CAAUX,GAEvB,IAAKE,EACH,MAAM,IAAIU,MAAM,2GAGlBV,EAAOW,YAAYZ,EACrB,C,wBC1BAjE,EAAOE,QAPP,SAA4BoC,GAC1B,IAAIwC,EAAUV,SAASW,cAAc,SAGrC,OAFAzC,EAAQ0C,cAAcF,EAASxC,EAAQ2C,YACvC3C,EAAQ0B,OAAOc,EAASxC,EAAQA,SACzBwC,CACT,C,8BCGA9E,EAAOE,QARP,SAAwCgF,GACtC,IAAIC,EAAmD,KAEnDA,GACFD,EAAaE,aAAa,QAASD,EAEvC,C,wBC4DAnF,EAAOE,QAZP,SAAgBoC,GACd,IAAI4C,EAAe5C,EAAQ+C,mBAAmB/C,GAC9C,MAAO,CACLgB,OAAQ,SAAgBV,IAzD5B,SAAesC,EAAc5C,EAASM,GACpC,IAAIC,EAAM,GAEND,EAAI1B,WACN2B,GAAO,cAAclC,OAAOiC,EAAI1B,SAAU,QAGxC0B,EAAI5B,QACN6B,GAAO,UAAUlC,OAAOiC,EAAI5B,MAAO,OAGrC,IAAIN,OAAiC,IAAdkC,EAAIzB,MAEvBT,IACFmC,GAAO,SAASlC,OAAOiC,EAAIzB,MAAMP,OAAS,EAAI,IAAID,OAAOiC,EAAIzB,OAAS,GAAI,OAG5E0B,GAAOD,EAAIC,IAEPnC,IACFmC,GAAO,KAGLD,EAAI5B,QACN6B,GAAO,KAGLD,EAAI1B,WACN2B,GAAO,KAGT,IAAIC,EAAYF,EAAIE,UAEhBA,GAA6B,oBAATrB,OACtBoB,GAAO,uDAAuDlC,OAAOc,KAAKE,SAASC,mBAAmBC,KAAKC,UAAUgB,MAAe,QAMtIR,EAAQgD,kBAAkBzC,EAAKqC,EAAc5C,EAAQA,QACvD,CAiBMiD,CAAML,EAAc5C,EAASM,EAC/B,EACAY,OAAQ,YAjBZ,SAA4B0B,GAE1B,GAAgC,OAA5BA,EAAaM,WACf,OAAO,EAGTN,EAAaM,WAAWC,YAAYP,EACtC,CAWMQ,CAAmBR,EACrB,EAEJ,C,wBCpDAlF,EAAOE,QAZP,SAA2B2C,EAAKqC,GAC9B,GAAIA,EAAaS,WACfT,EAAaS,WAAWC,QAAU/C,MAC7B,CACL,KAAOqC,EAAaW,YAClBX,EAAaO,YAAYP,EAAaW,YAGxCX,EAAaL,YAAYT,SAAS0B,eAAejD,GACnD,CACF,C,yHCTA,MAMakD,EAAkB,oJANV,EAAC9B,EAAQ,SAAU+B,EAAS,WAAa,qFAE9C/B,sBACC+B,OAWXC,Y,+HCPF3D,EAAU,CAAC,EAEfA,EAAQgD,kBAAoB,IAC5BhD,EAAQ0C,cAAgB,IAElB1C,EAAQ0B,OAAS,SAAc,KAAM,QAE3C1B,EAAQe,OAAS,IACjBf,EAAQ+C,mBAAqB,IAEhB,IAAI,IAAS/C,GAKJ,KAAW,YAAiB,W,wBCxB3C,MAAM4D,EAAa,CAACC,EAAkBC,EAAgB,IAC9C,IAAI,IAAYD,EAAIE,EAAGF,EAAIG,EAAGH,EAAII,EAAGH,GACtCI,kBAGd,IAAYC,EAKAC,GALZ,SAAYD,GACV,iBACA,kBACD,CAHD,CAAYA,MAAoB,KAKhC,SAAYC,GACV,kBACA,kBACA,wBAEA,sBAEA,uBAEA,qBACA,sBACD,CAXD,CAAYA,MAAQ,KAapB,MAIaC,EAAyBT,GAAW,QAAiB,QAJnC,IAKlBU,EAAwBV,GAAW,QAAiB,QAJnC,KAKjBW,EAAsBX,GACjC,QAAiBO,EAAqBK,MALL,ICHtBC,EAAa,EAAAlE,GAAG;IACzBkD;;;;;;;;;;;;;;;kBAec,EAAAiB;;;;;;;;;;;;;;kBAcA,EAAAA;;;;;;;;;;;;;;;;;;;;;;kBAsBAH;aACLH,EAASO;;;;;wBAKEL;;;;;;wBAMAD;aACXD,EAASO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAqCVR,EAAqBK;YACrBL,EAAqBS;;;;;YAKrBT,EAAqBK;YACrBL,EAAqBS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBA8BTN;;;;;;;;;;;;;;;;;;;;;;;;YAwBZH,EAAqBK;YACrBL,EAAqBS;;;;;YAKrBT,EAAqBK;YACrBL,EAAqBS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;aAmCpBT,EAAqBK;;;;;;;;;;;;;;;;;;;oDAmBkBF;;;;;;;;;;;;ECpP9CO,EAAkB,EAAAC,IAAgB;;;cAGzBC,IAAOA,EAAEC;cACTD,GAAMA,EAAEE;;4BAEMF,GAAMA,EAAEG;;yDAEqBH,GAAMA,EAAEI;;;;;EAO5DC,EAA8B,EAAAN,IAAgB;4DACSC,GAAMA,EAAEM,WAAW;;;;kCAI7CN,GAAMA,EAAEM,WAAW;;;;EAMhDC,EAAuB,EAAAR,IAAgB;;OAEvC,IAAAS,SACCR,GAAMA,EAAES,cACT,EAAAV,IAAI;;;;mBAIUC,GAAMA,EAAE1D;mBACT,CAAC0D,EAAGU,IAAMA,EAAEC,OAAOL,WAAWN,EAAEY;;gCAElBZ,GAAMA,EAAEa,kBAAmBb,GAAMA,EAAEc;YACvDd,GAAMA,EAAEe;;;;EAoBRC,EAAc,EAAAjB,IAAgB;KACvC,IAAAkB,OAAMjB,IAAOA,EAAEkB,aAAapB;;;SAGxB,IAAAmB,OACCjB,IAAOA,EAAEkB,aACV,EAAAnB,IAAgB;+CACwBC,GAAMA,EAAEE;;;;6CAKVF,GAAMA,EAAEG;;UAE3CH,GAAOA,EAAES,aAAeF,EAAuBF;;;;SAIlD,IAAAY,OACCjB,GAAMA,EAAEmB,2BACT,EAAApB,IAAgB;;;uBAGAC,GAAMA,EAAEoB;;;;;;SAOxB,IAAAH,OACCjB,GAAMA,EAAEqB,sBACT,EAAAtB,IAAgB;;gCAESC,GAAMA,EAAEsB;;;SAIjC,IAAAL,OACCjB,GAAMA,EAAEuB,yBACT,EAAAxB,IAAgB;;;;uBAIAC,GAAMA,EAAEwB;;;;;;;UAQrBxB,GAAMA,EAAEyB;;;;EAmBNC,EAA4C,EAAA3B,IAAI;kCAC5B,IAAA4B,KAAI;oCACA3B,GAAMA,EAAE4B;;EAiBhCC,EAA4C,EAAA9B,IAAI;;EAiBhD+B,EAAyC,EAAA/B,IAAI;IACtDiB;8CCzKG,MAAMe,GAAS,E,OAAAC,cAAa,qBCQnC,IAAKC,GAFL,IAAAC,2BAA0BC,SAAS,EAAAC,eAEnC,SAAKH,GACH,gBACA,iBACD,CAHD,CAAKA,MAAY,KAYV,MAAMI,EAAuB,KAAY,iDAC9C,IAAIC,EAAOL,EAAaM,OACxB,IAEE,aAAa,kC,CACb,MAAOlF,GAEP,OADAiF,EAAOL,EAAaO,YAZf,kC,SAeLT,EAAOU,MAAM,UAAUH,4C,CAE3B,I,cCpBA,MAAM,EAAO,oBAuCN,IAAMI,EAAN,eAAyB,IAAAC,cAAuB,EAAAC,cAAhD,c,oBAIO,KAAAC,OAAiB,EAOjB,KAAA5C,aAAc,EAoBO,KAAAE,QAAe2C,CA4KlD,CA9LeC,oB,wIACX,EAAMA,kBAAiB,WACvBhB,EAAOU,MAAM,GAAG,uCACVxJ,KAAK+J,cAEX/J,KAAKwI,SAAWxI,KAAKgK,KAAKC,iBACtBjK,KAAKgK,KAAKC,iBAAiBC,SAC3B,cACN,G,CAwEMH,c,4DD1G+B,iDACrC,MAAM,yBAAEI,SAAmCf,IAC3C,MAAO,CACLgB,iBAAkBD,IAEtB,ICuGInK,KAAK4J,OAAQ,CACf,G,CAEAjB,iBACE,OAAO3I,KAAK4J,MAAQf,EAAeD,CACrC,CAYazB,S,sDACX2B,EAAOU,MAAM,qBACb,IACE,MAAM1H,QAA6B9B,KAAKgK,KAAK7C,SAC7C,IAAKrF,EAAOuI,QAEV,YADAvB,EAAOwB,MAAM,mBAAoBxI,GAGnCgH,EAAOU,MAAM,aAAc1H,SACrB9B,KAAKuK,kBAAkBC,sBAC7BxK,KAAKqH,WAAW,I,CAChB,MAAOoD,GACP3B,EAAOwB,MAAM,UAAUG,EAAIC,U,CAE/B,G,CAaOrD,WAAWM,GAChB,IACEmB,EAAOU,MAAM,aAAc7B,GAC3B,eAAgBA,E,CAChB,MAAO8C,GACP3B,EAAOwB,MAAM,UAAUG,EAAIC,U,CAE/B,CAYAzD,sBACEjH,KAAKgH,aAAehH,KAAKgH,WAC3B,CAYAmB,qBACEnI,KAAK2K,MAAM,yBACb,CAYAtC,gBACErI,KAAK2K,MAAM,oBACb,CAYApC,wBACEvI,KAAK2K,MAAM,4BACb,IAzMM,iBAAL,EAAAC,M,4BACkB,iBAAlB,EAAAC,mB,yCACW,iBAAX,EAAAC,Y,gCACW,iBAAX,EAAAA,Y,6BAKW,iBAAX,EAAAA,Y,gCAEW,iBAAX,EAAAA,Y,mCAoBgC,kBAAhC,IAAAC,MAAK,CAAEC,UAAW,c,+BAWnB,kBADC,IAAAD,MAAK,CAAEE,KAAM,UAAWD,UAAW,kC,iDAW6B,kBAAhE,IAAAD,MAAK,CAAEE,KAAM,UAAWD,UAAW,6B,4CAWpC,kBADC,IAAAD,MAAK,CAAEE,KAAM,UAAWD,UAAW,8B,+CASpC,kBADC,IAAAD,MAAK,CAAEE,KAAM,UAAWD,UAAW,mB,mCAMxB,iBAAX,EAAAF,Y,mCA5EUrB,GAAU,kBALtB,IAAAyB,eAAc,CACbC,KAAI,EACJC,SAAQ,EACRC,OAAM,KAEK5B,E","file":"453.453.xxxxxxxxxxxxxxxxxxxx.js","sourcesContent":["// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../../../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \"/* index.ejs styling */\\n\\nhtml,\\nbody {\\n  width: 100%;\\n  height: 100%;\\n  padding: 0;\\n  margin: 0;\\n}\\n\\n:not(:defined) {\\n  visibility: hidden;\\n}\\n\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/main/main.css\"],\"names\":[],\"mappings\":\"AAAA,sBAAsB;;AAEtB;;EAEE,WAAW;EACX,YAAY;EACZ,UAAU;EACV,SAAS;AACX;;AAEA;EACE,kBAAkB;AACpB\",\"sourcesContent\":[\"/* index.ejs styling */\\n\\nhtml,\\nbody {\\n  width: 100%;\\n  height: 100%;\\n  padding: 0;\\n  margin: 0;\\n}\\n\\n:not(:defined) {\\n  visibility: hidden;\\n}\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","\"use strict\";\n\n/*\n  MIT License http://www.opensource.org/licenses/mit-license.php\n  Author Tobias Koppers @sokra\n*/\nmodule.exports = function (cssWithMappingToString) {\n  var list = [];\n\n  // return the list of modules as css string\n  list.toString = function toString() {\n    return this.map(function (item) {\n      var content = \"\";\n      var needLayer = typeof item[5] !== \"undefined\";\n      if (item[4]) {\n        content += \"@supports (\".concat(item[4], \") {\");\n      }\n      if (item[2]) {\n        content += \"@media \".concat(item[2], \" {\");\n      }\n      if (needLayer) {\n        content += \"@layer\".concat(item[5].length > 0 ? \" \".concat(item[5]) : \"\", \" {\");\n      }\n      content += cssWithMappingToString(item);\n      if (needLayer) {\n        content += \"}\";\n      }\n      if (item[2]) {\n        content += \"}\";\n      }\n      if (item[4]) {\n        content += \"}\";\n      }\n      return content;\n    }).join(\"\");\n  };\n\n  // import a list of modules into the list\n  list.i = function i(modules, media, dedupe, supports, layer) {\n    if (typeof modules === \"string\") {\n      modules = [[null, modules, undefined]];\n    }\n    var alreadyImportedModules = {};\n    if (dedupe) {\n      for (var k = 0; k < this.length; k++) {\n        var id = this[k][0];\n        if (id != null) {\n          alreadyImportedModules[id] = true;\n        }\n      }\n    }\n    for (var _k = 0; _k < modules.length; _k++) {\n      var item = [].concat(modules[_k]);\n      if (dedupe && alreadyImportedModules[item[0]]) {\n        continue;\n      }\n      if (typeof layer !== \"undefined\") {\n        if (typeof item[5] === \"undefined\") {\n          item[5] = layer;\n        } else {\n          item[1] = \"@layer\".concat(item[5].length > 0 ? \" \".concat(item[5]) : \"\", \" {\").concat(item[1], \"}\");\n          item[5] = layer;\n        }\n      }\n      if (media) {\n        if (!item[2]) {\n          item[2] = media;\n        } else {\n          item[1] = \"@media \".concat(item[2], \" {\").concat(item[1], \"}\");\n          item[2] = media;\n        }\n      }\n      if (supports) {\n        if (!item[4]) {\n          item[4] = \"\".concat(supports);\n        } else {\n          item[1] = \"@supports (\".concat(item[4], \") {\").concat(item[1], \"}\");\n          item[4] = supports;\n        }\n      }\n      list.push(item);\n    }\n  };\n  return list;\n};","\"use strict\";\n\nmodule.exports = function (item) {\n  var content = item[1];\n  var cssMapping = item[3];\n  if (!cssMapping) {\n    return content;\n  }\n  if (typeof btoa === \"function\") {\n    var base64 = btoa(unescape(encodeURIComponent(JSON.stringify(cssMapping))));\n    var data = \"sourceMappingURL=data:application/json;charset=utf-8;base64,\".concat(base64);\n    var sourceMapping = \"/*# \".concat(data, \" */\");\n    return [content].concat([sourceMapping]).join(\"\\n\");\n  }\n  return [content].join(\"\\n\");\n};","\"use strict\";\n\nvar stylesInDOM = [];\n\nfunction getIndexByIdentifier(identifier) {\n  var result = -1;\n\n  for (var i = 0; i < stylesInDOM.length; i++) {\n    if (stylesInDOM[i].identifier === identifier) {\n      result = i;\n      break;\n    }\n  }\n\n  return result;\n}\n\nfunction modulesToDom(list, options) {\n  var idCountMap = {};\n  var identifiers = [];\n\n  for (var i = 0; i < list.length; i++) {\n    var item = list[i];\n    var id = options.base ? item[0] + options.base : item[0];\n    var count = idCountMap[id] || 0;\n    var identifier = \"\".concat(id, \" \").concat(count);\n    idCountMap[id] = count + 1;\n    var indexByIdentifier = getIndexByIdentifier(identifier);\n    var obj = {\n      css: item[1],\n      media: item[2],\n      sourceMap: item[3],\n      supports: item[4],\n      layer: item[5]\n    };\n\n    if (indexByIdentifier !== -1) {\n      stylesInDOM[indexByIdentifier].references++;\n      stylesInDOM[indexByIdentifier].updater(obj);\n    } else {\n      var updater = addElementStyle(obj, options);\n      options.byIndex = i;\n      stylesInDOM.splice(i, 0, {\n        identifier: identifier,\n        updater: updater,\n        references: 1\n      });\n    }\n\n    identifiers.push(identifier);\n  }\n\n  return identifiers;\n}\n\nfunction addElementStyle(obj, options) {\n  var api = options.domAPI(options);\n  api.update(obj);\n\n  var updater = function updater(newObj) {\n    if (newObj) {\n      if (newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap && newObj.supports === obj.supports && newObj.layer === obj.layer) {\n        return;\n      }\n\n      api.update(obj = newObj);\n    } else {\n      api.remove();\n    }\n  };\n\n  return updater;\n}\n\nmodule.exports = function (list, options) {\n  options = options || {};\n  list = list || [];\n  var lastIdentifiers = modulesToDom(list, options);\n  return function update(newList) {\n    newList = newList || [];\n\n    for (var i = 0; i < lastIdentifiers.length; i++) {\n      var identifier = lastIdentifiers[i];\n      var index = getIndexByIdentifier(identifier);\n      stylesInDOM[index].references--;\n    }\n\n    var newLastIdentifiers = modulesToDom(newList, options);\n\n    for (var _i = 0; _i < lastIdentifiers.length; _i++) {\n      var _identifier = lastIdentifiers[_i];\n\n      var _index = getIndexByIdentifier(_identifier);\n\n      if (stylesInDOM[_index].references === 0) {\n        stylesInDOM[_index].updater();\n\n        stylesInDOM.splice(_index, 1);\n      }\n    }\n\n    lastIdentifiers = newLastIdentifiers;\n  };\n};","\"use strict\";\n\nvar memo = {};\n/* istanbul ignore next  */\n\nfunction getTarget(target) {\n  if (typeof memo[target] === \"undefined\") {\n    var styleTarget = document.querySelector(target); // Special case to return head of iframe instead of iframe itself\n\n    if (window.HTMLIFrameElement && styleTarget instanceof window.HTMLIFrameElement) {\n      try {\n        // This will throw an exception if access to iframe is blocked\n        // due to cross-origin restrictions\n        styleTarget = styleTarget.contentDocument.head;\n      } catch (e) {\n        // istanbul ignore next\n        styleTarget = null;\n      }\n    }\n\n    memo[target] = styleTarget;\n  }\n\n  return memo[target];\n}\n/* istanbul ignore next  */\n\n\nfunction insertBySelector(insert, style) {\n  var target = getTarget(insert);\n\n  if (!target) {\n    throw new Error(\"Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.\");\n  }\n\n  target.appendChild(style);\n}\n\nmodule.exports = insertBySelector;","\"use strict\";\n\n/* istanbul ignore next  */\nfunction insertStyleElement(options) {\n  var element = document.createElement(\"style\");\n  options.setAttributes(element, options.attributes);\n  options.insert(element, options.options);\n  return element;\n}\n\nmodule.exports = insertStyleElement;","\"use strict\";\n\n/* istanbul ignore next  */\nfunction setAttributesWithoutAttributes(styleElement) {\n  var nonce = typeof __webpack_nonce__ !== \"undefined\" ? __webpack_nonce__ : null;\n\n  if (nonce) {\n    styleElement.setAttribute(\"nonce\", nonce);\n  }\n}\n\nmodule.exports = setAttributesWithoutAttributes;","\"use strict\";\n\n/* istanbul ignore next  */\nfunction apply(styleElement, options, obj) {\n  var css = \"\";\n\n  if (obj.supports) {\n    css += \"@supports (\".concat(obj.supports, \") {\");\n  }\n\n  if (obj.media) {\n    css += \"@media \".concat(obj.media, \" {\");\n  }\n\n  var needLayer = typeof obj.layer !== \"undefined\";\n\n  if (needLayer) {\n    css += \"@layer\".concat(obj.layer.length > 0 ? \" \".concat(obj.layer) : \"\", \" {\");\n  }\n\n  css += obj.css;\n\n  if (needLayer) {\n    css += \"}\";\n  }\n\n  if (obj.media) {\n    css += \"}\";\n  }\n\n  if (obj.supports) {\n    css += \"}\";\n  }\n\n  var sourceMap = obj.sourceMap;\n\n  if (sourceMap && typeof btoa !== \"undefined\") {\n    css += \"\\n/*# sourceMappingURL=data:application/json;base64,\".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))), \" */\");\n  } // For old IE\n\n  /* istanbul ignore if  */\n\n\n  options.styleTagTransform(css, styleElement, options.options);\n}\n\nfunction removeStyleElement(styleElement) {\n  // istanbul ignore if\n  if (styleElement.parentNode === null) {\n    return false;\n  }\n\n  styleElement.parentNode.removeChild(styleElement);\n}\n/* istanbul ignore next  */\n\n\nfunction domAPI(options) {\n  var styleElement = options.insertStyleElement(options);\n  return {\n    update: function update(obj) {\n      apply(styleElement, options, obj);\n    },\n    remove: function remove() {\n      removeStyleElement(styleElement);\n    }\n  };\n}\n\nmodule.exports = domAPI;","\"use strict\";\n\n/* istanbul ignore next  */\nfunction styleTagTransform(css, styleElement) {\n  if (styleElement.styleSheet) {\n    styleElement.styleSheet.cssText = css;\n  } else {\n    while (styleElement.firstChild) {\n      styleElement.removeChild(styleElement.firstChild);\n    }\n\n    styleElement.appendChild(document.createTextNode(css));\n  }\n}\n\nmodule.exports = styleTagTransform;","/**\n * TODO: Bring all the style and typography mixins into the design system package\n */\n\nconst mixinSegoeUI = (style = 'normal', weight = 'normal') => `\n  font-family: \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif; \n  font-style: ${style};\n  font-weight: ${weight};\n`;\n\nexport const stylesFontFaces = `\n  @font-face {\n    font-family: Segoe UI;\n    font-weight: 300;\n    src: local(\"Segoe UI Semilight\"), local(\"Segoe UI\");\n  }\n\n  * {\n    ${mixinSegoeUI()}\n  }\n`;\n","\n      import API from \"!../../../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n      import domAPI from \"!../../../../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n      import insertFn from \"!../../../../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n      import setAttributes from \"!../../../../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n      import insertStyleElement from \"!../../../../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n      import styleTagTransformFn from \"!../../../../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n      import content, * as namedExport from \"!!../../../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../../../../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./main.css\";\n      \n      \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n      options.insert = insertFn.bind(null, \"head\");\n    \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!../../../../../../node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./main.css\";\n       export default content && content.locals ? content.locals : undefined;\n","import { ColorRGBA64, parseColorHexRGB } from '@microsoft/fast-colors';\n\nexport const getWebRGBA = (rgb: ColorRGBA64, alpha: number = 1.0) => {\n  const rgba = new ColorRGBA64(rgb.r, rgb.g, rgb.b, alpha);\n  return rgba.toStringWebRGBA();\n};\n\nexport enum PrimaryRapidColorHEX {\n  blue = '#0eafe2',\n  purple = '#654df9',\n}\n\nexport enum ColorHEX {\n  black = '#000000',\n  white = '#FFFFFF',\n  almostWhite = '#F1F1F1',\n\n  lightGrey = '#2E3339',\n\n  mediumGrey = '#2C2F33',\n\n  darkGrey = '#1F2126',\n  darkerGrey = '#141519',\n}\n\nconst backgroundHoverOpacity = 0.5;\nconst backgroundItemOpacity = 0.05;\nconst backgroundNavOptionOpacity = 0.5;\n\nexport const defaultBackgroundHover = getWebRGBA(parseColorHexRGB('#FFF'), backgroundHoverOpacity);\nexport const defaultBackgroundItem = getWebRGBA(parseColorHexRGB('#FFF'), backgroundItemOpacity);\nexport const backgroundNavOption = getWebRGBA(\n  parseColorHexRGB(PrimaryRapidColorHEX.blue),\n  backgroundNavOptionOpacity\n);\n","import {\n  neutralFillFocus,\n  neutralLayer2,\n  neutralStrokeHover,\n  neutralStrokeRest,\n} from '@microsoft/fast-components';\nimport { css } from '@microsoft/fast-element';\nimport { stylesFontFaces } from '../styles';\nimport './main.css';\nimport {\n  backgroundNavOption,\n  ColorHEX,\n  defaultBackgroundHover,\n  defaultBackgroundItem,\n  PrimaryRapidColorHEX,\n} from '../styles/colors';\n\n/**\n * Base styles for the foundation-header\n *\n * @returns ElementStyles instance for the foundation-header\n *\n * @public\n */\nexport const MainStyles = css`\n  ${stylesFontFaces}\n  :host {\n    display: flex;\n    flex-direction: row;\n\n    --primary-gradient-angle: -113.5deg;\n    --design-unit: 2.5;\n  }\n\n  zero-design-system-provider,\n  .dynamic-template {\n    width: 100%;\n  }\n\n  .nav-listbox {\n    background: ${neutralLayer2};\n    display: flex;\n    flex: 1;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n    box-shadow: 0 0 15px 0 rgb(0 0 0 / 30%);\n  }\n\n  fast-listbox {\n    border-color: var(--rapid-ag-background-color);\n  }\n\n  .nav-leftside {\n    background: ${neutralLayer2};\n    flex: 1;\n    flex-direction: row;\n    align-items: center;\n    margin-left: calc(var(--design-unit) * 6px);\n    display: flex;\n  }\n\n  .nav-leftside:focus-within {\n    box-shadow: none;\n  }\n\n  ::slotted(fast-option),\n  .nav-listbox fast-option {\n    margin: 0 calc(var(--design-unit) * 2px);\n    padding: 0 calc(var(--design-unit) * 6px);\n\n    --focus-stroke-width: 0;\n  }\n\n  ::slotted(fast-option.selected),\n  .nav-listbox fast-option.selected {\n    background: ${backgroundNavOption};\n    color: ${ColorHEX.white};\n  }\n\n  ::slotted(fast-option:not(.selected)),\n  .nav-listbox fast-option:not(.selected) {\n    background-color: ${defaultBackgroundItem};\n    color: #c9c9c9;\n  }\n\n  ::slotted(fast-option:not(.selected):hover),\n  .nav-listbox fast-option:not(.selected):hover {\n    background-color: ${defaultBackgroundHover};\n    color: ${ColorHEX.white};\n  }\n\n  .top-layout zero-icon {\n    position: absolute;\n    right: calc(var(--design-unit) * 6px);\n    top: 50%;\n    transform: translateY(-50%);\n    font-size: 25px;\n    opacity: 80%;\n    cursor: pointer;\n  }\n\n  .logout-container zero-icon {\n    padding: 0 calc(var(--design-unit) * 3px);\n  }\n\n  .nav-listbox .bars-container {\n    margin-right: calc(var(--design-unit) * 3px);\n  }\n\n  .user-container zero-icon {\n    font-size: 20px;\n    margin-right: calc(var(--design-unit) * 2px);\n    color: #879ba6;\n  }\n\n  .group-container zero-icon {\n    padding-right: 10px;\n    color: #879ba6;\n  }\n\n  .nav-listbox .bars-container zero-icon {\n    cursor: pointer;\n    font-size: calc(var(--design-unit) * 8px);\n    background: linear-gradient(\n          var(--primary-gradient-angle),\n          ${PrimaryRapidColorHEX.blue} 0%,\n          ${PrimaryRapidColorHEX.purple} 100%\n        )\n        top/100% 1px,\n      linear-gradient(\n          var(--primary-gradient-angle),\n          ${PrimaryRapidColorHEX.blue} 0%,\n          ${PrimaryRapidColorHEX.purple} 100%\n        )\n        bottom/100% 1px;\n    /* stylelint-disable-next-line property-no-vendor-prefix */\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n  }\n\n  .logo-container {\n    display: flex;\n    align-items: center;\n    margin-right: calc(var(--design-unit) * 3px);\n  }\n\n  .logo {\n    height: calc(var(--design-unit) * 8px);\n    width: calc(var(--design-unit) * 10px);\n  }\n\n  .nav-rightside {\n    display: flex;\n    flex: 1;\n    flex-direction: row;\n    align-items: center;\n    justify-content: flex-end;\n    margin-right: calc(var(--design-unit) * 6px);\n    color: #c9c9c9;\n  }\n\n  .user-container {\n    background-color: ${defaultBackgroundItem};\n    padding: calc(var(--design-unit) * 1px);\n    font-size: 14px;\n    display: flex;\n    align-items: center;\n    border-radius: calc(var(--control-corner-radius) * 1px);\n    cursor: pointer;\n  }\n\n  .icon-container {\n    font-size: 20px;\n    padding: calc(var(--design-unit) * 3px);\n    margin-right: calc(var(--design-unit) * 4px);\n    color: #879ba6;\n    cursor: pointer;\n  }\n\n  .open-nav {\n    width: 300px;\n  }\n\n  .top-layout {\n    background: linear-gradient(\n          var(--primary-gradient-angle),\n          ${PrimaryRapidColorHEX.blue} 0%,\n          ${PrimaryRapidColorHEX.purple} 100%\n        )\n        top/100% 1px,\n      linear-gradient(\n          var(--primary-gradient-angle),\n          ${PrimaryRapidColorHEX.blue} 0%,\n          ${PrimaryRapidColorHEX.purple} 100%\n        )\n        bottom/100% 1px;\n    background-origin: border-box;\n    background-size: cover;\n    background-repeat: no-repeat;\n    width: 100%;\n    height: 15%;\n    max-height: 120px;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    position: relative;\n  }\n\n  .top-layout img {\n    width: 50px;\n    margin-left: calc(var(--design-unit) * 6px);\n  }\n\n  .top-layout zero-icon:hover {\n    opacity: 100%;\n  }\n\n  .group-container {\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n  }\n\n  ::slotted(zero-tree-view) {\n    --type-ramp-base-font-size: 12px;\n  }\n\n  ::slotted(div) {\n    color: ${PrimaryRapidColorHEX.blue};\n    font-size: var(--type-ramp-minus-1-font-size);\n    margin-bottom: calc(var(--design-unit) * 4px);\n    padding-left: calc(var(--design-unit) * 4px);\n    padding-right: calc(var(--design-unit) * 4px);\n  }\n\n  .nav-preferences {\n    width: 100%;\n    height: 25%;\n    max-height: 250px;\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n  }\n\n  .logout-container {\n    align-items: center;\n    background-color: var(--neutral-fill-rest);\n    border: calc(var(--stroke-width) * 1px) solid ${defaultBackgroundItem};\n    cursor: pointer;\n    display: flex;\n    flex-direction: row;\n    height: 8%;\n    max-height: 80px;\n    padding: 3%;\n  }\n\n  .logout-container:hover {\n    background-color: var(--neutral-fill-hover);\n  }\n`;\n","import { html, ref, repeat, when } from '@microsoft/fast-element';\nimport type { ViewTemplate } from '@microsoft/fast-element';\nimport type { Navigation } from './main';\n\nconst sideNavTemplate = html<Navigation>`\n  <zero-flyout\n    position=\"left\"\n    ?closed=${(x) => !x.sideNavOpen}\n    @closed=${(x) => x.toggleNavVisibility()}\n  >\n    <img slot=\"title\" src=${(x) => x.logoSrc} class=\"logo\" part=\"side-nav-logo\" />\n    <slot name=\"menu-contents\"></slot>\n    <div slot=\"footer\" class=\"logout-container\" @click=${(x) => x.logout()}>\n      <zero-icon name=\"sign-out-alt\"></zero-icon>\n      Sign out\n    </div>\n  </zero-flyout>\n`;\n\nconst defaultRouteButtonsTemplate = html<Navigation>`\n  <zero-button appearance=\"neutral-grey\" value=\"1\" @click=${(x) => x.navigateTo('protected')}>\n    <zero-icon name=\"home\"></zero-icon>\n    Home\n  </zero-button>\n  <fast-option value=\"2\" @click=${(x) => x.navigateTo('not-found')}>\n    <zero-icon name=\"users\"></zero-icon>\n    Profiles\n  </fast-option>\n`;\n\nconst routeButtonsTemplate = html<Navigation>`\n  <template>\n    ${repeat(\n      (x) => x.routeButtons,\n      html`\n        <zero-button\n          appearance=\"neutral-grey\"\n          slot=\"routes\"\n          value=\"${(x) => x.index}\"\n          @click=${(x, c) => c.parent.navigateTo(x.path)}\n        >\n          <zero-icon variant=\"${(x) => x.variant}\" name=\"${(x) => x.icon}\"></zero-icon>\n          ${(x) => x.title}\n        </zero-button>\n      `\n    )}\n  </template>\n`;\n\n/**\n * Template for Navigation class\n *\n * @remarks\n *\n * Contains the template for both the sidenav and the navigation bar\n *\n * @typeParam Navigation - Navigation class\n *\n * @returns ViewTemplate instance of the Navigation html\n *\n * @public\n */\nexport const NavTemplate = html<Navigation>`\n  ${when((x) => !x.hideSideBar, sideNavTemplate)}\n  <div class=\"nav-listbox\">\n    <div class=\"nav-leftside\">\n      ${when(\n        (x) => !x.hideSideBar,\n        html<Navigation>`\n          <div class=\"bars-container\" @click=${(x) => x.toggleNavVisibility()}>\n            <zero-icon name=\"bars\"></zero-icon>\n          </div>\n        `\n      )}\n      <div class=\"logo-container\"><img src=${(x) => x.logoSrc} class=\"logo\" part=\"logo\" /></div>\n      <slot name=\"routes\">\n        ${(x) => (x.routeButtons ? routeButtonsTemplate : defaultRouteButtonsTemplate)}\n      </slot>\n    </div>\n    <div class=\"nav-rightside\">\n      ${when(\n        (x) => x.showLuminanceToggleButton,\n        html<Navigation>`\n          <div class=\"icon-container\">\n            <zero-icon\n              @click=${(x) => x.luminanceIconEvent()}\n              variant=\"regular\"\n              name=\"moon\"\n            ></zero-icon>\n          </div>\n        `\n      )}\n      ${when(\n        (x) => x.showMiscToggleButton,\n        html<Navigation>`\n          <div class=\"icon-container\">\n            <zero-icon @click=${(x) => x.miscIconEvent()} name=\"th\"></zero-icon>\n          </div>\n        `\n      )}\n      ${when(\n        (x) => x.showNotificationsButton,\n        html<Navigation>`\n          <div class=\"icon-container\">\n            <zero-icon\n              variant=\"regular\"\n              @click=${(x) => x.notificationIconEvent()}\n              name=\"bell\"\n            ></zero-icon>\n          </div>\n        `\n      )}\n      <zero-button appearance=\"neutral-grey\">\n        <zero-icon name=\"user-circle\"></zero-icon>\n        ${(x) => x.userName}\n      </zero-button>\n    </div>\n  </div>\n`;\n\n/**\n * Top level template for Navigation class\n *\n * @remarks\n *\n * Dynamic template which wraps the code in a provider\n *\n * @typeParam Navigation - Navigation class\n *\n * @returns ViewTemplate instance of the Navigation html\n *\n * @internal\n */\nexport const DynamicTemplate: ViewTemplate<Navigation> = html`\n  <zero-design-system-provider ${ref('provider')}>\n    <div class=\"dynamic-template\">${(x) => x.selectTemplate()}</div>\n  </zero-design-system-provider>\n`;\n\n/**\n * Loading template for the Navigation class\n *\n * @remarks\n *\n * Template used to indicate loading to the user\n *\n * @typeParam Navigation - Navigation class\n *\n * @returns ViewTemplate instance of the Loading html\n *\n * @internal\n */\nexport const LoadingTemplate: ViewTemplate<Navigation> = html`\n  ...\n`;\n\n/**\n * Render template for the Navigation class\n *\n * @remarks\n *\n * Template used when the class has finished loading\n *\n * @typeParam Navigation - Navigation class\n *\n * @returns ViewTemplate instance of the Main html\n *\n * @internal\n */\nexport const MainTemplate: ViewTemplate<Navigation> = html`\n  ${NavTemplate}\n`;\n","import { createLogger } from '@genesislcap/foundation-utils';\nexport const logger = createLogger('foundation-header');\n","/**\n * These DS / Component imports will be replaced with an import from the local alpha design system.\n * We're just fixing something on our side to allow you to extend zero.\n */\nimport { allComponents, provideFASTDesignSystem } from '@microsoft/fast-components';\nimport { logger } from '../utils';\n\nprovideFASTDesignSystem().register(allComponents);\n\nenum ResourceType {\n  local = 'local',\n  remote = 'remote',\n}\n\nfunction loadZeroFallback() {\n  return import(\n    /* webpackMode: \"lazy\" */\n    '@genesislcap/foundation-zero'\n  );\n}\n\nexport const loadZeroDesignSystem = async () => {\n  let type = ResourceType.remote;\n  try {\n    // @ts-ignore\n    return await import('foundationZero/ZeroDesignSystem');\n  } catch (e) {\n    type = ResourceType.local;\n    return await loadZeroFallback();\n  } finally {\n    logger.debug(`Using '${type}' version of foundationZero/DesignSystem`);\n  }\n};\n\n/**\n * Load the wp5 module federation remote versions, or fallback to code split bundled versions.\n * You would really be targeting the client's design system, components etc here. For now just targeting zero.\n */\nexport const loadRemotes = async () => {\n  const { registerZeroDesignSystem } = await loadZeroDesignSystem();\n  return {\n    ZeroDesignSystem: registerZeroDesignSystem(),\n  };\n};\n","import { Auth, CredentialManager, LogoutResult } from '@genesislcap/foundation-comms';\nimport { EventEmitter } from '@genesislcap/foundation-events';\nimport { FASTElement, customElement, observable, attr, html } from '@microsoft/fast-element';\nimport { Route } from '@microsoft/fast-router';\nimport { DynamicTemplate as template, LoadingTemplate, MainTemplate } from './main.template';\nimport { MainStyles as styles } from './main.styles';\nimport { logger } from '../utils';\nimport { classNames } from '@microsoft/fast-web-utilities';\nimport * as Components from '../components';\nimport { Flyout } from '@genesislcap/foundation-zero';\nimport logo from '../assets/logo.svg';\n\nconst name = 'foundation-header';\n\n/**\n * Events dispatched by the navigation control buttons\n * @public\n */\nexport type NavEventDetailMap = {\n  'luminance-icon-clicked': void;\n  'misc-icon-clicked': void;\n  'notification-icon-clicked': void;\n};\n\n// We'd add extra types to our event map via type intersection here if needed\ntype EventMap = NavEventDetailMap;\n\n/**\n * Navigation micro-frontend includes navigation bar and flyout menu\n *\n * @remarks\n *\n * `foundation-header` micro-frontend can be added to the project to include a navigation bar\n * and flyout menu. There are multiple ways that the behaviour of the component can be configured\n * - the icon shown on the navigation bar and flyout menu (this shows the Genesis logo by default).\n * - navigation links at the left-hand side of the navigation bar.\n * - the control buttons on the right-hand side of the navigation bar can be shown or hidden, and their behaviour controlled via event listeners\n * - The contents of the flyout menu.\n *\n * @param logo-src - Option attribute which sets the source of the image in the navigation bar and flyout menu. The Genesis logo will be shown if this attribute is not provided.\n * @param show-luminance-toggle-button - Boolean attribute which controls whether the navigation bar will display the luminance toggle icon.\n * @param show-misc-toggle-button - Boolean attribute which controls whether the navigation bar will display the miscellaneous behaviour icon.\n * @param show-misc-toggle-button - Boolean attribute which controls whether the navigation bar will display the show notification icon.\n *\n * @public\n */\n@customElement({\n  name,\n  template,\n  styles,\n})\nexport class Navigation extends EventEmitter<EventMap>(FASTElement) {\n  @Auth auth!: Auth;\n  @CredentialManager credentialManager!: CredentialManager;\n  @observable provider!: any;\n  @observable ready: boolean = false;\n\n  /**\n   * Username of the logged in user\n   */\n  @observable public userName: string;\n\n  @observable sideNavOpen = false;\n\n  public async connectedCallback() {\n    super.connectedCallback();\n    logger.debug(`${name} is now connected to the DOM`);\n    await this.loadRemotes();\n\n    this.userName = this.auth.loggedUserResult\n      ? this.auth.loggedUserResult.username\n      : 'Genesis User';\n  }\n\n  /**\n   * Optional attribute which controls the icon to show on the navigation bar and flyout\n   * Control via `logo-src`\n   *\n   * @remarks\n   *\n   * If this attribute is not set then the Genesis logo is shown instead\n   */\n  @attr({ attribute: 'logo-src' }) logoSrc: any = logo;\n\n  /**\n   * Boolean attribute which controls whether to show the luminance (moon) icon on the navigation bar\n   * Control via`show-luminance-toggle-button`\n   *\n   * @remarks\n   *\n   * If the user clicks the icon when shown then this class will emit the 'luminance-icon-clicked' event\n   */\n  @attr({ mode: 'boolean', attribute: 'show-luminance-toggle-button' })\n  showLuminanceToggleButton: boolean;\n\n  /**\n   * Boolean attribute which controls whether to show the miscellaneous (menu) icon on the navigation bar\n   * Control via `show-luminance-toggle-button`\n   *\n   * @remarks\n   *\n   * If the user clicks the icon when shown then this class will emit the 'misc-icon-clicked' event\n   */\n  @attr({ mode: 'boolean', attribute: 'show-misc-toggle-button' }) showMiscToggleButton: boolean;\n\n  /**\n   * Boolean attribute which controls whether to show the notification (bell) icon on the navigation bar\n   * Control via `show-notification-button`\n   *\n   * @remarks\n   *\n   * If the user clicks the icon when shown then this class will emit the 'notification-icon-clicked' event\n   */\n  @attr({ mode: 'boolean', attribute: 'show-notification-button' })\n  showNotificationsButton: boolean;\n\n  /**\n   * Boolean attribute which controls whether to include the sideNav component\n   * Control via`hide-side-bar`\n   *\n   */\n  @attr({ mode: 'boolean', attribute: 'hide-side-bar' })\n  hideSideBar: boolean;\n\n  /**\n   * If present the defined route buttons will be rendered in the header 'routes' slot\n   */\n  @observable routeButtons: Array<{\n    index: number;\n    path: string;\n    title: string;\n    icon: string;\n    variant: string;\n  }>;\n\n  /**\n   * Load remote components\n   *\n   * @remarks\n   *\n   * With regards to module federation\n   *\n   * @internal\n   */\n  async loadRemotes() {\n    const remoteComponents = await Components.loadRemotes();\n    this.ready = true;\n  }\n\n  selectTemplate() {\n    return this.ready ? MainTemplate : LoadingTemplate;\n  }\n\n  /**\n   * Logs the user out of their session\n   *\n   * @remarks\n   *\n   * Activated when the user clicks on the logout button on the right hand side of the navigation bar. Requires\n   * the usage of the auth functionality from {@link @genesislcap/foundation-comms#Auth}.\n   *\n   * @public\n   */\n  public async logout() {\n    logger.debug('logout submission');\n    try {\n      const result: LogoutResult = await this.auth.logout();\n      if (!result.success) {\n        logger.error(`Couldn't log out`, result);\n        return;\n      }\n      logger.debug('logged out', result);\n      await this.credentialManager.preventSilentAccess();\n      this.navigateTo('/');\n    } catch (err) {\n      logger.error(`Error: ${err.message}`);\n    }\n  }\n\n  /**\n   * Changes the route of the current page\n   *\n   * @remarks\n   *\n   * Requires setup of the Router and usage of the FAST Router\n   *\n   * @param path - string represeting the new route to move to\n   *\n   * @public\n   */\n  public navigateTo(path: string) {\n    try {\n      logger.debug('navigateTo', path);\n      Route.path.push(path);\n    } catch (err) {\n      logger.error(`Error: ${err.message}`);\n    }\n  }\n\n  /**\n   * Opens the flyout menu on the left hand side\n   *\n   * @remarks\n   *\n   * Activated when the user clicks on the menu button on the navigation\n   * bar left hand side\n   *\n   * @internal\n   */\n  toggleNavVisibility() {\n    this.sideNavOpen = !this.sideNavOpen;\n  }\n\n  /**\n   * Emits the event corresponding to the luminance icon being clicked\n   *\n   * @remarks\n   *\n   * Activated when the user clicks on the moon icon on the navigation\n   * bar right hand side\n   *\n   * @internal\n   */\n  luminanceIconEvent() {\n    this.$emit('luminance-icon-clicked');\n  }\n\n  /**\n   * Emits the event corresponding to the miscellaneous icon being clicked\n   *\n   * @remarks\n   *\n   * Activated when the user clicks on the menu icon on the navigation\n   * bar right hand side\n   *\n   * @internal\n   */\n  miscIconEvent() {\n    this.$emit('misc-icon-clicked');\n  }\n\n  /**\n   * Emits the event corresponding to the notification icon being clicked\n   *\n   * @remarks\n   *\n   * Activated when the user clicks on the bell icon on the navigation\n   * bar right hand side\n   *\n   * @internal\n   */\n  notificationIconEvent() {\n    this.$emit('notification-icon-clicked');\n  }\n}\n"],"sourceRoot":""}

package/dist/{868.868.db0184ec09b3ab0761a3.js → 868.868.7a39892e6ebf3846f3d5.js}

@@ -559,7 +559,7 @@
   :host(:not([disabled])) .control:active {
     background: none;
   }
-`;class ao extends Ht{}const ro=ao.compose(Object.assign({baseName:"combobox",template:Bt,styles:oo,shadowOptions:jt},Pt));var io=o(7148);const no=(e,t)=>n.css`
+`;class ao extends Ht{}const ro=ao.compose(Object.assign({baseName:"combobox",template:Bt,styles:oo,shadowOptions:jt},Pt));var io=o(4773);const no=(e,t)=>n.css`
   :host {
     --light-size: 12px;
     --height: calc(var(--design-unit) * 2px + var(--light-size));
@@ -624,11 +624,21 @@
   ${(0,g.dataGridStyles)(e,t)}
 `);var wo=o(5996);const Fo=(e,t)=>(0,wo.c)(e,t);class ko extends g.DataGrid{}const So=void 0,Oo={},Do=(ko.compose(Object.assign({baseName:"data-grid",template:Fo,styles:$o,shadowOptions:So},Oo)),(e,t)=>n.css`
   ${$o(e,t)}
+  ::slotted(.sticky-header),
+  ::slotted(.header) {
+    border-bottom-color: var(--neutral-color);
+
+    --neutral-foreground-rest: ${qt};
+  }
+
+  ::slotted([role='row']) {
+    background-color: #1f2126;
+  }
 `),zo=(e,t)=>Fo(e,t),_o=(e,t)=>n.css`
   ${bo(e,t)}
 `,Co=(e,t)=>n.css`
   ${uo(e,t)}
-`;class No extends ho{}const Lo=No.compose(Object.assign({baseName:"data-grid-cell",template:po.c,styles:Co,shadowOptions:mo},go));class Ao extends fo{}const Ro=Ao.compose(Object.assign({baseName:"data-grid-row",template:vo.f,styles:_o,shadowOptions:yo},xo));class Mo extends ko{}const To=Mo.compose(Object.assign({baseName:"data-grid",template:zo,styles:Do,shadowOptions:So},Oo)),Io=(e,t,o)=>{const a=o?(e,t)=>e.setValueFor(o,t):(e,t)=>e.withDefault(t);Object.keys(e).forEach((o=>{const r=`${o}Value`;t[r]&&a(e[o],t[r])}))};function Eo(e){return(t,o)=>{t[o+"Changed"]=function(t,o){null!=o?e.setValueFor(this,o):e.deleteValueFor(this)}}}const Ho={toView:e=>null==e?null:null==e?void 0:e.toColorString(),fromView(e){if(null==e)return null;const t=(0,_.in)(e);return t?g.SwatchRGB.create(t.r,t.g,t.b):null}},jo=e=>g.PaletteRGB.from(g.SwatchRGB.from((0,_.in)(e)));var Po=o(5904),Bo=o(4925),Go=o(3384),Vo=o(1113);const Uo="\n  @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap')\n",Yo=()=>{(0,Po.loadFontFaces)(Uo,"roboto-font-faces")},Wo='Roboto, "Segoe UI", Arial, Helvetica, sans-serif;',qo=(e=Po.FontStyle.Normal,t=Po.FontWeight.Regular)=>(0,Po.getFontMixin)(Wo,e,t);Yo();const Xo=n.css`
+`;class No extends ho{}const Lo=No.compose(Object.assign({baseName:"data-grid-cell",template:po.c,styles:Co,shadowOptions:mo},go));class Ao extends fo{}const Ro=Ao.compose(Object.assign({baseName:"data-grid-row",template:vo.f,styles:_o,shadowOptions:yo},xo));class Mo extends ko{}const To=Mo.compose(Object.assign({baseName:"data-grid",template:zo,styles:Do,shadowOptions:So},Oo)),Io=(e,t,o)=>{const a=o?(e,t)=>e.setValueFor(o,t):(e,t)=>e.withDefault(t);Object.keys(e).forEach((o=>{const r=`${o}Value`;t[r]&&a(e[o],t[r])}))};function Eo(e){return(t,o)=>{t[o+"Changed"]=function(t,o){null!=o?e.setValueFor(this,o):e.deleteValueFor(this)}}}const Ho={toView:e=>null==e?null:null==e?void 0:e.toColorString(),fromView(e){if(null==e)return null;const t=(0,_.in)(e);return t?g.SwatchRGB.create(t.r,t.g,t.b):null}},jo=e=>g.PaletteRGB.from(g.SwatchRGB.from((0,_.in)(e)));var Po=o(694),Bo=o(4925),Go=o(3384),Vo=o(1113);const Uo="\n  @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap')\n",Yo=()=>{(0,Po.loadFontFaces)(Uo,"roboto-font-faces")},Wo='Roboto, "Segoe UI", Arial, Helvetica, sans-serif;',qo=(e=Po.FontStyle.Normal,t=Po.FontWeight.Regular)=>(0,Po.getFontMixin)(Wo,e,t);Yo();const Xo=n.css`
   ${(0,Bo.j)("flex")}
   :host {
     flex: 1;
@@ -1261,14 +1271,33 @@
     flex-direction: row;
     height: 250px;
     width: 600px;
+  }
+
+  zero-data-grid,
+  foundation-data-grid {
     overflow-y: auto;
   }
 `,Yr=(0,Po.createLogger)("foundation-criteria");var Wr;!function(e){e.AND="&&",e.OR="||",e.NOT="!",e.GT=">",e.GE=">=",e.LT="<",e.LE="<=",e.NE="!=",e.EQ="=="}(Wr||(Wr={}));class qr{constructor(e){this.$$operator=e}static And(){return new qr(Wr.AND)}static Or(){return new qr(Wr.OR)}static Not(){return new qr(Wr.NOT)}static GreaterThan(){return new qr(Wr.GT)}static GreaterThanOrEqual(){return new qr(Wr.GE)}static LessThan(){return new qr(Wr.LT)}static LessThanOrEqual(){return new qr(Wr.LE)}static NotEqual(){return new qr(Wr.NE)}static Equal(){return new qr(Wr.EQ)}get operator(){return this.$$operator}}const Xr="default";class Zr{constructor(){this.expressions={},this.And=(e,t={})=>this.withExpression(e,t,qr.And()),this.Or=(e,t={})=>this.withExpression(e,t,qr.Or()),this.Not=(e,t={})=>this.withExpression(e,t,qr.Not())}withExpression(e,t={},o=qr.And()){const{condition:a,join:r,groupName:i}=t,n=(e,t=Xr)=>{var i;const n=null!==(i=this.expressions[t])&&void 0!==i?i:[];this.expressions[t]=[...n,{join:o||r,condition:a,expression:e}]};if(Array.isArray(e))if(r){const t=e.filter((e=>{const t=e instanceof qr;return t&&Yr.warn("Inline joins will be discarded when join is defined in ExpressionOptions"),!t}));if(i)t.forEach((e=>{n(e,i)}));else{const e=(s=r,t.flat().flatMap(((e,t,o)=>o.length-1!==t?[e,s]:e)));n(e,Xr)}}else n(e,Xr);else n(e,e.group);var s;return this}build(e){const t=Object.entries(this.expressions).reduce(((e,[t,o])=>Object.assign(Object.assign({},e),{[t]:`(${o.filter((({condition:e})=>!e||e())).map((({expression:e,join:t},o,a)=>this.parseExpression(e,a[o-1],t))).join("")})`})),{});return e?e(t):`(${Object.values(t).join(" && ")})`}reset(){this.expressions={}}parseExpression(e,t,o){const a=[];return o&&t&&a.push(` ${o.operator} `),Array.isArray(e)?(e.forEach(((e,t,o)=>{if(e instanceof qr){if(o[t-1]instanceof qr)throw new Error("Adjacent Join operations detected")}})),a.push(`(${e.map((e=>this.parseExpression(e,void 0))).join("")})`)):e instanceof qr?a.push(` ${e.operator} `):e&&a.push(e.serialiser(e)),a.join("")}}const Kr=e=>{const{value:t}=e;return e.valueGetter?e.valueGetter(t):"function"==typeof t?t(e):Array.isArray(t)?t.join(","):"string"==typeof t?`"${t}"`:t},Jr=e=>t=>`${t.field} ${e} ${Kr(t)}`,Qr=e=>Jr(Wr.EQ)(e);class ei{constructor(e){this.serialiser=Qr,this.build=()=>{if(!this.field)throw new Error("Missing required param 'field'");if(void 0===this.value)throw new Error("Missing required param 'value'");if(!this.serialiser)throw new Error("Missing required param 'serialise'");return{field:this.field,value:this.value,serialiser:this.serialiser,params:this.params,valueGetter:this.valueGetter,group:this.group}},e&&(this.field=e.field,this.value=e.value,this.serialiser=e.serialiser,this.params=e.params,this.valueGetter=e.valueGetter,this.group=e.group)}withField(e){return this.field=e,this}withValue(e){return this.value=e,this}withSerialiser(e){return this.serialiser=e,this}withParams(e){return this.params=e,this}withValueGetter(e){return this.valueGetter=e,this}withGroup(e){return this.group=e,this}}const ti=["image/png","image/bmp","image/gif","image/jpeg","image/jpg"],oi=["text/plain","text/csv"],ai=["application/vnd.ms-excel","application/vnd.openxmlformats-officedocument.spreadsheetml.sheet","application/vnd.ms-powerpoint","application/vnd.openxmlformats-officedocument.presentationml.presentation","application/msword","application/vnd.openxmlformats-officedocument.wordprocessingml.document","application/pdf"],ri=n.html`
   ${(0,n.when)((e=>e.rowData),n.html`
       ${e=>"DATETIME"===e.columnDefinition.type?(0,Po.formatDateTimeTimestamp)(e.rowData[e.columnDefinition.columnDataKey]):e.rowData[e.columnDefinition.columnDataKey]}
     `)}
-`;class ii extends s.I{constructor(){super(...arguments),this.acceptedFormats=[],this.label="Choose File",this.accept="",this.fileSizeLimitBytes=104857600,this.uploadedFilesResourceName="ALL_FILE_ATTACHMENTS",this.uploadEventName="attachment-handler/upload",this.gridFields="",this.fileName="",this.uploadedFilesList=[],this.filesGridColumnDefinitions=[]}acceptChanged(){let e=[];this.accept.length>0&&this.accept.split(",").forEach((t=>{"image/*"===t?e=[...e,...ti]:"office/*"===t?e=[...e,...ai]:"text/*"===t?e=[...e,...oi]:e.push(t)})),this.acceptedFormats=e}connectedCallback(){const e=Object.create(null,{connectedCallback:{get:()=>super.connectedCallback}});var t;return(0,i.__awaiter)(this,void 0,void 0,(function*(){e.connectedCallback.call(this),this.setGridCriteria(),this.setRowData(),(null===(t=this.filesGridColumnDefinitions)||void 0===t?void 0:t.length)||this.setColumnDefs()}))}setGridCriteria(){void 0!==this.entityId&&(this.gridCriteria=(new Zr).withExpression((new ei).withField(this.fieldName).withValue(this.entityId).build()).build())}handleStreamRowOperation(e){let t;for(const o of e.ROW)if(o.DETAILS)switch(o.DETAILS.OPERATION){case"INSERT":this.uploadedFilesList.unshift(o);break;case"MODIFY":t=this.uploadedFilesList.findIndex((e=>e.FILE_ATTACHMENT_ID===o.FILE_ATTACHMENT_ID)),this.uploadedFilesList.splice(t,1,o);break;case"DELETE":t=this.uploadedFilesList.findIndex((e=>e.FILE_ATTACHMENT_ID===o.FILE_ATTACHMENT_ID)),this.uploadedFilesList.splice(t,1);break;default:io.logger.error(`Unsupported operation type: ${o.DETAILS.OPERATION}`)}}setRowData(){return(0,i.__awaiter)(this,void 0,void 0,(function*(){yield this.connect.stream(this.uploadedFilesResourceName,(e=>{var t;1===e.SEQUENCE_ID?this.uploadedFilesList=null!==(t=e.ROW)&&void 0!==t?t:[]:this.handleStreamRowOperation(e)}),(e=>{io.logger.error(e)}),{CRITERIA_MATCH:this.gridCriteria})}))}setColumnDefs(){var e;return(0,i.__awaiter)(this,void 0,void 0,(function*(){const t=yield this.connect.getMetadata(this.uploadedFilesResourceName),o=(this.gridFields.length>0&&t.FIELD?t.FIELD.filter((e=>this.gridFields.split(" ").includes(e.NAME))):null!==(e=t.FIELD)&&void 0!==e?e:[]).map((e=>({columnDataKey:e.NAME,title:e.NAME.toLowerCase().split("_").map((e=>e.charAt(0).toUpperCase()+e.slice(1))).join(" "),type:e.TYPE,cellTemplate:ri})));this.filesGridColumnDefinitions=o}))}handleClick(){this.fileInput.value=null,this.fileInput.click()}onInputChange(e){var t,o;const a=Array.from(null!==(o=null===(t=null==e?void 0:e.target)||void 0===t?void 0:t.files)&&void 0!==o?o:[]);this.onFilesSelected(a)}onFilesSelected(e){if(e.length>0){if(this.acceptedFormats.length>0)for(const t of e){if(!this.acceptedFormats.includes(t.type))return void alert(`Not a valid file type. Accepted Formats are ${this.accept}`);if(t.size>this.fileSizeLimitBytes)return void alert(`File size exceeds the file size limit of ${this.fileSizeLimitBytes} bytes`)}this.selectedFiles=e,this.fileName=this.selectedFiles.map((e=>e.name.trim())).join()}}handleFileUpload(){return(0,i.__awaiter)(this,void 0,void 0,(function*(){try{const e=(e=>{const t=new FormData;return e.forEach((e=>{t.append(e.name,e)})),t})(this.selectedFiles);e.append(this.uploadKey,this.entityId);const t=(e=>{let t;return t="https://"+location.hostname+e,t})(this.uploadEventName),o=yield((e,t,o)=>{const a=new Headers;return a.append("SESSION_AUTH_TOKEN",o),fetch(e,{method:"POST",body:t,headers:a}).then((e=>e.json().then((e=>e))))})(t,e,this.session.getItem("authToken","session"));if(o.ERROR)return io.logger.error(o.ERROR),void this.$emit("errorOut",o.ERROR);io.logger.info(o),this.clearSelection()}catch(e){io.logger.error(e)}}))}clearSelection(){this.fileName="",this.selectedFiles=[]}}(0,i.__decorate)([n.observable],ii.prototype,"gridCriteria",void 0),(0,i.__decorate)([io.Connect],ii.prototype,"connect",void 0),(0,i.__decorate)([io.Session],ii.prototype,"session",void 0),(0,i.__decorate)([n.attr],ii.prototype,"label",void 0),(0,i.__decorate)([n.attr],ii.prototype,"accept",void 0),(0,i.__decorate)([(0,n.attr)({attribute:"file-size-limit-bytes"})],ii.prototype,"fileSizeLimitBytes",void 0),(0,i.__decorate)([(0,n.attr)({attribute:"uploaded-files-resource-name"})],ii.prototype,"uploadedFilesResourceName",void 0),(0,i.__decorate)([(0,n.attr)({attribute:"upload-event-name"})],ii.prototype,"uploadEventName",void 0),(0,i.__decorate)([(0,n.attr)({attribute:"field-name"})],ii.prototype,"fieldName",void 0),(0,i.__decorate)([(0,n.attr)({attribute:"entity-id"})],ii.prototype,"entityId",void 0),(0,i.__decorate)([(0,n.attr)({attribute:"upload-key"})],ii.prototype,"uploadKey",void 0),(0,i.__decorate)([(0,n.attr)({attribute:"grid-fields"})],ii.prototype,"gridFields",void 0),(0,i.__decorate)([n.observable],ii.prototype,"fileName",void 0),(0,i.__decorate)([n.observable],ii.prototype,"uploadedFilesList",void 0),(0,i.__decorate)([n.observable],ii.prototype,"filesGridColumnDefinitions",void 0);const ni=void 0,si={},li=(ii.compose(Object.assign({baseName:"file-upload",styles:Ur,template:Vr,shadowOptions:ni},si)),n.css`
+`;class ii extends s.I{constructor(){super(...arguments),this.acceptedFormats=[],this.accept="",this.fileSizeLimitBytes=104857600,this.uploadedFilesResourceName="ALL_FILE_ATTACHMENTS",this.uploadEventName="attachment-handler/upload",this.gridFields="",this.fileName="",this.uploadedFilesList=[],this.filesGridColumnDefinitions=[]}acceptChanged(){let e=[];this.accept.length>0&&this.accept.split(",").forEach((t=>{"image/*"===t?e=[...e,...ti]:"office/*"===t?e=[...e,...ai]:"text/*"===t?e=[...e,...oi]:e.push(t)})),this.acceptedFormats=e}fieldNameChanged(){this.setupGrid()}entityIdChanged(){this.setupGrid()}connectedCallback(){const e=Object.create(null,{connectedCallback:{get:()=>super.connectedCallback}});var t;return(0,i.__awaiter)(this,void 0,void 0,(function*(){e.connectedCallback.call(this),(null===(t=this.filesGridColumnDefinitions)||void 0===t?void 0:t.length)||this.setColumnDefs()}))}setupGrid(){void 0!==this.entityId&&void 0!==this.fieldName&&(this.gridCriteria=(new Zr).withExpression((new ei).withField(this.fieldName).withValue(this.entityId).build()).build(),this.setRowData())}handleStreamRowOperation(e){let t;for(const o of e.ROW)if(o.DETAILS)switch(o.DETAILS.OPERATION){case"INSERT":this.uploadedFilesList.unshift(o);break;case"MODIFY":t=this.uploadedFilesList.findIndex((e=>e.FILE_ATTACHMENT_ID===o.FILE_ATTACHMENT_ID)),this.uploadedFilesList.splice(t,1,o);break;case"DELETE":t=this.uploadedFilesList.findIndex((e=>e.FILE_ATTACHMENT_ID===o.FILE_ATTACHMENT_ID)),this.uploadedFilesList.splice(t,1);break;default:io.logger.error(`Unsupported operation type: ${o.DETAILS.OPERATION}`)}}setRowData(){return(0,i.__awaiter)(this,void 0,void 0,(function*(){yield this.connect.stream(this.uploadedFilesResourceName,(e=>{var t;1===e.SEQUENCE_ID?this.uploadedFilesList=null!==(t=e.ROW)&&void 0!==t?t:[]:this.handleStreamRowOperation(e)}),(e=>{io.logger.error(e)}),{CRITERIA_MATCH:this.gridCriteria})}))}setColumnDefs(){var e;return(0,i.__awaiter)(this,void 0,void 0,(function*(){const t=yield this.connect.getMetadata(this.uploadedFilesResourceName),o=(this.gridFields.length>0&&t.FIELD?t.FIELD.filter((e=>this.gridFields.split(" ").includes(e.NAME))):null!==(e=t.FIELD)&&void 0!==e?e:[]).map((e=>({columnDataKey:e.NAME,title:e.NAME.toLowerCase().split("_").map((e=>e.charAt(0).toUpperCase()+e.slice(1))).join(" "),type:e.TYPE,cellTemplate:ri})));this.filesGridColumnDefinitions=o}))}handleClick(){this.fileInput.value=null,this.fileInput.click()}onInputChange(e){var t,o;const a=Array.from(null!==(o=null===(t=null==e?void 0:e.target)||void 0===t?void 0:t.files)&&void 0!==o?o:[]);this.onFilesSelected(a)}onFilesSelected(e){if(e.length>0){if(this.acceptedFormats.length>0)for(const t of e){if(!this.acceptedFormats.includes(t.type))return void alert(`Not a valid file type. Accepted Formats are ${this.accept}`);if(t.size>this.fileSizeLimitBytes)return void alert(`File size exceeds the file size limit of ${this.fileSizeLimitBytes} bytes`)}this.selectedFiles=e,this.fileName=this.selectedFiles.map((e=>e.name.trim())).join()}}handleFileUpload(){return(0,i.__awaiter)(this,void 0,void 0,(function*(){try{const e=(e=>{const t=new FormData;return e.forEach((e=>{t.append(e.name,e)})),t})(this.selectedFiles);e.append(this.uploadKey,this.entityId);const t=(e=>{let t;return t="https://"+location.hostname+e,t})(this.uploadEventName),o=yield((e,t,o)=>{const a=new Headers;return a.append("SESSION_AUTH_TOKEN",o),fetch(e,{method:"POST",body:t,headers:a}).then((e=>e.json().then((e=>e))))})(t,e,this.session.getItem("authToken","session"));if(o.ERROR)return io.logger.error(o.ERROR),void this.$emit("errorOut",o.ERROR);io.logger.info(o),this.clearSelection()}catch(e){io.logger.error(e)}}))}clearSelection(){this.fileName="",this.selectedFiles=[]}}(0,i.__decorate)([n.observable],ii.prototype,"gridCriteria",void 0),(0,i.__decorate)([io.Connect],ii.prototype,"connect",void 0),(0,i.__decorate)([io.Session],ii.prototype,"session",void 0),(0,i.__decorate)([n.attr],ii.prototype,"label",void 0),(0,i.__decorate)([n.attr],ii.prototype,"accept",void 0),(0,i.__decorate)([(0,n.attr)({attribute:"file-size-limit-bytes"})],ii.prototype,"fileSizeLimitBytes",void 0),(0,i.__decorate)([(0,n.attr)({attribute:"uploaded-files-resource-name"})],ii.prototype,"uploadedFilesResourceName",void 0),(0,i.__decorate)([(0,n.attr)({attribute:"upload-event-name"})],ii.prototype,"uploadEventName",void 0),(0,i.__decorate)([(0,n.attr)({attribute:"field-name"})],ii.prototype,"fieldName",void 0),(0,i.__decorate)([(0,n.attr)({attribute:"entity-id"})],ii.prototype,"entityId",void 0),(0,i.__decorate)([(0,n.attr)({attribute:"upload-key"})],ii.prototype,"uploadKey",void 0),(0,i.__decorate)([(0,n.attr)({attribute:"grid-fields"})],ii.prototype,"gridFields",void 0),(0,i.__decorate)([n.observable],ii.prototype,"fileName",void 0),(0,i.__decorate)([n.observable],ii.prototype,"uploadedFilesList",void 0),(0,i.__decorate)([n.observable],ii.prototype,"filesGridColumnDefinitions",void 0);const ni=void 0,si={},li=(ii.compose(Object.assign({baseName:"file-upload",styles:Ur,template:Vr,shadowOptions:ni},si)),n.css`
   ${Ur}
+  ::-webkit-scrollbar {
+    width: 12px;
+  }
+
+  ::-webkit-scrollbar-track {
+    background: rgb(31 33 38);
+  }
+
+  ::-webkit-scrollbar-thumb {
+    width: 8px;
+    border-radius: 10px;
+    box-shadow: inset 0 0 6px rgba(0 0 0 / 30%);
+    background-color: var(--neutral-color);
+    border: 3px solid rgb(31 33 38);
+  }
 `),ci=n.html`
   ${Gr("zero")}
 `,di=si,pi=ni;class ui extends ii{}const hi=ui.compose(Object.assign({baseName:"file-upload",shadowOptions:pi,styles:li,template:ci},di)),mi=n.css`
@@ -3402,4 +3431,4 @@
     opacity: 100%;
   }
 `;class lu extends Jd{constructor(){super(...arguments),this.value=""}saveUrl(e){this.value=e.startsWith("http")?e:"https://"+e,this.focused=!1}focus(){this.focused=!0}}(0,i.__decorate)([n.observable],lu.prototype,"value",void 0),(0,i.__decorate)([n.observable],lu.prototype,"focused",void 0);const cu=ru,du=au,pu=lu.compose(Object.assign({baseName:"url-input",template:nu,styles:su,shadowOptions:au},ru)),uu={zeroActionsMenu:m,zeroAnchor:Fe,zeroBadge:Ae,zeroBanner:Pe,zeroBreadcrumbItem:Ke,zeroBreadcrumb:st,zeroButton:gt,zeroCard:St,zeroCheckbox:Mt,zeroCombobox:ro,zeroConnectionIndicator:co,zeroDataGrid:To,zeroDesignSystemProvider:da,zeroDialog:Oa,zeroDatePicker:Ba,zeroDisclosure:Ja,zeroDivider:cr,zeroDropdownMenu:fr,zeroErrorBoundary:zr,zeroErrorBanner:Tr,zeroErrorDialog:Br,zeroFileUpload:hi,zeroFilter:Ti,zeroFilterBar:Zi,zeroFlexLayout:nn,zeroFlipper:vn,zeroFlyout:On,zeroGridLayout:Tn,zeroGridLayoutItem:Bn,zeroIcon:as,zeroListboxOption:hs,zeroMenu:$s,zeroMenuItem:Ns,zeroModal:Bs,zeroMultiselect:ol,zeroNumberField:gl,zeroProgress:Sl,zeroProgressRing:Ml,zeroRadio:Ul,zeroRadioGroup:tc,zeroSegmentedControl:vc,zeroSegmentedItem:wc,zeroSelect:Lc,zeroSkeleton:Bc,zeroSlider:Qc,zeroSnackbar:dc,zeroSwitch:cd,zeroTab:yd,zeroTabPanel:_d,zeroTabs:Hd,zeroTextArea:Xd,zeroTextField:ap,zeroToast:hp,zeroToolbar:Fp,zeroTooltip:Ap,zeroTreeItem:Gp,zeroTreeView:eu,zeroUrlInput:pu,register(e,...t){if(e)for(const o in this)"register"!==o&&this[o]().register(e,...t)}};function hu(e){return new Proxy(e,{get:(e,t,...o)=>{if(["withPrefix","withShadowRootMode","withElementDisambiguation"].includes(t))throw new Error("Modification of the Design System is not allowed.");return Reflect.get(e,t,...o)}})}var mu=o(9389);const gu=(e,t="zero")=>{e&&Io(a,r,e);return hu(mu.K.getOrCreate(e).withPrefix(t))},vu=()=>gu().register(uu)}}]);
-//# sourceMappingURL=868.7e2669623e2fa4a4774231b5d97cd4a4.js.map
+//# sourceMappingURL=868.f0fb3c4ca1ed2975008e38fcc5ee9e44.js.map