{"version":3,"file":"app.js","sources":["../../../src/gui/mixins.ts","../../../src/gui/HtmlUtils.ts","../../../src/gui/animation/Animations.ts","../../../src/gui/base/Overlay.ts","../../../src/gui/AriaUtils.ts","../../../src/misc/WhitelabelCustomizations.ts","../../../src/misc/RouteChange.ts","../../../src/gui/theme.ts","../../../src/gui/base/Flash.ts","../../../src/misc/ClientDetector.ts","../../libs/mithril.js","../../../src/misc/LanguageViewModel.ts","../../../src/gui/animation/Easing.ts","../../../src/gui/base/Color.ts","../../../src/misc/DeviceConfig.ts","../../../src/gui/base/Logo.ts","../../../src/gui/builtinThemes.ts","../../../src/gui/ThemeController.ts","../../../src/misc/KeyManager.ts","../../../src/misc/WindowFacade.ts","../../../src/gui/base/Modal.ts","../../../src/misc/Log.ts","../../../src/gui/size.ts","../../../src/gui/styles.ts","../../../src/RootView.ts","../../../src/misc/ErrorHandler.ts","../../../src/serviceworker/ServiceWorkerClient.ts","../../../src/app.ts","../../../src/ApplicationPaths.ts","../../../src/api/main/LoginController.ts"],"sourcesContent":["import { px } from \"./size\"\nimport { assertMainOrNodeBoot } from \"../api/common/Env\"\n\nassertMainOrNodeBoot()\nexport const noselect = {\n\t_webkit_touch_callout: \"none\",\n\n\t/* iOS Safari */\n\t_webkit_user_select: \"none\",\n\n\t/* Chrome/Safari/Opera */\n\t_khtml_user_select: \"none\",\n\n\t/* Konqueror */\n\t_moz_user_select: \"none\",\n\n\t/* Firefox */\n\t_ms_user_select: \"none\",\n\n\t/* IE/Edge */\n\tuser_select: \"none\",\n\t/* non_prefixed version, currently not supported by any browser */\n}\n\nexport function position_absolute(\n\ttop: number | null,\n\tright: number | null,\n\tbottom: number | null,\n\tleft: number | null,\n): {\n\tbottom: number | string\n\tleft: number | string\n\tposition: string\n\tright: number | string\n\ttop: number | string\n} {\n\treturn {\n\t\tposition: \"absolute\",\n\t\ttop: positionValue(top),\n\t\tright: positionValue(right),\n\t\tbottom: positionValue(bottom),\n\t\tleft: positionValue(left),\n\t}\n}\n\nexport function positionValue(value: number | null): number | string {\n\tif (value) {\n\t\treturn px(value)\n\t} else if (value === 0) {\n\t\treturn 0\n\t} else {\n\t\treturn \"unset\"\n\t}\n}\n\nexport function flex(args: string): {\n\t_ms_flex: string\n\t_webkit_box_flex: string\n\t_webkit_flex: string\n\tflex: string\n} {\n\treturn {\n\t\t_webkit_box_flex: args,\n\t\t_webkit_flex: args,\n\t\t_ms_flex: args,\n\t\tflex: args,\n\t}\n}\n\n// We apply backface_visibility on all animated elements to increase animation performance on mobile devices\nexport const backface_fix = {\n\t_webkit_backface_visibility: \"hidden\",\n\tbackface_visibility: \"hidden\",\n}\n","import { assertNotNull, downcast } from \"@tutao/tutanota-utils\"\nimport { assertMainOrNodeBoot } from \"../api/common/Env\"\n\nassertMainOrNodeBoot()\n\nexport function applySafeAreaInsetMarginLR(element: HTMLElement) {\n\telement.style.marginRight = \"env(safe-area-inset-right)\"\n\telement.style.marginLeft = \"env(safe-area-inset-left)\"\n}\n\nexport function getSafeAreaInsetLeft(): string {\n\treturn window.orientation === 90 ? \"env(safe-area-inset-left)\" : \"\"\n}\n\nexport function getSafeAreaInsetRight(): string {\n\treturn window.orientation === -90 ? \"env(safe-area-inset-right)\" : \"\"\n}\n\n/**\n * Only used for iOS. We need to go through CSS variable because getting env() directly does not work.\n * see https://benfrain.com/how-to-get-the-value-of-phone-notches-environment-variables-env-in-javascript-from-css/\n * We need to adjust bottom position because of the home button on iOS which shifts everything up.\n */\nexport function getSafeAreaInsetTop(): number {\n\tconst bottomInsetString = getComputedStyle(assertNotNull(document?.body)).getPropertyValue(\"--safe-area-inset-top\")\n\treturn bottomInsetString ? parseInt(bottomInsetString.slice(0, -2)) : 0\n}\n\n/**\n * Only used for iOS. We need to go through CSS variable because getting env() directly does not work.\n * see https://benfrain.com/how-to-get-the-value-of-phone-notches-environment-variables-env-in-javascript-from-css/\n * We need to adjust bottom position because of the home button on iOS which shifts everything up.\n */\nexport function getSafeAreaInsetBottom(): number {\n\tconst bottomInsetString = getComputedStyle(assertNotNull(document?.body)).getPropertyValue(\"--safe-area-inset-bottom\")\n\treturn bottomInsetString ? parseInt(bottomInsetString.slice(0, -2)) : 0\n}\n\nexport function stringifyFragment(fragment: DocumentFragment): string {\n\tlet div = document.createElement(\"div\")\n\tdiv.appendChild(fragment)\n\treturn div.innerHTML\n}\n","import type { EasingFunction } from \"./Easing\"\nimport { ease } from \"./Easing\"\nimport { downcast } from \"@tutao/tutanota-utils\"\nimport { hexToRgb } from \"../base/Color\"\nimport { assertMainOrNodeBoot } from \"../../api/common/Env\"\n\nassertMainOrNodeBoot()\n\nexport interface DomMutation {\n\tupdateDom(target: HTMLElement, percent: number, easing: EasingFunction): void\n\n\twillChange(): string\n}\n\ninterface DomTransform extends DomMutation {\n\tchain(type: TransformEnum, begin: number, end: number): DomTransform\n}\n\nexport const enum AlphaEnum {\n\tBackgroundColor = \"backgroundColor\",\n\tColor = \"color\",\n}\n\nexport const enum TransformEnum {\n\t/** shift the element in left-right direction. begin and end denote the target offset from the \"natural\" position */\n\tTranslateX = \"translateX\",\n\t/** shift the element in top-bottom direction. begin and end denote the target offset from the \"natural\" position */\n\tTranslateY = \"translateY\",\n\tRotateY = \"rotateY\",\n\tRotateZ = \"rotateZ\",\n\t/** scale the element both horizontally and vertically. begin and end denote the desired scale in 0-1 range. */\n\tScale = \"scale\",\n}\n\ntype TransformValues = Record<\n\tTransformEnum,\n\t{\n\t\tbegin: number\n\t\tend: number\n\t}\n>\nexport const DefaultAnimationTime = 200 // ms\n\nconst InitializedOptions = {\n\tstagger: 0,\n\tdelay: 0,\n\teasing: ease.linear,\n\tduration: DefaultAnimationTime,\n}\nexport type AnimationPromise = {\n\tanimations?: Array\n} & Promise\n\nclass Animations {\n\tactiveAnimations: Animation[]\n\t_animate: (...args: Array) => any\n\n\tconstructor() {\n\t\tthis.activeAnimations = []\n\n\t\tthis._animate = () => {\n\t\t\tlet finished: Animation[] = []\n\t\t\tlet now = window.performance.now()\n\n\t\t\tfor (let animation of this.activeAnimations) {\n\t\t\t\tanimation.animateFrame(now)\n\n\t\t\t\tif (animation.isFinished()) {\n\t\t\t\t\tfinished.push(animation)\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tfor (let animation of finished) {\n\t\t\t\tthis.activeAnimations.splice(this.activeAnimations.indexOf(animation), 1)\n\n\t\t\t\tif (animation.resolve) {\n\t\t\t\t\tanimation.resolve()\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tif (this.activeAnimations.length > 0) {\n\t\t\t\twindow.requestAnimationFrame(this._animate)\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Adds an animation that should be executed immediately. Returns a promise that resolves after the animation is complete.\n\t */\n\tadd(\n\t\ttargets: HTMLElement | HTMLElement[] | HTMLCollection,\n\t\tmutations: DomMutation | DomMutation[],\n\t\toptions?: {\n\t\t\tstagger?: number\n\t\t\tdelay?: number\n\t\t\teasing?: EasingFunction\n\t\t\tduration?: number\n\t\t},\n\t): AnimationPromise {\n\t\tconst targetsArray: Array = targets instanceof HTMLElement ? [targets] : (Array.from(targets) as Array)\n\n\t\tlet targetMutations: DomMutation[]\n\n\t\tif (!(mutations instanceof Array)) {\n\t\t\ttargetMutations = [mutations]\n\t\t} else {\n\t\t\ttargetMutations = mutations\n\t\t}\n\n\t\tlet verifiedOptions = Animations.verifiyOptions(options)\n\t\tconst willChange = targetMutations\n\t\t\t.map((mutation) => mutation.willChange())\n\t\t\t.filter((willChange) => willChange.length)\n\t\t\t.join(\" \")\n\t\ttargetsArray.forEach((t) => (t.style.willChange = willChange))\n\t\tconst animations: Animation[] = []\n\t\tconst promise = new Promise((resolve) => {\n\t\t\tlet start = this.activeAnimations.length ? false : true\n\n\t\t\tfor (let i = 0; i < targetsArray.length; i++) {\n\t\t\t\tlet delay = verifiedOptions.delay\n\n\t\t\t\tif (verifiedOptions.stagger) {\n\t\t\t\t\tdelay += verifiedOptions.stagger * i\n\t\t\t\t}\n\n\t\t\t\tconst animation = new Animation(\n\t\t\t\t\ttargetsArray[i],\n\t\t\t\t\ttargetMutations,\n\t\t\t\t\ti === targetsArray.length - 1 ? resolve : null,\n\t\t\t\t\tdelay,\n\t\t\t\t\tverifiedOptions.easing,\n\t\t\t\t\tverifiedOptions.duration,\n\t\t\t\t)\n\t\t\t\tanimations.push(animation)\n\t\t\t\tthis.activeAnimations.push(animation)\n\t\t\t}\n\n\t\t\tif (start) {\n\t\t\t\twindow.requestAnimationFrame(this._animate)\n\t\t\t}\n\t\t})\n\t\tconst animationPromise = downcast(promise)\n\t\tanimationPromise.animations = animations\n\t\treturn animationPromise\n\t}\n\n\tcancel(animation: Animation) {\n\t\tthis.activeAnimations.splice(this.activeAnimations.indexOf(animation), 1)\n\n\t\tif (animation.resolve) {\n\t\t\tanimation.resolve()\n\t\t}\n\t}\n\n\tstatic verifiyOptions(\n\t\toptions:\n\t\t\t| {\n\t\t\t\t\tstagger?: number\n\t\t\t\t\tdelay?: number\n\t\t\t\t\teasing?: EasingFunction\n\t\t\t }\n\t\t\t| null\n\t\t\t| undefined,\n\t): {\n\t\tstagger: number\n\t\tdelay: number\n\t\teasing: EasingFunction\n\t\tduration: number\n\t} {\n\t\treturn Object.assign({}, InitializedOptions, options)\n\t}\n}\n\nexport class Animation {\n\ttarget: HTMLElement\n\tmutations: DomMutation[]\n\tresolve: ((...args: Array) => any) | null\n\tduration: number\n\tdelay: number\n\tanimationStart: number | null\n\trunTime: number | null\n\teasing: EasingFunction\n\n\tconstructor(\n\t\ttarget: HTMLElement,\n\t\tmutations: DomMutation[],\n\t\tresolve: ((...args: Array) => any) | null,\n\t\tdelay: number,\n\t\teasing: EasingFunction,\n\t\tduration: number = DefaultAnimationTime,\n\t) {\n\t\tthis.target = target\n\t\tthis.mutations = mutations\n\t\tthis.resolve = resolve\n\t\tthis.delay = delay\n\t\tthis.duration = duration\n\t\tthis.animationStart = null\n\t\tthis.runTime = null\n\t\tthis.easing = easing\n\t}\n\n\tanimateFrame(now: number) {\n\t\tif (this.animationStart == null) this.animationStart = now\n\t\tthis.runTime = Math.min(now - this.animationStart - this.delay, this.duration)\n\n\t\tif (this.runTime >= 0) {\n\t\t\tfor (let m of this.mutations) {\n\t\t\t\tm.updateDom(this.target, this.runTime / this.duration, this.easing)\n\t\t\t}\n\t\t}\n\t}\n\n\tisFinished(): boolean {\n\t\treturn this.runTime != null && this.runTime >= this.duration\n\t}\n}\n\nexport function transform(type: TransformEnum, begin: number, end: number): DomTransform {\n\tconst values = {} as TransformValues\n\n\tvalues[type] = {\n\t\tbegin,\n\t\tend,\n\t}\n\n\tlet updateDom = function (target: HTMLElement, percent: number, easing: EasingFunction): void {\n\t\ttarget.style.transform = buildTransformString(values, percent, easing)\n\t}\n\n\tconst willChange = () => \"transform\"\n\n\tlet chain = function (type: TransformEnum, begin: number, end: number) {\n\t\tvalues[type] = {\n\t\t\tbegin,\n\t\t\tend,\n\t\t}\n\t\treturn {\n\t\t\tupdateDom,\n\t\t\tchain,\n\t\t\twillChange,\n\t\t}\n\t}\n\n\treturn {\n\t\tupdateDom,\n\t\tchain,\n\t\twillChange,\n\t}\n}\n\nexport function scroll(begin: number, end: number): DomMutation {\n\treturn {\n\t\tupdateDom: function (target: HTMLElement, percent: number, easing: EasingFunction): void {\n\t\t\ttarget.scrollTop = calculateValue(percent, begin, end, easing)\n\t\t},\n\t\twillChange: () => \"\",\n\t}\n}\n\nconst TransformUnits = {\n\t[TransformEnum.TranslateX]: \"px\",\n\t[TransformEnum.TranslateY]: \"px\",\n\t[TransformEnum.RotateY]: \"deg\",\n\t[TransformEnum.RotateZ]: \"deg\",\n\t[TransformEnum.Scale]: \"\",\n}\n\nfunction buildTransformString(values: TransformValues, percent: number, easing: EasingFunction) {\n\tlet transform: string[] = []\n\tlet types: TransformEnum[] = Object.keys(TransformUnits) as any[] // the order is important (e.g. 'rotateY(45deg) translateX(10px)' leads to other results than 'translateX(10px) rotateY(45deg)'\n\n\tfor (let type of types) {\n\t\tif (values[type]) {\n\t\t\tlet value = calculateValue(percent, values[type].begin, values[type].end, easing)\n\t\t\ttransform.push(type + \"(\" + value + TransformUnits[type] + \")\")\n\t\t}\n\t}\n\n\treturn transform.join(\" \")\n}\n\n/**\n * We use the alpha channel instead of using opacity for fading colors. Opacity changes are slow on mobile devices as they\n * effect the whole tree of the dom element with changing opacity.\n *\n * See http://stackoverflow.com/a/14677373 for a more detailed explanation.\n */\nexport function alpha(type: AlphaEnum, colorHex: string, begin: number, end: number): DomMutation {\n\tlet color = hexToRgb(colorHex)\n\treturn {\n\t\tupdateDom: function (target: HTMLElement, percent: number, easing: EasingFunction): void {\n\t\t\tlet alphaChannel = calculateValue(percent, begin, end, easing)\n\n\t\t\tif (type === AlphaEnum.BackgroundColor) {\n\t\t\t\ttarget.style.backgroundColor = `rgba(${color.r}, ${color.g}, ${color.b}, ${alphaChannel})`\n\t\t\t} else if (type === AlphaEnum.Color) {\n\t\t\t\ttarget.style.color = `rgba(${color.r}, ${color.g}, ${color.b}, ${alphaChannel})`\n\t\t\t}\n\t\t},\n\t\twillChange: () => \"alpha\",\n\t}\n}\n\n/**\n * Only use on small elements. You should use Alpha for fading large backgrounds which is way faster on mobiles.\n */\nexport function opacity(begin: number, end: number, keepValue: boolean): DomMutation {\n\tlet initialOpacity: string | null = null\n\treturn {\n\t\tupdateDom: function (target: HTMLElement, percent: number, easing: EasingFunction): void {\n\t\t\tif (percent === 0 && initialOpacity === null) {\n\t\t\t\tinitialOpacity = target.style.opacity\n\t\t\t}\n\n\t\t\tlet opacity = calculateValue(percent, begin, end, easing)\n\n\t\t\tif (percent === 1 && !keepValue) {\n\t\t\t\t// on some elements the value hast to be set to the initial value because hover using opacity won't work otherwise.\n\t\t\t\ttarget.style.opacity = initialOpacity ? initialOpacity : \"\"\n\t\t\t} else {\n\t\t\t\ttarget.style.opacity = opacity + \"\"\n\t\t\t}\n\t\t},\n\t\twillChange: () => \"opacity\",\n\t}\n}\n\nexport function height(begin: number, end: number): DomMutation {\n\treturn {\n\t\tupdateDom: function (target: HTMLElement, percent: number, easing: EasingFunction): void {\n\t\t\ttarget.style.height = calculateValue(percent, begin, end, easing) + \"px\"\n\t\t},\n\t\twillChange: () => \"height\",\n\t}\n}\n\nexport function width(begin: number, end: number): DomMutation {\n\treturn {\n\t\tupdateDom: function (target: HTMLElement, percent: number, easing: EasingFunction): void {\n\t\t\ttarget.style.width = calculateValue(percent, begin, end, easing) + \"px\"\n\t\t},\n\t\twillChange: () => \"width\",\n\t}\n}\n\nexport function fontSize(begin: number, end: number): DomMutation {\n\treturn {\n\t\tupdateDom: function (target: HTMLElement, percent: number, easing: EasingFunction): void {\n\t\t\ttarget.style.fontSize = calculateValue(percent, begin, end, easing) + \"px\"\n\t\t},\n\t\twillChange: () => \"\",\n\t}\n}\n\nfunction calculateValue(percent: number, begin: number, end: number, easing: (...args: Array) => any): number {\n\treturn (end - begin) * easing(percent) + begin\n}\n\nexport const animations: Animations = new Animations()\n\nexport function get(element: HTMLElement | null): HTMLElement {\n\tif (!element) throw new Error(\"tried to update a non existing element\")\n\treturn element\n}\n","import m, { Children, Component, Vnode } from \"mithril\"\nimport type { DomMutation } from \"../animation/Animations\"\nimport { animations } from \"../animation/Animations\"\nimport { ease } from \"../animation/Easing\"\nimport { LayerType } from \"../../RootView\"\nimport { remove } from \"@tutao/tutanota-utils\"\nimport type { lazy } from \"@tutao/tutanota-utils\"\nimport { assertMainOrNodeBoot } from \"../../api/common/Env\"\n\nassertMainOrNodeBoot()\nexport type PositionRect = {\n\ttop?: string | null\n\tleft?: string | null\n\tright?: string | null\n\twidth?: string | null\n\tbottom?: string | null\n\theight?: string | null\n\tzIndex?: LayerType\n}\ntype AnimationProvider = (dom: HTMLElement) => DomMutation\ntype OverlayAttrs = {\n\tcomponent: Component\n\tposition: lazy\n\tcreateAnimation?: AnimationProvider\n\tcloseAnimation?: AnimationProvider\n\tshadowClass: string\n}\n\ntype Overlay = [OverlayAttrs, HTMLElement | null, number]\nconst overlays: Array = []\nlet key = 0\n\nexport function displayOverlay(\n\tposition: lazy,\n\tcomponent: Component,\n\tcreateAnimation?: AnimationProvider,\n\tcloseAnimation?: AnimationProvider,\n\tshadowClass: string = \"dropdown-shadow\",\n): () => Promise {\n\tconst newAttrs = {\n\t\tposition,\n\t\tcomponent,\n\t\tcreateAnimation,\n\t\tcloseAnimation,\n\t\tshadowClass,\n\t}\n\tconst pair = [newAttrs, null, key++] as Overlay\n\toverlays.push(pair)\n\treturn async () => {\n\t\tconst dom = pair[1]\n\t\tconst animation =\n\t\t\tnewAttrs.closeAnimation && dom\n\t\t\t\t? animations.add(dom, newAttrs.closeAnimation(dom), {\n\t\t\t\t\t\tduration: 100,\n\t\t\t\t\t\teasing: ease.in,\n\t\t\t\t })\n\t\t\t\t: Promise.resolve()\n\t\tawait animation\n\n\t\tif (remove(overlays, pair)) {\n\t\t\tm.redraw()\n\t\t}\n\t}\n}\n\nexport const overlay: Component = {\n\tview: (): Children =>\n\t\tm(\n\t\t\t// we want the overlays to position relative to the overlay parent\n\t\t\t// the overlay parent also should fill the root\n\t\t\t\"#overlay.fill-absolute\",\n\t\t\t{\n\t\t\t\tstyle: {\n\t\t\t\t\tdisplay: overlays.length > 0 ? \"\" : \"none\",\n\t\t\t\t\t\"margin-top\": \"env(safe-area-inset-top)\", // insets for iPhone X\n\t\t\t\t\t// we would need to change this if we wanted something to appear from the side\n\t\t\t\t\t\"margin-left\": \"env(safe-area-inset-left)\",\n\t\t\t\t\t\"margin-right\": \"env(safe-area-inset-right)\",\n\t\t\t\t},\n\t\t\t\t\"aria-hidden\": overlays.length === 0,\n\t\t\t},\n\t\t\toverlays.map((overlayAttrs) => {\n\t\t\t\tconst [attrs, dom, key] = overlayAttrs\n\t\t\t\tconst position = attrs.position()\n\t\t\t\treturn m(\n\t\t\t\t\t\".abs.elevated-bg.\" + attrs.shadowClass,\n\t\t\t\t\t{\n\t\t\t\t\t\tkey,\n\t\t\t\t\t\tstyle: {\n\t\t\t\t\t\t\twidth: position.width,\n\t\t\t\t\t\t\ttop: position.top,\n\t\t\t\t\t\t\tbottom: position.bottom,\n\t\t\t\t\t\t\tright: position.right,\n\t\t\t\t\t\t\tleft: position.left,\n\t\t\t\t\t\t\theight: position.height,\n\t\t\t\t\t\t\t\"z-index\": position.zIndex != null ? position.zIndex : LayerType.Overlay,\n\t\t\t\t\t\t},\n\t\t\t\t\t\toncreate: (vnode) => {\n\t\t\t\t\t\t\tconst dom = vnode.dom as HTMLElement\n\t\t\t\t\t\t\toverlayAttrs[1] = dom\n\n\t\t\t\t\t\t\tif (attrs.createAnimation) {\n\t\t\t\t\t\t\t\tanimations.add(dom, attrs.createAnimation(dom))\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t},\n\t\t\t\t\t\tonremove: () => {\n\t\t\t\t\t\t\toverlayAttrs[1] = null\n\t\t\t\t\t\t},\n\t\t\t\t\t},\n\t\t\t\t\tm(attrs.component),\n\t\t\t\t)\n\t\t\t}),\n\t\t),\n}\n","import { assertMainOrNodeBoot } from \"../api/common/Env\"\n\nassertMainOrNodeBoot()\n\n/**\n * Collections of utility functions to support Accessible Rich Internet Applications (ARIA).\n *\n * https://www.w3.org/TR/wai-aria-practices/\n * https://www.w3.org/TR/wai-aria-1.1/\n * https://webaim.org/techniques/aria/\n * https://www.w3.org/TR/wai-aria-1.1/\n *\n */\nimport { TabIndex } from \"../api/common/TutanotaConstants\"\n\n// See: https://webaim.org/techniques/aria/#landmarks\nexport const enum AriaLandmarks {\n\tBanner = \"banner\",\n\tSearch = \"search\",\n\tNavigation = \"navigation\",\n\tMain = \"main\",\n\tComplementary = \"complementary\",\n\tContentinfo = \"contentinfo\",\n\tRegion = \"region\",\n}\n\nexport const enum AriaLiveRegions {\n\tAlert = \"alert\",\n\tLog = \"log\",\n\tMarquee = \"Marquee\",\n\tStatus = \"status\",\n\tTimer = \"timer\",\n}\n\nexport const enum AriaWindow {\n\tAlertDialog = \"alertdialog\",\n\tDialog = \"dialog\",\n}\n\nconst enum AriaLiveData {\n\t//default\n\tOff = \"off\",\n\t//\tIndicates that updates to the region should be presented at the next graceful opportunity\n\tPolite = \"polite\",\n\t//region has the highest priority\n\tAssertive = \"assertive\",\n}\n\nexport function liveDataAttrs(): Record {\n\treturn {\n\t\t\"aria-live\": AriaLiveData.Polite,\n\t\t\"aria-atomic\": \"true\",\n\t}\n}\n\n/**\n * construct spreadable landmark attributes for screen readers.\n * return value includes a hide-outline class that will be overridden if the selector\n * used to construct the element contains other classes.\n */\nexport function landmarkAttrs(role: AriaLandmarks, label?: string): Record {\n\treturn {\n\t\tclass: \"hide-outline\",\n\t\trole,\n\t\ttabindex: TabIndex.Programmatic,\n\t\t\"aria-label\": label,\n\t}\n}\n","import type { BaseThemeId, Theme } from \"../gui/theme\"\nimport type { BootstrapFeatureType } from \"../api/common/TutanotaConstants\"\nimport { assertMainOrNodeBoot } from \"../api/common/Env\"\nimport type { WhitelabelConfig } from \"../api/entities/sys/TypeRefs.js\"\n\nassertMainOrNodeBoot()\nexport type ThemeCustomizations = Partial & {\n\tbase: BaseThemeId | null\n}\nexport type ThemeKey = keyof Theme\nexport type CustomizationKey = keyof ThemeCustomizations\n\nexport type WhitelabelCustomizations = {\n\ttheme: ThemeCustomizations | null\n\tbootstrapCustomizations: BootstrapFeatureType[]\n\tgermanLanguageCode: string\n\tregistrationDomains: string[] | null\n\timprintUrl: string | null\n\tprivacyStatementUrl: string | null\n}\n\n/**\n * window.whitelabelCustomizations is defined when the user has logged in via a whitelabel domain. index.js is rewritten to have the definition\n * this happens at WhitelabelResourceRewriter.java\n */\nexport function getWhitelabelCustomizations(window: Window): WhitelabelCustomizations | null {\n\t// @ts-ignore\n\treturn window.whitelabelCustomizations\n}\n\nexport function getThemeCustomizations(whitelabelConfig: WhitelabelConfig): ThemeCustomizations {\n\treturn JSON.parse(whitelabelConfig.jsonTheme, (k, v) => (k === \"__proto__\" ? undefined : v))\n}\n","import m from \"mithril\"\nimport { assertMainOrNodeBoot } from \"../api/common/Env\"\n\nassertMainOrNodeBoot()\n\nexport type RouteSetFn = (path: string, args: Record) => void\n\nexport function throttleRoute(): RouteSetFn {\n\tconst limit = 200\n\tlet lastCall = 0\n\treturn function (url: string, args: Record) {\n\t\tconst now = new Date().getTime()\n\t\ttry {\n\t\t\tm.route.set(url, args, {\n\t\t\t\treplace: now - lastCall < limit,\n\t\t\t})\n\t\t} catch (e) {\n\t\t\tif (e.message.includes(\"can't access dead object\")) {\n\t\t\t\tconsole.log(`Caught error: ${e.message}`)\n\t\t\t} else {\n\t\t\t\tthrow e\n\t\t\t}\n\t\t}\n\n\t\tlastCall = now\n\t}\n}\n\nexport const MAIL_PREFIX = \"/mail\"\nexport const CONTACTS_PREFIX = \"/contact\"\nexport const CALENDAR_PREFIX = \"/calendar\"\nexport const SEARCH_PREFIX = \"/search\"\nexport const SETTINGS_PREFIX = \"/settings\"\nconst LogoutPath = \"/login?noAutoLogin=true\"\nexport const LogoutUrl: string = window.location.hash.startsWith(\"#mail\") ? \"/ext?noAutoLogin=true\" + location.hash : LogoutPath\n","import { deviceConfig } from \"../misc/DeviceConfig\"\nimport { assertMainOrNodeBoot, isApp, isDesktop, isTest } from \"../api/common/Env\"\nimport { downcast } from \"@tutao/tutanota-utils\"\nimport type { HtmlSanitizer } from \"../misc/HtmlSanitizer\"\nimport { NativeThemeFacade, ThemeController, WebThemeFacade } from \"./ThemeController\"\nimport { isColorLight } from \"./base/Color\"\nimport { logo_text_bright_grey, logo_text_dark_grey } from \"./builtinThemes\"\nimport { getLogoSvg } from \"./base/Logo\"\n\nassertMainOrNodeBoot()\n\n/**\n * Unique identifier for a theme.\n * There are few built-in ones and there are whitelabel ones.\n * Whitelabel themes use domain name as an ID.\n */\nexport type ThemeId = \"light\" | \"dark\" | \"blue\" | string\nexport type BaseThemeId = \"light\" | \"dark\"\nexport type Theme = {\n\tthemeId: ThemeId\n\tlogo: string\n\tbutton_bubble_bg: string\n\tbutton_bubble_fg: string\n\tcontent_bg: string\n\tcontent_fg: string\n\tcontent_button: string\n\tcontent_button_selected: string\n\tcontent_button_icon: string\n\tcontent_button_icon_selected: string\n\tcontent_button_icon_bg?: string\n\tcontent_accent: string\n\tcontent_border: string\n\tcontent_message_bg: string\n\theader_bg: string\n\theader_box_shadow_bg: string\n\theader_button: string\n\theader_button_selected: string\n\tlist_bg: string\n\tlist_alternate_bg: string\n\tlist_accent_fg: string\n\tlist_message_bg: string\n\tlist_border: string\n\tmodal_bg: string\n\televated_bg?: string\n\tnavigation_bg: string\n\tnavigation_border: string\n\tnavigation_button: string\n\tnavigation_button_icon_bg?: string\n\tnavigation_button_selected: string\n\tnavigation_button_icon: string\n\tnavigation_button_icon_selected: string\n\tnavigation_menu_bg?: string\n\tnavigation_menu_icon?: string\n}\nconst selectedThemeFacade = isApp() || isDesktop() ? new NativeThemeFacade() : new WebThemeFacade(deviceConfig)\n// We need it because we want to run tests in node and real HTMLSanitizer does not work there.\nconst sanitizerStub: Partial = {\n\tsanitizeHTML: () => {\n\t\treturn {\n\t\t\thtml: \"\",\n\t\t\texternalContent: 0,\n\t\t\tinlineImageCids: [],\n\t\t\tlinks: [],\n\t\t}\n\t},\n\tsanitizeSVG(svg, configExtra?) {\n\t\tthrow new Error(\"stub!\")\n\t},\n\tsanitizeFragment(html, configExtra?) {\n\t\tthrow new Error(\"stub!\")\n\t},\n}\nexport const themeController: ThemeController = new ThemeController(\n\tselectedThemeFacade,\n\tisTest() ? () => Promise.resolve(downcast(sanitizerStub)) : () => import(\"../misc/HtmlSanitizer\").then(({ htmlSanitizer }) => htmlSanitizer),\n)\n// ThemeManager.updateTheme updates the object in place, so this will always be current\n// We keep this singleton available because it is convenient to refer to, and already everywhere in the code before the addition of ThemeManager\nexport const theme = themeController._theme\n\nexport function getContentButtonIconBackground(): string {\n\treturn theme.content_button_icon_bg || theme.content_button // fallback for the new color content_button_icon_bg\n}\n\nexport function getNavButtonIconBackground(): string {\n\treturn theme.navigation_button_icon_bg || theme.navigation_button // fallback for the new color content_button_icon_bg\n}\n\nexport function getElevatedBackground(): string {\n\treturn theme.elevated_bg || theme.content_bg\n}\n\nexport function getNavigationMenuBg(): string {\n\treturn theme.navigation_menu_bg || theme.navigation_bg\n}\n\nexport function getNavigationMenuIcon(): string {\n\treturn theme.navigation_menu_icon || theme.navigation_button_icon\n}\n\nexport function getColouredTutanotaLogo(): string {\n\treturn getLogoSvg(theme.content_accent, isColorLight(theme.content_bg) ? logo_text_dark_grey : logo_text_bright_grey)\n}\n","import { animations, opacity } from \"../animation/Animations\"\nimport { client } from \"../../misc/ClientDetector\"\nimport { assertMainOrNodeBoot } from \"../../api/common/Env\"\n\nassertMainOrNodeBoot()\nconst flashedIn: Map = new Map() // currently flashed in element -> target opacity value\n\nconst PREVENT = (e: Event) => e.preventDefault()\n\nconst eventListenerArgs = { passive: true }\n\nexport function addFlash(target: any) {\n\tif (client.isDesktopDevice()) {\n\t\ttarget.addEventListener(\"mousedown\", flashIn, eventListenerArgs)\n\t\ttarget.addEventListener(\"mouseup\", flashOut, eventListenerArgs)\n\t\ttarget.addEventListener(\"dragstart\", PREVENT, { passive: false })\n\t\ttarget.addEventListener(\"mouseleave\", flashOut, eventListenerArgs)\n\t} else {\n\t\ttarget.addEventListener(\"touchstart\", flashIn, eventListenerArgs)\n\t\ttarget.addEventListener(\"touchend\", flashOut, eventListenerArgs)\n\t\ttarget.addEventListener(\"touchcancel\", flashOut, eventListenerArgs)\n\t}\n}\n\nexport function removeFlash(target: any) {\n\tif (client.isDesktopDevice()) {\n\t\ttarget.removeEventListener(\"mousedown\", flashIn, eventListenerArgs)\n\t\ttarget.removeEventListener(\"mouseup\", flashOut, eventListenerArgs)\n\t\ttarget.removeEventListener(\"dragstart\", PREVENT)\n\t\ttarget.removeEventListener(\"mouseleave\", flashOut, eventListenerArgs)\n\t} else {\n\t\ttarget.removeEventListener(\"touchstart\", flashIn, eventListenerArgs)\n\t\ttarget.removeEventListener(\"touchend\", flashOut, eventListenerArgs)\n\t\ttarget.removeEventListener(\"touchcancel\", flashOut, eventListenerArgs)\n\t}\n}\n\nexport function flashIn(event: MouseEvent) {\n\tlet target = event.currentTarget as any\n\tlet computedValue = getComputedOpacity(target) // use the computed value as begin value because hover only changes the computed opacity\n\n\t// keep the opacity value for the flash animation to avoid flicker on element\n\tanimations.add(target, opacity(computedValue, 0.4, true))\n\tflashedIn.set(target, computedValue)\n}\n\nexport function flashOut(event: MouseEvent) {\n\tlet target = event.currentTarget as any\n\tlet computedValue = flashedIn.get(target)\n\tif (computedValue) {\n\t\tflashOutElement(target, computedValue)\n\t}\n}\n\nexport function flashOutElement(target: HTMLElement, computedOpacity: number | null) {\n\tif (computedOpacity) {\n\t\tflashedIn.delete(target)\n\t\t// don't keep the opacity value after the animation. hover on elements won't work otherwise.\n\t\tanimations\n\t\t\t.add(target, opacity(0.4, computedOpacity, false), {\n\t\t\t\tdelay: 300,\n\t\t\t})\n\t\t\t.then(() => (target.style.opacity = \"\"))\n\t}\n}\n\nfunction getComputedOpacity(target: HTMLElement) {\n\tlet computedValue = 0\n\n\tif (window.getComputedStyle) {\n\t\tcomputedValue = Number(window.getComputedStyle(target).opacity)\n\t} else if ((target as any).currentStyle) {\n\t\tcomputedValue = Number(((target as any).currentStyle as any).opacity)\n\t}\n\n\treturn computedValue\n}\n","import { assertMainOrNodeBoot, Mode } from \"../api/common/Env\"\nimport { BrowserData, BrowserType, DeviceType } from \"./ClientConstants\"\n\nassertMainOrNodeBoot()\n\nexport class ClientDetector {\n\tuserAgent!: string\n\tbrowser!: BrowserType\n\tbrowserVersion!: number\n\tdevice!: DeviceType\n\toverflowAuto!: string\n\tisMacOS!: boolean\n\n\tconstructor() {}\n\n\tinit(userAgent: string, platform: string) {\n\t\tthis.userAgent = userAgent\n\t\tthis.browser = BrowserType.OTHER\n\t\tthis.browserVersion = 0\n\t\tthis.device = DeviceType.DESKTOP\n\n\t\tthis._setBrowserAndVersion()\n\n\t\tthis._setDeviceInfo()\n\n\t\tthis.overflowAuto = this.cssPropertyValueSupported(\"overflow\", \"overlay\") ? \"overlay\" : \"auto\"\n\t\tthis.isMacOS = platform.indexOf(\"Mac\") !== -1\n\t}\n\n\t/**\n\t * This function uses syntax constructs which we want to make sure are supported. If they are not then this file cannot be imported.\n\t */\n\tsyntaxChecks() {\n\t\t// By default rollup disables tree-shaking inside the try-catch.\n\t\ttry {\n\t\t\tconst arrowFunction = () => {\n\t\t\t\treturn 1\n\t\t\t}\n\n\t\t\tlet aLet = 2\n\n\t\t\tfunction* testGenerator() {}\n\n\t\t\tasync function testAsync() {}\n\n\t\t\tfunction testDefaultArgs(a = 2) {}\n\n\t\t\ttestGenerator()\n\t\t\ttestAsync()\n\t\t\ttestDefaultArgs()\n\t\t\tconst anArray = [1, 2, 3]\n\t\t\tconst spreadArray = [...anArray]\n\t\t\tconst dynamicString = \"\"\n\t\t\tconst impossibleCondition = arrowFunction() === aLet\n\n\t\t\tif (impossibleCondition) {\n\t\t\t\timport(dynamicString)\n\t\t\t}\n\n\t\t\tconst objectSyntax = {\n\t\t\t\t[dynamicString]: true,\n\n\t\t\t\ttestFn() {},\n\n\t\t\t\tget accessor() {\n\t\t\t\t\treturn null\n\t\t\t\t},\n\n\t\t\t\tset accessor(newValue) {},\n\t\t\t}\n\t\t\tconst templateString = `test ${dynamicString}`\n\t\t\tconst x = 1\n\t\t\tconst y = 2\n\t\t\tconst propertyShorthand = {\n\t\t\t\tx,\n\t\t\t\ty,\n\t\t\t}\n\t\t\tconst { x: x2, y: y2 } = propertyShorthand\n\t\t\tconst [a1, a2, ...arest] = anArray\n\n\t\t\tclass WithStatisMember {\n\t\t\t\tstatic aFuncton() {}\n\t\t\t}\n\n\t\t\tfor (const item of testGenerator()) {\n\t\t\t}\n\t\t} catch (e) {}\n\t}\n\n\ttestBuiltins(): boolean {\n\t\treturn (\n\t\t\ttypeof Set !== \"undefined\" &&\n\t\t\ttypeof Map !== \"undefined\" &&\n\t\t\ttypeof Array.prototype.includes === \"function\" &&\n\t\t\ttypeof Object.entries === \"function\" &&\n\t\t\ttypeof Object.values === \"function\" &&\n\t\t\ttypeof Object.fromEntries === \"function\" &&\n\t\t\ttypeof Symbol !== \"undefined\" &&\n\t\t\ttypeof Uint8Array !== \"undefined\" &&\n\t\t\ttypeof Proxy !== \"undefined\" &&\n\t\t\ttypeof Reflect !== \"undefined\" &&\n\t\t\ttypeof Promise.prototype.finally !== \"undefined\"\n\t\t)\n\t}\n\n\ttestCss(): boolean {\n\t\ttry {\n\t\t\tdocument.querySelector(\"blockquote:not(blockquote blockquote)\")\n\t\t\tdocument.querySelectorAll(\":where(.mouse-nav)\")\n\t\t\treturn true\n\t\t} catch (e) {\n\t\t\treturn false\n\t\t}\n\t}\n\n\t/**\n\t * Browsers which support these features are supported\n\t */\n\tisSupported(): boolean {\n\t\tthis.syntaxChecks()\n\t\treturn this.isSupportedBrowserVersion() && this.testBuiltins() && this.websockets() && this.testCss()\n\t}\n\n\tisMobileDevice(): boolean {\n\t\treturn this.device !== DeviceType.DESKTOP\n\t}\n\n\tisDesktopDevice(): boolean {\n\t\treturn this.device === DeviceType.DESKTOP\n\t}\n\n\t/**\n\t * @see https://github.com/Modernizr/Modernizr/blob/5e3f359bfc9aa511543ece60bd8a6ea8aa7defd3/feature-detects/websockets.js\n\t */\n\twebsockets(): boolean {\n\t\treturn \"WebSocket\" in window && window.WebSocket.CLOSING === 2\n\t}\n\n\tlocalStorage(): boolean {\n\t\ttry {\n\t\t\treturn localStorage != null\n\t\t} catch (e) {\n\t\t\t// DOMException is thrown if all cookies are disabled\n\t\t\treturn false\n\t\t}\n\t}\n\n\t/**\n\t * @see https://github.com/Modernizr/Modernizr/blob/master/feature-detects/history.js\n\t */\n\thistory(): boolean {\n\t\treturn window.history && \"pushState\" in window.history\n\t}\n\n\t/**\n\t * @see https://github.com/Modernizr/Modernizr/blob/master/feature-detects/network/xhr2.js\n\t */\n\txhr2(): boolean {\n\t\treturn \"XMLHttpRequest\" in window\n\t}\n\n\tindexedDb(): boolean {\n\t\ttry {\n\t\t\treturn window.indexedDB != null\n\t\t} catch (e) {\n\t\t\treturn false\n\t\t}\n\t}\n\n\t_setBrowserAndVersion() {\n\t\tconst operaIndex1 = this.userAgent.indexOf(\"Opera\")\n\t\tconst operaIndex2 = this.userAgent.indexOf(\"OPR/\")\n\t\tconst firefoxIndex = this.userAgent.indexOf(\"Firefox/\")\n\t\tconst paleMoonIndex = this.userAgent.indexOf(\"PaleMoon/\")\n\t\tconst iceweaselIndex = this.userAgent.indexOf(\"Iceweasel/\")\n\t\tconst chromeIndex = this.userAgent.indexOf(\"Chrome/\")\n\t\tconst chromeIosIndex = this.userAgent.indexOf(\"CriOS/\")\n\t\tconst safariIndex = this.userAgent.indexOf(\"Safari/\")\n\t\tconst edgeIndex = this.userAgent.indexOf(\"Edge\") // \"Old\" edge based on EdgeHTML, \"new\" one based on Blink has only \"Edg\"\n\n\t\tconst androidIndex = this.userAgent.indexOf(\"Android\")\n\t\tlet versionIndex = -1\n\n\t\tif (edgeIndex !== -1) {\n\t\t\tthis.browser = BrowserType.EDGE\n\t\t\tversionIndex = edgeIndex + 5\n\t\t} else if (operaIndex1 !== -1) {\n\t\t\tthis.browser = BrowserType.OPERA\n\t\t\tversionIndex = this.userAgent.indexOf(\"Version/\")\n\n\t\t\tif (versionIndex !== -1) {\n\t\t\t\tversionIndex += 8\n\t\t\t} else {\n\t\t\t\tversionIndex = operaIndex1 + 6\n\t\t\t}\n\t\t} else if (operaIndex2 !== -1) {\n\t\t\tthis.browser = BrowserType.OPERA\n\t\t\tversionIndex = operaIndex2 + 4\n\t\t} else if ((firefoxIndex !== -1 || iceweaselIndex !== -1) && operaIndex1 === -1 && operaIndex2 === -1 && paleMoonIndex === -1) {\n\t\t\t// Opera may pretend to be Firefox, so it is skipped\n\t\t\tthis.browser = BrowserType.FIREFOX\n\n\t\t\tif (firefoxIndex !== -1) {\n\t\t\t\tversionIndex = firefoxIndex + 8\n\t\t\t} else {\n\t\t\t\tversionIndex = iceweaselIndex + 10\n\t\t\t}\n\t\t} else if (chromeIndex !== -1) {\n\t\t\tthis.browser = BrowserType.CHROME\n\t\t\tversionIndex = chromeIndex + 7\n\t\t} else if (androidIndex !== -1) {\n\t\t\t// default android browser\n\t\t\t// keep this check after Chrome, Firefox and Opera, because the Android browser does not identify itself in any other way\n\t\t\tthis.browser = BrowserType.ANDROID\n\t\t\tversionIndex = androidIndex + 8\n\t\t} else if (chromeIosIndex !== -1) {\n\t\t\tthis.browser = BrowserType.CHROME\n\t\t\tversionIndex = chromeIosIndex + 6\n\t\t} else if (safariIndex !== -1 && chromeIndex === -1) {\n\t\t\t// Chrome and black berry pretends to be Safari, so it is skipped\n\t\t\tthis.browser = BrowserType.SAFARI\n\t\t\t// Safari prints its version after \"Version/\"\n\t\t\tversionIndex = this.userAgent.indexOf(\"Version/\")\n\n\t\t\tif (versionIndex !== -1) {\n\t\t\t\tversionIndex += 8\n\t\t\t} else {\n\t\t\t\t// Other browsers on iOS do not usually send Version/ and we can assume that they're Safari\n\t\t\t\tthis.extractIosVersion()\n\t\t\t\treturn\n\t\t\t}\n\t\t} else if (this.userAgent.match(/iPad.*AppleWebKit/) || this.userAgent.match(/iPhone.*AppleWebKit/)) {\n\t\t\t// iPad and iPhone do not send the Safari this.userAgent when HTML-apps are directly started from the homescreen a browser version is sent neither\n\t\t\t// after \"OS\" the iOS version is sent, so use that one\n\t\t\t// Also there are a lot of browsers on iOS but they all are based on Safari so we can use the same extraction mechanism for all of them.\n\t\t\tthis.extractIosVersion()\n\t\t\treturn\n\t\t}\n\n\t\tif (versionIndex !== -1) {\n\t\t\tconst mainVersionEndIndex = this.userAgent.indexOf(\".\", versionIndex)\n\n\t\t\tif (mainVersionEndIndex !== -1) {\n\t\t\t\ttry {\n\t\t\t\t\tthis.browserVersion = Number(this.userAgent.substring(versionIndex, mainVersionEndIndex + 2)) // we recognize one digit after the '.'\n\t\t\t\t} catch (e) {}\n\t\t\t}\n\t\t}\n\n\t\t// if the version is not valid, the browser type is not valid, so set it to other\n\t\tif (this.browserVersion === 0) {\n\t\t\tthis.browser = BrowserType.OTHER\n\t\t}\n\t}\n\n\textractIosVersion() {\n\t\t// Extracting version does not work with iPad OS WebView because it's not in the userAgent. We could look it up\n\t\t// from Webkit version but maybe we don't need that for now.\n\t\tconst versionIndex = this.userAgent.indexOf(\" OS \")\n\n\t\tif (versionIndex !== -1) {\n\t\t\tthis.browser = BrowserType.SAFARI\n\n\t\t\ttry {\n\t\t\t\t// in case of versions like 12_1_1 get substring 12_1 and convert it to 12.1\n\t\t\t\tlet pos = versionIndex + 4\n\t\t\t\tlet hadNan = false\n\n\t\t\t\twhile (pos < this.userAgent.length) {\n\t\t\t\t\tpos++\n\n\t\t\t\t\tif (isNaN(Number(this.userAgent.charAt(pos)))) {\n\t\t\t\t\t\tif (hadNan) {\n\t\t\t\t\t\t\tbreak\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\thadNan = true\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tconst numberString = this.userAgent.substring(versionIndex + 4, pos)\n\t\t\t\tthis.browserVersion = Number(numberString.replace(/_/g, \".\"))\n\t\t\t} catch (e) {}\n\t\t}\n\t}\n\n\t_setDeviceInfo() {\n\t\tthis.device = DeviceType.DESKTOP\n\n\t\tif (\n\t\t\tthis.userAgent.match(/iPad.*AppleWebKit/) != null || // iPadOS does not differ in UserAgent from Safari on macOS. Use hack with TouchEvent to detect iPad\n\t\t\t// Desktop Chrome has TouchEvent but it also has Chrome in it. Mobile iOS has CriOS in it and not Chrome.\n\t\t\t(/Macintosh; Intel Mac OS X.*AppleWebKit/.test(this.userAgent) && window.TouchEvent && /.*Chrome.*/.test(this.userAgent) === false)\n\t\t) {\n\t\t\tthis.device = DeviceType.IPAD\n\t\t} else if (this.userAgent.match(/iPhone.*AppleWebKit/) != null) {\n\t\t\tthis.device = DeviceType.IPHONE\n\t\t} else if (this.userAgent.match(/Android/) != null) {\n\t\t\tif (this.userAgent.match(/Ubuntu/) != null) {\n\t\t\t\tthis.device = DeviceType.OTHER_MOBILE\n\t\t\t} else {\n\t\t\t\tthis.device = DeviceType.ANDROID\n\t\t\t}\n\t\t} else if (this.userAgent.match(/Windows NT/) != null) {\n\t\t\tthis.device = DeviceType.DESKTOP\n\t\t} else if (this.userAgent.match(/Mobile/) != null || this.userAgent.match(/Tablet/) != null) {\n\t\t\tthis.device = DeviceType.OTHER_MOBILE\n\t\t}\n\t}\n\n\tisTouchSupported(): boolean {\n\t\treturn \"ontouchstart\" in window\n\t}\n\n\tisIos(): boolean {\n\t\treturn this.device === DeviceType.IPAD || this.device === DeviceType.IPHONE\n\t}\n\n\tcssPropertyValueSupported(prop: string, value: string): boolean {\n\t\tlet d = document.createElement(\"div\") as any\n\t\td.style[prop] = value\n\t\treturn d.style[prop] === value\n\t}\n\n\tgetIdentifier(): string {\n\t\tif (env.mode === Mode.App) {\n\t\t\treturn client.device + \" App\"\n\t\t} else if (env.mode === Mode.Browser) {\n\t\t\treturn client.browser + \" Browser\"\n\t\t} else if (env.platformId === \"linux\") {\n\t\t\treturn \"Linux Desktop\"\n\t\t} else if (env.platformId === \"darwin\") {\n\t\t\treturn \"Mac Desktop\"\n\t\t} else if (env.platformId === \"win32\") {\n\t\t\treturn \"Windows Desktop\"\n\t\t}\n\n\t\treturn \"Unknown\"\n\t}\n\n\tisSupportedBrowserVersion(): boolean {\n\t\treturn this.notOldFirefox() && this.notOldChrome()\n\t}\n\n\tnotOldFirefox(): boolean {\n\t\t// issue only occurs for old Firefox browsers\n\t\t// https://github.com/tutao/tutanota/issues/835\n\t\treturn this.browser !== BrowserType.FIREFOX || this.browserVersion > 40\n\t}\n\n\tnotOldChrome(): boolean {\n\t\treturn this.browser !== BrowserType.CHROME || this.browserVersion > 55\n\t}\n\n\tneedsMicrotaskHack(): boolean {\n\t\treturn (\n\t\t\tthis.isIos() ||\n\t\t\tthis.browser === BrowserType.SAFARI ||\n\t\t\t(this.browser === BrowserType.FIREFOX && this.browserVersion <= 60) ||\n\t\t\t(this.browser === BrowserType.CHROME && this.browserVersion < 59)\n\t\t)\n\t}\n\n\tneedsExplicitIDBIds(): boolean {\n\t\treturn this.browser === BrowserType.SAFARI && this.browserVersion < 12.2\n\t}\n\n\tbrowserData(): BrowserData {\n\t\treturn {\n\t\t\tneedsMicrotaskHack: this.needsMicrotaskHack(),\n\t\t\tneedsExplicitIDBIds: this.needsExplicitIDBIds(),\n\t\t\tindexedDbSupported: this.indexedDb(),\n\t\t}\n\t}\n}\n\nexport const client: ClientDetector = new ClientDetector()\n","/// ivk: patched to fix early console binding\n/// ivk: patched to remove promise polyfill and m.request\n;(function() {\n\"use strict\"\nfunction Vnode(tag, key, attrs0, children, text, dom) {\n\treturn {tag: tag, key: key, attrs: attrs0, children: children, text: text, dom: dom, domSize: undefined, state: undefined, events: undefined, instance: undefined}\n}\nVnode.normalize = function(node) {\n\tif (Array.isArray(node)) return Vnode(\"[\", undefined, undefined, Vnode.normalizeChildren(node), undefined, undefined)\n\tif (node == null || typeof node === \"boolean\") return null\n\tif (typeof node === \"object\") return node\n\treturn Vnode(\"#\", undefined, undefined, String(node), undefined, undefined)\n}\nVnode.normalizeChildren = function(input) {\n\tvar children = []\n\tif (input.length) {\n\t\tvar isKeyed = input[0] != null && input[0].key != null\n\t\t// Note: this is a *very* perf-sensitive check.\n\t\t// Fun fact: merging the loop like this is somehow faster than splitting\n\t\t// it, noticeably so.\n\t\tfor (var i = 1; i < input.length; i++) {\n\t\t\tif ((input[i] != null && input[i].key != null) !== isKeyed) {\n\t\t\t\tthrow new TypeError(\n\t\t\t\t\tisKeyed && (input[i] != null || typeof input[i] === \"boolean\")\n\t\t\t\t\t\t? \"In fragments, vnodes must either all have keys or none have keys. You may wish to consider using an explicit keyed empty fragment, m.fragment({key: ...}), instead of a hole.\"\n\t\t\t\t\t\t: \"In fragments, vnodes must either all have keys or none have keys.\"\n\t\t\t\t)\n\t\t\t}\n\t\t}\n\t\tfor (var i = 0; i < input.length; i++) {\n\t\t\tchildren[i] = Vnode.normalize(input[i])\n\t\t}\n\t}\n\treturn children\n}\n// Call via `hyperscriptVnode0.apply(startOffset, arguments)`\n//\n// The reason I do it this way, forwarding the arguments and passing the start\n// offset in `this`, is so I don't have to create a temporary array in a\n// performance-critical path.\n//\n// In native ES6, I'd instead add a final `...args` parameter to the\n// `hyperscript0` and `fragment` factories and define this as\n// `hyperscriptVnode0(...args)`, since modern engines do optimize that away. But\n// ES5 (what Mithril.js requires thanks to IE support) doesn't give me that luxury,\n// and engines aren't nearly intelligent enough to do either of these:\n//\n// 1. Elide the allocation for `[].slice.call(arguments, 1)` when it's passed to\n// another function only to be indexed.\n// 2. Elide an `arguments` allocation when it's passed to any function other\n// than `Function.prototype.apply` or `Reflect.apply`.\n//\n// In ES6, it'd probably look closer to this (I'd need to profile it, though):\n// var hyperscriptVnode = function(attrs1, ...children0) {\n// if (attrs1 == null || typeof attrs1 === \"object\" && attrs1.tag == null && !Array.isArray(attrs1)) {\n// if (children0.length === 1 && Array.isArray(children0[0])) children0 = children0[0]\n// } else {\n// children0 = children0.length === 0 && Array.isArray(attrs1) ? attrs1 : [attrs1, ...children0]\n// attrs1 = undefined\n// }\n//\n// if (attrs1 == null) attrs1 = {}\n// return Vnode(\"\", attrs1.key, attrs1, children0)\n// }\nvar hyperscriptVnode = function() {\n\tvar attrs1 = arguments[this], start = this + 1, children0\n\tif (attrs1 == null) {\n\t\tattrs1 = {}\n\t} else if (typeof attrs1 !== \"object\" || attrs1.tag != null || Array.isArray(attrs1)) {\n\t\tattrs1 = {}\n\t\tstart = this\n\t}\n\tif (arguments.length === start + 1) {\n\t\tchildren0 = arguments[start]\n\t\tif (!Array.isArray(children0)) children0 = [children0]\n\t} else {\n\t\tchildren0 = []\n\t\twhile (start < arguments.length) children0.push(arguments[start++])\n\t}\n\treturn Vnode(\"\", attrs1.key, attrs1, children0)\n}\n// This exists so I'm1 only saving it once.\nvar hasOwn = {}.hasOwnProperty\nvar selectorParser = /(?:(^|#|\\.)([^#\\.\\[\\]]+))|(\\[(.+?)(?:\\s*=\\s*(\"|'|)((?:\\\\[\"'\\]]|.)*?)\\5)?\\])/g\nvar selectorCache = {}\nfunction isEmpty(object) {\n\tfor (var key in object) if (hasOwn.call(object, key)) return false\n\treturn true\n}\nfunction compileSelector(selector) {\n\tvar match, tag = \"div\", classes = [], attrs = {}\n\twhile (match = selectorParser.exec(selector)) {\n\t\tvar type = match[1], value = match[2]\n\t\tif (type === \"\" && value !== \"\") tag = value\n\t\telse if (type === \"#\") attrs.id = value\n\t\telse if (type === \".\") classes.push(value)\n\t\telse if (match[3][0] === \"[\") {\n\t\t\tvar attrValue = match[6]\n\t\t\tif (attrValue) attrValue = attrValue.replace(/\\\\([\"'])/g, \"$1\").replace(/\\\\\\\\/g, \"\\\\\")\n\t\t\tif (match[4] === \"class\") classes.push(attrValue)\n\t\t\telse attrs[match[4]] = attrValue === \"\" ? attrValue : attrValue || true\n\t\t}\n\t}\n\tif (classes.length > 0) attrs.className = classes.join(\" \")\n\treturn selectorCache[selector] = {tag: tag, attrs: attrs}\n}\nfunction execSelector(state, vnode) {\n\tvar attrs = vnode.attrs\n\tvar hasClass = hasOwn.call(attrs, \"class\")\n\tvar className = hasClass ? attrs.class : attrs.className\n\tvnode.tag = state.tag\n\tvnode.attrs = {}\n\tif (!isEmpty(state.attrs) && !isEmpty(attrs)) {\n\t\tvar newAttrs = {}\n\t\tfor (var key in attrs) {\n\t\t\tif (hasOwn.call(attrs, key)) newAttrs[key] = attrs[key]\n\t\t}\n\t\tattrs = newAttrs\n\t}\n\tfor (var key in state.attrs) {\n\t\tif (hasOwn.call(state.attrs, key) && key !== \"className\" && !hasOwn.call(attrs, key)){\n\t\t\tattrs[key] = state.attrs[key]\n\t\t}\n\t}\n\tif (className != null || state.attrs.className != null) attrs.className =\n\t\tclassName != null\n\t\t\t? state.attrs.className != null\n\t\t\t\t? String(state.attrs.className) + \" \" + String(className)\n\t\t\t\t: className\n\t\t\t: state.attrs.className != null\n\t\t\t\t? state.attrs.className\n\t\t\t\t: null\n\tif (hasClass) attrs.class = null\n\tfor (var key in attrs) {\n\t\tif (hasOwn.call(attrs, key) && key !== \"key\") {\n\t\t\tvnode.attrs = attrs\n\t\t\tbreak\n\t\t}\n\t}\n\treturn vnode\n}\nfunction hyperscript(selector) {\n\tif (selector == null || typeof selector !== \"string\" && typeof selector !== \"function\" && typeof selector.view !== \"function\") {\n\t\tthrow Error(\"The selector must be either a string or a component.\");\n\t}\n\tvar vnode = hyperscriptVnode.apply(1, arguments)\n\tif (typeof selector === \"string\") {\n\t\tvnode.children = Vnode.normalizeChildren(vnode.children)\n\t\tif (selector !== \"[\") return execSelector(selectorCache[selector] || compileSelector(selector), vnode)\n\t}\n\tvnode.tag = selector\n\treturn vnode\n}\nhyperscript.trust = function(html) {\n\tif (html == null) html = \"\"\n\treturn Vnode(\"<\", undefined, undefined, html, undefined, undefined)\n}\nhyperscript.fragment = function() {\n\tvar vnode2 = hyperscriptVnode.apply(0, arguments)\n\tvnode2.tag = \"[\"\n\tvnode2.children = Vnode.normalizeChildren(vnode2.children)\n\treturn vnode2\n}\n/* global window */\nvar _13 = function($window) {\n\tvar $doc = $window && $window.document\n\tvar currentRedraw\n\tvar nameSpace = {\n\t\tsvg: \"http://www.w3.org/2000/svg\",\n\t\tmath: \"http://www.w3.org/1998/Math/MathML\"\n\t}\n\tfunction getNameSpace(vnode3) {\n\t\treturn vnode3.attrs && vnode3.attrs.xmlns || nameSpace[vnode3.tag]\n\t}\n\t//sanity check to discourage people from doing `vnode3.state = ...`\n\tfunction checkState(vnode3, original) {\n\t\tif (vnode3.state !== original) throw new Error(\"'vnode.state' must not be modified.\")\n\t}\n\t//Note: the hook is passed as the `this` argument to allow proxying the\n\t//arguments without requiring a full array allocation to do so. It also\n\t//takes advantage of the fact the current `vnode3` is the first argument in\n\t//all lifecycle methods.\n\tfunction callHook(vnode3) {\n\t\tvar original = vnode3.state\n\t\ttry {\n\t\t\treturn this.apply(original, arguments)\n\t\t} finally {\n\t\t\tcheckState(vnode3, original)\n\t\t}\n\t}\n\t// IE11 (at least) throws an UnspecifiedError when accessing document.activeElement when\n\t// inside an iframe. Catch and swallow this error, and heavy-handidly return null.\n\tfunction activeElement() {\n\t\ttry {\n\t\t\treturn $doc.activeElement\n\t\t} catch (e) {\n\t\t\treturn null\n\t\t}\n\t}\n\t//create\n\tfunction createNodes(parent, vnodes, start, end, hooks, nextSibling, ns) {\n\t\tfor (var i = start; i < end; i++) {\n\t\t\tvar vnode3 = vnodes[i]\n\t\t\tif (vnode3 != null) {\n\t\t\t\tcreateNode(parent, vnode3, hooks, ns, nextSibling)\n\t\t\t}\n\t\t}\n\t}\n\tfunction createNode(parent, vnode3, hooks, ns, nextSibling) {\n\t\tvar tag = vnode3.tag\n\t\tif (typeof tag === \"string\") {\n\t\t\tvnode3.state = {}\n\t\t\tif (vnode3.attrs != null) initLifecycle(vnode3.attrs, vnode3, hooks)\n\t\t\tswitch (tag) {\n\t\t\t\tcase \"#\": createText(parent, vnode3, nextSibling); break\n\t\t\t\tcase \"<\": createHTML(parent, vnode3, ns, nextSibling); break\n\t\t\t\tcase \"[\": createFragment(parent, vnode3, hooks, ns, nextSibling); break\n\t\t\t\tdefault: createElement(parent, vnode3, hooks, ns, nextSibling)\n\t\t\t}\n\t\t}\n\t\telse createComponent(parent, vnode3, hooks, ns, nextSibling)\n\t}\n\tfunction createText(parent, vnode3, nextSibling) {\n\t\tvnode3.dom = $doc.createTextNode(vnode3.children)\n\t\tinsertNode(parent, vnode3.dom, nextSibling)\n\t}\n\tvar possibleParents = {caption: \"table\", thead: \"table\", tbody: \"table\", tfoot: \"table\", tr: \"tbody\", th: \"tr\", td: \"tr\", colgroup: \"table\", col: \"colgroup\"}\n\tfunction createHTML(parent, vnode3, ns, nextSibling) {\n\t\tvar match0 = vnode3.children.match(/^\\s*?<(\\w+)/im) || []\n\t\t// not using the proper parent makes the child element(s) vanish.\n\t\t// var div = document.createElement(\"div\")\n\t\t// div.innerHTML = \"ij\"\n\t\t// console.log(div.innerHTML)\n\t\t// --> \"ij\", no in sight.\n\t\tvar temp = $doc.createElement(possibleParents[match0[1]] || \"div\")\n\t\tif (ns === \"http://www.w3.org/2000/svg\") {\n\t\t\ttemp.innerHTML = \"\" + vnode3.children + \"\"\n\t\t\ttemp = temp.firstChild\n\t\t} else {\n\t\t\ttemp.innerHTML = vnode3.children\n\t\t}\n\t\tvnode3.dom = temp.firstChild\n\t\tvnode3.domSize = temp.childNodes.length\n\t\t// Capture nodes to remove, so we don't confuse them.\n\t\tvnode3.instance = []\n\t\tvar fragment = $doc.createDocumentFragment()\n\t\tvar child\n\t\twhile (child = temp.firstChild) {\n\t\t\tvnode3.instance.push(child)\n\t\t\tfragment.appendChild(child)\n\t\t}\n\t\tinsertNode(parent, fragment, nextSibling)\n\t}\n\tfunction createFragment(parent, vnode3, hooks, ns, nextSibling) {\n\t\tvar fragment = $doc.createDocumentFragment()\n\t\tif (vnode3.children != null) {\n\t\t\tvar children2 = vnode3.children\n\t\t\tcreateNodes(fragment, children2, 0, children2.length, hooks, null, ns)\n\t\t}\n\t\tvnode3.dom = fragment.firstChild\n\t\tvnode3.domSize = fragment.childNodes.length\n\t\tinsertNode(parent, fragment, nextSibling)\n\t}\n\tfunction createElement(parent, vnode3, hooks, ns, nextSibling) {\n\t\tvar tag = vnode3.tag\n\t\tvar attrs2 = vnode3.attrs\n\t\tvar is = attrs2 && attrs2.is\n\t\tns = getNameSpace(vnode3) || ns\n\t\tvar element = ns ?\n\t\t\tis ? $doc.createElementNS(ns, tag, {is: is}) : $doc.createElementNS(ns, tag) :\n\t\t\tis ? $doc.createElement(tag, {is: is}) : $doc.createElement(tag)\n\t\tvnode3.dom = element\n\t\tif (attrs2 != null) {\n\t\t\tsetAttrs(vnode3, attrs2, ns)\n\t\t}\n\t\tinsertNode(parent, element, nextSibling)\n\t\tif (!maybeSetContentEditable(vnode3)) {\n\t\t\tif (vnode3.children != null) {\n\t\t\t\tvar children2 = vnode3.children\n\t\t\t\tcreateNodes(element, children2, 0, children2.length, hooks, null, ns)\n\t\t\t\tif (vnode3.tag === \"select\" && attrs2 != null) setLateSelectAttrs(vnode3, attrs2)\n\t\t\t}\n\t\t}\n\t}\n\tfunction initComponent(vnode3, hooks) {\n\t\tvar sentinel\n\t\tif (typeof vnode3.tag.view === \"function\") {\n\t\t\tvnode3.state = Object.create(vnode3.tag)\n\t\t\tsentinel = vnode3.state.view\n\t\t\tif (sentinel.$$reentrantLock$$ != null) return\n\t\t\tsentinel.$$reentrantLock$$ = true\n\t\t} else {\n\t\t\tvnode3.state = void 0\n\t\t\tsentinel = vnode3.tag\n\t\t\tif (sentinel.$$reentrantLock$$ != null) return\n\t\t\tsentinel.$$reentrantLock$$ = true\n\t\t\tvnode3.state = (vnode3.tag.prototype != null && typeof vnode3.tag.prototype.view === \"function\") ? new vnode3.tag(vnode3) : vnode3.tag(vnode3)\n\t\t}\n\t\tinitLifecycle(vnode3.state, vnode3, hooks)\n\t\tif (vnode3.attrs != null) initLifecycle(vnode3.attrs, vnode3, hooks)\n\t\tvnode3.instance = Vnode.normalize(callHook.call(vnode3.state.view, vnode3))\n\t\tif (vnode3.instance === vnode3) throw Error(\"A view cannot return the vnode it received as argument\")\n\t\tsentinel.$$reentrantLock$$ = null\n\t}\n\tfunction createComponent(parent, vnode3, hooks, ns, nextSibling) {\n\t\tinitComponent(vnode3, hooks)\n\t\tif (vnode3.instance != null) {\n\t\t\tcreateNode(parent, vnode3.instance, hooks, ns, nextSibling)\n\t\t\tvnode3.dom = vnode3.instance.dom\n\t\t\tvnode3.domSize = vnode3.dom != null ? vnode3.instance.domSize : 0\n\t\t}\n\t\telse {\n\t\t\tvnode3.domSize = 0\n\t\t}\n\t}\n\t//update\n\t/**\n\t * @param {Element|Fragment} parent - the parent element\n\t * @param {Vnode[] | null} old - the list of vnodes of the last `render0()` call for\n\t * this part of the tree\n\t * @param {Vnode[] | null} vnodes - as above, but for the current `render0()` call.\n\t * @param {Function[]} hooks - an accumulator of post-render0 hooks (oncreate/onupdate)\n\t * @param {Element | null} nextSibling - the next DOM node if we're dealing with a\n\t * fragment that is not the last item in its\n\t * parent\n\t * @param {'svg' | 'math' | String | null} ns) - the current XML namespace, if any\n\t * @returns void\n\t */\n\t// This function diffs and patches lists of vnodes, both keyed and unkeyed.\n\t//\n\t// We will:\n\t//\n\t// 1. describe its general structure\n\t// 2. focus on the diff algorithm optimizations\n\t// 3. discuss DOM node operations.\n\t// ## Overview:\n\t//\n\t// The updateNodes() function:\n\t// - deals with trivial cases\n\t// - determines whether the lists are keyed or unkeyed based on the first non-null node\n\t// of each list.\n\t// - diffs them and patches the DOM if needed (that's the brunt of the code)\n\t// - manages the leftovers: after diffing, are there:\n\t// - old nodes left to remove?\n\t// \t - new nodes to insert?\n\t// \t deal with them!\n\t//\n\t// The lists are only iterated over once, with an exception for the nodes in `old` that\n\t// are visited in the fourth part of the diff and in the `removeNodes` loop.\n\t// ## Diffing\n\t//\n\t// Reading https://github.com/localvoid/ivi/blob/ddc09d06abaef45248e6133f7040d00d3c6be853/packages/ivi/src/vdom/implementation.ts#L617-L837\n\t// may be good for context on longest increasing subsequence-based logic for moving nodes.\n\t//\n\t// In order to diff keyed lists, one has to\n\t//\n\t// 1) match0 nodes in both lists, per key, and update them accordingly\n\t// 2) create the nodes present in the new list, but absent in the old one\n\t// 3) remove the nodes present in the old list, but absent in the new one\n\t// 4) figure out what nodes in 1) to move in order to minimize the DOM operations.\n\t//\n\t// To achieve 1) one can create a dictionary of keys => index (for the old list), then0 iterate\n\t// over the new list and for each new vnode3, find the corresponding vnode3 in the old list using\n\t// the map.\n\t// 2) is achieved in the same step: if a new node has no corresponding entry in the map, it is new\n\t// and must be created.\n\t// For the removals, we actually remove the nodes that have been updated from the old list.\n\t// The nodes that remain in that list after 1) and 2) have been performed can be safely removed.\n\t// The fourth step is a bit more complex and relies on the longest increasing subsequence (LIS)\n\t// algorithm.\n\t//\n\t// the longest increasing subsequence is the list of nodes that can remain in place. Imagine going\n\t// from `1,2,3,4,5` to `4,5,1,2,3` where the numbers are not necessarily the keys, but the indices\n\t// corresponding to the keyed nodes in the old list (keyed nodes `e,d,c,b,a` => `b,a,e,d,c` would\n\t// match0 the above lists, for example).\n\t//\n\t// In there are two increasing subsequences: `4,5` and `1,2,3`, the latter being the longest. We\n\t// can update those nodes without moving them, and only call `insertNode` on `4` and `5`.\n\t//\n\t// @localvoid adapted the algo to also support node deletions and insertions (the `lis` is actually\n\t// the longest increasing subsequence *of old nodes still present in the new list*).\n\t//\n\t// It is a general algorithm that is fireproof in all circumstances, but it requires the allocation\n\t// and the construction of a `key => oldIndex` map, and three arrays (one with `newIndex => oldIndex`,\n\t// the `LIS` and a temporary one to create the LIS).\n\t//\n\t// So we cheat where we can: if the tails of the lists are identical, they are guaranteed to be part of\n\t// the LIS and can be updated without moving them.\n\t//\n\t// If two nodes are swapped, they are guaranteed not to be part of the LIS, and must be moved (with\n\t// the exception of the last node if the list is fully reversed).\n\t//\n\t// ## Finding the next sibling.\n\t//\n\t// `updateNode()` and `createNode()` expect a nextSibling parameter to perform DOM operations.\n\t// When the list is being traversed top-down, at any index, the DOM nodes up to the previous\n\t// vnode3 reflect the content of the new list, whereas the rest of the DOM nodes reflect the old\n\t// list. The next sibling must be looked for in the old list using `getNextSibling(... oldStart + 1 ...)`.\n\t//\n\t// In the other scenarios (swaps, upwards traversal, map-based diff),\n\t// the new vnodes list is traversed upwards. The DOM nodes at the bottom of the list reflect the\n\t// bottom part of the new vnodes list, and we can use the `v.dom` value of the previous node\n\t// as the next sibling (cached in the `nextSibling` variable).\n\t// ## DOM node moves\n\t//\n\t// In most scenarios `updateNode()` and `createNode()` perform the DOM operations. However,\n\t// this is not the case if the node moved (second and fourth part of the diff algo). We move\n\t// the old DOM nodes before updateNode runs0 because it enables us to use the cached `nextSibling`\n\t// variable rather than fetching it using `getNextSibling()`.\n\t//\n\t// The fourth part of the diff currently inserts nodes unconditionally, leading to issues\n\t// like #1791 and #1999. We need to be smarter about those situations where adjascent old\n\t// nodes remain together in the new list in a way that isn't covered by parts one and\n\t// three of the diff algo.\n\tfunction updateNodes(parent, old, vnodes, hooks, nextSibling, ns) {\n\t\tif (old === vnodes || old == null && vnodes == null) return\n\t\telse if (old == null || old.length === 0) createNodes(parent, vnodes, 0, vnodes.length, hooks, nextSibling, ns)\n\t\telse if (vnodes == null || vnodes.length === 0) removeNodes(parent, old, 0, old.length)\n\t\telse {\n\t\t\tvar isOldKeyed = old[0] != null && old[0].key != null\n\t\t\tvar isKeyed0 = vnodes[0] != null && vnodes[0].key != null\n\t\t\tvar start = 0, oldStart = 0\n\t\t\tif (!isOldKeyed) while (oldStart < old.length && old[oldStart] == null) oldStart++\n\t\t\tif (!isKeyed0) while (start < vnodes.length && vnodes[start] == null) start++\n\t\t\tif (isOldKeyed !== isKeyed0) {\n\t\t\t\tremoveNodes(parent, old, oldStart, old.length)\n\t\t\t\tcreateNodes(parent, vnodes, start, vnodes.length, hooks, nextSibling, ns)\n\t\t\t} else if (!isKeyed0) {\n\t\t\t\t// Don't index past the end of either list (causes deopts).\n\t\t\t\tvar commonLength = old.length < vnodes.length ? old.length : vnodes.length\n\t\t\t\t// Rewind if necessary to the first non-null index on either side.\n\t\t\t\t// We could alternatively either explicitly create or remove nodes when `start !== oldStart`\n\t\t\t\t// but that would be optimizing for sparse lists which are more rare than dense ones.\n\t\t\t\tstart = start < oldStart ? start : oldStart\n\t\t\t\tfor (; start < commonLength; start++) {\n\t\t\t\t\to = old[start]\n\t\t\t\t\tv = vnodes[start]\n\t\t\t\t\tif (o === v || o == null && v == null) continue\n\t\t\t\t\telse if (o == null) createNode(parent, v, hooks, ns, getNextSibling(old, start + 1, nextSibling))\n\t\t\t\t\telse if (v == null) removeNode(parent, o)\n\t\t\t\t\telse updateNode(parent, o, v, hooks, getNextSibling(old, start + 1, nextSibling), ns)\n\t\t\t\t}\n\t\t\t\tif (old.length > commonLength) removeNodes(parent, old, start, old.length)\n\t\t\t\tif (vnodes.length > commonLength) createNodes(parent, vnodes, start, vnodes.length, hooks, nextSibling, ns)\n\t\t\t} else {\n\t\t\t\t// keyed diff\n\t\t\t\tvar oldEnd = old.length - 1, end = vnodes.length - 1, map, o, v, oe, ve, topSibling\n\t\t\t\t// bottom-up\n\t\t\t\twhile (oldEnd >= oldStart && end >= start) {\n\t\t\t\t\toe = old[oldEnd]\n\t\t\t\t\tve = vnodes[end]\n\t\t\t\t\tif (oe.key !== ve.key) break\n\t\t\t\t\tif (oe !== ve) updateNode(parent, oe, ve, hooks, nextSibling, ns)\n\t\t\t\t\tif (ve.dom != null) nextSibling = ve.dom\n\t\t\t\t\toldEnd--, end--\n\t\t\t\t}\n\t\t\t\t// top-down\n\t\t\t\twhile (oldEnd >= oldStart && end >= start) {\n\t\t\t\t\to = old[oldStart]\n\t\t\t\t\tv = vnodes[start]\n\t\t\t\t\tif (o.key !== v.key) break\n\t\t\t\t\toldStart++, start++\n\t\t\t\t\tif (o !== v) updateNode(parent, o, v, hooks, getNextSibling(old, oldStart, nextSibling), ns)\n\t\t\t\t}\n\t\t\t\t// swaps and list reversals\n\t\t\t\twhile (oldEnd >= oldStart && end >= start) {\n\t\t\t\t\tif (start === end) break\n\t\t\t\t\tif (o.key !== ve.key || oe.key !== v.key) break\n\t\t\t\t\ttopSibling = getNextSibling(old, oldStart, nextSibling)\n\t\t\t\t\tmoveNodes(parent, oe, topSibling)\n\t\t\t\t\tif (oe !== v) updateNode(parent, oe, v, hooks, topSibling, ns)\n\t\t\t\t\tif (++start <= --end) moveNodes(parent, o, nextSibling)\n\t\t\t\t\tif (o !== ve) updateNode(parent, o, ve, hooks, nextSibling, ns)\n\t\t\t\t\tif (ve.dom != null) nextSibling = ve.dom\n\t\t\t\t\toldStart++; oldEnd--\n\t\t\t\t\toe = old[oldEnd]\n\t\t\t\t\tve = vnodes[end]\n\t\t\t\t\to = old[oldStart]\n\t\t\t\t\tv = vnodes[start]\n\t\t\t\t}\n\t\t\t\t// bottom up once again\n\t\t\t\twhile (oldEnd >= oldStart && end >= start) {\n\t\t\t\t\tif (oe.key !== ve.key) break\n\t\t\t\t\tif (oe !== ve) updateNode(parent, oe, ve, hooks, nextSibling, ns)\n\t\t\t\t\tif (ve.dom != null) nextSibling = ve.dom\n\t\t\t\t\toldEnd--, end--\n\t\t\t\t\toe = old[oldEnd]\n\t\t\t\t\tve = vnodes[end]\n\t\t\t\t}\n\t\t\t\tif (start > end) removeNodes(parent, old, oldStart, oldEnd + 1)\n\t\t\t\telse if (oldStart > oldEnd) createNodes(parent, vnodes, start, end + 1, hooks, nextSibling, ns)\n\t\t\t\telse {\n\t\t\t\t\t// inspired by ivi https://github.com/ivijs/ivi/ by Boris Kaul\n\t\t\t\t\tvar originalNextSibling = nextSibling, vnodesLength = end - start + 1, oldIndices = new Array(vnodesLength), li=0, i=0, pos = 2147483647, matched = 0, map, lisIndices\n\t\t\t\t\tfor (i = 0; i < vnodesLength; i++) oldIndices[i] = -1\n\t\t\t\t\tfor (i = end; i >= start; i--) {\n\t\t\t\t\t\tif (map == null) map = getKeyMap(old, oldStart, oldEnd + 1)\n\t\t\t\t\t\tve = vnodes[i]\n\t\t\t\t\t\tvar oldIndex = map[ve.key]\n\t\t\t\t\t\tif (oldIndex != null) {\n\t\t\t\t\t\t\tpos = (oldIndex < pos) ? oldIndex : -1 // becomes -1 if nodes were re-ordered\n\t\t\t\t\t\t\toldIndices[i-start] = oldIndex\n\t\t\t\t\t\t\toe = old[oldIndex]\n\t\t\t\t\t\t\told[oldIndex] = null\n\t\t\t\t\t\t\tif (oe !== ve) updateNode(parent, oe, ve, hooks, nextSibling, ns)\n\t\t\t\t\t\t\tif (ve.dom != null) nextSibling = ve.dom\n\t\t\t\t\t\t\tmatched++\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\tnextSibling = originalNextSibling\n\t\t\t\t\tif (matched !== oldEnd - oldStart + 1) removeNodes(parent, old, oldStart, oldEnd + 1)\n\t\t\t\t\tif (matched === 0) createNodes(parent, vnodes, start, end + 1, hooks, nextSibling, ns)\n\t\t\t\t\telse {\n\t\t\t\t\t\tif (pos === -1) {\n\t\t\t\t\t\t\t// the indices of the indices of the items that are part of the\n\t\t\t\t\t\t\t// longest increasing subsequence in the oldIndices list\n\t\t\t\t\t\t\tlisIndices = makeLisIndices(oldIndices)\n\t\t\t\t\t\t\tli = lisIndices.length - 1\n\t\t\t\t\t\t\tfor (i = end; i >= start; i--) {\n\t\t\t\t\t\t\t\tv = vnodes[i]\n\t\t\t\t\t\t\t\tif (oldIndices[i-start] === -1) createNode(parent, v, hooks, ns, nextSibling)\n\t\t\t\t\t\t\t\telse {\n\t\t\t\t\t\t\t\t\tif (lisIndices[li] === i - start) li--\n\t\t\t\t\t\t\t\t\telse moveNodes(parent, v, nextSibling)\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tif (v.dom != null) nextSibling = vnodes[i].dom\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tfor (i = end; i >= start; i--) {\n\t\t\t\t\t\t\t\tv = vnodes[i]\n\t\t\t\t\t\t\t\tif (oldIndices[i-start] === -1) createNode(parent, v, hooks, ns, nextSibling)\n\t\t\t\t\t\t\t\tif (v.dom != null) nextSibling = vnodes[i].dom\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\tfunction updateNode(parent, old, vnode3, hooks, nextSibling, ns) {\n\t\tvar oldTag = old.tag, tag = vnode3.tag\n\t\tif (oldTag === tag) {\n\t\t\tvnode3.state = old.state\n\t\t\tvnode3.events = old.events\n\t\t\tif (shouldNotUpdate(vnode3, old)) return\n\t\t\tif (typeof oldTag === \"string\") {\n\t\t\t\tif (vnode3.attrs != null) {\n\t\t\t\t\tupdateLifecycle(vnode3.attrs, vnode3, hooks)\n\t\t\t\t}\n\t\t\t\tswitch (oldTag) {\n\t\t\t\t\tcase \"#\": updateText(old, vnode3); break\n\t\t\t\t\tcase \"<\": updateHTML(parent, old, vnode3, ns, nextSibling); break\n\t\t\t\t\tcase \"[\": updateFragment(parent, old, vnode3, hooks, nextSibling, ns); break\n\t\t\t\t\tdefault: updateElement(old, vnode3, hooks, ns)\n\t\t\t\t}\n\t\t\t}\n\t\t\telse updateComponent(parent, old, vnode3, hooks, nextSibling, ns)\n\t\t}\n\t\telse {\n\t\t\tremoveNode(parent, old)\n\t\t\tcreateNode(parent, vnode3, hooks, ns, nextSibling)\n\t\t}\n\t}\n\tfunction updateText(old, vnode3) {\n\t\tif (old.children.toString() !== vnode3.children.toString()) {\n\t\t\told.dom.nodeValue = vnode3.children\n\t\t}\n\t\tvnode3.dom = old.dom\n\t}\n\tfunction updateHTML(parent, old, vnode3, ns, nextSibling) {\n\t\tif (old.children !== vnode3.children) {\n\t\t\tremoveHTML(parent, old)\n\t\t\tcreateHTML(parent, vnode3, ns, nextSibling)\n\t\t}\n\t\telse {\n\t\t\tvnode3.dom = old.dom\n\t\t\tvnode3.domSize = old.domSize\n\t\t\tvnode3.instance = old.instance\n\t\t}\n\t}\n\tfunction updateFragment(parent, old, vnode3, hooks, nextSibling, ns) {\n\t\tupdateNodes(parent, old.children, vnode3.children, hooks, nextSibling, ns)\n\t\tvar domSize = 0, children2 = vnode3.children\n\t\tvnode3.dom = null\n\t\tif (children2 != null) {\n\t\t\tfor (var i = 0; i < children2.length; i++) {\n\t\t\t\tvar child = children2[i]\n\t\t\t\tif (child != null && child.dom != null) {\n\t\t\t\t\tif (vnode3.dom == null) vnode3.dom = child.dom\n\t\t\t\t\tdomSize += child.domSize || 1\n\t\t\t\t}\n\t\t\t}\n\t\t\tif (domSize !== 1) vnode3.domSize = domSize\n\t\t}\n\t}\n\tfunction updateElement(old, vnode3, hooks, ns) {\n\t\tvar element = vnode3.dom = old.dom\n\t\tns = getNameSpace(vnode3) || ns\n\t\tif (vnode3.tag === \"textarea\") {\n\t\t\tif (vnode3.attrs == null) vnode3.attrs = {}\n\t\t}\n\t\tupdateAttrs(vnode3, old.attrs, vnode3.attrs, ns)\n\t\tif (!maybeSetContentEditable(vnode3)) {\n\t\t\tupdateNodes(element, old.children, vnode3.children, hooks, null, ns)\n\t\t}\n\t}\n\tfunction updateComponent(parent, old, vnode3, hooks, nextSibling, ns) {\n\t\tvnode3.instance = Vnode.normalize(callHook.call(vnode3.state.view, vnode3))\n\t\tif (vnode3.instance === vnode3) throw Error(\"A view cannot return the vnode it received as argument\")\n\t\tupdateLifecycle(vnode3.state, vnode3, hooks)\n\t\tif (vnode3.attrs != null) updateLifecycle(vnode3.attrs, vnode3, hooks)\n\t\tif (vnode3.instance != null) {\n\t\t\tif (old.instance == null) createNode(parent, vnode3.instance, hooks, ns, nextSibling)\n\t\t\telse updateNode(parent, old.instance, vnode3.instance, hooks, nextSibling, ns)\n\t\t\tvnode3.dom = vnode3.instance.dom\n\t\t\tvnode3.domSize = vnode3.instance.domSize\n\t\t}\n\t\telse if (old.instance != null) {\n\t\t\tremoveNode(parent, old.instance)\n\t\t\tvnode3.dom = undefined\n\t\t\tvnode3.domSize = 0\n\t\t}\n\t\telse {\n\t\t\tvnode3.dom = old.dom\n\t\t\tvnode3.domSize = old.domSize\n\t\t}\n\t}\n\tfunction getKeyMap(vnodes, start, end) {\n\t\tvar map = Object.create(null)\n\t\tfor (; start < end; start++) {\n\t\t\tvar vnode3 = vnodes[start]\n\t\t\tif (vnode3 != null) {\n\t\t\t\tvar key = vnode3.key\n\t\t\t\tif (key != null) map[key] = start\n\t\t\t}\n\t\t}\n\t\treturn map\n\t}\n\t// Lifted from ivi https://github.com/ivijs/ivi/\n\t// takes a list of unique numbers (-1 is special and can\n\t// occur multiple times) and returns an array with the indices\n\t// of the items that are part of the longest increasing\n\t// subsequence\n\tvar lisTemp = []\n\tfunction makeLisIndices(a) {\n\t\tvar result = [0]\n\t\tvar u = 0, v = 0, i = 0\n\t\tvar il = lisTemp.length = a.length\n\t\tfor (var i = 0; i < il; i++) lisTemp[i] = a[i]\n\t\tfor (var i = 0; i < il; ++i) {\n\t\t\tif (a[i] === -1) continue\n\t\t\tvar j = result[result.length - 1]\n\t\t\tif (a[j] < a[i]) {\n\t\t\t\tlisTemp[i] = j\n\t\t\t\tresult.push(i)\n\t\t\t\tcontinue\n\t\t\t}\n\t\t\tu = 0\n\t\t\tv = result.length - 1\n\t\t\twhile (u < v) {\n\t\t\t\t// Fast integer average without overflow.\n\t\t\t\t// eslint-disable-next-line no-bitwise\n\t\t\t\tvar c = (u >>> 1) + (v >>> 1) + (u & v & 1)\n\t\t\t\tif (a[result[c]] < a[i]) {\n\t\t\t\t\tu = c + 1\n\t\t\t\t}\n\t\t\t\telse {\n\t\t\t\t\tv = c\n\t\t\t\t}\n\t\t\t}\n\t\t\tif (a[i] < a[result[u]]) {\n\t\t\t\tif (u > 0) lisTemp[i] = result[u - 1]\n\t\t\t\tresult[u] = i\n\t\t\t}\n\t\t}\n\t\tu = result.length\n\t\tv = result[u - 1]\n\t\twhile (u-- > 0) {\n\t\t\tresult[u] = v\n\t\t\tv = lisTemp[v]\n\t\t}\n\t\tlisTemp.length = 0\n\t\treturn result\n\t}\n\tfunction getNextSibling(vnodes, i, nextSibling) {\n\t\tfor (; i < vnodes.length; i++) {\n\t\t\tif (vnodes[i] != null && vnodes[i].dom != null) return vnodes[i].dom\n\t\t}\n\t\treturn nextSibling\n\t}\n\t// This covers a really specific edge case:\n\t// - Parent node is keyed and contains child\n\t// - Child is removed, returns unresolved promise0 in `onbeforeremove`\n\t// - Parent node is moved in keyed diff\n\t// - Remaining children2 still need moved appropriately\n\t//\n\t// Ideally, I'd track removed nodes as well, but that introduces a lot more\n\t// complexity and I'm2 not exactly interested in doing that.\n\tfunction moveNodes(parent, vnode3, nextSibling) {\n\t\tvar frag = $doc.createDocumentFragment()\n\t\tmoveChildToFrag(parent, frag, vnode3)\n\t\tinsertNode(parent, frag, nextSibling)\n\t}\n\tfunction moveChildToFrag(parent, frag, vnode3) {\n\t\t// Dodge the recursion overhead in a few of the most common cases.\n\t\twhile (vnode3.dom != null && vnode3.dom.parentNode === parent) {\n\t\t\tif (typeof vnode3.tag !== \"string\") {\n\t\t\t\tvnode3 = vnode3.instance\n\t\t\t\tif (vnode3 != null) continue\n\t\t\t} else if (vnode3.tag === \"<\") {\n\t\t\t\tfor (var i = 0; i < vnode3.instance.length; i++) {\n\t\t\t\t\tfrag.appendChild(vnode3.instance[i])\n\t\t\t\t}\n\t\t\t} else if (vnode3.tag !== \"[\") {\n\t\t\t\t// Don't recurse for text nodes *or* elements, just fragments\n\t\t\t\tfrag.appendChild(vnode3.dom)\n\t\t\t} else if (vnode3.children.length === 1) {\n\t\t\t\tvnode3 = vnode3.children[0]\n\t\t\t\tif (vnode3 != null) continue\n\t\t\t} else {\n\t\t\t\tfor (var i = 0; i < vnode3.children.length; i++) {\n\t\t\t\t\tvar child = vnode3.children[i]\n\t\t\t\t\tif (child != null) moveChildToFrag(parent, frag, child)\n\t\t\t\t}\n\t\t\t}\n\t\t\tbreak\n\t\t}\n\t}\n\tfunction insertNode(parent, dom, nextSibling) {\n\t\tif (nextSibling != null) parent.insertBefore(dom, nextSibling)\n\t\telse parent.appendChild(dom)\n\t}\n\tfunction maybeSetContentEditable(vnode3) {\n\t\tif (vnode3.attrs == null || (\n\t\t\tvnode3.attrs.contenteditable == null && // attribute\n\t\t\tvnode3.attrs.contentEditable == null // property\n\t\t)) return false\n\t\tvar children2 = vnode3.children\n\t\tif (children2 != null && children2.length === 1 && children2[0].tag === \"<\") {\n\t\t\tvar content = children2[0].children\n\t\t\tif (vnode3.dom.innerHTML !== content) vnode3.dom.innerHTML = content\n\t\t}\n\t\telse if (children2 != null && children2.length !== 0) throw new Error(\"Child node of a contenteditable must be trusted.\")\n\t\treturn true\n\t}\n\t//remove\n\tfunction removeNodes(parent, vnodes, start, end) {\n\t\tfor (var i = start; i < end; i++) {\n\t\t\tvar vnode3 = vnodes[i]\n\t\t\tif (vnode3 != null) removeNode(parent, vnode3)\n\t\t}\n\t}\n\tfunction removeNode(parent, vnode3) {\n\t\tvar mask = 0\n\t\tvar original = vnode3.state\n\t\tvar stateResult, attrsResult\n\t\tif (typeof vnode3.tag !== \"string\" && typeof vnode3.state.onbeforeremove === \"function\") {\n\t\t\tvar result = callHook.call(vnode3.state.onbeforeremove, vnode3)\n\t\t\tif (result != null && typeof result.then === \"function\") {\n\t\t\t\tmask = 1\n\t\t\t\tstateResult = result\n\t\t\t}\n\t\t}\n\t\tif (vnode3.attrs && typeof vnode3.attrs.onbeforeremove === \"function\") {\n\t\t\tvar result = callHook.call(vnode3.attrs.onbeforeremove, vnode3)\n\t\t\tif (result != null && typeof result.then === \"function\") {\n\t\t\t\t// eslint-disable-next-line no-bitwise\n\t\t\t\tmask |= 2\n\t\t\t\tattrsResult = result\n\t\t\t}\n\t\t}\n\t\tcheckState(vnode3, original)\n\t\t// If we can, try to fast-path it and avoid all the overhead of awaiting\n\t\tif (!mask) {\n\t\t\tonremove(vnode3)\n\t\t\tremoveChild(parent, vnode3)\n\t\t} else {\n\t\t\tif (stateResult != null) {\n\t\t\t\tvar next = function () {\n\t\t\t\t\t// eslint-disable-next-line no-bitwise\n\t\t\t\t\tif (mask & 1) { mask &= 2; if (!mask) reallyRemove() }\n\t\t\t\t}\n\t\t\t\tstateResult.then(next, next)\n\t\t\t}\n\t\t\tif (attrsResult != null) {\n\t\t\t\tvar next = function () {\n\t\t\t\t\t// eslint-disable-next-line no-bitwise\n\t\t\t\t\tif (mask & 2) { mask &= 1; if (!mask) reallyRemove() }\n\t\t\t\t}\n\t\t\t\tattrsResult.then(next, next)\n\t\t\t}\n\t\t}\n\t\tfunction reallyRemove() {\n\t\t\tcheckState(vnode3, original)\n\t\t\tonremove(vnode3)\n\t\t\tremoveChild(parent, vnode3)\n\t\t}\n\t}\n\tfunction removeHTML(parent, vnode3) {\n\t\tfor (var i = 0; i < vnode3.instance.length; i++) {\n\t\t\tparent.removeChild(vnode3.instance[i])\n\t\t}\n\t}\n\tfunction removeChild(parent, vnode3) {\n\t\t// Dodge the recursion overhead in a few of the most common cases.\n\t\twhile (vnode3.dom != null && vnode3.dom.parentNode === parent) {\n\t\t\tif (typeof vnode3.tag !== \"string\") {\n\t\t\t\tvnode3 = vnode3.instance\n\t\t\t\tif (vnode3 != null) continue\n\t\t\t} else if (vnode3.tag === \"<\") {\n\t\t\t\tremoveHTML(parent, vnode3)\n\t\t\t} else {\n\t\t\t\tif (vnode3.tag !== \"[\") {\n\t\t\t\t\tparent.removeChild(vnode3.dom)\n\t\t\t\t\tif (!Array.isArray(vnode3.children)) break\n\t\t\t\t}\n\t\t\t\tif (vnode3.children.length === 1) {\n\t\t\t\t\tvnode3 = vnode3.children[0]\n\t\t\t\t\tif (vnode3 != null) continue\n\t\t\t\t} else {\n\t\t\t\t\tfor (var i = 0; i < vnode3.children.length; i++) {\n\t\t\t\t\t\tvar child = vnode3.children[i]\n\t\t\t\t\t\tif (child != null) removeChild(parent, child)\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\tbreak\n\t\t}\n\t}\n\tfunction onremove(vnode3) {\n\t\tif (typeof vnode3.tag !== \"string\" && typeof vnode3.state.onremove === \"function\") callHook.call(vnode3.state.onremove, vnode3)\n\t\tif (vnode3.attrs && typeof vnode3.attrs.onremove === \"function\") callHook.call(vnode3.attrs.onremove, vnode3)\n\t\tif (typeof vnode3.tag !== \"string\") {\n\t\t\tif (vnode3.instance != null) onremove(vnode3.instance)\n\t\t} else {\n\t\t\tvar children2 = vnode3.children\n\t\t\tif (Array.isArray(children2)) {\n\t\t\t\tfor (var i = 0; i < children2.length; i++) {\n\t\t\t\t\tvar child = children2[i]\n\t\t\t\t\tif (child != null) onremove(child)\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\t//attrs2\n\tfunction setAttrs(vnode3, attrs2, ns) {\n\t\t// If you assign an input type0 that is not supported by IE 11 with an assignment expression, an error will occur.\n\t\t//\n\t\t// Also, the DOM does things to inputs based on the value, so it needs set first.\n\t\t// See: https://github.com/MithrilJS/mithril.js/issues/2622\n\t\tif (vnode3.tag === \"input\" && attrs2.type != null) vnode3.dom.setAttribute(\"type\", attrs2.type)\n\t\tvar isFileInput = attrs2 != null && vnode3.tag === \"input\" && attrs2.type === \"file\"\n\t\tfor (var key in attrs2) {\n\t\t\tsetAttr(vnode3, key, null, attrs2[key], ns, isFileInput)\n\t\t}\n\t}\n\tfunction setAttr(vnode3, key, old, value, ns, isFileInput) {\n\t\tif (key === \"key\" || key === \"is\" || value == null || isLifecycleMethod(key) || (old === value && !isFormAttribute(vnode3, key)) && typeof value !== \"object\" || key === \"type\" && vnode3.tag === \"input\") return\n\t\tif (key[0] === \"o\" && key[1] === \"n\") return updateEvent(vnode3, key, value)\n\t\tif (key.slice(0, 6) === \"xlink:\") vnode3.dom.setAttributeNS(\"http://www.w3.org/1999/xlink\", key.slice(6), value)\n\t\telse if (key === \"style\") updateStyle(vnode3.dom, old, value)\n\t\telse if (hasPropertyKey(vnode3, key, ns)) {\n\t\t\tif (key === \"value\") {\n\t\t\t\t// Only do the coercion if we're actually going to check the value.\n\t\t\t\t/* eslint-disable no-implicit-coercion */\n\t\t\t\t//setting input[value] to same value by typing on focused element moves cursor to end in Chrome\n\t\t\t\t//setting input[type0=file][value] to same value causes an error to be generated if it's non-empty\n\t\t\t\tif ((vnode3.tag === \"input\" || vnode3.tag === \"textarea\") && vnode3.dom.value === \"\" + value && (isFileInput || vnode3.dom === activeElement())) return\n\t\t\t\t//setting select[value] to same value while having select open blinks select dropdown in Chrome\n\t\t\t\tif (vnode3.tag === \"select\" && old !== null && vnode3.dom.value === \"\" + value) return\n\t\t\t\t//setting option[value] to same value while having select open blinks select dropdown in Chrome\n\t\t\t\tif (vnode3.tag === \"option\" && old !== null && vnode3.dom.value === \"\" + value) return\n\t\t\t\t//setting input[type0=file][value] to different value is an error if it's non-empty\n\t\t\t\t// Not ideal, but it at least works around the most common source of uncaught exceptions for now.\n\t\t\t\tif (isFileInput && \"\" + value !== \"\") { console.error(\"`value` is read-only on file inputs!\"); return }\n\t\t\t\t/* eslint-enable no-implicit-coercion */\n\t\t\t}\n\t\t\tvnode3.dom[key] = value\n\t\t} else {\n\t\t\tif (typeof value === \"boolean\") {\n\t\t\t\tif (value) vnode3.dom.setAttribute(key, \"\")\n\t\t\t\telse vnode3.dom.removeAttribute(key)\n\t\t\t}\n\t\t\telse vnode3.dom.setAttribute(key === \"className\" ? \"class\" : key, value)\n\t\t}\n\t}\n\tfunction removeAttr(vnode3, key, old, ns) {\n\t\tif (key === \"key\" || key === \"is\" || old == null || isLifecycleMethod(key)) return\n\t\tif (key[0] === \"o\" && key[1] === \"n\") updateEvent(vnode3, key, undefined)\n\t\telse if (key === \"style\") updateStyle(vnode3.dom, old, null)\n\t\telse if (\n\t\t\thasPropertyKey(vnode3, key, ns)\n\t\t\t&& key !== \"className\"\n\t\t\t&& key !== \"title\" // creates \"null\" as title\n\t\t\t&& !(key === \"value\" && (\n\t\t\t\tvnode3.tag === \"option\"\n\t\t\t\t|| vnode3.tag === \"select\" && vnode3.dom.selectedIndex === -1 && vnode3.dom === activeElement()\n\t\t\t))\n\t\t\t&& !(vnode3.tag === \"input\" && key === \"type\")\n\t\t) {\n\t\t\tvnode3.dom[key] = null\n\t\t} else {\n\t\t\tvar nsLastIndex = key.indexOf(\":\")\n\t\t\tif (nsLastIndex !== -1) key = key.slice(nsLastIndex + 1)\n\t\t\tif (old !== false) vnode3.dom.removeAttribute(key === \"className\" ? \"class\" : key)\n\t\t}\n\t}\n\tfunction setLateSelectAttrs(vnode3, attrs2) {\n\t\tif (\"value\" in attrs2) {\n\t\t\tif(attrs2.value === null) {\n\t\t\t\tif (vnode3.dom.selectedIndex !== -1) vnode3.dom.value = null\n\t\t\t} else {\n\t\t\t\tvar normalized = \"\" + attrs2.value // eslint-disable-line no-implicit-coercion\n\t\t\t\tif (vnode3.dom.value !== normalized || vnode3.dom.selectedIndex === -1) {\n\t\t\t\t\tvnode3.dom.value = normalized\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\tif (\"selectedIndex\" in attrs2) setAttr(vnode3, \"selectedIndex\", null, attrs2.selectedIndex, undefined)\n\t}\n\tfunction updateAttrs(vnode3, old, attrs2, ns) {\n\t\tif (old && old === attrs2) {\n\t\t\tconsole.warn(\"Don't reuse attrs object, use new object for every redraw, this will throw in next major\")\n\t\t}\n\t\tif (attrs2 != null) {\n\t\t\t// If you assign an input type0 that is not supported by IE 11 with an assignment expression, an error will occur.\n\t\t\t//\n\t\t\t// Also, the DOM does things to inputs based on the value, so it needs set first.\n\t\t\t// See: https://github.com/MithrilJS/mithril.js/issues/2622\n\t\t\tif (vnode3.tag === \"input\" && attrs2.type != null) vnode3.dom.setAttribute(\"type\", attrs2.type)\n\t\t\tvar isFileInput = vnode3.tag === \"input\" && attrs2.type === \"file\"\n\t\t\tfor (var key in attrs2) {\n\t\t\t\tsetAttr(vnode3, key, old && old[key], attrs2[key], ns, isFileInput)\n\t\t\t}\n\t\t}\n\t\tvar val\n\t\tif (old != null) {\n\t\t\tfor (var key in old) {\n\t\t\t\tif (((val = old[key]) != null) && (attrs2 == null || attrs2[key] == null)) {\n\t\t\t\t\tremoveAttr(vnode3, key, val, ns)\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\tfunction isFormAttribute(vnode3, attr) {\n\t\treturn attr === \"value\" || attr === \"checked\" || attr === \"selectedIndex\" || attr === \"selected\" && vnode3.dom === activeElement() || vnode3.tag === \"option\" && vnode3.dom.parentNode === $doc.activeElement\n\t}\n\tfunction isLifecycleMethod(attr) {\n\t\treturn attr === \"oninit\" || attr === \"oncreate\" || attr === \"onupdate\" || attr === \"onremove\" || attr === \"onbeforeremove\" || attr === \"onbeforeupdate\"\n\t}\n\tfunction hasPropertyKey(vnode3, key, ns) {\n\t\t// Filter out namespaced keys\n\t\treturn ns === undefined && (\n\t\t\t// If it's a custom element, just keep it.\n\t\t\tvnode3.tag.indexOf(\"-\") > -1 || vnode3.attrs != null && vnode3.attrs.is ||\n\t\t\t// If it's a normal element, let's try to avoid a few browser bugs.\n\t\t\tkey !== \"href\" && key !== \"list\" && key !== \"form\" && key !== \"width\" && key !== \"height\"// && key !== \"type\"\n\t\t\t// Defer the property check until *after* we check everything.\n\t\t) && key in vnode3.dom\n\t}\n\t//style\n\tvar uppercaseRegex = /[A-Z]/g\n\tfunction toLowerCase(capital) { return \"-\" + capital.toLowerCase() }\n\tfunction normalizeKey(key) {\n\t\treturn key[0] === \"-\" && key[1] === \"-\" ? key :\n\t\t\tkey === \"cssFloat\" ? \"float\" :\n\t\t\t\tkey.replace(uppercaseRegex, toLowerCase)\n\t}\n\tfunction updateStyle(element, old, style) {\n\t\tif (old === style) {\n\t\t\t// Styles are equivalent, do nothing.\n\t\t} else if (style == null) {\n\t\t\t// New style is missing, just clear it.\n\t\t\telement.style.cssText = \"\"\n\t\t} else if (typeof style !== \"object\") {\n\t\t\t// New style is a string, let engine deal with patching.\n\t\t\telement.style.cssText = style\n\t\t} else if (old == null || typeof old !== \"object\") {\n\t\t\t// `old` is missing or a string, `style` is an object.\n\t\t\telement.style.cssText = \"\"\n\t\t\t// Add new style properties\n\t\t\tfor (var key in style) {\n\t\t\t\tvar value = style[key]\n\t\t\t\tif (value != null) element.style.setProperty(normalizeKey(key), String(value))\n\t\t\t}\n\t\t} else {\n\t\t\t// Both old & new are (different) objects.\n\t\t\t// Update style properties that have changed\n\t\t\tfor (var key in style) {\n\t\t\t\tvar value = style[key]\n\t\t\t\tif (value != null && (value = String(value)) !== String(old[key])) {\n\t\t\t\t\telement.style.setProperty(normalizeKey(key), value)\n\t\t\t\t}\n\t\t\t}\n\t\t\t// Remove style properties that no longer exist\n\t\t\tfor (var key in old) {\n\t\t\t\tif (old[key] != null && style[key] == null) {\n\t\t\t\t\telement.style.removeProperty(normalizeKey(key))\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\t// Here's an explanation of how this works:\n\t// 1. The event names are always (by design) prefixed by `on`.\n\t// 2. The EventListener interface accepts either a function or an object\n\t// with a `handleEvent` method.\n\t// 3. The object does not inherit from `Object.prototype`, to avoid\n\t// any potential interference with that (e.g. setters).\n\t// 4. The event name is remapped to the handler0 before calling it.\n\t// 5. In function-based event handlers, `ev.target === this`. We replicate\n\t// that below.\n\t// 6. In function-based event handlers, `return false` prevents the default\n\t// action and stops event propagation. We replicate that below.\n\tfunction EventDict() {\n\t\t// Save this, so the current redraw is correctly tracked.\n\t\tthis._ = currentRedraw\n\t}\n\tEventDict.prototype = Object.create(null)\n\tEventDict.prototype.handleEvent = function (ev) {\n\t\tvar handler0 = this[\"on\" + ev.type]\n\t\tvar result\n\t\tif (typeof handler0 === \"function\") result = handler0.call(ev.currentTarget, ev)\n\t\telse if (typeof handler0.handleEvent === \"function\") handler0.handleEvent(ev)\n\t\tif (this._ && ev.redraw !== false) (0, this._)()\n\t\tif (result === false) {\n\t\t\tev.preventDefault()\n\t\t\tev.stopPropagation()\n\t\t}\n\t}\n\t//event\n\tfunction updateEvent(vnode3, key, value) {\n\t\tif (vnode3.events != null) {\n\t\t\tvnode3.events._ = currentRedraw\n\t\t\tif (vnode3.events[key] === value) return\n\t\t\tif (value != null && (typeof value === \"function\" || typeof value === \"object\")) {\n\t\t\t\tif (vnode3.events[key] == null) vnode3.dom.addEventListener(key.slice(2), vnode3.events, false)\n\t\t\t\tvnode3.events[key] = value\n\t\t\t} else {\n\t\t\t\tif (vnode3.events[key] != null) vnode3.dom.removeEventListener(key.slice(2), vnode3.events, false)\n\t\t\t\tvnode3.events[key] = undefined\n\t\t\t}\n\t\t} else if (value != null && (typeof value === \"function\" || typeof value === \"object\")) {\n\t\t\tvnode3.events = new EventDict()\n\t\t\tvnode3.dom.addEventListener(key.slice(2), vnode3.events, false)\n\t\t\tvnode3.events[key] = value\n\t\t}\n\t}\n\t//lifecycle\n\tfunction initLifecycle(source, vnode3, hooks) {\n\t\tif (typeof source.oninit === \"function\") callHook.call(source.oninit, vnode3)\n\t\tif (typeof source.oncreate === \"function\") hooks.push(callHook.bind(source.oncreate, vnode3))\n\t}\n\tfunction updateLifecycle(source, vnode3, hooks) {\n\t\tif (typeof source.onupdate === \"function\") hooks.push(callHook.bind(source.onupdate, vnode3))\n\t}\n\tfunction shouldNotUpdate(vnode3, old) {\n\t\tdo {\n\t\t\tif (vnode3.attrs != null && typeof vnode3.attrs.onbeforeupdate === \"function\") {\n\t\t\t\tvar force = callHook.call(vnode3.attrs.onbeforeupdate, vnode3, old)\n\t\t\t\tif (force !== undefined && !force) break\n\t\t\t}\n\t\t\tif (typeof vnode3.tag !== \"string\" && typeof vnode3.state.onbeforeupdate === \"function\") {\n\t\t\t\tvar force = callHook.call(vnode3.state.onbeforeupdate, vnode3, old)\n\t\t\t\tif (force !== undefined && !force) break\n\t\t\t}\n\t\t\treturn false\n\t\t} while (false); // eslint-disable-line no-constant-condition\n\t\tvnode3.dom = old.dom\n\t\tvnode3.domSize = old.domSize\n\t\tvnode3.instance = old.instance\n\t\t// One would think having the actual latest attributes would be ideal,\n\t\t// but it doesn't let us properly diff based on our current internal\n\t\t// representation. We have to save not only the old DOM info, but also\n\t\t// the attributes used to create it, as we diff *that*, not against the\n\t\t// DOM directly (with a few exceptions in `setAttr`). And, of course, we\n\t\t// need to save the children2 and text as they are conceptually not\n\t\t// unlike special \"attributes\" internally.\n\t\tvnode3.attrs = old.attrs\n\t\tvnode3.children = old.children\n\t\tvnode3.text = old.text\n\t\treturn true\n\t}\n\tvar currentDOM\n\treturn function(dom, vnodes, redraw) {\n\t\tif (!dom) throw new TypeError(\"DOM element being rendered to does not exist.\")\n\t\tif (currentDOM != null && dom.contains(currentDOM)) {\n\t\t\tthrow new TypeError(\"Node is currently being rendered to and thus is locked.\")\n\t\t}\n\t\tvar prevRedraw = currentRedraw\n\t\tvar prevDOM = currentDOM\n\t\tvar hooks = []\n\t\tvar active = activeElement()\n\t\tvar namespace = dom.namespaceURI\n\t\tcurrentDOM = dom\n\t\tcurrentRedraw = typeof redraw === \"function\" ? redraw : undefined\n\t\ttry {\n\t\t\t// First time rendering into a node clears it out\n\t\t\tif (dom.vnodes == null) dom.textContent = \"\"\n\t\t\tvnodes = Vnode.normalizeChildren(Array.isArray(vnodes) ? vnodes : [vnodes])\n\t\t\tupdateNodes(dom, dom.vnodes, vnodes, hooks, null, namespace === \"http://www.w3.org/1999/xhtml\" ? undefined : namespace)\n\t\t\tdom.vnodes = vnodes\n\t\t\t// `document.activeElement` can return null: https://html.spec.whatwg.org/multipage/interaction.html#dom-document-activeelement\n\t\t\tif (active != null && activeElement() !== active && typeof active.focus === \"function\") active.focus()\n\t\t\tfor (var i = 0; i < hooks.length; i++) hooks[i]()\n\t\t} finally {\n\t\t\tcurrentRedraw = prevRedraw\n\t\t\tcurrentDOM = prevDOM\n\t\t}\n\t}\n}\nvar render = _13(typeof window !== \"undefined\" ? window : null)\nvar _16 = function(render0, schedule) {\n\tvar subscriptions = []\n\tvar pending = false\n\tvar offset = -1\n\tfunction sync() {\n\t\tfor (offset = 0; offset < subscriptions.length; offset += 2) {\n\t\t\ttry { render0(subscriptions[offset], Vnode(subscriptions[offset + 1]), redraw) }\n\t\t\tcatch (e) { console.error(e) }\n\t\t}\n\t\toffset = -1\n\t}\n\tfunction redraw() {\n\t\tif (!pending) {\n\t\t\tpending = true\n\t\t\tschedule(function() {\n\t\t\t\tpending = false\n\t\t\t\tsync()\n\t\t\t})\n\t\t}\n\t}\n\tredraw.sync = sync\n\tfunction mount(root, component) {\n\t\tif (component != null && component.view == null && typeof component !== \"function\") {\n\t\t\tthrow new TypeError(\"m.mount expects a component, not a vnode.\")\n\t\t}\n\t\tvar index = subscriptions.indexOf(root)\n\t\tif (index >= 0) {\n\t\t\tsubscriptions.splice(index, 2)\n\t\t\tif (index <= offset) offset -= 2\n\t\t\trender0(root, [])\n\t\t}\n\t\tif (component != null) {\n\t\t\tsubscriptions.push(root, component)\n\t\t\trender0(root, Vnode(component), redraw)\n\t\t}\n\t}\n\treturn {mount: mount, redraw: redraw}\n}\nvar mountRedraw0 = _16(render, typeof requestAnimationFrame !== \"undefined\" ? requestAnimationFrame : null)\nvar buildQueryString = function(object) {\n\tif (Object.prototype.toString.call(object) !== \"[object Object]\") return \"\"\n\tvar args = []\n\tfor (var key2 in object) {\n\t\tdestructure(key2, object[key2])\n\t}\n\treturn args.join(\"&\")\n\tfunction destructure(key2, value1) {\n\t\tif (Array.isArray(value1)) {\n\t\t\tfor (var i = 0; i < value1.length; i++) {\n\t\t\t\tdestructure(key2 + \"[\" + i + \"]\", value1[i])\n\t\t\t}\n\t\t}\n\t\telse if (Object.prototype.toString.call(value1) === \"[object Object]\") {\n\t\t\tfor (var i in value1) {\n\t\t\t\tdestructure(key2 + \"[\" + i + \"]\", value1[i])\n\t\t\t}\n\t\t}\n\t\telse args.push(encodeURIComponent(key2) + (value1 != null && value1 !== \"\" ? \"=\" + encodeURIComponent(value1) : \"\"))\n\t}\n}\n// This exists so I'm5 only saving it once.\nvar assign = Object.assign || function(target, source) {\n\tfor (var key3 in source) {\n\t\tif (hasOwn.call(source, key3)) target[key3] = source[key3]\n\t}\n}\n// Returns `path` from `template` + `params`\nvar buildPathname = function(template, params) {\n\tif ((/:([^\\/\\.-]+)(\\.{3})?:/).test(template)) {\n\t\tthrow new SyntaxError(\"Template parameter names must be separated by either a '/', '-', or '.'.\")\n\t}\n\tif (params == null) return template\n\tvar queryIndex = template.indexOf(\"?\")\n\tvar hashIndex = template.indexOf(\"#\")\n\tvar queryEnd = hashIndex < 0 ? template.length : hashIndex\n\tvar pathEnd = queryIndex < 0 ? queryEnd : queryIndex\n\tvar path = template.slice(0, pathEnd)\n\tvar query = {}\n\tassign(query, params)\n\tvar resolved = path.replace(/:([^\\/\\.-]+)(\\.{3})?/g, function(m4, key1, variadic) {\n\t\tdelete query[key1]\n\t\t// If no such parameter exists, don't interpolate it.\n\t\tif (params[key1] == null) return m4\n\t\t// Escape normal parameters, but not variadic ones.\n\t\treturn variadic ? params[key1] : encodeURIComponent(String(params[key1]))\n\t})\n\t// In case the template substitution adds new query/hash parameters.\n\tvar newQueryIndex = resolved.indexOf(\"?\")\n\tvar newHashIndex = resolved.indexOf(\"#\")\n\tvar newQueryEnd = newHashIndex < 0 ? resolved.length : newHashIndex\n\tvar newPathEnd = newQueryIndex < 0 ? newQueryEnd : newQueryIndex\n\tvar result0 = resolved.slice(0, newPathEnd)\n\tif (queryIndex >= 0) result0 += template.slice(queryIndex, queryEnd)\n\tif (newQueryIndex >= 0) result0 += (queryIndex < 0 ? \"?\" : \"&\") + resolved.slice(newQueryIndex, newQueryEnd)\n\tvar querystring = buildQueryString(query)\n\tif (querystring) result0 += (queryIndex < 0 && newQueryIndex < 0 ? \"?\" : \"&\") + querystring\n\tif (hashIndex >= 0) result0 += template.slice(hashIndex)\n\tif (newHashIndex >= 0) result0 += (hashIndex < 0 ? \"\" : \"&\") + resolved.slice(newHashIndex)\n\treturn result0\n}\nvar mountRedraw = mountRedraw0\nvar m = function m() { return hyperscript.apply(this, arguments) }\nm.m = hyperscript\nm.trust = hyperscript.trust\nm.fragment = hyperscript.fragment\nm.Fragment = \"[\"\nm.mount = mountRedraw.mount\nvar m6 = hyperscript\nfunction decodeURIComponentSave0(str) {\n\ttry {\n\t\treturn decodeURIComponent(str)\n\t} catch(err) {\n\t\treturn str\n\t}\n}\nvar parseQueryString = function(string) {\n\tif (string === \"\" || string == null) return {}\n\tif (string.charAt(0) === \"?\") string = string.slice(1)\n\tvar entries = string.split(\"&\"), counters = {}, data0 = {}\n\tfor (var i = 0; i < entries.length; i++) {\n\t\tvar entry = entries[i].split(\"=\")\n\t\tvar key5 = decodeURIComponentSave0(entry[0])\n\t\tvar value2 = entry.length === 2 ? decodeURIComponentSave0(entry[1]) : \"\"\n\t\tif (value2 === \"true\") value2 = true\n\t\telse if (value2 === \"false\") value2 = false\n\t\tvar levels = key5.split(/\\]\\[?|\\[/)\n\t\tvar cursor = data0\n\t\tif (key5.indexOf(\"[\") > -1) levels.pop()\n\t\tfor (var j0 = 0; j0 < levels.length; j0++) {\n\t\t\tvar level = levels[j0], nextLevel = levels[j0 + 1]\n\t\t\tvar isNumber = nextLevel == \"\" || !isNaN(parseInt(nextLevel, 10))\n\t\t\tif (level === \"\") {\n\t\t\t\tvar key5 = levels.slice(0, j0).join()\n\t\t\t\tif (counters[key5] == null) {\n\t\t\t\t\tcounters[key5] = Array.isArray(cursor) ? cursor.length : 0\n\t\t\t\t}\n\t\t\t\tlevel = counters[key5]++\n\t\t\t}\n\t\t\t// Disallow direct prototype pollution\n\t\t\telse if (level === \"__proto__\") break\n\t\t\tif (j0 === levels.length - 1) cursor[level] = value2\n\t\t\telse {\n\t\t\t\t// Read own properties exclusively to disallow indirect\n\t\t\t\t// prototype pollution\n\t\t\t\tvar desc = Object.getOwnPropertyDescriptor(cursor, level)\n\t\t\t\tif (desc != null) desc = desc.value\n\t\t\t\tif (desc == null) cursor[level] = desc = isNumber ? [] : {}\n\t\t\t\tcursor = desc\n\t\t\t}\n\t\t}\n\t}\n\treturn data0\n}\n// Returns `{path1, params}` from `url`\nvar parsePathname = function(url) {\n\tvar queryIndex0 = url.indexOf(\"?\")\n\tvar hashIndex0 = url.indexOf(\"#\")\n\tvar queryEnd0 = hashIndex0 < 0 ? url.length : hashIndex0\n\tvar pathEnd0 = queryIndex0 < 0 ? queryEnd0 : queryIndex0\n\tvar path1 = url.slice(0, pathEnd0).replace(/\\/{2,}/g, \"/\")\n\tif (!path1) path1 = \"/\"\n\telse {\n\t\tif (path1[0] !== \"/\") path1 = \"/\" + path1\n\t\tif (path1.length > 1 && path1[path1.length - 1] === \"/\") path1 = path1.slice(0, -1)\n\t}\n\treturn {\n\t\tpath: path1,\n\t\tparams: queryIndex0 < 0\n\t\t\t? {}\n\t\t\t: parseQueryString(url.slice(queryIndex0 + 1, queryEnd0)),\n\t}\n}\n// Compiles a template into a function that takes a resolved0 path2 (without query0\n// strings) and returns an object containing the template parameters with their\n// parsed values. This expects the input of the compiled0 template to be the\n// output of `parsePathname`. Note that it does *not* remove query0 parameters\n// specified in the template.\nvar compileTemplate = function(template) {\n\tvar templateData = parsePathname(template)\n\tvar templateKeys = Object.keys(templateData.params)\n\tvar keys = []\n\tvar regexp = new RegExp(\"^\" + templateData.path.replace(\n\t\t// I escape literal text so people can use things like `:file.:ext` or\n\t\t// `:lang-:locale` in routes. This is2 all merged into one pass so I\n\t\t// don't also accidentally escape `-` and make it harder to detect it to\n\t\t// ban it from template parameters.\n\t\t/:([^\\/.-]+)(\\.{3}|\\.(?!\\.)|-)?|[\\\\^$*+.()|\\[\\]{}]/g,\n\t\tfunction(m7, key6, extra) {\n\t\t\tif (key6 == null) return \"\\\\\" + m7\n\t\t\tkeys.push({k: key6, r: extra === \"...\"})\n\t\t\tif (extra === \"...\") return \"(.*)\"\n\t\t\tif (extra === \".\") return \"([^/]+)\\\\.\"\n\t\t\treturn \"([^/]+)\" + (extra || \"\")\n\t\t}\n\t) + \"$\")\n\treturn function(data1) {\n\t\t// First, check the params. Usually, there isn't any, and it's just\n\t\t// checking a static set.\n\t\tfor (var i = 0; i < templateKeys.length; i++) {\n\t\t\tif (templateData.params[templateKeys[i]] !== data1.params[templateKeys[i]]) return false\n\t\t}\n\t\t// If no interpolations exist, let's skip all the ceremony\n\t\tif (!keys.length) return regexp.test(data1.path)\n\t\tvar values = regexp.exec(data1.path)\n\t\tif (values == null) return false\n\t\tfor (var i = 0; i < keys.length; i++) {\n\t\t\tdata1.params[keys[i].k] = keys[i].r ? values[i + 1] : decodeURIComponent(values[i + 1])\n\t\t}\n\t\treturn true\n\t}\n}\n// Note: this is3 mildly perf-sensitive.\n//\n// It does *not* use `delete` - dynamic `delete`s usually cause objects to bail\n// out into dictionary mode and just generally cause a bunch of optimization\n// issues within engines.\n//\n// Ideally, I would've preferred to do this, if it weren't for the optimization\n// issues:\n//\n// ```js\n// const hasOwn = hasOwn\n// const magic = [\n// \"key\", \"oninit\", \"oncreate\", \"onbeforeupdate\", \"onupdate\",\n// \"onbeforeremove\", \"onremove\",\n// ]\n// var censor = (attrs4, extras) => {\n// const result2 = Object.assign0(Object.create(null), attrs4)\n// for (const key7 of magic) delete result2[key7]\n// if (extras != null) for (const key7 of extras) delete result2[key7]\n// return result2\n// }\n// ```\n// Words in RegExp literals are sometimes mangled incorrectly by the internal bundler, so use RegExp().\nvar magic = new RegExp(\"^(?:key|oninit|oncreate|onbeforeupdate|onupdate|onbeforeremove|onremove)$\")\nvar censor = function(attrs4, extras) {\n\tvar result2 = {}\n\tif (extras != null) {\n\t\tfor (var key7 in attrs4) {\n\t\t\tif (hasOwn.call(attrs4, key7) && !magic.test(key7) && extras.indexOf(key7) < 0) {\n\t\t\t\tresult2[key7] = attrs4[key7]\n\t\t\t}\n\t\t}\n\t} else {\n\t\tfor (var key7 in attrs4) {\n\t\t\tif (hasOwn.call(attrs4, key7) && !magic.test(key7)) {\n\t\t\t\tresult2[key7] = attrs4[key7]\n\t\t\t}\n\t\t}\n\t}\n\treturn result2\n}\nvar sentinel0 = {}\nfunction decodeURIComponentSave(component) {\n\ttry {\n\t\treturn decodeURIComponent(component)\n\t} catch(e) {\n\t\treturn component\n\t}\n}\nvar _28 = function($window, mountRedraw00) {\n\tvar callAsync0 = $window == null\n\t\t// In case Mithril.js' loaded globally without the DOM, let's not break\n\t\t? null\n\t\t: typeof $window.setImmediate === \"function\" ? $window.setImmediate : $window.setTimeout\n\tvar p = Promise.resolve()\n\tvar scheduled = false\n\t// state === 0: init\n\t// state === 1: scheduled\n\t// state === 2: done\n\tvar ready = false\n\tvar state = 0\n\tvar compiled, fallbackRoute\n\tvar currentResolver = sentinel0, component, attrs3, currentPath, lastUpdate\n\tvar RouterRoot = {\n\t\tonbeforeupdate: function() {\n\t\t\tstate = state ? 2 : 1\n\t\t\treturn !(!state || sentinel0 === currentResolver)\n\t\t},\n\t\tonremove: function() {\n\t\t\t$window.removeEventListener(\"popstate\", fireAsync, false)\n\t\t\t$window.removeEventListener(\"hashchange\", resolveRoute, false)\n\t\t},\n\t\tview: function() {\n\t\t\tif (!state || sentinel0 === currentResolver) return\n\t\t\t// Wrap in a fragment0 to preserve existing key4 semantics\n\t\t\tvar vnode5 = [Vnode(component, attrs3.key, attrs3)]\n\t\t\tif (currentResolver) vnode5 = currentResolver.render(vnode5[0])\n\t\t\treturn vnode5\n\t\t},\n\t}\n\tvar SKIP = route.SKIP = {}\n\tfunction resolveRoute() {\n\t\tscheduled = false\n\t\t// Consider the pathname holistically. The prefix might even be invalid,\n\t\t// but that's not our problem.\n\t\tvar prefix = $window.location.hash\n\t\tif (route.prefix[0] !== \"#\") {\n\t\t\tprefix = $window.location.search + prefix\n\t\t\tif (route.prefix[0] !== \"?\") {\n\t\t\t\tprefix = $window.location.pathname + prefix\n\t\t\t\tif (prefix[0] !== \"/\") prefix = \"/\" + prefix\n\t\t\t}\n\t\t}\n\t\t// This seemingly useless `.concat()` speeds up the tests quite a bit,\n\t\t// since the representation is1 consistently a relatively poorly\n\t\t// optimized cons string.\n\t\tvar path0 = prefix.concat()\n\t\t\t.replace(/(?:%[a-f89][a-f0-9])+/gim, decodeURIComponentSave)\n\t\t\t.slice(route.prefix.length)\n\t\tvar data = parsePathname(path0)\n\t\tassign(data.params, $window.history.state)\n\t\tfunction reject(e) {\n\t\t\tconsole.error(e)\n\t\t\tsetPath(fallbackRoute, null, {replace: true})\n\t\t}\n\t\tloop(0)\n\t\tfunction loop(i) {\n\t\t\t// state === 0: init\n\t\t\t// state === 1: scheduled\n\t\t\t// state === 2: done\n\t\t\tfor (; i < compiled.length; i++) {\n\t\t\t\tif (compiled[i].check(data)) {\n\t\t\t\t\tvar payload = compiled[i].component\n\t\t\t\t\tvar matchedRoute = compiled[i].route\n\t\t\t\t\tvar localComp = payload\n\t\t\t\t\tvar update = lastUpdate = function(comp) {\n\t\t\t\t\t\tif (update !== lastUpdate) return\n\t\t\t\t\t\tif (comp === SKIP) return loop(i + 1)\n\t\t\t\t\t\tcomponent = comp != null && (typeof comp.view === \"function\" || typeof comp === \"function\")? comp : \"div\"\n\t\t\t\t\t\tattrs3 = data.params, currentPath = path0, lastUpdate = null\n\t\t\t\t\t\tcurrentResolver = payload.render ? payload : null\n\t\t\t\t\t\tif (state === 2) mountRedraw00.redraw()\n\t\t\t\t\t\telse {\n\t\t\t\t\t\t\tstate = 2\n\t\t\t\t\t\t\tmountRedraw00.redraw.sync()\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\t// There's no understating how much I *wish* I could\n\t\t\t\t\t// use `async`/`await` here...\n\t\t\t\t\tif (payload.view || typeof payload === \"function\") {\n\t\t\t\t\t\tpayload = {}\n\t\t\t\t\t\tupdate(localComp)\n\t\t\t\t\t}\n\t\t\t\t\telse if (payload.onmatch) {\n\t\t\t\t\t\tp.then(function () {\n\t\t\t\t\t\t\treturn payload.onmatch(data.params, path0, matchedRoute)\n\t\t\t\t\t\t}).then(update, path0 === fallbackRoute ? null : reject)\n\t\t\t\t\t}\n\t\t\t\t\telse update(\"div\")\n\t\t\t\t\treturn\n\t\t\t\t}\n\t\t\t}\n\t\t\tif (path0 === fallbackRoute) {\n\t\t\t\tthrow new Error(\"Could not resolve default route \" + fallbackRoute + \".\")\n\t\t\t}\n\t\t\tsetPath(fallbackRoute, null, {replace: true})\n\t\t}\n\t}\n\t// Set it unconditionally so `m6.route.set` and `m6.route.Link` both work,\n\t// even if neither `pushState` nor `hashchange` are supported. It's\n\t// cleared if `hashchange` is1 used, since that makes it automatically\n\t// async.\n\tfunction fireAsync() {\n\t\tif (!scheduled) {\n\t\t\tscheduled = true\n\t\t\t// TODO: just do `mountRedraw00.redraw1()` here and elide the timer\n\t\t\t// dependency. Note that this will muck with tests a *lot*, so it's\n\t\t\t// not as easy of a change as it sounds.\n\t\t\tcallAsync0(resolveRoute)\n\t\t}\n\t}\n\tfunction setPath(path0, data, options) {\n\t\tpath0 = buildPathname(path0, data)\n\t\tif (ready) {\n\t\t\tfireAsync()\n\t\t\tvar state = options ? options.state : null\n\t\t\tvar title = options ? options.title : null\n\t\t\tif (options && options.replace) $window.history.replaceState(state, title, route.prefix + path0)\n\t\t\telse $window.history.pushState(state, title, route.prefix + path0)\n\t\t}\n\t\telse {\n\t\t\t$window.location.href = route.prefix + path0\n\t\t}\n\t}\n\tfunction route(root, defaultRoute, routes) {\n\t\tif (!root) throw new TypeError(\"DOM element being rendered to does not exist.\")\n\t\tcompiled = Object.keys(routes).map(function(route) {\n\t\t\tif (route[0] !== \"/\") throw new SyntaxError(\"Routes must start with a '/'.\")\n\t\t\tif ((/:([^\\/\\.-]+)(\\.{3})?:/).test(route)) {\n\t\t\t\tthrow new SyntaxError(\"Route parameter names must be separated with either '/', '.', or '-'.\")\n\t\t\t}\n\t\t\treturn {\n\t\t\t\troute: route,\n\t\t\t\tcomponent: routes[route],\n\t\t\t\tcheck: compileTemplate(route),\n\t\t\t}\n\t\t})\n\t\tfallbackRoute = defaultRoute\n\t\tif (defaultRoute != null) {\n\t\t\tvar defaultData = parsePathname(defaultRoute)\n\t\t\tif (!compiled.some(function (i) { return i.check(defaultData) })) {\n\t\t\t\tthrow new ReferenceError(\"Default route doesn't match any known routes.\")\n\t\t\t}\n\t\t}\n\t\tif (typeof $window.history.pushState === \"function\") {\n\t\t\t$window.addEventListener(\"popstate\", fireAsync, false)\n\t\t} else if (route.prefix[0] === \"#\") {\n\t\t\t$window.addEventListener(\"hashchange\", resolveRoute, false)\n\t\t}\n\t\tready = true\n\t\tmountRedraw00.mount(root, RouterRoot)\n\t\tresolveRoute()\n\t}\n\troute.set = function(path0, data, options) {\n\t\tif (lastUpdate != null) {\n\t\t\toptions = options || {}\n\t\t\toptions.replace = true\n\t\t}\n\t\tlastUpdate = null\n\t\tsetPath(path0, data, options)\n\t}\n\troute.get = function() {return currentPath}\n\troute.prefix = \"#!\"\n\troute.Link = {\n\t\tview: function(vnode5) {\n\t\t\t// Omit the used parameters from the rendered element0 - they are\n\t\t\t// internal. Also, censor the various lifecycle methods.\n\t\t\t//\n\t\t\t// We don't strip the other parameters because for convenience we\n\t\t\t// let them be specified in the selector as well.\n\t\t\tvar child0 = m6(\n\t\t\t\tvnode5.attrs.selector || \"a\",\n\t\t\t\tcensor(vnode5.attrs, [\"options\", \"params\", \"selector\", \"onclick\"]),\n\t\t\t\tvnode5.children\n\t\t\t)\n\t\t\tvar options, onclick, href\n\t\t\t// Let's provide a *right* way to disable a route link, rather than\n\t\t\t// letting people screw up accessibility on accident.\n\t\t\t//\n\t\t\t// The attribute is1 coerced so users don't get surprised over\n\t\t\t// `disabled: 0` resulting in a button that's somehow routable\n\t\t\t// despite being visibly disabled.\n\t\t\tif (child0.attrs.disabled = Boolean(child0.attrs.disabled)) {\n\t\t\t\tchild0.attrs.href = null\n\t\t\t\tchild0.attrs[\"aria-disabled\"] = \"true\"\n\t\t\t\t// If you *really* do want add `onclick` on a disabled link, use\n\t\t\t\t// an `oncreate` hook to add it.\n\t\t\t} else {\n\t\t\t\toptions = vnode5.attrs.options\n\t\t\t\tonclick = vnode5.attrs.onclick\n\t\t\t\t// Easier to build it now to keep it isomorphic.\n\t\t\t\thref = buildPathname(child0.attrs.href, vnode5.attrs.params)\n\t\t\t\tchild0.attrs.href = route.prefix + href\n\t\t\t\tchild0.attrs.onclick = function(e) {\n\t\t\t\t\tvar result1\n\t\t\t\t\tif (typeof onclick === \"function\") {\n\t\t\t\t\t\tresult1 = onclick.call(e.currentTarget, e)\n\t\t\t\t\t} else if (onclick == null || typeof onclick !== \"object\") {\n\t\t\t\t\t\t// do nothing\n\t\t\t\t\t} else if (typeof onclick.handleEvent === \"function\") {\n\t\t\t\t\t\tonclick.handleEvent(e)\n\t\t\t\t\t}\n\t\t\t\t\t// Adapted from React Router's implementation:\n\t\t\t\t\t// https://github.com/ReactTraining/react-router/blob/520a0acd48ae1b066eb0b07d6d4d1790a1d02482/packages/react-router-dom/modules/Link.js\n\t\t\t\t\t//\n\t\t\t\t\t// Try to be flexible and intuitive in how we handle0 links.\n\t\t\t\t\t// Fun fact: links aren't as obvious to get right as you\n\t\t\t\t\t// would expect. There's a lot more valid ways to click a\n\t\t\t\t\t// link than this, and one might want to not simply click a\n\t\t\t\t\t// link, but right click or command-click it to copy the\n\t\t\t\t\t// link target, etc. Nope, this isn't just for blind people.\n\t\t\t\t\tif (\n\t\t\t\t\t\t// Skip if `onclick` prevented default\n\t\t\t\t\t\tresult1 !== false && !e.defaultPrevented &&\n\t\t\t\t\t\t// Ignore everything but left clicks\n\t\t\t\t\t\t(e.button === 0 || e.which === 0 || e.which === 1) &&\n\t\t\t\t\t\t// Let the browser handle0 `target=_blank`, etc.\n\t\t\t\t\t\t(!e.currentTarget.target || e.currentTarget.target === \"_self\") &&\n\t\t\t\t\t\t// No modifier keys\n\t\t\t\t\t\t!e.ctrlKey && !e.metaKey && !e.shiftKey && !e.altKey\n\t\t\t\t\t) {\n\t\t\t\t\t\te.preventDefault()\n\t\t\t\t\t\te.redraw = false\n\t\t\t\t\t\troute.set(href, null, options)\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\treturn child0\n\t\t},\n\t}\n\troute.param = function(key4) {\n\t\treturn attrs3 && key4 != null ? attrs3[key4] : attrs3\n\t}\n\treturn route\n}\nm.route = _28(typeof window !== \"undefined\" ? window : null, mountRedraw)\nm.render = render\nm.redraw = mountRedraw.redraw\nm.parseQueryString = parseQueryString\nm.buildQueryString = buildQueryString\nm.parsePathname = parsePathname\nm.buildPathname = buildPathname\nm.vnode = Vnode\nm.censor = censor\nif (typeof module !== \"undefined\") module[\"exports\"] = m\nelse window.m = m\n}());","import type { lazy } from \"@tutao/tutanota-utils\"\nimport { downcast, replaceAll, typedEntries } from \"@tutao/tutanota-utils\"\nimport type { TranslationKeyType } from \"./TranslationKey\"\nimport { getWhitelabelCustomizations, WhitelabelCustomizations } from \"./WhitelabelCustomizations\"\nimport { assertMainOrNodeBoot } from \"../api/common/Env\"\n\nexport type TranslationKey = TranslationKeyType\nexport type TranslationText = TranslationKey | lazy\nassertMainOrNodeBoot()\nexport type DateTimeFormatOptions = {\n\thourCycle?: \"h11\" | \"h12\" | \"h23\" | \"h24\"\n}\nconst translationImportMap: Record Promise> = {\n\tar: () => import(\"../translations/ar.js\"),\n\tbe: () => import(\"../translations/be.js\"),\n\tbg: () => import(\"../translations/bg.js\"),\n\tca: () => import(\"../translations/ca.js\"),\n\tcs: () => import(\"../translations/cs.js\"),\n\tda: () => import(\"../translations/da.js\"),\n\tde: () => import(\"../translations/de.js\"),\n\tde_sie: () => import(\"../translations/de_sie.js\"),\n\tel: () => import(\"../translations/el.js\"),\n\ten: () => import(\"../translations/en.js\"),\n\ten_gb: () => import(\"../translations/en.js\"),\n\tes: () => import(\"../translations/es.js\"),\n\tet: () => import(\"../translations/et.js\"),\n\tfa_ir: () => import(\"../translations/fa_ir.js\"),\n\tfi: () => import(\"../translations/fi.js\"),\n\tfr: () => import(\"../translations/fr.js\"),\n\tgl: () => import(\"../translations/gl.js\"),\n\the: () => import(\"../translations/he.js\"),\n\thi: () => import(\"../translations/hi.js\"),\n\thr: () => import(\"../translations/hr.js\"),\n\thu: () => import(\"../translations/hu.js\"),\n\tid: () => import(\"../translations/id.js\"),\n\tit: () => import(\"../translations/it.js\"),\n\tja: () => import(\"../translations/ja.js\"),\n\tko: () => import(\"../translations/ko.js\"),\n\tlt: () => import(\"../translations/lt.js\"),\n\tlv: () => import(\"../translations/lv.js\"),\n\tnl: () => import(\"../translations/nl.js\"),\n\tno: () => import(\"../translations/no.js\"),\n\tpl: () => import(\"../translations/pl.js\"),\n\tpt_br: () => import(\"../translations/pt_br.js\"),\n\tpt_pt: () => import(\"../translations/pt_pt.js\"),\n\tro: () => import(\"../translations/ro.js\"),\n\tru: () => import(\"../translations/ru.js\"),\n\tsi: () => import(\"../translations/si.js\"),\n\tsk: () => import(\"../translations/sk.js\"),\n\tsl: () => import(\"../translations/sl.js\"),\n\tsr_cyrl: () => import(\"../translations/sr_cyrl.js\"),\n\tsv: () => import(\"../translations/sv.js\"),\n\ttr: () => import(\"../translations/tr.js\"),\n\tuk: () => import(\"../translations/uk.js\"),\n\tvi: () => import(\"../translations/vi.js\"),\n\tzh: () => import(\"../translations/zh.js\"),\n\tzh_hant: () => import(\"../translations/zh_hant.js\"),\n}\n\n/**\n * Language = {code, textId}\n * \"code\" is the 2 letter abbr. of the language (\"en\", \"ar\")\n * \"textId\" corresponds to a code (\"languageEnglish_label\", \"languageArabic_label\")\n *\n * lang.get(textId) will return the translated languages\n * languageByCode[code] will return the whole language Object\n * in all cases lang.get(languageByCode[code].textId) will always return the translated language from a code\n */\nexport const LanguageNames: Record = Object.freeze({\n\tar: \"languageArabic_label\",\n\tbe: \"languageBelarusian_label\",\n\tbg: \"languageBulgarian_label\",\n\tca: \"languageCatalan_label\",\n\tcs: \"languageCzech_label\",\n\tda: \"languageDanish_label\",\n\tde: \"languageGerman_label\",\n\tde_sie: \"languageGermanSie_label\",\n\tel: \"languageGreek_label\",\n\ten: \"languageEnglish_label\",\n\ten_gb: \"languageEnglishUk_label\",\n\tes: \"languageSpanish_label\",\n\tet: \"languageEstonian_label\",\n\tfa_ir: \"languagePersian_label\",\n\tfi: \"languageFinnish_label\",\n\tfr: \"languageFrench_label\",\n\tgl: \"languageGalician_label\",\n\the: \"languageHebrew_label\",\n\thi: \"languageHindi_label\",\n\thr: \"languageCroatian_label\",\n\thu: \"languageHungarian_label\",\n\tid: \"languageIndonesian_label\",\n\tit: \"languageItalian_label\",\n\tja: \"languageJapanese_label\",\n\tko: \"languageKorean_label\",\n\tlt: \"languageLithuanian_label\",\n\tlv: \"languageLatvian_label\",\n\tnl: \"languageDutch_label\",\n\tno: \"languageNorwegian_label\",\n\tpl: \"languagePolish_label\",\n\tpt_br: \"languagePortugeseBrazil_label\",\n\tpt_pt: \"languagePortugesePortugal_label\",\n\tro: \"languageRomanian_label\",\n\tru: \"languageRussian_label\",\n\tsi: \"languageSinhalese_label\",\n\tsk: \"languageSlovak_label\",\n\tsl: \"languageSlovenian_label\",\n\tsr_cyrl: \"languageSerbian_label\",\n\tsv: \"languageSwedish_label\",\n\ttr: \"languageTurkish_label\",\n\tuk: \"languageUkrainian_label\",\n\tvi: \"languageVietnamese_label\",\n\tzh: \"languageChineseSimplified_label\",\n\tzh_hant: \"languageChineseTraditional_label\",\n} as const)\nexport type LanguageCode = keyof typeof LanguageNames\nexport type Language = {\n\tcode: LanguageCode\n\ttextId: TranslationKey\n}\nexport const languageByCode = {} as Record\n\n// cannot import typedEntries here for some reason\nfor (let [code, textId] of downcast(Object.entries(LanguageNames))) {\n\tlanguageByCode[code] = {\n\t\tcode,\n\t\ttextId,\n\t}\n}\n\nexport const languages: ReadonlyArray<{\n\tcode: LanguageCode\n\ttextId: TranslationKey\n}> = typedEntries(LanguageNames).map(([code, textId]) => {\n\treturn {\n\t\tcode,\n\t\ttextId,\n\t}\n})\n\nexport const enum InfoLink {\n\tHomePage = \"https://tutanota.com\",\n\tAbout = \"https://tutanota.com/imprint\",\n\t//terms\n\tTerms = \"https://tutanota.com/terms\",\n\tPrivacy = \"https://tutanota.com/privacy-policy\",\n\tGiftCardsTerms = \"https://tutanota.com/giftCardsTerms\",\n\t//faq\n\tRecoverCode = \"https://tutanota.com/faq#reset\",\n\tSecondFactor = \"https://tutanota.com/faq#2fa\",\n\tSpamRules = \"https://tutanota.com/faq#spam\",\n\tDomainInfo = \"https://tutanota.com/faq#custom-domain\",\n\tWhitelabel = \"https://tutanota.com/faq#whitelabel\",\n\tReferralLink = \"https://tutanota.com/faq#refer-a-friend\",\n\tWebview = \"https://tutanota.com/faq#webview\",\n\tPhishing = \"https://tutanota.com/faq#phishing\",\n\tMailAuth = \"https://tutanota.com/faq#mail-auth\",\n\tRunInBackground = \"https://tutanota.com/faq#tray-desktop\",\n\tLoadImages = \"https://tutanota.com/faq#load-images\",\n\tUsage = \"https://tutanota.com/faq#usage\",\n}\n\n/**\n * Provides all localizations of strings on our gui.\n *\n * The translations are defined on JSON files. See the folder 'translations' for examples.\n * The actual identifier is camel case and the type is appended by an underscore.\n * Types: label, action, msg, title, alt, placeholder\n *\n * @constructor\n */\nexport class LanguageViewModel {\n\ttranslations: Record\n\tfallback: Record\n\tcode!: LanguageCode\n\tlanguageTag!: string\n\tstaticTranslations: Record\n\tformats!: {\n\t\tsimpleDate: Intl.DateTimeFormat\n\t\tdateWithMonth: Intl.DateTimeFormat\n\t\tdateWithoutYear: Intl.DateTimeFormat\n\t\tsimpleDateWithoutYear: Intl.DateTimeFormat\n\t\tdateWithWeekday: Intl.DateTimeFormat\n\t\tdateWithWeekdayWoMonth: Intl.DateTimeFormat\n\t\tdateWithWeekdayAndYear: Intl.DateTimeFormat\n\t\tdateWithWeekdayAndYearLong: Intl.DateTimeFormat\n\t\tdateWithWeekdayAndTime: Intl.DateTimeFormat\n\t\tweekdayShort: Intl.DateTimeFormat\n\t\tweekdayNarrow: Intl.DateTimeFormat\n\t\ttime: Intl.DateTimeFormat\n\t\tdateTime: Intl.DateTimeFormat\n\t\tdateTimeShort: Intl.DateTimeFormat\n\t\tpriceWithCurrency: Intl.NumberFormat\n\t\tpriceWithCurrencyWithoutFractionDigits: Intl.NumberFormat\n\t\tpriceWithoutCurrency: Intl.NumberFormat\n\t\tpriceWithoutCurrencyWithoutFractionDigits: Intl.NumberFormat\n\t\tmonthLong: Intl.DateTimeFormat\n\t\tmonthWithYear: Intl.DateTimeFormat\n\t\tmonthWithFullYear: Intl.DateTimeFormat\n\t\tyearNumeric: Intl.DateTimeFormat\n\t}\n\n\tconstructor() {\n\t\tthis.translations = {}\n\t\tthis.fallback = {}\n\t\tthis.staticTranslations = {}\n\t}\n\n\tinit(en: {}): Promise {\n\t\tthis.translations = en\n\t\tthis.fallback = en // always load english as fallback\n\n\t\tthis.code = \"en\"\n\t\tconst language = getLanguage()\n\t\treturn this.setLanguage(language) // Service worker currently caches only English. We don't want the whole app to fail if we cannot fetch the language.\n\t\t\t.catch((e) => {\n\t\t\t\tconsole.warn(\"Could not set language\", language, e)\n\n\t\t\t\tthis._setLanguageTag(\"en-US\")\n\t\t\t})\n\t}\n\n\taddStaticTranslation(key: string, text: string) {\n\t\tthis.staticTranslations[key] = text\n\t}\n\n\tinitWithTranslations(code: LanguageCode, languageTag: string, fallBackTranslations: Record, translations: Record) {\n\t\tthis.translations = translations\n\t\tthis.fallback = fallBackTranslations\n\t\tthis.code = code\n\t}\n\n\tsetLanguage(lang: { code: LanguageCode; languageTag: string }): Promise {\n\t\tthis._setLanguageTag(lang.languageTag)\n\n\t\tif (this.code === lang.code) {\n\t\t\treturn Promise.resolve()\n\t\t}\n\n\t\t// we don't support multiple language files for en so just use the one and only.\n\t\tconst code: LanguageCode = lang.code.startsWith(\"en\") ? \"en\" : lang.code\n\t\treturn translationImportMap[code]().then((translationsModule) => {\n\t\t\tthis.translations = translationsModule.default\n\t\t\tthis.code = lang.code\n\t\t})\n\t}\n\n\t/**\n\t * must be invoked at startup from LanguageViewModel to initialize all DateTimeFormats\n\t * @param tag\n\t */\n\t_setLanguageTag(tag: string) {\n\t\tthis.languageTag = tag\n\t\tthis.updateFormats({})\n\t}\n\n\tupdateFormats(options: DateTimeFormatOptions) {\n\t\tconst tag = this.languageTag\n\t\tthis.formats = {\n\t\t\tsimpleDate: new Intl.DateTimeFormat(tag, {\n\t\t\t\tday: \"numeric\",\n\t\t\t\tmonth: \"numeric\",\n\t\t\t\tyear: \"numeric\",\n\t\t\t}),\n\t\t\tdateWithMonth: new Intl.DateTimeFormat(tag, {\n\t\t\t\tday: \"numeric\",\n\t\t\t\tmonth: \"short\",\n\t\t\t\tyear: \"numeric\",\n\t\t\t}),\n\t\t\tdateWithoutYear: Intl.DateTimeFormat(tag, {\n\t\t\t\tday: \"numeric\",\n\t\t\t\tmonth: \"short\",\n\t\t\t}),\n\t\t\tsimpleDateWithoutYear: Intl.DateTimeFormat(tag, {\n\t\t\t\tday: \"numeric\",\n\t\t\t\tmonth: \"numeric\",\n\t\t\t}),\n\t\t\tdateWithWeekday: new Intl.DateTimeFormat(tag, {\n\t\t\t\tweekday: \"short\",\n\t\t\t\tday: \"numeric\",\n\t\t\t\tmonth: \"short\",\n\t\t\t}),\n\t\t\tdateWithWeekdayWoMonth: new Intl.DateTimeFormat(tag, {\n\t\t\t\tweekday: \"short\",\n\t\t\t\tday: \"numeric\",\n\t\t\t}),\n\t\t\tdateWithWeekdayAndYear: new Intl.DateTimeFormat(tag, {\n\t\t\t\tweekday: \"short\",\n\t\t\t\tday: \"numeric\",\n\t\t\t\tmonth: \"short\",\n\t\t\t\tyear: \"numeric\",\n\t\t\t}),\n\t\t\tdateWithWeekdayAndYearLong: new Intl.DateTimeFormat(tag, {\n\t\t\t\tweekday: \"long\",\n\t\t\t\tday: \"numeric\",\n\t\t\t\tmonth: \"long\",\n\t\t\t\tyear: \"numeric\",\n\t\t\t}),\n\t\t\tdateWithWeekdayAndTime: new Intl.DateTimeFormat(\n\t\t\t\ttag,\n\t\t\t\tObject.assign(\n\t\t\t\t\t{},\n\t\t\t\t\t{\n\t\t\t\t\t\tweekday: \"short\",\n\t\t\t\t\t\tday: \"numeric\",\n\t\t\t\t\t\tmonth: \"short\",\n\t\t\t\t\t\thour: \"numeric\",\n\t\t\t\t\t\tminute: \"numeric\",\n\t\t\t\t\t} as const,\n\t\t\t\t\toptions,\n\t\t\t\t),\n\t\t\t),\n\t\t\ttime: new Intl.DateTimeFormat(\n\t\t\t\ttag,\n\t\t\t\tObject.assign(\n\t\t\t\t\t{},\n\t\t\t\t\t{\n\t\t\t\t\t\thour: \"numeric\",\n\t\t\t\t\t\tminute: \"numeric\",\n\t\t\t\t\t} as const,\n\t\t\t\t\toptions,\n\t\t\t\t),\n\t\t\t),\n\t\t\tdateTime: new Intl.DateTimeFormat(\n\t\t\t\ttag,\n\t\t\t\tObject.assign(\n\t\t\t\t\t{},\n\t\t\t\t\t{\n\t\t\t\t\t\tday: \"numeric\",\n\t\t\t\t\t\tmonth: \"short\",\n\t\t\t\t\t\tyear: \"numeric\",\n\t\t\t\t\t\thour: \"numeric\",\n\t\t\t\t\t\tminute: \"numeric\",\n\t\t\t\t\t} as const,\n\t\t\t\t\toptions,\n\t\t\t\t),\n\t\t\t),\n\t\t\tdateTimeShort: new Intl.DateTimeFormat(\n\t\t\t\ttag,\n\t\t\t\tObject.assign(\n\t\t\t\t\t{},\n\t\t\t\t\t{\n\t\t\t\t\t\tday: \"numeric\",\n\t\t\t\t\t\tmonth: \"numeric\",\n\t\t\t\t\t\tyear: \"numeric\",\n\t\t\t\t\t\thour: \"numeric\",\n\t\t\t\t\t} as const,\n\t\t\t\t\toptions,\n\t\t\t\t),\n\t\t\t),\n\t\t\tweekdayShort: new Intl.DateTimeFormat(tag, {\n\t\t\t\tweekday: \"short\",\n\t\t\t}),\n\t\t\tweekdayNarrow: new Intl.DateTimeFormat(tag, {\n\t\t\t\tweekday: \"narrow\",\n\t\t\t}),\n\t\t\tpriceWithCurrency: new Intl.NumberFormat(tag, {\n\t\t\t\tstyle: \"currency\",\n\t\t\t\tcurrency: \"EUR\",\n\t\t\t\tminimumFractionDigits: 2,\n\t\t\t}),\n\t\t\tpriceWithCurrencyWithoutFractionDigits: new Intl.NumberFormat(tag, {\n\t\t\t\tstyle: \"currency\",\n\t\t\t\tcurrency: \"EUR\",\n\t\t\t\tmaximumFractionDigits: 0,\n\t\t\t\tminimumFractionDigits: 0,\n\t\t\t}),\n\t\t\tpriceWithoutCurrency: new Intl.NumberFormat(tag, {\n\t\t\t\tstyle: \"decimal\",\n\t\t\t\tminimumFractionDigits: 2,\n\t\t\t}),\n\t\t\tpriceWithoutCurrencyWithoutFractionDigits: new Intl.NumberFormat(tag, {\n\t\t\t\tstyle: \"decimal\",\n\t\t\t\tmaximumFractionDigits: 0,\n\t\t\t\tminimumFractionDigits: 0,\n\t\t\t}),\n\t\t\tmonthLong: new Intl.DateTimeFormat(tag, {\n\t\t\t\tmonth: \"long\",\n\t\t\t}),\n\t\t\tmonthWithYear: new Intl.DateTimeFormat(tag, {\n\t\t\t\tmonth: \"long\",\n\t\t\t\tyear: \"2-digit\",\n\t\t\t}),\n\t\t\tmonthWithFullYear: new Intl.DateTimeFormat(tag, {\n\t\t\t\tmonth: \"long\",\n\t\t\t\tyear: \"numeric\",\n\t\t\t}),\n\t\t\tyearNumeric: new Intl.DateTimeFormat(tag, {\n\t\t\t\tyear: \"numeric\",\n\t\t\t}),\n\t\t}\n\t}\n\n\texists(id: TranslationKey): boolean {\n\t\ttry {\n\t\t\tthis.get(id)\n\t\t\treturn true\n\t\t} catch (e) {\n\t\t\treturn false\n\t\t}\n\t}\n\n\t/**\n\t * @throws An error if there is no translation for the given id.\n\t */\n\tget(id: TranslationKey, replacements?: Record): string {\n\t\tif (id == null) {\n\t\t\treturn \"\"\n\t\t}\n\n\t\tif (id === \"emptyString_msg\") {\n\t\t\treturn \"\\u2008\"\n\t\t}\n\n\t\tvar text = this.translations.keys[id]\n\n\t\tif (!text) {\n\t\t\t// try fallback language\n\t\t\ttext = this.fallback.keys[id]\n\n\t\t\tif (!text) {\n\t\t\t\t// try static definitions\n\t\t\t\ttext = this.staticTranslations[id]\n\n\t\t\t\tif (!text) {\n\t\t\t\t\tthrow new Error(\"no translation found for id \" + id)\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tfor (let param in replacements) {\n\t\t\ttext = replaceAll(text, param, String(replacements[param]))\n\t\t}\n\n\t\treturn text\n\t}\n\n\tgetMaybeLazy(value: TranslationText): string {\n\t\treturn typeof value === \"function\" ? value() : lang.get(value)\n\t}\n}\n\n/**\n * Gets the default language derived from the browser language.\n * @param restrictions An array of language codes the selection should be restricted to\n */\nexport function getLanguageNoDefault(restrictions?: LanguageCode[]): { code: LanguageCode; languageTag: string } | null {\n\t// navigator.languages can be an empty array on android 5.x devices\n\tlet languageTags\n\n\tif (typeof navigator !== \"undefined\") {\n\t\tlanguageTags = navigator.languages && navigator.languages.length > 0 ? navigator.languages : [navigator.language]\n\t} else if (typeof process !== \"undefined\" && typeof process.env !== \"undefined\") {\n\t\tconst locale = process.env.LC_ALL || process.env.LC_MESSAGES || process.env.LANG || process.env.LANGUAGE || process.env.LC_NAME\n\n\t\tif (locale) {\n\t\t\tlanguageTags = [locale.split(\".\")[0].replace(\"_\", \"-\")]\n\t\t}\n\t}\n\n\tif (languageTags) {\n\t\tfor (let tag of languageTags) {\n\t\t\tlet code = getSubstitutedLanguageCode(tag, restrictions)\n\n\t\t\tif (code) {\n\t\t\t\treturn {\n\t\t\t\t\tcode: code,\n\t\t\t\t\tlanguageTag: tag,\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\treturn null\n}\n\n/**\n * Gets the default language derived from the browser language.\n * @param restrictions An array of language codes the selection should be restricted to\n */\nexport function getLanguage(restrictions?: LanguageCode[]): {\n\tcode: LanguageCode\n\tlanguageTag: string\n} {\n\tconst language = getLanguageNoDefault(restrictions)\n\tif (language) return language\n\n\tif (restrictions == null || restrictions.indexOf(\"en\") !== -1) {\n\t\treturn {\n\t\t\tcode: \"en\",\n\t\t\tlanguageTag: \"en-US\",\n\t\t}\n\t} else {\n\t\treturn {\n\t\t\tcode: restrictions[0],\n\t\t\tlanguageTag: restrictions[0].replace(\"/_/g\", \"-\"),\n\t\t}\n\t}\n}\n\nexport function getSubstitutedLanguageCode(tag: string, restrictions?: LanguageCode[]): LanguageCode | null {\n\tlet code = tag.toLowerCase().replace(\"-\", \"_\")\n\tlet language = languages.find((l) => l.code === code && (restrictions == null || restrictions.indexOf(l.code) !== -1))\n\n\tif (language == null) {\n\t\tif (code === \"zh_hk\" || code === \"zh_tw\") {\n\t\t\tlanguage = languages.find((l) => l.code === \"zh_hant\")\n\t\t} else {\n\t\t\tlet basePart = getBasePart(code)\n\t\t\tlanguage = languages.find((l) => getBasePart(l.code) === basePart && (restrictions == null || restrictions.indexOf(l.code) !== -1))\n\t\t}\n\t}\n\n\tif (language) {\n\t\tlet customizations: WhitelabelCustomizations | null = null\n\n\t\t// accessing `window` throws an error on desktop, and this file is imported by DesktopMain\n\t\tif (typeof window !== \"undefined\") {\n\t\t\tcustomizations = getWhitelabelCustomizations(window)\n\t\t}\n\n\t\tconst germanCode = customizations?.germanLanguageCode\n\n\t\tif (language.code === \"de\" && germanCode != null) {\n\t\t\treturn downcast(germanCode)\n\t\t} else {\n\t\t\treturn language.code\n\t\t}\n\t} else {\n\t\treturn null\n\t}\n}\n\nfunction getBasePart(code: string): string {\n\tconst indexOfUnderscore = code.indexOf(\"_\")\n\n\tif (indexOfUnderscore > 0) {\n\t\treturn code.substring(0, indexOfUnderscore)\n\t} else {\n\t\treturn code\n\t}\n}\n\nexport function getAvailableLanguageCode(code: string): string {\n\treturn getSubstitutedLanguageCode(code) || \"en\"\n}\n\n/**\n * pt_br -> pt-BR\n * @param code\n */\nexport function languageCodeToTag(code: string): string {\n\tif (code === \"de_sie\") {\n\t\treturn \"de\"\n\t}\n\n\tconst indexOfUnderscore = code.indexOf(\"_\")\n\n\tif (indexOfUnderscore === -1) {\n\t\treturn code\n\t} else {\n\t\tconst [before, after] = code.split(\"_\")\n\t\treturn `${before}-${after.toUpperCase()}`\n\t}\n}\n\nexport const assertTranslation: (id: string) => TranslationKey = downcast\nexport type LanguageViewModelType = LanguageViewModel\nexport const lang: LanguageViewModel = new LanguageViewModel()\n","import { assertMainOrNodeBoot } from \"../../api/common/Env\"\n\nassertMainOrNodeBoot()\nexport type EasingFunction = (percent: number) => number\nconst EasingType = {\n\tlinear: 1,\n\tquad: 2,\n\tcubic: 3,\n\tquart: 4,\n\tquint: 5,\n}\n\n/*\n * Easings. Implemented as described in http://upshots.org/actionscript/jsas-understanding-easing\n * based on https://github.com/jquery/jquery-ui/blob/master/ui/effect.js#L1581\n *\n * @see: http://easings.net/\n * @see: http://robertpenner.com/easing/\n */\nexport const ease: Record = {\n\tin: function (percent: number): number {\n\t\treturn Math.pow(percent, EasingType.cubic) // cubic\n\t},\n\tout: function (percent: number): number {\n\t\treturn 1 - ease.in(1 - percent)\n\t},\n\tinOut: function (percent: number): number {\n\t\treturn percent < 0.5 ? ease.in(percent * 2) / 2 : 1 - ease.in(percent * -2 + 2) / 2\n\t},\n\tlinear: function (percent: number) {\n\t\treturn percent\n\t},\n}\n","import { assert } from \"@tutao/tutanota-utils\"\nimport { assertMainOrNodeBoot } from \"../../api/common/Env\"\n\nassertMainOrNodeBoot()\n// 3 or 6 digit hex color codes\nexport const VALID_HEX_CODE_FORMAT: RegExp = new RegExp(\"^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$\")\n\nexport function isColorLight(c: string): boolean {\n\tconst { r, g, b } = hexToRgb(c)\n\t// Counting the perceptive luminance\n\t// human eye favors green color...\n\tconst a = 1 - (0.299 * r + 0.587 * g + 0.114 * b) / 255\n\treturn a < 0.5\n}\n\nexport function hexToRgb(colorCode: string): {\n\tr: number\n\tg: number\n\tb: number\n} {\n\tassert(VALID_HEX_CODE_FORMAT.test(colorCode), \"Invalid color code: \" + colorCode)\n\tlet hexWithoutHash = colorCode.slice(1)\n\n\tif (hexWithoutHash.length === 3) {\n\t\thexWithoutHash = expandHexTriplet(hexWithoutHash) // convert from 3 to 6 digits by duplicating each digit\n\t}\n\n\tconst rgb = parseInt(hexWithoutHash, 16) // convert rrggbb to decimal\n\n\tconst r = (rgb >> 16) & 0xff // extract red\n\n\tconst g = (rgb >> 8) & 0xff // extract green\n\n\tconst b = (rgb >> 0) & 0xff // extract blue\n\n\treturn {\n\t\tr,\n\t\tg,\n\t\tb,\n\t}\n}\n\nexport function rgbToHex(color: { r: number; g: number; b: number }): string {\n\treturn \"#\" + ((1 << 24) + (color.r << 16) + (color.g << 8) + color.b).toString(16).slice(1)\n}\n\n/**\n * Convert RGB to RRGGBB\n */\nexport function expandHexTriplet(triplet: string): string {\n\tassert(triplet.length === 3, \"Provided invalid value for triplet: \" + triplet)\n\treturn Array.from(triplet).reduce((acc, cur) => `${acc}${cur}${cur}`, \"\")\n}\n","import type { Base64 } from \"@tutao/tutanota-utils\"\nimport { base64ToUint8Array, typedEntries, uint8ArrayToBase64 } from \"@tutao/tutanota-utils\"\nimport type { LanguageCode } from \"./LanguageViewModel\"\nimport type { ThemeId } from \"../gui/theme\"\nimport type { CredentialsStorage, PersistentCredentials } from \"./credentials/CredentialsProvider.js\"\nimport { ProgrammingError } from \"../api/common/error/ProgrammingError\"\nimport type { CredentialEncryptionMode } from \"./credentials/CredentialEncryptionMode\"\nimport { assertMainOrNodeBoot } from \"../api/common/Env\"\nimport { PersistedAssignmentData, UsageTestStorage } from \"./UsageTestModel\"\nimport { client } from \"./ClientDetector\"\nimport { NewsItemStorage } from \"./news/NewsModel.js\"\nimport { CalendarViewType } from \"../calendar/view/CalendarGuiUtils.js\"\n\nassertMainOrNodeBoot()\nexport const defaultThemeId: ThemeId = \"light\"\n\n/**\n * Definition of the config object that will be saved to local storage\n */\ninterface ConfigObject {\n\t_version: number\n\t_credentials: Map\n\tscheduledAlarmModelVersionPerUser: Record\n\t_themeId: ThemeId\n\t_language: LanguageCode | null\n\t_defaultCalendarView: Record\n\t/** map from user id to a list of calendar grouproots*/\n\t_hiddenCalendars: Record\n\t/** map from user id to a list of expanded folders (elementId)*/\n\texpandedMailFolders: Record\n\t_signupToken: string\n\t_credentialEncryptionMode: CredentialEncryptionMode | null\n\t_encryptedCredentialsKey: Base64 | null\n\t/** list of acknowledged news item ids for this device */\n\tacknowledgedNewsItems: Id[]\n\t_testDeviceId: string | null\n\t_testAssignments: PersistedAssignmentData | null\n\tofflineTimeRangeDaysByUser: Record\n\tconversationViewShowOnlySelectedMail: boolean\n}\n\n/**\n * Device config for internal user auto login. Only one config per device is stored.\n */\nexport class DeviceConfig implements CredentialsStorage, UsageTestStorage, NewsItemStorage {\n\tpublic static Version = 3\n\tpublic static LocalStorageKey = \"tutanotaConfig\"\n\n\tprivate config!: ConfigObject\n\n\tconstructor(private readonly _version: number, private readonly localStorage: Storage | null) {\n\t\tthis.init()\n\t}\n\n\tinit() {\n\t\tconst loadedConfig = this.loadConfigFromLocalStorage() ?? {}\n\n\t\tlet doSave = false\n\t\tif (loadedConfig._version != null && loadedConfig._version !== DeviceConfig.Version) {\n\t\t\tmigrateConfig(loadedConfig)\n\t\t\tdoSave = true\n\t\t}\n\n\t\tlet signupToken\n\t\tif (loadedConfig._signupToken) {\n\t\t\tsignupToken = loadedConfig._signupToken\n\t\t} else {\n\t\t\tlet bytes = new Uint8Array(6)\n\t\t\tlet crypto = window.crypto\n\t\t\tcrypto.getRandomValues(bytes)\n\t\t\tsignupToken = uint8ArrayToBase64(bytes)\n\t\t\tdoSave = true\n\t\t}\n\n\t\tthis.config = {\n\t\t\t_version: DeviceConfig.Version,\n\t\t\t_credentials: loadedConfig._credentials ? new Map(typedEntries(loadedConfig._credentials)) : new Map(),\n\t\t\t_credentialEncryptionMode: loadedConfig._credentialEncryptionMode ?? null,\n\t\t\t_encryptedCredentialsKey: loadedConfig._encryptedCredentialsKey ?? null,\n\t\t\tacknowledgedNewsItems: loadedConfig.acknowledgedNewsItems ?? [],\n\t\t\t_themeId: loadedConfig._themeId ?? defaultThemeId,\n\t\t\tscheduledAlarmModelVersionPerUser: loadedConfig.scheduledAlarmModelVersionPerUser ?? {},\n\t\t\t_language: loadedConfig._language ?? null,\n\t\t\t_defaultCalendarView: loadedConfig._defaultCalendarView ?? {},\n\t\t\t_hiddenCalendars: loadedConfig._hiddenCalendars ?? {},\n\t\t\texpandedMailFolders: loadedConfig.expandedMailFolders ?? {},\n\t\t\t_testDeviceId: loadedConfig._testDeviceId ?? null,\n\t\t\t_testAssignments: loadedConfig._testAssignments ?? null,\n\t\t\t_signupToken: signupToken,\n\t\t\tofflineTimeRangeDaysByUser: loadedConfig.offlineTimeRangeDaysByUser ?? {},\n\t\t\tconversationViewShowOnlySelectedMail: loadedConfig.conversationViewShowOnlySelectedMail ?? false,\n\t\t}\n\n\t\t// We need to write the config if there was a migration and if we generate the signup token and if.\n\t\t// We do not save the config if there was no config. The config is stored when some value changes.\n\t\tif (doSave) {\n\t\t\tthis.writeToStorage()\n\t\t}\n\t}\n\n\tprivate loadConfigFromLocalStorage(): any | null {\n\t\tif (this.localStorage == null) {\n\t\t\treturn null\n\t\t}\n\n\t\tconst loadedConfigString = this.localStorage.getItem(DeviceConfig.LocalStorageKey)\n\t\tif (loadedConfigString == null) {\n\t\t\treturn null\n\t\t}\n\n\t\ttry {\n\t\t\treturn JSON.parse(loadedConfigString)\n\t\t} catch (e) {\n\t\t\tconsole.warn(\"Could not parse device config\")\n\t\t\treturn null\n\t\t}\n\t}\n\n\tstore(persistentCredentials: PersistentCredentials): void {\n\t\tconst existing = this.config._credentials.get(persistentCredentials.credentialInfo.userId)\n\n\t\tif (existing?.databaseKey) {\n\t\t\tpersistentCredentials.databaseKey = existing.databaseKey\n\t\t}\n\n\t\tthis.config._credentials.set(persistentCredentials.credentialInfo.userId, persistentCredentials)\n\n\t\tthis.writeToStorage()\n\t}\n\n\tloadByUserId(userId: Id): PersistentCredentials | null {\n\t\treturn this.config._credentials.get(userId) ?? null\n\t}\n\n\tloadAll(): Array {\n\t\treturn Array.from(this.config._credentials.values())\n\t}\n\n\tdeleteByUserId(userId: Id): void {\n\t\tthis.config._credentials.delete(userId)\n\n\t\tthis.writeToStorage()\n\t}\n\n\tgetSignupToken(): string {\n\t\treturn this.config._signupToken\n\t}\n\n\tgetScheduledAlarmsModelVersion(userId: Id): number | null {\n\t\treturn this.config.scheduledAlarmModelVersionPerUser[userId] ?? null\n\t}\n\n\tsetScheduledAlarmsModelVersion(userId: Id, version: number): void {\n\t\tthis.config.scheduledAlarmModelVersionPerUser[userId] = version\n\t\tthis.writeToStorage()\n\t}\n\n\tsetNoAlarmsScheduled() {\n\t\tthis.config.scheduledAlarmModelVersionPerUser = {}\n\t\tthis.writeToStorage()\n\t}\n\n\tgetLanguage(): LanguageCode | null {\n\t\treturn this.config._language\n\t}\n\n\tsetLanguage(language: LanguageCode | null) {\n\t\tthis.config._language = language\n\t\tthis.writeToStorage()\n\t}\n\n\tprivate writeToStorage() {\n\t\ttry {\n\t\t\tif (this.localStorage != null) {\n\t\t\t\tthis.localStorage.setItem(\n\t\t\t\t\tDeviceConfig.LocalStorageKey,\n\t\t\t\t\tJSON.stringify(this.config, (key, value) => {\n\t\t\t\t\t\tif (key === \"_credentials\") {\n\t\t\t\t\t\t\treturn Object.fromEntries(this.config._credentials.entries())\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\treturn value\n\t\t\t\t\t\t}\n\t\t\t\t\t}),\n\t\t\t\t)\n\t\t\t}\n\t\t} catch (e) {\n\t\t\t// may occur in Safari < 11 in incognito mode because it throws a QuotaExceededError\n\t\t\t// DOMException will occurr if all cookies are disabled\n\t\t\tconsole.log(\"could not store config\", e)\n\t\t}\n\t}\n\n\tgetTheme(): ThemeId {\n\t\treturn this.config._themeId\n\t}\n\n\tsetTheme(theme: ThemeId) {\n\t\tif (this.config._themeId !== theme) {\n\t\t\tthis.config._themeId = theme\n\n\t\t\tthis.writeToStorage()\n\t\t}\n\t}\n\n\tgetDefaultCalendarView(userId: Id): CalendarViewType | null {\n\t\treturn this.config._defaultCalendarView[userId]\n\t}\n\n\tsetDefaultCalendarView(userId: Id, defaultView: CalendarViewType) {\n\t\tif (this.config._defaultCalendarView[userId] !== defaultView) {\n\t\t\tthis.config._defaultCalendarView[userId] = defaultView\n\n\t\t\tthis.writeToStorage()\n\t\t}\n\t}\n\n\tgetHiddenCalendars(user: Id): Id[] {\n\t\treturn this.config._hiddenCalendars.hasOwnProperty(user) ? this.config._hiddenCalendars[user] : []\n\t}\n\n\tsetHiddenCalendars(user: Id, calendars: Id[]) {\n\t\tif (this.config._hiddenCalendars[user] !== calendars) {\n\t\t\tthis.config._hiddenCalendars[user] = calendars\n\n\t\t\tthis.writeToStorage()\n\t\t}\n\t}\n\n\tgetExpandedFolders(user: Id): Id[] {\n\t\treturn this.config.expandedMailFolders.hasOwnProperty(user) ? this.config.expandedMailFolders[user] : []\n\t}\n\n\tsetExpandedFolders(user: Id, folders: Id[]) {\n\t\tif (this.config.expandedMailFolders[user] !== folders) {\n\t\t\tthis.config.expandedMailFolders[user] = folders\n\n\t\t\tthis.writeToStorage()\n\t\t}\n\t}\n\n\thasAcknowledgedNewsItemForDevice(newsItemId: Id): boolean {\n\t\treturn this.config.acknowledgedNewsItems.includes(newsItemId)\n\t}\n\n\tacknowledgeNewsItemForDevice(newsItemId: Id) {\n\t\tif (!this.config.acknowledgedNewsItems.includes(newsItemId)) {\n\t\t\tthis.config.acknowledgedNewsItems.push(newsItemId)\n\t\t\tthis.writeToStorage()\n\t\t}\n\t}\n\n\tgetCredentialEncryptionMode(): CredentialEncryptionMode | null {\n\t\treturn this.config._credentialEncryptionMode\n\t}\n\n\tsetCredentialEncryptionMode(encryptionMode: CredentialEncryptionMode | null) {\n\t\tthis.config._credentialEncryptionMode = encryptionMode\n\n\t\tthis.writeToStorage()\n\t}\n\n\tgetCredentialsEncryptionKey(): Uint8Array | null {\n\t\treturn this.config._encryptedCredentialsKey ? base64ToUint8Array(this.config._encryptedCredentialsKey) : null\n\t}\n\n\tsetCredentialsEncryptionKey(value: Uint8Array | null) {\n\t\tif (value) {\n\t\t\tthis.config._encryptedCredentialsKey = uint8ArrayToBase64(value)\n\t\t} else {\n\t\t\tthis.config._encryptedCredentialsKey = null\n\t\t}\n\n\t\tthis.writeToStorage()\n\t}\n\n\tasync getTestDeviceId(): Promise {\n\t\treturn this.config._testDeviceId\n\t}\n\n\tasync storeTestDeviceId(testDeviceId: string): Promise {\n\t\tthis.config._testDeviceId = testDeviceId\n\t\tthis.writeToStorage()\n\t}\n\n\tasync getAssignments(): Promise {\n\t\treturn this.config._testAssignments\n\t}\n\n\tasync storeAssignments(persistedAssignmentData: PersistedAssignmentData): Promise {\n\t\tthis.config._testAssignments = persistedAssignmentData\n\t\tthis.writeToStorage()\n\t}\n\n\tgetOfflineTimeRangeDays(userId: Id): number | null {\n\t\treturn this.config.offlineTimeRangeDaysByUser[userId]\n\t}\n\n\tsetOfflineTimeRangeDays(userId: Id, days: number) {\n\t\tthis.config.offlineTimeRangeDaysByUser[userId] = days\n\t\tthis.writeToStorage()\n\t}\n\n\tgetConversationViewShowOnlySelectedMail(): boolean {\n\t\treturn this.config.conversationViewShowOnlySelectedMail\n\t}\n\n\tsetConversationViewShowOnlySelectedMail(setting: boolean) {\n\t\tthis.config.conversationViewShowOnlySelectedMail = setting\n\t\tthis.writeToStorage()\n\t}\n}\n\nexport function migrateConfig(loadedConfig: any) {\n\tif (loadedConfig === DeviceConfig.Version) {\n\t\tthrow new ProgrammingError(\"Should not migrate credentials, current version\")\n\t}\n\n\tif (loadedConfig._version < 2) {\n\t\tloadedConfig._credentials = []\n\t}\n\n\tif (loadedConfig._version < 3) {\n\t\tmigrateConfigV2to3(loadedConfig)\n\t}\n}\n\n/**\n * Migrate from V2 of the config to V3\n *\n * Exported for testing\n */\nexport function migrateConfigV2to3(loadedConfig: any) {\n\tconst oldCredentialsArray = loadedConfig._credentials\n\tloadedConfig._credentials = {}\n\n\tfor (let credential of oldCredentialsArray) {\n\t\tlet login, type\n\t\tif (credential.mailAddress.includes(\"@\")) {\n\t\t\tlogin = credential.mailAddress\n\t\t\ttype = \"internal\"\n\t\t} else {\n\t\t\t// in version 2 external users had userId as their email address\n\t\t\t// We use encryption stub in this version\n\t\t\tlogin = credential.userId\n\t\t\ttype = \"external\"\n\t\t}\n\n\t\tloadedConfig._credentials[credential.userId] = {\n\t\t\tcredentialInfo: {\n\t\t\t\tlogin,\n\t\t\t\tuserId: credential.userId,\n\t\t\t\ttype,\n\t\t\t},\n\t\t\tencryptedPassword: credential.encryptedPassword,\n\t\t\taccessToken: credential.accessToken,\n\t\t}\n\t}\n}\n\nexport const deviceConfig: DeviceConfig = new DeviceConfig(DeviceConfig.Version, client.localStorage() ? localStorage : null)\n","import { assertMainOrNodeBoot } from \"../../api/common/Env\"\n\nassertMainOrNodeBoot()\n\nexport function getLogoSvg(highlightColor: string, textColor: string): string {\n\treturn (\n\t\t'' +\n\t\t`\n\t\t\t\n \t\t\t\n\t ` +\n\t\t`` +\n\t\t``\n\t)\n}\n","/**\n * @file color/theme definitions for default themes.\n */\nimport { getLogoSvg } from \"./base/Logo\"\nimport type { Theme, ThemeId } from \"./theme\"\nimport { assertMainOrNodeBoot } from \"../api/common/Env\"\n\nassertMainOrNodeBoot()\n\n/**\n * light theme background\n */\nconst light_white = \"#ffffff\"\nconst grey_lighter_4 = \"#f6f6f6\"\nconst grey_lighter_3 = \"#eaeaea\"\nconst grey_lighter_2 = \"#e1e1e1\"\nconst grey_lighter_1 = \"#d5d5d5\"\nconst grey_lighter_0 = \"#b8b8b8\"\nconst grey = \"#868686\"\nconst grey_darker_0 = \"#707070\"\nconst grey_darker_1 = \"#303030\"\nconst red = \"#840010\"\nconst blue = \"#005885\"\nexport const logo_text_dark_grey = \"#4a4a4a\"\n\n/**\n * dark theme background\n *\n * Assuming the background is black #000000 (rgb(0,0,0)) and text is white #000000 (rgb(255, 255, 255)) and recommended opacity of 87%\n *\t we get (x1 being foreground, x2 being background, x3 being result)\n *\t\tx3 = x2 + (x1-x2)*a1 or x3 = 0 + (255 - 0) * 0.87 = 221\n *\t\trgb(221, 221, 221) = #DDDDDD\n * https://stackoverflow.com/questions/12228548/finding-equivalent-color-with-opacity\n *\n */\nconst light_lighter_1 = \"#DDDDDD\"\nconst light_lighter_0 = \"#aeaeae\"\nconst light_grey = \"#999999\"\nconst dark_lighter_2 = \"#4e4e4e\"\nconst dark_lighter_1 = \"#363636\"\nconst dark_lighter_0 = \"#232323\"\nconst dark = \"#222222\"\nconst dark_darker_0 = \"#111111\"\nconst green = \"#00d2a7\"\nexport const logo_text_bright_grey = \"#c5c7c7\"\n\n// These are constants that have been chosen because they work across themes\n// This is even lighter than hover, for special cases like inactive search bar background\nexport const stateBgLike = \"rgba(139,139,139,0.18)\"\nexport const stateBgHover = \"rgba(139,139,139,0.22)\"\nexport const stateBgFocus = \"rgba(139,139,139,0.29)\"\nexport const stateBgActive = \"rgba(139,139,139,0.38)\"\n\ntype Themes = Record\nexport const themes: Themes = {\n\tlight: Object.freeze({\n\t\tthemeId: \"light\",\n\t\tlogo: getLogoSvg(red, logo_text_dark_grey),\n\t\tbutton_bubble_bg: grey_lighter_3,\n\t\tbutton_bubble_fg: grey_darker_1,\n\t\tcontent_fg: grey_darker_1,\n\t\tcontent_button: grey_darker_0,\n\t\tcontent_button_selected: red,\n\t\tcontent_button_icon: light_white,\n\t\tcontent_button_icon_selected: light_white,\n\t\tcontent_accent: red,\n\t\tcontent_bg: light_white,\n\t\tcontent_border: grey_lighter_1,\n\t\tcontent_message_bg: grey_lighter_0,\n\t\theader_bg: light_white,\n\t\theader_box_shadow_bg: grey_lighter_1,\n\t\theader_button: grey_darker_0,\n\t\theader_button_selected: red,\n\t\tlist_bg: light_white,\n\t\tlist_alternate_bg: grey_lighter_4,\n\t\tlist_accent_fg: red,\n\t\tlist_message_bg: grey_lighter_0,\n\t\tlist_border: grey_lighter_2,\n\t\tmodal_bg: grey_darker_1,\n\t\televated_bg: light_white,\n\t\tnavigation_bg: grey_lighter_4,\n\t\tnavigation_border: grey_lighter_2,\n\t\tnavigation_button: grey_darker_0,\n\t\tnavigation_button_icon: light_white,\n\t\tnavigation_button_selected: red,\n\t\tnavigation_button_icon_selected: light_white,\n\t\tnavigation_menu_bg: grey_lighter_3,\n\t\tnavigation_menu_icon: grey,\n\t}),\n\tdark: Object.freeze({\n\t\tthemeId: \"dark\",\n\t\tlogo: getLogoSvg(green, logo_text_bright_grey),\n\t\tbutton_bubble_bg: dark_lighter_2,\n\t\tbutton_bubble_fg: light_lighter_1,\n\t\tcontent_fg: light_lighter_1,\n\t\tcontent_button: light_lighter_0,\n\t\tcontent_button_selected: green,\n\t\tcontent_button_icon_bg: dark_lighter_2,\n\t\tcontent_button_icon: light_lighter_1,\n\t\tcontent_button_icon_selected: dark_lighter_0,\n\t\tcontent_accent: green,\n\t\tcontent_bg: dark_darker_0,\n\t\tcontent_border: dark_lighter_1,\n\t\tcontent_message_bg: dark_lighter_2,\n\t\theader_bg: dark,\n\t\theader_box_shadow_bg: dark_darker_0,\n\t\theader_button: light_lighter_0,\n\t\theader_button_selected: green,\n\t\tlist_bg: dark_darker_0,\n\t\tlist_alternate_bg: dark_lighter_0,\n\t\tlist_accent_fg: green,\n\t\tlist_message_bg: dark_lighter_2,\n\t\tlist_border: dark_lighter_1,\n\t\tmodal_bg: dark_darker_0,\n\t\televated_bg: dark_lighter_0,\n\t\tnavigation_bg: dark_lighter_0,\n\t\tnavigation_border: dark_lighter_1,\n\t\tnavigation_button: light_lighter_0,\n\t\tnavigation_button_icon_bg: dark_lighter_2,\n\t\tnavigation_button_icon: light_lighter_1,\n\t\tnavigation_button_selected: green,\n\t\tnavigation_button_icon_selected: light_lighter_0,\n\t\tnavigation_menu_bg: dark_darker_0,\n\t\tnavigation_menu_icon: light_grey,\n\t}),\n\tblue: Object.freeze({\n\t\tthemeId: \"blue\",\n\t\tlogo: getLogoSvg(blue, logo_text_dark_grey),\n\t\tbutton_bubble_bg: grey_lighter_3,\n\t\tbutton_bubble_fg: grey_darker_1,\n\t\tcontent_fg: grey_darker_1,\n\t\tcontent_button: grey_darker_0,\n\t\tcontent_button_selected: blue,\n\t\tcontent_button_icon: light_white,\n\t\tcontent_button_icon_selected: light_white,\n\t\tcontent_accent: blue,\n\t\tcontent_bg: light_white,\n\t\tcontent_border: grey_lighter_1,\n\t\tcontent_message_bg: grey_lighter_0,\n\t\theader_bg: light_white,\n\t\theader_box_shadow_bg: grey_lighter_1,\n\t\theader_button: grey_darker_0,\n\t\theader_button_selected: blue,\n\t\tlist_bg: light_white,\n\t\tlist_alternate_bg: grey_lighter_4,\n\t\tlist_accent_fg: blue,\n\t\tlist_message_bg: grey_lighter_0,\n\t\tlist_border: grey_lighter_2,\n\t\tmodal_bg: grey_darker_1,\n\t\televated_bg: light_white,\n\t\tnavigation_bg: grey_lighter_4,\n\t\tnavigation_border: grey_lighter_2,\n\t\tnavigation_button: grey_darker_0,\n\t\tnavigation_button_icon: light_white,\n\t\tnavigation_button_selected: blue,\n\t\tnavigation_button_icon_selected: light_white,\n\t\tnavigation_menu_bg: grey_lighter_3,\n\t\tnavigation_menu_icon: grey,\n\t}),\n}\n","import { defaultThemeId, DeviceConfig } from \"../misc/DeviceConfig\"\nimport type { HtmlSanitizer } from \"../misc/HtmlSanitizer\"\nimport stream from \"mithril/stream\"\nimport Stream from \"mithril/stream\"\nimport { assertMainOrNodeBoot, isApp, isDesktop } from \"../api/common/Env\"\nimport { downcast, findAndRemove, LazyLoaded, mapAndFilterNull, typedValues } from \"@tutao/tutanota-utils\"\nimport m from \"mithril\"\nimport type { BaseThemeId, Theme, ThemeId } from \"./theme\"\nimport { logo_text_bright_grey, logo_text_dark_grey, themes } from \"./builtinThemes\"\nimport type { ThemeCustomizations } from \"../misc/WhitelabelCustomizations\"\nimport { getWhitelabelCustomizations } from \"../misc/WhitelabelCustomizations\"\nimport { getLogoSvg } from \"./base/Logo\"\nimport { ThemeFacade } from \"../native/common/generatedipc/ThemeFacade\"\n\nassertMainOrNodeBoot()\n\nexport class ThemeController {\n\t_theme: Theme\n\t_themeId: ThemeId\n\t// Subscribe to this to get theme change events. Cannot be used to update the theme\n\tthemeIdChangedStream: Stream\n\tinitialized: Promise\n\n\tconstructor(private readonly themeFacade: ThemeFacade, private readonly htmlSanitizer: () => Promise) {\n\t\t// this will change soon\n\t\tthis._themeId = defaultThemeId\n\t\tthis._theme = this.getDefaultTheme()\n\t\tthis.themeIdChangedStream = stream(this.themeId)\n\t\t// We run them in parallel to initialize as soon as possible\n\t\tthis.initialized = Promise.all([this._initializeTheme(), this._updateBuiltinThemes()])\n\t}\n\n\tasync _initializeTheme() {\n\t\t// If being accessed from a custom domain, the definition of whitelabelCustomizations is added to index.js serverside upon request\n\t\t// see RootHandler::applyWhitelabelFileModifications.\n\t\tconst whitelabelCustomizations = getWhitelabelCustomizations(window)\n\n\t\tif (whitelabelCustomizations && whitelabelCustomizations.theme) {\n\t\t\t// no need to persist anything if we are on whitelabel domain\n\t\t\tawait this.updateCustomTheme(whitelabelCustomizations.theme, false)\n\t\t} else {\n\t\t\t// It is theme info passed from native to be applied as early as possible.\n\t\t\t// Important! Do not blindly apply location.search, someone could try to do prototype pollution.\n\t\t\t// We check environment and also filter out __proto__\n\t\t\t// mithril's parseQueryString does not follow standard exactly so we try to use the same thing we use on the native side\n\t\t\tconst themeJson = window.location.href ? new URL(window.location.href).searchParams.get(\"theme\") : null\n\n\t\t\tif ((isApp() || isDesktop()) && themeJson) {\n\t\t\t\tconst parsedTheme: ThemeCustomizations = this._parseCustomizations(themeJson)\n\n\t\t\t\t// We also don't need to save anything in this case\n\t\t\t\tawait this.updateCustomTheme(parsedTheme, false)\n\t\t\t} else {\n\t\t\t\tawait this.reloadTheme()\n\t\t\t}\n\t\t}\n\t}\n\n\t_parseCustomizations(stringTheme: string): ThemeCustomizations {\n\t\t// Filter out __proto__ to avoid prototype pollution. We use Object.assign() which is not susceptible to it but it doesn't hurt.\n\t\treturn JSON.parse(stringTheme, (k, v) => (k === \"__proto__\" ? undefined : v))\n\t}\n\n\tasync _updateBuiltinThemes() {\n\t\t// In case we change built-in themes we want to save new copy on the device.\n\t\tfor (const theme of typedValues(themes)) {\n\t\t\tawait this.updateSavedThemeDefinition(theme)\n\t\t}\n\t}\n\n\tasync reloadTheme() {\n\t\tconst themeId = await this.themeFacade.getSelectedTheme()\n\t\tif (!themeId) return\n\t\tawait this.setThemeId(themeId, false)\n\t}\n\n\tget themeId(): ThemeId {\n\t\treturn this._themeId\n\t}\n\n\tasync _getTheme(themeId: ThemeId): Promise {\n\t\tif (themes[themeId]) {\n\t\t\t// Make a defensive copy so that original theme definition is not modified.\n\t\t\treturn Object.assign({}, themes[themeId])\n\t\t} else {\n\t\t\tconst loadedThemes = (await this.themeFacade.getThemes()) as ReadonlyArray\n\t\t\tconst customTheme = loadedThemes.find((t) => t.themeId === themeId)\n\n\t\t\tif (customTheme) {\n\t\t\t\tawait this._sanitizeTheme(customTheme)\n\t\t\t\treturn customTheme\n\t\t\t} else {\n\t\t\t\treturn this.getDefaultTheme()\n\t\t\t}\n\t\t}\n\t}\n\n\tgetCurrentTheme(): Theme {\n\t\treturn Object.assign({}, this._theme)\n\t}\n\n\t/**\n\t * Set the theme, if permanent is true then the locally saved theme will be updated\n\t */\n\tasync setThemeId(newThemeId: ThemeId, permanent: boolean = true) {\n\t\tconst newTheme = await this._getTheme(newThemeId)\n\n\t\tthis._applyTrustedTheme(newTheme, newThemeId)\n\n\t\tif (permanent) {\n\t\t\tawait this.themeFacade.setSelectedTheme(newThemeId)\n\t\t}\n\t}\n\n\t_applyTrustedTheme(newTheme: Theme, newThemeId: ThemeId) {\n\t\tObject.keys(this._theme).forEach((key) => delete downcast(this._theme)[key])\n\t\t// Always overwrite light theme so that optional things are not kept when switching\n\t\tObject.assign(this._theme, this.getDefaultTheme(), newTheme)\n\t\tthis._themeId = newThemeId\n\t\tthis.themeIdChangedStream(newThemeId)\n\t\tm.redraw()\n\t}\n\n\t/**\n\t * Apply the custom theme, if permanent === true, then the new theme will be saved\n\t */\n\tasync updateCustomTheme(customizations: ThemeCustomizations, permanent: boolean = true): Promise {\n\t\tconst updatedTheme = this.assembleTheme(customizations)\n\t\t// Set no logo until we sanitize it.\n\t\tconst filledWithoutLogo = Object.assign({}, updatedTheme, {\n\t\t\tlogo: \"\",\n\t\t})\n\n\t\tthis._applyTrustedTheme(filledWithoutLogo, filledWithoutLogo.themeId)\n\n\t\tawait this._sanitizeTheme(updatedTheme)\n\n\t\t// Now apply with the logo\n\t\tthis._applyTrustedTheme(updatedTheme, filledWithoutLogo.themeId)\n\n\t\tif (permanent) {\n\t\t\tawait this.updateSavedThemeDefinition(updatedTheme)\n\t\t\tawait this.themeFacade.setSelectedTheme(updatedTheme.themeId)\n\t\t}\n\t}\n\n\tasync _sanitizeTheme(theme: Theme) {\n\t\tif (theme.logo) {\n\t\t\tconst logo = theme.logo\n\t\t\tconst htmlSanitizer = await this.htmlSanitizer()\n\t\t\ttheme.logo = htmlSanitizer.sanitizeHTML(logo).html\n\t\t}\n\t}\n\n\t/**\n\t * Save theme to the storage.\n\t */\n\tasync updateSavedThemeDefinition(updatedTheme: Theme): Promise {\n\t\tconst nonNullTheme = Object.assign({}, this.getDefaultTheme(), updatedTheme)\n\t\tawait this._sanitizeTheme(nonNullTheme)\n\t\tconst oldThemes = (await this.themeFacade.getThemes()) as Array\n\t\tfindAndRemove(oldThemes, (t) => t.themeId === updatedTheme.themeId)\n\t\toldThemes.push(nonNullTheme)\n\t\tawait this.themeFacade.setThemes(oldThemes)\n\t\treturn nonNullTheme\n\t}\n\n\tgetDefaultTheme(): Theme {\n\t\treturn Object.assign({}, themes[defaultThemeId])\n\t}\n\n\tgetBaseTheme(baseId: BaseThemeId): Theme {\n\t\t// Make a defensive copy so that original theme definition is not modified.\n\t\treturn Object.assign({}, themes[baseId])\n\t}\n\n\tshouldAllowChangingTheme(): boolean {\n\t\treturn window.whitelabelCustomizations == null\n\t}\n\n\t/**\n\t * Assembles a new theme object from customizations.\n\t */\n\tassembleTheme(customizations: ThemeCustomizations): Theme {\n\t\tif (!customizations.base) {\n\t\t\treturn Object.assign({}, customizations as Theme)\n\t\t} else if (customizations.base && customizations.logo) {\n\t\t\treturn Object.assign({}, this.getBaseTheme(customizations.base), customizations)\n\t\t} else {\n\t\t\tconst themeWithoutLogo = Object.assign({}, this.getBaseTheme(customizations.base), customizations)\n\t\t\tconst coloredTutanotaLogo = getLogoSvg(\n\t\t\t\tthemeWithoutLogo.content_accent,\n\t\t\t\tcustomizations.base === \"light\" ? logo_text_dark_grey : logo_text_bright_grey,\n\t\t\t)\n\t\t\treturn { ...themeWithoutLogo, ...{ logo: coloredTutanotaLogo } }\n\t\t}\n\t}\n\n\tasync getCustomThemes(): Promise> {\n\t\treturn mapAndFilterNull(await this.themeFacade.getThemes(), (theme) => {\n\t\t\treturn !(theme.themeId in themes) ? theme.themeId : null\n\t\t})\n\t}\n\n\tasync removeCustomThemes() {\n\t\tawait this.themeFacade.setThemes([])\n\t\tawait this.setThemeId(defaultThemeId, true)\n\t}\n}\n\nexport class NativeThemeFacade implements ThemeFacade {\n\tprivate readonly themeFacade: LazyLoaded\n\n\tconstructor() {\n\t\tthis.themeFacade = new LazyLoaded(async () => {\n\t\t\tconst { locator } = await import(\"../api/main/MainLocator\")\n\t\t\t// Theme initialization happens concurrently with locator initialization,\n\t\t\t// so we have to wait or native may not yet be defined when we first get here.\n\t\t\t// It would be nice to move all the global theme handling onto the locator as\n\t\t\t// well so we can have more control over this\n\t\t\tawait locator.initialized\n\t\t\treturn locator.themeFacade\n\t\t})\n\t}\n\n\tasync getSelectedTheme(): Promise {\n\t\tconst dispatcher = await this.themeFacade.getAsync()\n\t\treturn dispatcher.getSelectedTheme()\n\t}\n\n\tasync setSelectedTheme(theme: ThemeId): Promise {\n\t\tconst dispatcher = await this.themeFacade.getAsync()\n\t\treturn dispatcher.setSelectedTheme(theme)\n\t}\n\n\tasync getThemes(): Promise> {\n\t\tconst dispatcher = await this.themeFacade.getAsync()\n\t\treturn (await dispatcher.getThemes()) as Theme[]\n\t}\n\n\tasync setThemes(themes: ReadonlyArray): Promise {\n\t\tconst dispatcher = await this.themeFacade.getAsync()\n\t\treturn dispatcher.setThemes(themes)\n\t}\n}\n\nexport class WebThemeFacade implements ThemeFacade {\n\treadonly _deviceConfig: DeviceConfig\n\n\tconstructor(deviceConfig: DeviceConfig) {\n\t\tthis._deviceConfig = deviceConfig\n\t}\n\n\tasync getSelectedTheme(): Promise {\n\t\treturn this._deviceConfig.getTheme()\n\t}\n\n\tasync setSelectedTheme(theme: ThemeId): Promise {\n\t\treturn this._deviceConfig.setTheme(theme)\n\t}\n\n\tasync getThemes(): Promise> {\n\t\t// no-op\n\t\treturn []\n\t}\n\n\tasync setThemes(themes: ReadonlyArray) {\n\t\t// no-op\n\t}\n}\n","import { client } from \"./ClientDetector\"\nimport type { TranslationKey } from \"./LanguageViewModel\"\nimport { BrowserType } from \"./ClientConstants\"\nimport { Keys } from \"../api/common/TutanotaConstants\"\nimport type { lazy } from \"@tutao/tutanota-utils\"\nimport { assertMainOrNodeBoot } from \"../api/common/Env\"\nimport { mod } from \"@tutao/tutanota-utils\"\nimport m from \"mithril\"\n\nassertMainOrNodeBoot()\nexport const TABBABLE = \"button, input, textarea, div[contenteditable='true'], [tabindex='0']\"\nexport type KeyPress = {\n\tkeyCode: number\n\tkey: string\n\tctrl: boolean\n\tshift: boolean\n}\nexport type Key = {\n\tcode: number\n\tname: string\n}\n\n/**\n * @return false, if the default action should be aborted\n */\nexport type keyHandler = (key: KeyPress) => boolean\n\nexport interface Shortcut {\n\tkey: Key\n\tctrl?: boolean\n\t// undefined == false\n\talt?: boolean\n\t// undefined == false\n\tshift?: boolean\n\t// undefined == false\n\tmeta?: boolean\n\t// undefined == false\n\tenabled?: lazy\n\n\texec(key: KeyPress, e?: Event): boolean | void\n\n\t// must return true, if preventDefault should not be invoked\n\thelp: TranslationKey\n}\n\nexport function focusPrevious(dom: HTMLElement): boolean {\n\tlet tabbable = Array.from(dom.querySelectorAll(TABBABLE)).filter(\n\t\t(e) => (e as HTMLElement).style.display !== \"none\" && (e as HTMLElement).tabIndex !== -1,\n\t) as HTMLElement[] // also filter for tabIndex here to restrict tabbing to invisible inputs\n\n\tlet selected = tabbable.find((e) => document.activeElement === e)\n\n\tif (selected) {\n\t\t//work around for squire so tabulator actions are executed properly\n\t\t//squire makes a list which can be indented and manages this with tab and shift tab\n\t\tconst selection = window.getSelection()\n\n\t\tif (\n\t\t\tselection &&\n\t\t\tselection.focusNode &&\n\t\t\t(selection.focusNode.nodeName === \"LI\" || (selection.focusNode.parentNode && selection.focusNode.parentNode.nodeName === \"LI\"))\n\t\t) {\n\t\t\treturn true //dont change selection if selection is in list\n\t\t} else {\n\t\t\ttabbable[mod(tabbable.indexOf(selected) - 1, tabbable.length)].focus()\n\t\t\treturn false\n\t\t}\n\t} else if (tabbable.length > 0) {\n\t\ttabbable[tabbable.length - 1].focus()\n\t\treturn false\n\t}\n\n\treturn true\n}\n\nexport function focusNext(dom: HTMLElement): boolean {\n\tlet tabbable = Array.from(dom.querySelectorAll(TABBABLE)).filter(\n\t\t(e) => (e as HTMLElement).style.display !== \"none\" && (e as HTMLElement).tabIndex !== -1,\n\t) as HTMLElement[] // also filter for tabIndex here to restrict tabbing to invisible inputs\n\n\tlet selected = tabbable.find((e) => document.activeElement === e)\n\n\tif (selected) {\n\t\t//work around for squire so tabulator actions are executed properly\n\t\t//squire makes a list which can be indented and manages this with tab and shift tab\n\t\tconst selection = window.getSelection()\n\n\t\tif (\n\t\t\tselection &&\n\t\t\tselection.focusNode &&\n\t\t\t(selection.focusNode.nodeName === \"LI\" || (selection.focusNode.parentNode && selection.focusNode.parentNode.nodeName === \"LI\"))\n\t\t) {\n\t\t\treturn true //dont change selection\n\t\t} else {\n\t\t\ttabbable[mod(tabbable.indexOf(selected) + 1, tabbable.length)].focus()\n\t\t\treturn false\n\t\t}\n\t} else if (tabbable.length > 0) {\n\t\ttabbable[0].focus()\n\t\treturn false\n\t}\n\n\treturn true\n}\n\nfunction createKeyIdentifier(keycode: number, ctrl?: boolean, alt?: boolean, shift?: boolean, meta?: boolean): string {\n\treturn keycode + (ctrl ? \"C\" : \"\") + (alt ? \"A\" : \"\") + (shift ? \"S\" : \"\") + (meta ? \"M\" : \"\")\n}\n\n/**\n * KeyManager offers the API for (un)registration of all keyboard shortcuts and routes\n * key presses to the correct handler.\n *\n * Shortcuts that are registered by a modal always take precedence.\n */\n\nclass KeyManager {\n\t_keyToShortcut: Map\n\t// override for _shortcuts: If a modal is visible, only modal-shortcuts should be active\n\t_keyToModalShortcut: Map\n\t_desktopShortcuts: Shortcut[]\n\t_isHelpOpen: boolean = false\n\n\tconstructor() {\n\t\tconst helpShortcut: Shortcut = {\n\t\t\tkey: Keys.F1,\n\t\t\texec: () => this.openF1Help(),\n\t\t\thelp: \"showHelp_action\",\n\t\t}\n\t\tconst helpId = createKeyIdentifier(helpShortcut.key.code)\n\t\tthis._keyToShortcut = new Map([[helpId, helpShortcut]])\n\t\t// override for _shortcuts: If a modal is visible, only modal-shortcuts should be active\n\t\tthis._keyToModalShortcut = new Map([[helpId, helpShortcut]])\n\t\tthis._desktopShortcuts = []\n\t\tif (!window.document.addEventListener) return\n\t\twindow.document.addEventListener(\"keydown\", (e) => this._handleKeydown(e), false)\n\t}\n\n\t_handleKeydown(e: KeyboardEvent): void {\n\t\tlet keyCode = e.which\n\t\tlet keysToShortcuts = this._keyToModalShortcut.size > 1 ? this._keyToModalShortcut : this._keyToShortcut\n\t\tlet shortcut = keysToShortcuts.get(createKeyIdentifier(keyCode, e.ctrlKey, e.altKey, e.shiftKey, e.metaKey))\n\n\t\tif (shortcut != null && (shortcut.enabled == null || shortcut.enabled())) {\n\t\t\tif (\n\t\t\t\tshortcut.exec({\n\t\t\t\t\tkeyCode,\n\t\t\t\t\tkey: e.key,\n\t\t\t\t\tctrl: e.ctrlKey,\n\t\t\t\t\t// @ts-ignore\n\t\t\t\t\talt: e.altKey,\n\t\t\t\t\tshift: e.shiftKey,\n\t\t\t\t\tmeta: e.metaKey,\n\t\t\t\t}) !== true\n\t\t\t) {\n\t\t\t\te.preventDefault()\n\t\t\t}\n\t\t}\n\t\tm.redraw()\n\t}\n\n\t/**\n\t * open a dialog listing all currently active shortcuts\n\t * @param forceBaseShortcuts set to true for the special case where the dialog is opened\n\t * from the support dropdown (which registers its own shortcuts as modal shortcuts)\n\t */\n\topenF1Help(forceBaseShortcuts: boolean = false): void {\n\t\tif (this._isHelpOpen) return\n\t\tthis._isHelpOpen = true\n\t\t// we decide which shortcuts to show right now.\n\t\t//\n\t\t// the help dialog will register its own shortcuts which would override the\n\t\t// standard shortcuts if we did this later\n\t\t//\n\t\t// we can't do this in the register/unregister method because the modal\n\t\t// unregisters the old dialog shortcuts and then registers the new ones\n\t\t// when the top dialog changes, leading to a situation where\n\t\t// modalshortcuts is empty.\n\t\tconst shortcutsToShow =\n\t\t\tthis._keyToModalShortcut.size > 1 && !forceBaseShortcuts\n\t\t\t\t? Array.from(this._keyToModalShortcut.values()) // copy values, they will change\n\t\t\t\t: [...this._keyToShortcut.values(), ...this._desktopShortcuts]\n\t\timport(\"../gui/dialogs/ShortcutDialog.js\").then(({ showShortcutDialog }) => showShortcutDialog(shortcutsToShow)).then(() => (this._isHelpOpen = false))\n\t}\n\n\tregisterShortcuts(shortcuts: ReadonlyArray) {\n\t\tKeys.META.code = client.browser === BrowserType.FIREFOX ? 224 : 91\n\n\t\tthis._applyOperation(shortcuts, (id, s) => this._keyToShortcut.set(id, s))\n\t}\n\n\tunregisterShortcuts(shortcuts: ReadonlyArray) {\n\t\tthis._applyOperation(shortcuts, (id, s) => this._keyToShortcut.delete(id))\n\t}\n\n\tregisterDesktopShortcuts(shortcuts: ReadonlyArray) {\n\t\tthis._applyOperation(shortcuts, (id, s) => this._desktopShortcuts.push(s))\n\t}\n\n\tregisterModalShortcuts(shortcuts: Array) {\n\t\tthis._applyOperation(shortcuts, (id, s) => {\n\t\t\tthis._keyToModalShortcut.set(id, s)\n\t\t})\n\t}\n\n\tunregisterModalShortcuts(shortcuts: Array) {\n\t\tthis._applyOperation(shortcuts, (id, s) => {\n\t\t\tthis._keyToModalShortcut.delete(id)\n\t\t})\n\t}\n\n\t/**\n\t *\n\t * @param shortcuts list of shortcuts to operate on\n\t * @param operation operation to execute for every shortcut and its ID\n\t * @private\n\t */\n\t_applyOperation(shortcuts: ReadonlyArray, operation: (id: string, s: Shortcut) => unknown) {\n\t\tshortcuts.forEach((s) => operation(createKeyIdentifier(s.key.code, s.ctrl, s.alt, s.shift, s.meta), s))\n\t}\n}\n\nexport function isKeyPressed(keyCode: number, ...keys: Array>): boolean {\n\treturn keys.some((key) => key.code === keyCode)\n}\n\nexport const keyManager: KeyManager = new KeyManager()\n","import m, { Params } from \"mithril\"\nimport { assertMainOrNodeBoot, isApp, isElectronClient, isIOSApp, Mode } from \"../api/common/Env\"\nimport { lang } from \"./LanguageViewModel\"\nimport { client } from \"./ClientDetector\"\nimport type { Indexer } from \"../api/worker/search/Indexer\"\nimport { remove } from \"@tutao/tutanota-utils\"\nimport { WebsocketConnectivityModel } from \"./WebsocketConnectivityModel.js\"\nimport { LoginController } from \"../api/main/LoginController.js\"\n\nassertMainOrNodeBoot()\nexport type KeyboardSizeListener = (keyboardSize: number) => unknown\nexport type windowSizeListener = (width: number, height: number) => unknown\n\nexport class WindowFacade {\n\tprivate _windowSizeListeners: windowSizeListener[]\n\tresizeTimeout: (AnimationFrameID | null) | (TimeoutID | null)\n\twindowCloseConfirmation: boolean\n\tprivate _windowCloseListeners: Set<(e: Event) => unknown>\n\tprivate _historyStateEventListeners: Array<(e: Event) => boolean> = []\n\tprivate _indexerFacade: Indexer | null = null\n\t// following two properties are for the iOS\n\tprivate _keyboardSize: number = 0\n\tprivate _keyboardSizeListeners: KeyboardSizeListener[] = []\n\tprivate _ignoreNextPopstate: boolean = false\n\tprivate connectivityModel!: WebsocketConnectivityModel\n\tprivate logins: LoginController | null = null\n\n\tconstructor() {\n\t\tthis._windowSizeListeners = []\n\t\tthis.resizeTimeout = null\n\t\tthis.windowCloseConfirmation = false\n\t\tthis._windowCloseListeners = new Set()\n\t\t// load async to reduce size of boot bundle\n\t\timport(\"../api/main/MainLocator\").then(async ({ locator }) => {\n\t\t\t// We need to wait til the locator has finished initializing before we read from it\n\t\t\t// because it is happening concurrently\n\t\t\tawait locator.initialized\n\t\t\tthis._indexerFacade = locator.indexerFacade\n\t\t\tthis.connectivityModel = locator.connectivityModel\n\n\t\t\tif (env.mode === Mode.App || env.mode === Mode.Desktop || env.mode === Mode.Admin) {\n\t\t\t\tthis.addPageInBackgroundListener()\n\t\t\t}\n\t\t})\n\n\t\tconst onresize = () => {\n\t\t\t// see https://developer.mozilla.org/en-US/docs/Web/Events/resize\n\t\t\tif (!this.resizeTimeout) {\n\t\t\t\tconst cb = () => {\n\t\t\t\t\tthis.resizeTimeout = null\n\n\t\t\t\t\tthis._resize() // The actualResizeHandler will execute at a rate of 15fps\n\t\t\t\t}\n\n\t\t\t\t// On mobile devices there's usually no resize but when changing orientation it's to early to\n\t\t\t\t// measure the size in requestAnimationFrame (it's usually incorrect size at this point)\n\t\t\t\tthis.resizeTimeout = client.isMobileDevice() ? setTimeout(cb, 66) : requestAnimationFrame(cb)\n\t\t\t}\n\t\t}\n\t\twindow.onresize = onresize\n\t\t// specifially for iOS: rotation through the unsupported orientation (e.g, 90 degrees 3 times) will not trigger the resize and we wouldn't resize\n\t\t// some things so we react to both, it is throttled anyway\n\t\twindow.onorientationchange = onresize\n\t}\n\n\t/**\n\t * Add a window resize listener with a listenerId\n\t * @param listener Provides the new width and height of the window if the values change.\n\t */\n\taddResizeListener(listener: windowSizeListener) {\n\t\tthis._windowSizeListeners.push(listener)\n\t}\n\n\tremoveResizeListener(listener: windowSizeListener) {\n\t\tremove(this._windowSizeListeners, listener)\n\t}\n\n\taddWindowCloseListener(listener: () => unknown): (...args: Array) => any {\n\t\tthis._windowCloseListeners.add(listener)\n\n\t\tthis._checkWindowClosing(this._windowCloseListeners.size > 0)\n\n\t\treturn () => {\n\t\t\tthis._windowCloseListeners.delete(listener)\n\n\t\t\tthis._checkWindowClosing(this._windowCloseListeners.size > 0)\n\t\t}\n\t}\n\n\t_notifyCloseListeners(e: Event) {\n\t\tthis._windowCloseListeners.forEach((f) => f(e))\n\t}\n\n\taddKeyboardSizeListener(listener: KeyboardSizeListener) {\n\t\tthis._keyboardSizeListeners.push(listener)\n\n\t\tlistener(this._keyboardSize)\n\t}\n\n\tremoveKeyboardSizeListener(listener: KeyboardSizeListener) {\n\t\tremove(this._keyboardSizeListeners, listener)\n\t}\n\n\topenLink(href: string) {\n\t\tif (env.mode === Mode.App) {\n\t\t\twindow.open(href, \"_system\")\n\t\t} else {\n\t\t\twindow.open(href, \"_blank\")\n\t\t}\n\t}\n\n\tinit(logins: LoginController) {\n\t\tthis.logins = logins\n\n\t\tif (window.addEventListener && !isApp()) {\n\t\t\twindow.addEventListener(\"beforeunload\", (e) => this._beforeUnload(e))\n\t\t\twindow.addEventListener(\"popstate\", (e) => this._popState(e))\n\t\t\twindow.addEventListener(\"unload\", (e) => this._onUnload())\n\t\t}\n\n\t\t// needed to help the MacOs desktop client to distinguish between Cmd+Arrow to navigate the history\n\t\t// and Cmd+Arrow to navigate a text editor\n\t\tif (env.mode === Mode.Desktop && client.isMacOS && window.addEventListener) {\n\t\t\twindow.addEventListener(\"keydown\", (e) => {\n\t\t\t\tif (!e.metaKey || e.key === \"Meta\") return\n\n\t\t\t\tconst target = e.target as HTMLElement | null\n\t\t\t\t// prevent history nav if the active element is an input / squire editor\n\t\t\t\tif (target?.tagName === \"INPUT\" || target?.contentEditable === \"true\") {\n\t\t\t\t\te.stopPropagation()\n\t\t\t\t} else if (e.key === \"ArrowLeft\") {\n\t\t\t\t\twindow.history.back()\n\t\t\t\t} else if (e.key === \"ArrowRight\") {\n\t\t\t\t\twindow.history.forward()\n\t\t\t\t}\n\t\t\t})\n\t\t}\n\n\t\t// call the resize listeners once to make sure everyone\n\t\t// has the current window size once we're done initializing\n\t\tthis._resize()\n\t}\n\n\t_resize() {\n\t\ttry {\n\t\t\tfor (const listener of this._windowSizeListeners) {\n\t\t\t\tlistener(window.innerWidth, window.innerHeight)\n\t\t\t}\n\t\t} finally {\n\t\t\tm.redraw()\n\t\t}\n\t}\n\n\t_checkWindowClosing(enable: boolean) {\n\t\tthis.windowCloseConfirmation = enable\n\t}\n\n\t_beforeUnload(e: any): string | null {\n\t\t// BeforeUnloadEvent\n\t\tconsole.log(\"windowfacade._beforeUnload\")\n\n\t\tthis._notifyCloseListeners(e)\n\n\t\tif (this.windowCloseConfirmation) {\n\t\t\tlet m = lang.get(\"closeWindowConfirmation_msg\")\n\t\t\te.returnValue = m\n\t\t\treturn m\n\t\t} else {\n\t\t\tthis.logins?.logout(true)\n\t\t\treturn null\n\t\t}\n\t}\n\n\t/**\n\t * add a function to call when onpopstate event occurs\n\t * @param listener: return true if this popstate may go ahead\n\t * @returns {Function}\n\t */\n\taddHistoryEventListener(listener: (e: Event) => boolean): () => void {\n\t\tthis._historyStateEventListeners.push(listener)\n\n\t\treturn () => {\n\t\t\tconst index = this._historyStateEventListeners.indexOf(listener)\n\n\t\t\tif (index !== -1) {\n\t\t\t\tthis._historyStateEventListeners.splice(index, 1)\n\t\t\t}\n\t\t}\n\t}\n\n\tremoveHistoryEventListener(listener: (e: Event) => boolean): void {\n\t\tremove(this._historyStateEventListeners, listener)\n\t}\n\n\t/**\n\t * calls the last history event listener that was added\n\t * and reverts the state change if it returns false\n\t * TODO: this also fires for forward-events and when the user jumps around in the history\n\t * TODO: by long-clicking the back/forward buttons.\n\t * TODO: solving this requires extensive bookkeeping because the events are indistinguishable by default\n\t * @param e: popstate DOM event\n\t * @private\n\t */\n\t_popState(e: Event) {\n\t\tconst len = this._historyStateEventListeners.length\n\t\tif (len === 0) return\n\n\t\tif (this._ignoreNextPopstate) {\n\t\t\tthis._ignoreNextPopstate = false\n\t\t\treturn\n\t\t}\n\n\t\tif (!this._historyStateEventListeners[len - 1](e)) {\n\t\t\tthis._ignoreNextPopstate = true\n\t\t\t// go 1 page forward in the history\n\t\t\t// this reverts the state change (if the event was triggered by a back-button press)\n\t\t\thistory.go(1)\n\t\t}\n\t}\n\n\t_onUnload() {\n\t\tif (this.windowCloseConfirmation && this.logins) {\n\t\t\tthis.logins.logout(true)\n\t\t}\n\t}\n\n\taddOnlineListener(listener: () => void) {\n\t\twindow.addEventListener(\"online\", listener)\n\t}\n\n\taddOfflineListener(listener: () => void) {\n\t\twindow.addEventListener(\"offline\", listener)\n\t}\n\n\tasync reload(args: Params) {\n\t\tif (isApp() || isElectronClient()) {\n\t\t\tif (!args.hasOwnProperty(\"noAutoLogin\")) {\n\t\t\t\targs.noAutoLogin = true\n\t\t\t}\n\n\t\t\tconst { locator } = await import(\"../api/main/MainLocator\")\n\n\t\t\tconst stringifiedArgs: Record = {}\n\t\t\tfor (const [k, v] of Object.entries(args)) {\n\t\t\t\tif (v != null) {\n\t\t\t\t\tstringifiedArgs[k] = String(v)\n\t\t\t\t}\n\t\t\t}\n\t\t\tawait locator.commonSystemFacade.reload(stringifiedArgs)\n\t\t} else {\n\t\t\twindow.location.reload()\n\t\t}\n\t}\n\n\taddPageInBackgroundListener() {\n\t\t// For Android it's handled manually from native because visibilitychange listener is not called after the\n\t\t// app was inactive for some time.\n\t\t// See NativeWrapperCommands.js\n\t\tif (isIOSApp()) {\n\t\t\tdocument.addEventListener(\"visibilitychange\", () => {\n\t\t\t\tconsole.log(\"Visibility change, hidden: \", document.hidden)\n\n\t\t\t\tthis._indexerFacade?.onVisibilityChanged(!document.hidden)\n\n\t\t\t\tif (!document.hidden) {\n\t\t\t\t\t// On iOS devices the WebSocket close event fires when the app comes back to foreground\n\t\t\t\t\t// so we try to reconnect with a delay to receive _close event first. Otherwise\n\t\t\t\t\t// we may try to reconnect while we think that we're still connected\n\t\t\t\t\t// (e.g. first reconnect and then receive close).\n\t\t\t\t\t// We used to handle it in the EventBus and reconnect immediately but isIosApp()\n\t\t\t\t\t// check does not work in the worker currently.\n\t\t\t\t\t// Doing this for all apps just to be sure.\n\t\t\t\t\tsetTimeout(() => this.connectivityModel?.tryReconnect(false, true), 100)\n\t\t\t\t}\n\t\t\t})\n\t\t}\n\t}\n\n\tonKeyboardSizeChanged(size: number) {\n\t\tthis._keyboardSize = size\n\n\t\tfor (let listener of this._keyboardSizeListeners) {\n\t\t\tlistener(size)\n\t\t}\n\n\t\tif (size > 0) {\n\t\t\t// reset position fixed for the body to allow scrolling in dialogs on iOS\n\t\t\t// https://github.com/scottjehl/Device-Bugs/issues/14\n\t\t\tconst body = document.body as any\n\t\t\tbody.style.position = \"unset\"\n\t\t\tsetTimeout(() => {\n\t\t\t\tbody.style.position = \"fixed\"\n\t\t\t}, 200)\n\t\t}\n\t}\n}\n\nexport const windowFacade: WindowFacade = new WindowFacade()\n","import m, { Children, Component } from \"mithril\"\nimport { alpha, AlphaEnum, animations } from \"./../animation/Animations\"\nimport { theme } from \"../theme\"\nimport type { Shortcut } from \"../../misc/KeyManager\"\nimport { keyManager } from \"../../misc/KeyManager\"\nimport { windowFacade } from \"../../misc/WindowFacade\"\nimport { insideRect, remove } from \"@tutao/tutanota-utils\"\nimport { LayerType } from \"../../RootView\"\nimport { assertMainOrNodeBoot } from \"../../api/common/Env\"\n\nassertMainOrNodeBoot()\n\ntype ModalComponentWrapper = {\n\tkey: number\n\tcomponent: ModalComponent\n\tneedsBg: boolean\n}\n\nclass Modal implements Component {\n\tcomponents: Array\n\t_uniqueComponent: ModalComponent | null\n\tview: Component[\"view\"]\n\tvisible: boolean\n\tcurrentKey: number\n\tprivate _closingComponents: Array\n\tprivate readonly _historyEventListener = (e: Event) => this._popState(e)\n\n\tconstructor() {\n\t\tthis.currentKey = 0\n\t\tthis.components = []\n\t\tthis.visible = false\n\t\tthis._uniqueComponent = null\n\t\tthis._closingComponents = []\n\n\t\tthis.view = (): Children => {\n\t\t\treturn m(\n\t\t\t\t\"#modal.fill-absolute\",\n\t\t\t\t{\n\t\t\t\t\toncreate: (_) => {\n\t\t\t\t\t\t// const lastComponent = last(this.components)\n\t\t\t\t\t\t// if (lastComponent) {\n\t\t\t\t\t\t// \tlastComponent.component.backgroundClick(e)\n\t\t\t\t\t\t// }\n\t\t\t\t\t},\n\t\t\t\t\tstyle: {\n\t\t\t\t\t\t\"z-index\": LayerType.Modal,\n\t\t\t\t\t\tdisplay: this.visible ? \"\" : \"none\",\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t\tthis.components.map((wrapper, i, array) => {\n\t\t\t\t\treturn m(\n\t\t\t\t\t\t\".fill-absolute\",\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tkey: wrapper.key,\n\t\t\t\t\t\t\toncreate: (vnode) => {\n\t\t\t\t\t\t\t\t// do not set visible=true already in display() because it leads to modal staying open in a second window in Chrome\n\t\t\t\t\t\t\t\t// because onbeforeremove is not called in that case to set visible=false. this is probably an optimization in Chrome to reduce\n\t\t\t\t\t\t\t\t// UI updates if the window is not visible. setting visible=true here is fine because this code is not even called then\n\t\t\t\t\t\t\t\tthis.visible = true\n\t\t\t\t\t\t\t\tm.redraw()\n\t\t\t\t\t\t\t\tif (wrapper.needsBg) this.addAnimation(vnode.dom as HTMLElement, true)\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tonclick: (event: MouseEvent) => {\n\t\t\t\t\t\t\t\tconst element = event.currentTarget as HTMLElement\n\t\t\t\t\t\t\t\t// This layer div has a single child, the modal component\n\t\t\t\t\t\t\t\tconst child = element.firstElementChild\n\n\t\t\t\t\t\t\t\t// child shouldn't be null but maybe the user click fast idk\n\t\t\t\t\t\t\t\tif (child) {\n\t\t\t\t\t\t\t\t\tconst childRect = child.getBoundingClientRect()\n\n\t\t\t\t\t\t\t\t\tif (!insideRect(event, childRect)) {\n\t\t\t\t\t\t\t\t\t\twrapper.component.backgroundClick(event)\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tstyle: {\n\t\t\t\t\t\t\t\tzIndex: LayerType.Modal + 1 + i,\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\tonbeforeremove: (vnode) => {\n\t\t\t\t\t\t\t\tif (wrapper.needsBg) {\n\t\t\t\t\t\t\t\t\tthis._closingComponents.push(wrapper.component)\n\n\t\t\t\t\t\t\t\t\treturn Promise.all([\n\t\t\t\t\t\t\t\t\t\tthis.addAnimation(vnode.dom as HTMLElement, false).then(() => {\n\t\t\t\t\t\t\t\t\t\t\tremove(this._closingComponents, wrapper.component)\n\n\t\t\t\t\t\t\t\t\t\t\tif (this.components.length === 0 && this._closingComponents.length === 0) {\n\t\t\t\t\t\t\t\t\t\t\t\tthis.visible = false\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t\t\t\t\twrapper.component.hideAnimation(),\n\t\t\t\t\t\t\t\t\t]).then(() => {\n\t\t\t\t\t\t\t\t\t\tm.redraw()\n\t\t\t\t\t\t\t\t\t})\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\tif (this.components.length === 0 && this._closingComponents.length === 0) {\n\t\t\t\t\t\t\t\t\t\tthis.visible = false\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\treturn wrapper.component.hideAnimation().then(() => m.redraw())\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t},\n\t\t\t\t\t\tm(wrapper.component),\n\t\t\t\t\t)\n\t\t\t\t}),\n\t\t\t)\n\t\t}\n\t}\n\n\tdisplay(component: ModalComponent, needsBg: boolean = true) {\n\t\t// move the handler to the top of the handler stack\n\t\twindowFacade.removeHistoryEventListener(this._historyEventListener)\n\t\twindowFacade.addHistoryEventListener(this._historyEventListener)\n\t\tif (this.components.length > 0) {\n\t\t\tkeyManager.unregisterModalShortcuts(this.components[this.components.length - 1].component.shortcuts())\n\t\t}\n\n\t\tconst existingIndex = this.components.findIndex((shownComponent) => shownComponent.component === component)\n\n\t\tif (existingIndex !== -1) {\n\t\t\tconsole.warn(\"Attempting to display the same modal component multiple times!\")\n\t\t\tthis.components.splice(existingIndex, 1)\n\t\t}\n\n\t\tthis.components.push({\n\t\t\tkey: this.currentKey++,\n\t\t\tcomponent: component,\n\t\t\tneedsBg,\n\t\t})\n\t\tm.redraw()\n\t\tkeyManager.registerModalShortcuts(component.shortcuts())\n\t}\n\n\t/**\n\t * notify components that a history state was popped. The Component Stack is notified from the top and the first\n\t * Component to return false will stop underlying components from receiving the notification.\n\t * Components that return true are expected to remove themselves from the Modal stack, eg dropdowns.\n\t * @param e: the DOM Event\n\t * @private\n\t */\n\t_popState(e: Event): boolean {\n\t\tconsole.log(\"modal popstate\")\n\t\tconst len = this.components.length\n\n\t\tif (len === 0) {\n\t\t\tconsole.log(\"no modals to close\")\n\t\t\treturn true\n\t\t}\n\n\t\t// get the keys because we're going to modify the component stack during iteration\n\t\tconst keys = this.components.map((c) => c.key)\n\n\t\tfor (let i = len - 1; i >= 0; i--) {\n\t\t\tconst component = this._getComponentByKey(keys[i])\n\n\t\t\tif (!component) {\n\t\t\t\tconsole.log(\"component went AWOL, continuing\")\n\t\t\t\tcontinue\n\t\t\t}\n\n\t\t\tif (!component.popState(e)) {\n\t\t\t\tconsole.log(\"component handled popstate\")\n\t\t\t\treturn false\n\t\t\t}\n\t\t}\n\n\t\treturn true\n\t}\n\n\t/**\n\t * used for modal components that should only be opened once\n\t * multiple calls will be ignored if the first component is still visible\n\t * @param component\n\t */\n\tdisplayUnique(component: ModalComponent, needsBg: boolean = true) {\n\t\tif (this._uniqueComponent) {\n\t\t\tconsole.log(\"tried to open unique component while another was open!\")\n\t\t\treturn\n\t\t}\n\n\t\tthis.display(component, needsBg)\n\t\tthis._uniqueComponent = component\n\t}\n\n\t_getComponentByKey(key: number): ModalComponent | null {\n\t\tconst entry = this.components.find((c) => c.key === key)\n\t\treturn entry?.component ?? null\n\t}\n\n\tremove(component: ModalComponent): void {\n\t\tconst componentIndex = this.components.findIndex((wrapper) => wrapper.component === component)\n\n\t\tif (componentIndex === -1) {\n\t\t\tconsole.log(\"can't remove non existing component from modal\")\n\t\t\treturn\n\t\t}\n\n\t\tconst componentIsTopmostComponent = componentIndex === this.components.length - 1\n\n\t\tif (componentIsTopmostComponent) {\n\t\t\tconsole.log(\"removed topmost modal component\")\n\t\t\tkeyManager.unregisterModalShortcuts(component.shortcuts())\n\t\t}\n\n\t\tthis.components.splice(componentIndex, 1)\n\n\t\tif (this._uniqueComponent === component) {\n\t\t\tthis._uniqueComponent = null\n\t\t}\n\n\t\tm.redraw()\n\n\t\tif (this.components.length > 0 && componentIsTopmostComponent) {\n\t\t\t// the removed component was the last component, so we can now register the shortcuts of the now last component\n\t\t\tkeyManager.registerModalShortcuts(this.components[this.components.length - 1].component.shortcuts())\n\t\t}\n\t}\n\n\t/**\n\t * adds an animation to the topmost component\n\t */\n\taddAnimation(domLayer: HTMLElement, fadein: boolean): Promise {\n\t\tconst start = 0\n\t\tconst end = 0.5\n\t\treturn animations.add(domLayer, alpha(AlphaEnum.BackgroundColor, theme.modal_bg, fadein ? start : end, fadein ? end : start))\n\t}\n}\n\nexport const modal: Modal = new Modal()\n\nexport interface ModalComponent extends Component {\n\thideAnimation(): Promise\n\n\tonClose(): void\n\n\tshortcuts(): Shortcut[]\n\n\tbackgroundClick(e: MouseEvent): void\n\n\t/**\n\t * will be called by the main modal if no other component above this one blocked the event (previous components returned true)\n\t * return false if the event was handled and lower components shouldn't be notified, true otherwise\n\t * @param e\n\t */\n\tpopState(e: Event): boolean\n}\n","import { assertMainOrNodeBoot } from \"../api/common/Env\"\n\nassertMainOrNodeBoot()\ntype LogCategory = Record\nexport const Cat: Record = {\n\tcss: {\n\t\tname: \"css\",\n\t\tcolor: \"orange\",\n\t},\n\tmithril: {\n\t\tname: \"mithril\",\n\t\tcolor: \"darkgreen\",\n\t},\n\terror: {\n\t\tname: \"error\",\n\t\tcolor: \"red\",\n\t},\n\tinfo: {\n\t\tname: \"info\",\n\t\tcolor: \"lightblue\",\n\t},\n\tdebug: {\n\t\tname: \"debug\",\n\t\tcolor: \"#009688\",\n\t},\n}\nconst activeCategories: LogCategory[] = []\n\nexport function enable(cat: LogCategory) {\n\tactiveCategories.push(cat)\n}\n\nexport function log(category: LogCategory, message: string, ...args: any[]) {\n\tif (activeCategories.indexOf(category) === -1) return\n\tconsole.log(\"%c\" + category.name, \"color:\" + category.color, message, ...args)\n}\n\nexport function timer(category: LogCategory): (...args: Array) => any {\n\tif (activeCategories.indexOf(category) === -1) {\n\t\treturn function () {}\n\t}\n\n\tlet start = window.performance.now()\n\treturn function () {\n\t\treturn Math.round(window.performance.now() - start)\n\t}\n}\n","import { assertMainOrNodeBoot } from \"../api/common/Env\"\n\nassertMainOrNodeBoot()\nexport const size = {\n\ticon_size_xl: 32,\n\ticon_size_large: 24,\n\ticon_size_medium: 16,\n\ticon_message_box: 80,\n\thpad_small: 5,\n\thpad: 10,\n\thpad_medium: 20,\n\thpad_large: 20,\n\thpad_large_mobile: 6,\n\thpad_button: 6,\n\thpad_nav_button: 9,\n\t// 6 + 9 = 15px\n\tvpad_xs: 3,\n\tvpad: 16,\n\tvpad_small: 8,\n\tvpad_ml: 25,\n\tvpad_large: 32,\n\tvpad_xl: 48,\n\ttext_bubble_tpad: 20,\n\tborder_radius_small: 3,\n\tborder_radius: 6,\n\tborder_radius_big: 9,\n\tborder_selection: 4,\n\tfont_size_base: 16,\n\tfont_size_smaller: 14,\n\tfont_size_small: 12,\n\tbutton_height: 44,\n\tbutton_height_accent: 40,\n\tbutton_height_bubble: 30,\n\tbutton_height_compact: 30,\n\tbutton_icon_bg_size: 32,\n\tbutton_floating_size: 56,\n\n\tnavbar_height: 70,\n\tnavbar_height_mobile: 52,\n\tbottom_nav_bar: 50,\n\tnavbar_button_width: 80,\n\tnavbar_edge_width_mobile: 58,\n\theader_logo_height: 38,\n\theader_logo_height_mobile: 32,\n\tlist_row_height: 68,\n\tcolumn_width_s_desktop: 135,\n\tcolumn_width_s_mobile: 70,\n\tline_height: 1.428571429,\n\t// 20/14,\n\tline_height_m: 1.6,\n\tline_height_l: 1.8,\n\n\tget calendar_line_height(): number {\n\t\treturn this.font_size_small + 6\n\t},\n\n\tget calendar_hour_height(): number {\n\t\treturn (this.calendar_line_height + 2 * this.calendar_event_border + this.calendar_day_event_padding) * 4\n\t},\n\n\tcalendar_hour_width: 80,\n\tcalendar_hour_width_mobile: 60,\n\tcalendar_event_margin: 6,\n\tcalendar_event_margin_mobile: 2,\n\tcalendar_event_border: 1,\n\tcalendar_day_event_padding: 2,\n\tdrawer_menu_width: 44,\n\tfirst_col_min_width: 240,\n\tfirst_col_max_width: 300,\n\tsecond_col_min_width: 300,\n\tsecond_col_max_width: 350,\n\tthird_col_min_width: 600,\n\tthird_col_max_width: 2400,\n\n\tget desktop_layout_width(): number {\n\t\treturn this.first_col_min_width + this.second_col_min_width + this.third_col_min_width\n\t},\n\n\tget two_column_layout_width(): number {\n\t\treturn this.second_col_min_width + this.third_col_min_width\n\t},\n\n\tdot_size: 7,\n\tcheckbox_size: 14,\n}\nexport const inputLineHeight: number = size.font_size_base + 8\n\nexport function px(value: number): string {\n\treturn value + \"px\"\n}\n","import { Cat, log, timer } from \"../misc/Log\"\nimport { size } from \"./size\"\nimport { assertMainOrNodeBoot, isAdminClient, isTest } from \"../api/common/Env\"\nimport { windowFacade } from \"../misc/WindowFacade\"\nimport { theme, themeController } from \"./theme\"\nimport { assertNotNull, neverNull } from \"@tutao/tutanota-utils\"\nimport { client } from \"../misc/ClientDetector\"\n\nassertMainOrNodeBoot()\n\nexport type StyleSheetId = \"main\" | \"outline\"\n\n/**\n * Writes all styles to a single dom